body {margin:0 auto; background:#d6e7f6; } body, a {font:normal 12px Arial; color:#5092b9; overflow-x:hidden; } div,a, img, a:hover{margin:0; text-decoration:none; border:none} .clear {float:left; width:100%; clear:both; height:1px; line-height:1px; font-size:1px;} /* Layout */ .wrap_content {width:780px; margin:0 auto; margin-bottom:-4px} #block_top {width:100%; height:166px} #block_navi_vietnam {width:100%; height:35px; margin:0 0 15px 0} #block_navi_english {width:100%; height:35px; margin:0 0 15px 0} #block_content_left, #block_content_right {float:left; width:188px /* -52px */; _display:inline; _background:none} #block_content_center {float:left; width:383px /* -107px */; margin:0 10px; _display:inline} .labeltip{ color:#FF0000; font-size:10px} #block_footer {float:left; width:100%; height:64px; margin:35px 0 0 0; _margin:20px 0 0 0; padding:24px 0 0 0; background:url(../images/layout/bgr_footer.jpg) repeat-x; color:#FFFFFF} /* e:Layout */ /* Top */ #block_top {background:url(../images/layout/bgr_top.jpg);} #top_right {float:right; width:540px; height:166px; overflow:hidden;} /* Logo */ .top_logo {float:left; width:237px; height:100%} /* e:Logo */ /* Lang */ a.lang_en, a.lang_vi {float:right; width:28px; height:17px} a.lang_en {background:url(../images/layout/btn_lang_en.jpg) no-repeat;} a.lang_vi {background:url(../images/layout/btn_lang_vi.jpg) no-repeat;} /* e:Lang */ /* Adv */ .top_adv {float:left; width:100%; height:80px; margin:23px 0; text-align:right} /* e:Adv */ /* Search */ .top_search {float:right; width:285px; height:25px; background:url(../images/layout/bgr_top_search.jpg) right no-repeat} .top_search input {float:right; width:220px; height:20px; padding:5px 0 0 0; font:normal 10px Tahoma; color:#FFFFFF; border:none; background:none; text-align:right} input.top_search_submit {float:right; width:31px; height:25px; border:none; background:url(../images/layout/bgr_top_search_submit.jpg) no-repeat; cursor:pointer} /* e:Search */ /* e:Top */ /* Navi */ #block_navi_vietnam {background:url(../images/layout/bgr_navi.gif) no-repeat} #block_navi_vietnam a {float:left; padding:0 14px; font:bold 12px/35px Arial; color:#FFF; background:url(../images/layout/bgr_navi_slash.jpg) right no-repeat;} #block_navi_vietnam a:hover {color:#bae9fc} #block_navi_vietnam a.end {background:none;} #block_navi_english {background:url(../images/layout/bgr_navi.gif) no-repeat} #block_navi_english a {float:left; padding:0 12px; font:bold 12px/35px Arial; color:#FFF; background:url(../images/layout/bgr_navi_slash.jpg) right no-repeat;} #block_navi_english a:hover {color:#bae9fc} #block_navi_english a.end {background:none;} /* e:Navi */ /* Box-cate */ .box_cate {float:left; width:100%; margin:0 0 15px 0} .box_cate h1 {width:153px; height:42px; padding:0 0 0 35px; overflow:hidden; margin:0} .box_cate h1 a {font:bold 12px/28px Arial;} .box_cate .content {float:left; width:184px; padding:0 1px 15px; border:1px solid #a3cbea; border-top:none; background:#FFF} .box_cate .content a {float:left; width:158px; height:20px; padding:0 0 0 26px; font:normal 12px/20px Arial; color:#2081c0; background:url(../images/layout/ico_list.gif) 10px 0 no-repeat; } .box_cate .content a:hover {color:#FFF; background:url(../images/layout/ico_arr_hover.gif) 10px 0 no-repeat;} .box_cate .content a:visited {color:#009900} .box_cate .content_support {float:left; width:184px; padding:0 1px 15px; border:1px solid #a3cbea; border-top:none; background:#FFF} .box_cate .content_support a {float:left; width:158px; height:20px; padding:0 0 0 26px; font:normal 12px/20px Arial; color:#2081c0; } .box_cate .content_support a:hover {color:#FFF; } .box_cate .content_support a:visited {color:#009900} .box_cate .content_advert {float:left; width:184px; padding:0 1px 15px; border:1px solid #a3cbea; border-top:none; background:#FFF} .box_cate .content_advert a {float:left; width:158px; height:20px; padding:0 0 0 13px; font:normal 12px/20px Arial; color:#2081c0; } .box_cate .content_advert a:hover {color:#FFF; } .box_cate .content_advert a:visited {color:#009900} .box_cate .content_ads {float:left; width:184px; padding:0 1px 2px; border:1px solid #a3cbea; border-top:none; background:#FFF} .box_cate .content_ads a {float:left; width:170px; height:20px; padding:0 0 0 10px; font:normal 12px/20px Arial; color:#2081c0; } .box_cate .content_ads a:hover {color:#2081c0; } .box_cate .content_ads a:visited {color:#009900} /* Light blue */ .light_blue h1 {background:url(../images/layout/bgr_box_title_lightblue.gif) no-repeat;} .light_blue h1 a {color:#0d537c} .light_blue .content a:hover{background-color:#a3cbea} /* e:Light blue */ /* Light pink */ .light_pink h1 {background:url(../images/layout/bgr_box_title_lightpink.jpg) no-repeat;} .light_pink h1 a {color:#0d537c} .light_pink .content a:hover{background-color:#f2caaa} /* e:Light pink */ /* Light green */ .light_green h1 {background:url(../images/layout/bgr_box_title_lightgreen.jpg) no-repeat;} .light_green h1 a {color:#0d537c} .light_green .content a:hover{background-color:#b4d181} /* e:Light green */ /* List news */ .list_news h1 {background:url(../images/layout/bgr_box_title_lightgrey.jpg) no-repeat;} .list_news h1 a {color:#000} .list_news .content {margin-top:-5px} .list_news .content a:hover{background:none} .list_news .content a:visited {color:#009900} .list_news .content a, .list_news .content a:hover {float:left; width:158px; height:auto; padding:10px 0 10px 26px; font:normal 12px/20px Arial; color:#2081c0; background:url(../images/layout/ico_list_news.gif) 10px 15px no-repeat; border-bottom:1px solid #d2d2d2;} .list_news .content a:hover {color:#7d7d7d} .list_news .content a:visited {color:#009900} .list_news .content a.end, .list_news .content a.end:hover{border:none; margin-bottom:-10px} .box_cate .content_user {float:left; width:236px; padding:0 1px 15px; border:1px solid #a3cbea; border-top:none; background:#FFF} .box_cate .content_user a {float:left; width:210px; height:25px; padding:0 0 0 26px; font:normal 12px/20px Arial; color:#2081c0; background:url(../images/layout/ico_list.gif) 10px 0 no-repeat; } .box_cate .content_user a:hover {color:#FFF; background:url(../images/layout/ico_arr_hover.gif) 10px 0 no-repeat;} .box_cate .content_user a:visited {color:#009900} .list_news .content_user {margin-top:-5px} .list_news .content_user a:hover{background:none} .list_news .content_ad {margin-top:-5px} .list_news .content_ad a:hover{background:none} .list_news .content_user a, .list_news .content_user a:hover {float:left; width:210px; height:auto; padding:10px 0 10px 26px; font:normal 12px/20px Arial; color:#2081c0; background:url(../images/layout/ico_list_news.gif) 10px 15px no-repeat; border-bottom:1px solid #d2d2d2;} .list_news .content_user a:hover {color:#7d7d7d} .list_news .content_user a:visited {color:#009900} .list_news .content_user a.end, .list_news .content_user a.end:hover{border:none; margin-bottom:-10px} /* e:List news */ /* e:Box-cate */ /* Support */ .support {float:left; width:183px; height:150px; background:url(../images/layout/bgr_support.jpg) no-repeat; position:relative; display:inline} .support a.ym {position:absolute; width:30px; height:30px; top:40px; left:60px;} .support a.sk {position:absolute; width:30px; height:30px; top:40px; left:100px;} .support .tel {position:absolute; width:60px; height:40px; top:30px; left:125px; color:#72a9cb; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; float:left; display:inline} .support .tel2 {position:absolute; width:240px; height:40px; top:100px; left:10px; color:#FF6600; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; float:left; display:inline} .support .tel2 p {position:absolute; width:180px; left:60px; color:#FF0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; float:left; display:inline} .support .tel3 {position:absolute; width:240px; height:40px; top:130px; left:10px; color:#FF6600; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; float:left; display:inline} .support .tel3 p {position:absolute; width:180px; left:60px; color:#FF0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; float:left; display:inline} /* e:Support */ /* Rounded box */ .box_rounded {float:left; width:100%; display:inline} .box_rounded .top {float:left; width:100%; height:6px; background:url(../images/layout/bgr_rounded_big_top.gif) no-repeat; font-size:1px; } .box_rounded .bot {float:left; width:100%; height:6px; background:url(../images/layout/bgr_rounded_big_bot.gif) no-repeat; font-size:1px; } .box_rounded .content {float:left; width:371px; padding:0 5px; border-left:1px solid #a3cbea; border-right:1px solid #a3cbea; background:#FFF} /* e:Rounded box */ /* Home product */ .home_product {float:left;} .home_product .home_product_list {float:left; width:100%; margin:0 0 30px 0; } .home_product .home_product_list p {float:left; width:100%; height:18px; margin:0;} .home_product .home_product_list a {font:bold 11px Arial; color:#5092b9;} .home_product .home_product_list a:hover {color:#0d537c} .home_product .home_product_list a:visited {color:#009900} .home_product .home_product_list table {float:left; width:293px; margin:0;} .home_product {float:left;} .home_product .home_news_list {float:left; width:100%; margin:0 0 30px 0; } .home_product .home_news_list p {float:left; width:100%; } .home_product .home_product_list p a {font: 12px Arial; color:#000000;} .home_product .home_product_list p a:hover {color:#0d537c} .home_product .home_product_list p a:visited {color:#009900} .home_product .home_news_list a {font:bold 11px Arial; color:#000000;} .home_product .home_news_list a:hover {color:#0d537c} /* title */ .home_product h1 {float:left; width:353px; height:29px; padding:0 0 0 15px; margin:0 0 10px 0; font:bold 14px/29px Arial; color:#0d537c; overflow:hidden; background:url(../images/layout/bgr_title_center.jpg) no-repeat;} .home_product h1 a {font:bold 14px/29px Arial; color:#0d537c;} .home_product h1 a:hover{color:#119ced} .home_product h1 a:visited {color:#009900} .home_product h3 {float:left; width:353px; padding:0 0 0 15px; margin:0 0 10px 0; font:bold 14px/18px Arial; color:#0d537c; overflow:hidden; background:url(../images/layout/bgr_title_center2.jpg) no-repeat} .home_product h3 a {font:bold 14px/28px Arial; color:#0d537c;} .home_product h3 a:hover{color:#119ced} .home_product h3 a:visited {color:#009900} /* e:title */ /*News*/ .home_product a.home_news_thumb {float:left; width:124px; padding:1px; border:1px solid #a3cbea;} .home_product a.home_news_thumb:hover {background:#a3cbea;} .home_product .home_news_thumb img {width:124px; } /* e:thumb */ /* info */ .home_product .home_news_info {float:right; width:333px; display:inline} .home_product .home_news_info h2 {float:left; width:100%; height:24px; margin:0; font:bold 12px Arial; color:#5092b9;} .home_product .home_news_info h2 a {font:bold 12px Arial; color:#5092b9;} .home_product .home_news_info h2 a:hover {color:#0d537c} .home_product .home_news_info h2 a:visited {color:#009900} .home_product .home_news_info .list {float:left; width:100%; margin:0 0 3px 0; font: 12px Arial; color:#000000;} .home_product .home_news_info p {float:left; width:100%; height:18px; margin:0;font: 12px Arial; color:#000000;} .home_product .home_news_infoimage {float:right; width:100%; display:inline} .home_product .home_news_infoimage h2 {float:left; width:100%; height:24px; margin:0; font:bold 12px Arial; color:#5092b9;} .home_product .home_news_infoimage h2 a {font:bold 12px Arial; color:#000000;} .home_product .home_news_infoimage h2 a:hover {color:#0d537c} .home_product .home_news_infoimage h2 a:visited {color:#009900} .home_product .home_news_infoimage .list {float:left; width:100%; margin:0 0 3px 0; font:12px Arial; color:#000000;} .home_product .home_news_infoimage p {float:left; width:100%; height:18px; margin:0;font: 12px Arial; color:#000000;} .home_product .home_news_infoimage p a {font:bold 12px Arial; color:#000000;} .home_product .home_news_infoimage p a:hover {color:#0d537c} /* thumb */ .home_product a.home_product_thumb {float:left; width:124px; height:124px; padding:1px; border:1px solid #a3cbea;} .home_product a.home_product_thumb:hover {background:#a3cbea;} .home_product .home_product_thumb img {width:124px; height:124px;} /* e:thumb */ /* info */ .home_product .home_product_info {float:right; width:226px; display:inline;} .home_product .home_product_info h2 {float:left; width:100%; margin:0; font:bold 12px Arial; color:#5092b9;} .home_product .home_product_info h2 a {font:bold 12px Arial; color:#5092b9;} .home_product .home_product_info h2 a:hover {color:#0d537c} .home_product .home_product_info h2 a:visited {color:#009900} .home_product .home_product_info .list {float:left; width:100%; margin:0 0 3px 0; font:12px Arial; color:#5092b9;} .home_product .home_product_info .list p {float:left; width:90px; height:18px; margin:0;} .home_product .home_product_info_detail {float:left; width:348px; margin:0 0 0 20px; display:inline} .home_product .home_product_info_detail h2 {float:left; width:100%; height:26px; margin:0; font:bold 14px Arial; color:#5092b9;} .home_product .home_product_info_detail h2 a {font:bold 14px Arial; color:#5092b9;} .home_product .home_product_info_detail h2 a:hover {color:#0d537c} .home_product .home_product_info_detail h2 a:visited {color:#009900} .home_product .home_product_info_detail .list {float:left; width:100%; margin:3px 0; border-bottom:1px solid #CCCCCC; padding-bottom:5px} .home_product .home_product_info_detail .list p {float:left; width:150px; margin:0; font-weight:bold} .home_product .home_raovat_info_detail {float:left; width:348px; margin:0 0 0 20px; display:inline} .home_product .home_raovat_info_detail h2 {float:left; width:100%; height:26px; margin:0; font:bold 14px Arial; color:#5092b9;} .home_product .home_raovat_info_detail h2 a {font:bold 14px Arial; color:#000000;} .home_product .home_raovat_info_detail h2 a:hover {color:#0d537c} .home_product .home_raovat_info_detail .list {float:left; width:100%; margin:3px 0; border-bottom:1px solid #CCCCCC; padding-bottom:5px; color:#000000} .home_product .home_raovat_info_detail .list p {float:left; width:75px; margin:0; font-weight:bold; color:#000000} /*Form contact*/ .home_product .home_product_contact {float:left; width:340px; margin:0 0 0 20px; display:inline} .home_product .home_product_contact h2 {float:left; width:100%; height:26px; margin:0; font:bold 14px Arial; color:#5092b9;} .home_product .home_product_contact h2 a {font:bold 14px Arial; color:#5092b9;} .home_product .home_product_contact h2 a:hover {color:#0d537c} .home_product .home_product_contact .list {float:left; vertical-align:middle; width:100%; margin:0px 0; border-bottom:1px solid #FFFFFF; padding-bottom:0px} .home_product .home_product_contact .list p {float:left; vertical-align:middle; width:110px; margin:0; height:20px; } /*Form Search*/ .home_product .home_product_search {float:left; width:340px; margin:0 0 0 20px; display:inline} .home_product .home_product_search h2 {float:left; width:100%; height:26px; margin:0; font:bold 14px Arial; color:#5092b9;} .home_product .home_product_search h2 a {font:bold 14px Arial; color:#5092b9;} .home_product .home_product_search h2 a:hover {color:#0d537c} .home_product .home_product_search .list {float:left; vertical-align:middle; width:100%; margin:5px 0; border-bottom:1px solid #FFFFFF; padding-bottom:5px} .home_product .home_product_search .list p {float:left; vertical-align:middle; width:110px; margin:0; height:20px; } /* e:info */ /* view detail */ .home_product .home_product_info .view_detail{float:left; width:216px; height:20px; padding:3px 0 0 5px; background:url(../images/layout/bgr_viewdetail.jpg) no-repeat;} .home_product .home_product_info .view_detail a.detail{float:left; width:85px; padding:0 0 0 20px; background:url(../images/layout/ico_detail.gif) left -4px no-repeat; color:#b43f1c} .home_product .home_product_info .view_detail a.detail:hover{text-decoration:underline} .home_product .home_product_info .view_detail a.order{float:right; width:85px; padding:0 0 0 20px; background:url(../images/layout/ico_chart.gif) left no-repeat; color:#444343} .home_product .home_product_info .view_detail a.order:hover{text-decoration:underline} .home_product .home_product_info_detail .view_detail{float:right; width:340px; height:20px; margin:10px 0 5px 0; padding:3px 0 0 5px; background:url(../images/layout/bgr_viewdetail2.jpg) no-repeat;} .home_product .home_product_info_detail .view_detail a.detail{float:left; width:85px; padding:0 0 0 20px; background:url(../images/layout/ico_detail.gif) left -4px no-repeat; color:#b43f1c} .home_product .home_product_info_detail .view_detail a.detail:hover{text-decoration:underline} .home_product .home_product_info_detail .view_detail a.order{float:right; width:85px; padding:0 0 0 20px; background:url(../images/layout/ico_chart.gif) left no-repeat; color:#444343} .home_product .home_product_info_detail .view_detail a.order:hover{text-decoration:underline} /* e:view detail */ .view_detail_title{float:left; width:348px; height:23px; padding:0 0 0 20px; margin:0 0 10px 0; background:url(../images/layout/bgr_viewdetail2.jpg) no-repeat; font:bold 12px/23px Arial} .view_detail_raovat_title{float:left; width:348px; height:23px; padding:0 0 0 20px; margin:0 0 10px 0; background:url(../images/layout/bgr_viewdetail2.jpg) no-repeat; font:bold 12px/23px Arial; color:#000000} .view_search_title{float:left; width:348px; height:23px; padding:0 0 0 18px; margin:0 0 5px 0; background:url(../images/layout/bgr_viewdetail2.jpg) no-repeat; font:bold 12px/23px Arial} /* e:Adv */ .home_adv h1{float:left; width:155px; height:25px; padding-left:31px; margin:0px 0px 10px 0px; background:url(../images/layout/bgr_sponsor.jpg) no-repeat; font:bold 12px/25px Arial; color:#235e81;} .home_adv h1 a, .home_adv h1 a:hover{font:bold 12px Arial; color:#235e81;} .home_adv img{float:left; margin:2px} /* e:Adv */ /* footer */ #block_footer{text-align:center; color:#939393;} .footer_menu{float:left; width:100%; text-align:center; margin:0px 0 10px} .footer_menu a{padding:0 5px; font:normal 12px Arial; color:#FFF; font-weight:bold} .footer_menu a:hover{text-decoration:underline} /* e:footer */ .form_contact {margin:0px 0} .form_contact .textarea-input{ border:1px solid #CCC; font-family:Tahoma,Helvetica,sans-serif; font-size:12px; color:#5092b9; font-weight:normal; margin:2px 0; padding:2px 5px; background-color:#FFF } .labelform{ float:left; vertical-align:middle font-family:Arial,Helvetica,sans-serif; color:#5092b9; font-size:12px; } .form_contact .Button_submit{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#5092b9; border: 1px solid #C0C0C0; background-color: #FFFFFF; height:20;cursor:pointer } /* e:Home product */