body
{	
	background-color: #ffffff;
	background-repeat: repeat;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	margin: 0px auto;
}
.pages
{
	background-color: #ffffff;
	background-repeat: repeat;
	width: 926px;
	height: auto;
	padding: 0px;	
	margin: 0px auto;
}
.pages .pageconten
{
	background-color: #ffffff;
	background-repeat: repeat;
	width: 926px;
	height: auto;
	margin: 0px;
	padding: 0px;	
	float: left;
	display: inline;
}
.pages .pageconten .header
{
	width: 100%;
	margin: 0px;
	padding: 0px;	
	height: auto;
	display: inline;
	float:left;
}
.pages .pageconten .center
{
	width: 100%;
	margin: 0px;
	padding: 0px;	
	height: auto;
	margin-top: 0px;
	display: inline;
	float:left;
}
.pages .pagebottom
{
	background-color: #ffffff;
	background-repeat: repeat;
	width: 926px;
	height: auto;
	padding: 0px;	
	margin-top: 3px;
	display: inline;
	float: left;
}
.writetitle
{
	color: #cf6501;
	font-weight: bold;
	font-size: 18px;
}
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: ".";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/*-------------- end frame ---------------*/
/*--------------- top menu ---------------*/
.top_left
{
	background-image: url(../Images/Home/bg_menu_top_left.gif);
	background-repeat: no-repeat;
	width: 11px;
	font-size: 1px;
	height: 44px;
	float:left;
}
.top_center
{
	background-image: url(../Images/Home/bg_menu_top_center.gif);
	background-repeat: repeat-x;
	width: 904px;
	height: 44px;
	float:left;
}
.top_right
{
	background-image: url(../Images/Home/bg_menu_top_right.gif);
	background-repeat: no-repeat;
	width: 11px;
	font-size: 1px;
	height: 44px;
	float:right;
}
a.menu_top, a.nav:visited{
	color : #ffffff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

a.menu_top:hover, a.nav:visited:hover{
	color : #ffffff;
	text-decoration : underline;
	font-size: 12px;
	font-weight: bold;
}
/*--------------- end top menu -----------*/
#headers
{
	background-color: #ffffff; 
	width: 926px; 
	height: auto;
	margin-top: 0px;
	float: left;
	display: inline;
}
#centers
{
	background-color: #ffffff; 
	width: 926px; 
	height: auto;
	margin:3px 0px 0px 0px;
	float: left;
	display: inline;
	position:relative;
}
#footers
{
	background-color: #ffffff; 
	width: 926px; 
	height: auto;
	margin:0px;
	padding: 0px;
	float: left;
	display: inline;
}
/*--------------- Left menu -----------*/
.left_desc
{
	width: 212px;
	margin: 0px;
	padding: 0px;	
	height: auto;
	margin-top: 0px;
	display: inline;
	float:left;
}
#left_desc
{
	width: 212px;
	margin: 0px;
	padding: 0px;	
	height: auto;
	margin-top: 0px;
	display: inline;
	float:left;
}
.left_top
{
	background-image: url(../Images/Home/bg_box_left_top.gif);
	background-repeat: no-repeat;
	width: 212px;
	font-size: 1px;
	height: 10px;
	float:left;
}
.left_center
{
	background-image: url(../Images/Home/bg_box_left_center.gif);
	background-repeat: repeat-y;
	width: 212px;
	height: auto;
	float:left;
}
.left_bottom
{
	background-image: url(../Images/Home/bg_box_left_bottom.gif);
	background-repeat: no-repeat;
	width: 212px;
	font-size: 1px;
	height: 10px;
	float:left;
}
.left_menu
{
	width: 173px;
	height: auto;
	margin: 0px 19px 0px 20px;
	display: inline;
	position: relative;
	float:left;
}
.left_bg_menu
{
	background-image: url(../Images/Home/bg_menu_left.gif);
	background-repeat: no-repeat;
	width: 173px;
	height: 31px;
	display: inline;
	position: relative;
	float:left;
}
/*--------------- End left menu -----------*/
.center_content
{
	width: 705px;
	margin: 0px 0px 0px 9px;
	padding: 0px;	
	height: auto;
	margin-top: 0px;
	display: inline;
	float:left;
}
/*--------------- Pro Top -----------*/
.pro_top
{
	width: 705px;
	padding: 0px;	
	height: 52px;
	margin-top: 0px;
	display: inline;
	float:left;
}
.pro_top_left
{
	background-image: url(../Images/Home/bg_pro_top_left.gif);
	background-repeat: no-repeat;
	width: 13px;
	font-size: 1px;
	height: 52px;
	float:left;
	display: inline;
}
.pro_top_center
{
	background-image: url(../Images/Home/bg_pro_top_center.gif);
	background-repeat: repeat-x;
	width: 679px;
	height: 52px;
	float:left;
	display: inline;
}
.pro_top_right
{
	background-image: url(../Images/Home/bg_pro_top_right.gif);
	background-repeat: no-repeat;
	width: 13px;
	font-size: 1px;
	height: 52px;
	float:left;
	display: inline;
}
/*--------------- End Pro Top -----------*/
/*--------------- Center Top -----------*/
.center_desc
{
	width: 464px;
	margin: 0px;
	padding: 0px;	
	height: auto;
	margin-top: 3px;
	display: inline;
	float:left;
}
.center_desc_top
{
	background-image: url(../Images/Home/bg_box_center_top.gif);
	background-repeat: no-repeat;
	width: 464px;
	font-size: 1px;
	height: 10px;
	float:left;
	display: inline;
}
.center_desc_center
{
	background-image: url(../Images/Home/bg_box_center_center.gif);
	background-repeat: repeat-y;
	width: 464px;
	height: auto;
	float:left;
	display: inline;
}
.center_desc_bottom
{
	background-image: url(../Images/Home/bg_box_center_bottom.gif);
	background-repeat: no-repeat;
	width: 464px;
	font-size: 1px;
	height: 10px;
	float:left;
	display: inline;
}
/*--------------- End Center Top -----------*/
/*--------------- Right Top -----------*/
.right_desc
{
	width: 232px;
	margin: 0px 0px 0px 9px;
	padding: 0px;	
	height: auto;
	margin-top: 3px;
	display: inline;
	float:left;
}
.right_desc_content
{
	width: 232px;
	margin: 0px 0px 0px 0px;
	padding: 0px;	
	height: auto;
	margin-top: 0px;
	display: inline;
	float:left;
}
.right_desc_content_top
{
	background-image: url(../Images/Home/bg_box_right_top.gif);
	background-repeat: no-repeat;
	width: 232px;
	font-size: 1px;
	height: 10px;
	float:left;
	display: inline;
}
.right_desc_content_center
{
	background-image: url(../Images/Home/bg_box_right_center.gif);
	background-repeat: repeat-y;
	width: 232px;
	height: auto;
	float:left;
	display: inline;
}
.right_desc_content_bottom
{
	background-image: url(../Images/Home/bg_box_right_bottom.gif);
	background-repeat: no-repeat;
	width: 232px;
	font-size: 1px;
	height: 10px;
	float:left;
	display: inline;
}
/*--------------- Right Top -----------*/
/*--------------- Footer menu -----------*/
.footers_left
{
	background-image: url(../Images/Home/bg_footer_left.gif);
	background-repeat: no-repeat;
	width: 8px;
	font-size: 1px;
	height: 103px;
	float:left;
	display: inline;
}
.footers_center
{
	background-image: url(../Images/Home/bg_footer_center.gif);
	background-repeat: repeat-x;
	width: 910px;
	height: 103px;
	float:left;
	display: inline;
}
.footers_right
{
	background-image: url(../Images/Home/bg_footer_right.gif);
	background-repeat: no-repeat;
	width: 8px;
	font-size: 1px;
	height: 103px;
	float:left;
	display: inline;
}
/*--------------- end footer menu -----------*/
.textbox_email
{
	border:solid 1px #bfbbbc;
    width:140px;
    height:18px;	
    font-size: 12px;
    color: #b6b6b7;
}
.textbox_search
{
	border:solid 1px #bfbbbc;
    width:200px;
    height:14px;	
    font-size: 12px;
}
.title_body
{
	background-image: url(../Images/Home/bg_title_body.gif);
	background-repeat: no-repeat;
	width: 438px;
	margin: 0px 13px 0px 13px;
	height: 36px;
	float:left;
	display: inline;
}
.title_messgbox
{
	background-image: url(../Images/Home/bg_title_thongbao.gif);
	background-repeat: no-repeat;
	width: 438px;
	margin: 0px 13px 0px 13px;
	height: 38px;
	float:left;
	display: inline;
}
.title_body_desc
{
	width: 438px;
	margin: 5px 13px 0px 13px;
	height: auto;
	float:left;
	display: inline;
}

.textbox
{
	border:solid 1px #bfbbbc;
    width:200px;
    height:16px;	
    font-size: 12px;
}
.error
{
	width:100%;float:left;
}
.songuoitrycap
{
	background-image: url(../Images/Home/bg_count_site.gif);
	background-repeat: no-repeat;
	width: 119px;
	height: 63px;
	float:left;
	display: inline;
}
.songuoitrycapen
{
	background-image: url(../Images/Home/bg_count_site_en.gif);
	background-repeat: no-repeat;
	width: 119px;
	height: 63px;
	float:left;
	display: inline;
}

/*pagetool1*/
.pagetool1
{
	float: right;
}
.pagetool1 .btn, .pagetool1 .btn_prev, .pagetool1 .btn_next
{
	cursor: pointer;
	background-image: url(../Images/Home/pagetool1_nut.gif);
	background-repeat: repeat-x;	
	background-position: center;
	width: 20px;
	height: 20px;
	text-align: center;
	padding-top: 4px;
	float: left;
}

.pagetool1 .btn_select
{
	cursor: pointer;
	background-image: url(../Images/Home/pagetool1_nut_select.gif);
	background-repeat: repeat-x;	
	background-position: center;
	width: 20px;
	height: 20px;
	text-align: center;
	padding-top: 4px;
	font-weight: bold;
	float: left;
	color: Red;
}
.pagetool1 .btn_first, .pagetool1 .btn_last
{
	cursor: pointer;
	background-image: url(../Images/Home/pagetool1_nut1.gif);
	background-repeat: repeat-x;	
	background-position: center;
	width: 52px;
	height: 20px;	
	text-align: center;
	padding-top: 4px;
	float: left;
}
.pagetool1 .space
{
	margin-left: 1px;
	margin-right: 1px;
	width: 1px;
	height: 20px;
	float: left;
}

/*-----slideshow images------*/
#dhtmlgoodies_slideshow{
	width:438px;	/* Total width of slideshow */
	float: left;
}

#previewPane
{
	border:1px solid #CCCCCC;
	margin-bottom:10px;	
	text-align:center;
	vertical-align:middle;
	padding-top:10px;
	position:relative;
	/* CSS HACK */
	height: 432px;	/* IE 5.x */
	height/* */:/**/420px;	/* Other browsers */
	height: /**/420px;
}
#previewPane img{
	line-height:400px;
}
#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
	font-style:italic;
	text-align:center;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
	font-size:0.9em;
}
#galleryContainer
{
	border:0px solid #CCCCCC;
	height:102px;	/* Height of the images + 2 */
	border:0px solid #CCCCCC;
	position:relative;
	overflow:hidden;
	padding:1px;
	
	/* CSS HACK */
	height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
	height/* */:/**/102px;	/* Other browsers */
	height: /**/102px;
}
#arrow_left{
	position:absolute;
	left:0px;
	z-index:10;
	background-color: #ebebeb;
	padding:1px;
}
#arrow_right{
	position:absolute;
	right:0px;
	z-index:10;
	background-color: #ebebeb;
	padding:1px;		
}
#theImages{
	position:absolute;
	height:100px;
	left:40px;
	width:100000px;
}
#theImages #slideEnd{
	float:left;
}
#theImages img{
	float:left;
	padding:1px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor:pointer;
	border:0px;
}

#waitMessage{
	display:none;
	position:absolute;
	left:200px;
	top:150px;
	background-color:#ebebeb;
	border:3px double #000;
	padding:4px;
	color:#555;
	font-size:0.9em;
	font-family:arial;	
}

#theImages .imageCaption{
	display:none;
}
/*----- end slideshow images ------*/
/*----- background-image: url(../Images/Home/bg_menu_left.gif);
	background-repeat: no-repeat;
	width: 173px;
	height: 31px;
	display: inline;
	position: relative;
	float:left; ------*/
.glossymenu{
margin: 0px 0;
padding: 0;
width: 173px; /*width of menu*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: white url(../Images/Home/bg_menu_left.gif) no-repeat;
color: white;
font-weight: bold;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
height: auto;
padding: 9px 0;
padding-left: 15px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../Images/Home/bg_menu_left_active.gif);
color: #fcff00;
font-weight: bold;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li
{
background-image: url(../Images/Home/bg_sub_menu_left.gif);
background-repeat: no-repeat;
border-bottom: 1px solid #bebebe;
width: 150px;
margin-left: 10px;
font-weight:bold;
}

.glossymenu div.submenu ul li a{
display: block;
color: #1431a2;
text-decoration: none;
padding: 5px 0;
padding-left: 13px;
}

.glossymenu div.submenu ul li a:hover{
background-image: url(../Images/Home/bg_sub_menu_left_hover.gif);
background-repeat: no-repeat;
color: #1431a2;
}

/*--------------- top menu ---------------*/
.ddsmoothmenu{
	font: bold 12px Tahoma;
	background-image: url(../Images/Home/bg_menu_top.gif);
	background-repeat: repeat-x;
	width: 100%;
}

.ddsmoothmenu ul{
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
	display: block;
	background-image: url(../Images/Home/bg_menu_top.gif);
	background-repeat: repeat-x;
	color: white;
	padding: 8px 12px;
	border-right: #FFFFFF 1px dotted;
	text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
	color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background-image: url(../Images/Home/bg_menu_top.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-decoration: underline;
}

.ddsmoothmenu ul li a:hover{
	background-image: url(../Images/Home/bg_menu_top.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-decoration: underline;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
	font: bold 12px Tahoma;
	width: 170px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid #ed9d00;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
	opacity: 0.8;
}
/*--------------- end top menu -----------*/

#screen{
	width:438px;
	padding:0;
	margin: 0;
	float: left;
}			
#screen li{
	float:left;
	list-style:none;
}
#screen .jq-ss-crop{
	margin:5px 5px;
	border:0px solid #FFFFCC;
	float:left;				
}
#left,#right{
	margin-top:0px;
	display:block;
	text-decoration:none;
}
#view{
	margin:0px;
	width:350px;
	height:100px;
	overflow:hidden;
	background-color:#ebebeb;
}
#images{
	width:3818px !important;
	width:3822px;
	padding:0;
}
#images li a{
	border:0;
}
#images li img{
	border:0;
}

/* Table hosting */
table.tblhost-price {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #BBDEEF;
	width: 100%;
}

table.tblhost-price th {
	background: #F1F8FC;
	border: 1px solid #BBDEEF;
	color: #000000;
	font-weight: bold;
	text-align: center;
	padding: 10px 0px 10px 0px;
}

table.tblhost-price td {
	border: 1px solid #BBDEEF;
	padding: 3px 5px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
}

table.tblhost-price td.title {
	font-weight: bold;
	text-align: left;
}

table.tblhost-price span.price-month,
table.tblhost-price span.price-year {
	background: url(../images/price-month.gif) no-repeat left top;
	color: #C00021;
	display: block;
	width: 65px;
	height: 80px;
	font-size: 150%;
	font-weight: bold;
	padding-top: 10px;
}

table.tblhost-price span.price-year {
	background: url(../images/price-year.gif) no-repeat left top;	
}

/* Table hosting */
table.tblhost-question {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #bababa;
	width: 100%;
}

table.tblhost-question th {
	background: #F1F8FC;
	border: 1px solid #bababa;
	color: #000000;
	font-weight: bold;
	text-align: center;
	padding: 10px 0px 10px 0px;
}

table.tblhost-question td {
	border: 1px solid #bababa;
	padding: 5px 5px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
}

table.tblhost-question td.title {
	font-weight: bold;
	text-align: left;
}