/* CSS Document */

body{
    padding:0;
    margin:0;
    border:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333333;
    line-height:140%;
    background-color:#f3f3f3;
}

.main {
    width: 1006px;
    margin: 0 auto 3px;

    position: relative;

    background: #fff;
    box-shadow: 0 3px 5px #A7A7A7;
}
.banner img{
    display:block;
}
/* Menu:start */
.menu {
    margin: 0;
    padding: 0;
    height: 35px;

    color: #000;
    font-weight: bold;

    background-image: url("../images/bg_menu.jpg");
    background-repeat: repeat-x;
}
.menu img{
    display:block;
    margin-bottom:1px;
}
.menu_home {
    vertical-align: bottom;
    padding-bottom:8px
}
.menu a {
    color: #000;
    font-size: 13px;
    text-decoration: none;
}
.menu a:hover {
    color: red;
}
.menu a.active{
    color: red;
    font-weight:bold;
}
.tblhost_price{ font-size:14px; font-weight:bold; color:#F00; text-align:left; padding-bottom:3px}
.class_hosting{ background:#f1f8fc; color:#06F; font-size:13px; font-weight:bold }
.class_hosting_black{ background:#f1f8fc; color:#000; font-size:13px; font-weight:bold }
.font_black{color:#000; font-size:13px; font-weight:bold }
.clear5{ padding-bottom:5px}
.font_red{ color:#F00}
.bg_dm{ background:#06F; height:35px; color:#FFF; text-align:center; vertical-align:middle; font-weight:bold}
.bg_card{ background:url(../images/bg_card.jpg) repeat-x; height:35px; color:#FFF; text-align:center; vertical-align:middle; font-weight:bold}
.bg_dm_red{ background:#F00; height:35px; color:#FFF; text-align:center; vertical-align:middle; font-weight:bold}
.bg_dm_download{ background:url(../images/bg_download.jpg) no-repeat; height:35px; color:#FFF; text-align:center; vertical-align:middle; font-weight:bold}
.border_dm{ border-bottom:1px solid #999; border-left:1px solid #999; border-right:1px solid #999; background:#FFF;}
.border_member{ border-bottom:1px solid #999; border-left:1px solid #999; border-right:1px solid #999;}
.border_dm_all{ border:1px solid #999; background:#FFF;}
.icon_card{ width:50px; float:right; text-align:center; color:#000; margin-top:12px;}
.icon_card_text{ width:90px; float:left; text-align:center; color:#FFF; margin-top:10px; margin-left:30px}
.icon_online{ width:100%; float:left; text-align:center; color:#FFF; margin-top:10px; background:url(../images/bg_online.png) no-repeat; height: 62px;}

/* Domain */
.bg_domain{ background:url(../images/bg_domain.png) no-repeat left top; height:200px; width:570px;}
.bg_hosting{ background:url(../images/bg_hosting.png) no-repeat left top; height:200px; width:570px;}
.bg_web{ background:url(../images/bg_web.png) no-repeat left top; height:200px; width:570px;}
.bg_doamin_top{ float:left; padding:10px; width:550px;}
.bg_domainqt_top{ float:left; width:240px; text-align:left;}
.bg_domainqt_top h1{ font-size:14px; color:#F00; margin:5px 0;}
.bg_domainqt_top h2{color:#000; margin:0; font-weight:100; font-size:12px; text-align:justify; line-height:150%; height:100px}
.bg_domainqt_top h3{ font-size:22px; color:#F00; margin:0; font-weight:bold; float:right}
.bg_domainqt_top h3 span{ font-size:12px; color:#000; font-weight:bold; float:left; margin:0; padding-top:3px; vertical-align:bottom}
.bg_domainqt_top h3 span a{ text-decoration:none; color:#333; vertical-align:bottom} .bg_domainqt_top h3 span a:hover{ text-decoration:underline; color:#000;}
.bg_domainvn_top{ float:right; width:240px; text-align:left; margin-left:25px;}
.bg_domainvn_top h1{ font-size:14px; color:#F00; margin:5px 0;}
.bg_domainvn_top h2{ color:#000; margin:0; font-weight:100; font-size:12px; text-align:justify; line-height:150%; height:100px}
.bg_domainvn_top h3{ font-size:22px; color:#F00; margin:0; font-weight:bold; float:right}
.bg_domainvn_top h3 span{ font-size:12px; color:#000; font-weight:bold;float:left; padding-top:3px}
.bg_domainvn_top h3 span a{ text-decoration:none; color:#333} .bg_domainvn_top h3 span a:hover{ text-decoration:underline; color:#000;}
.bg_doamin_bottom{ float:left; padding:10px; width:100%;}
.bg_domainvn_top{ float:left; width:280px;}

.bg_main_top{ border-bottom:2px solid #F00; text-align:left; color:#000; font-size:13px; font-weight:bold; height:25px; margin-top:5px}
.bg_main_top h1{background:url(../images/icon_red.png) no-repeat 2px 0; font-size:13px; margin:0}
.bg_main_top span { margin-left:20px;}
.buttonOrange{ background:#06F; color:#FFF; padding:3px 12px; border:0; font-style:italic; font-size:14px; cursor:pointer; border-radius:3px 0 3px 0}
.buttonRed{ background:url(../images/bg_dm_red.jpg) no-repeat; color:#FFF; padding:5px 15px; border:0; width:75px; font-style:italic; font-size:14px; cursor:pointer; border-radius:3px 0 3px 0; text-decoration:none}
.content_main{ text-align:left; vertical-align:top; padding:0 10px}

.title_website{ margin:0;}
.title_website h2{ margin:0; color:#F00; font-size:13px; padding:0; font-weight:bold; text-transform:uppercase}
.title_website h2 a{ text-decoration:none; color:#F00}
.title_website h2 a:hover{ text-decoration:none; color:#03F}
.title_website h3{ margin:0; padding:0; text-align:right; border-bottom:1px dotted #CCC}
.Line_page{ border-bottom:1px dotted #CCC; height:10px;}
.font_link{ color:#000; text-decoration:none; font-size:13px;}
.border_style{ border:1px solid #CCC}
/* Member */
.bg_member{ background:url(../images/bg_member.jpg) no-repeat top center; height:195x;}
.input_login{ width:110px; height:16px; border:1px solid #999; color:#333}
.input_quenpassword{ width:180px; height:16px; border:1px solid #CCC; color:#333}
.input_dangkymoi{ width:250px; height:16px; border:1px solid #CCC; color:#333}
.bg_title_member{ font-size:13px; font-weight:bold; color:#000; border-bottom:1px solid #999}
.buttonlogin{ background:#06F; color:#FFF; padding:1px 5px; border:0; border-radius:3px; cursor:pointer}
.font-red{ font-size:12px; font-weight:bold; padding-left:50px}

/* TREE MENU */
.treeview{ padding:0; margin:0}
.treeview ul{ display:none; padding:0;}
.treeview li{width:100%; padding:3px 0px 3px 25px; list-style:none; background:url(../images/icon_other.gif) no-repeat 7px 8px; font-size:13px;}
.treeview li a:hover{ color:#333; text-decoration:underline}
.treeview li a{text-decoration:none; width: 100%; color:#000;}

.logo{ padding:0; margin:0;}
.logo ul{ display:none; padding:0; list-style:none;}
.logo li{ list-style:none; padding:2px 0}

.bg_line_bottom{ background:url(../images/bg_line_bottom.jpg) repeat-x top; height:15px;}
/* Menu:end */
/* Left:start */
.left_support{ background:#f5f5f5; border:1px solid #CCC; float:left; text-align:center; width:100%;}
.left_kinhdoanh{ text-align:center; font-size:14px; line-height:150%; padding-bottom:20px; color:#666}
.left_kythuat{ text-align:center; font-size:14px; line-height:150%; padding-bottom:20px; color:#666; padding-right:20px}
.style_border{ border:1px solid #CCC}
/* Left:end */
/* center:start */
.center_title{ background:#d8d8d8; color:#FFF; font-size:14px; height:30px;}
.center_title span{ background:#00a651; height:30px; padding:4px 20px; text-decoration:none; font-family:"Myriad Pro"; font-size:18px; border-right:2px solid #FFF}
.font_28_green{ color:#00a651; font-size:28px;}
/* center:end */

/* footer:start */
.bg_footer{ border-top:2px solid #666; color:#999999; padding:10px 10px 5px 10px; background:url(../images/bottom_bg.png) repeat-x top}
.footer_design{ float:left; width:450px; text-align:left; color:#333}
.footer_share{ float:right; width:400px; text-align:right}
.footer_share a{ text-decoration:none;}
/* footer:end */

a.class_org:visited{ text-decoration:none; color:#03F}
a.class_org:link{ text-decoration:none; color:#03F}
a.class_org:hover{ text-decoration:underline; color:#333}

a.class_red:visited{ text-decoration:none; color:#F00}
a.class_red:link{ text-decoration:none; color:#F00}
a.class_red:hover{ text-decoration:underline; color:#03F}