body 
{
    font-family:Arial, MS Sans Serif, Verdana, Georgia;
    font-weight:normal;
    font-size:12px;
    color:#000;
    background-color:#c0c0c0;
    text-align:center;
    margin:0;
    padding:0;
}

.drop-shadow
{
	float: left;
	position: relative;
	margin: 10px 3px 0 10px !important;
	margin: 10px 3px 0 5px; 
	background: transparent url(images/drop_shadow_2.png) bottom right no-repeat !important;
	background: transparent url(images/drop_shadow_ie_2.gif) bottom right no-repeat;
}

.drop-shadow img
{
	padding: 4px;
	display: block;
	position: relative;
	margin: -6px 6px 6px -6px;
	background-color: #ffffff;
	border: 1px solid #a9a9a9;
}

.drop-shadow p
{
	right: 11px;
	bottom: 0px;
	color: #eeeeee;
	padding: 5px 10px;
	position: absolute; 
	background-color: #2e333b;
	border-top: 1px solid #111111;
}

.drop-shadow a { border-bottom-width: 0; }
/* define component website */
#pages
{
	display:block;
	position:relative;
	float:inherit;
	padding:0;
	margin-left:auto;
	margin-right:auto;
    width:775px;
    background-color:#FFF;
    text-align:left;
}
#banner
{
	display:block;
	float:left;
    margin:0;
    padding:0;
    width:775px;
    height:77px;
    background:#FFF url(images/banner.jpg) no-repeat;
    text-align:right;
}
#banner2
{
	display:block;
	float:left;
    margin:0;
    padding:0;
    width:775px;
    height:77px;
    background:#FFF url(images/banner.jpg) no-repeat;
    text-align:right;
}
#menu
{
	display:block;
	float:right;
	margin:0;
	padding:5px 0;
	width:100%;
	background:#FFF url(images/bg_menu_big.jpg) repeat-x;
	height:17px;
}
#menu ul{display:block; float:left; margin:0; margin-left:80px; padding:0; list-style:none;}
#menu ul li{display:inline; float:left; padding:0 4px 0 4px; line-height:1.3em;}

#container
{
	display:block;
	float:right;
	margin:0;
	padding:0;
	width:597px;
	text-align:left;
}
#right-col
{
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:178px;
}
#left-col
{
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:178px;
}
.right-bl
{
	display:block;
	float:left;
	margin:3px 0;
	padding:0;
	width:176px;
	border:solid 1px #666666;
}
.right-bl-title
{
	display:block;
	float:left;
	margin:0;
	padding:4px 0 4px 0;
	background-image:url(images/bgtitle.gif);
	width:100%;
	text-align:center;
}
.hotel-menu-title
{
	display:block;
	float:left;
	margin:0;
	padding:4px 0 4px 0;
	background-image:url(images/hmenutitle.gif);
	width:100%;
	text-align:center;
}
.right-bl-desc
{
	display:block;
	float:left;
	margin:0;
	padding:5px;
	width:166px;
	background-color:#fff;	
}
.right-bl-desc ul{ display:block; float:left; margin:0; padding:0; width:100%; list-style:none;}
.right-bl-desc ul li{ display:inline; float:left; margin:0; padding:0 0 0 3px; line-height:1.3em;}


.content
{
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:100%;	
	background-color:#FFF;
}
#bottom
{
	display:block;
	float:left;
	margin:2px 0;
	padding:0;
	height:82px;
	width:100%;
	background:#FFF url(images/logo_group.jpg) no-repeat;
}
#bottom2
{
	display:block;
	float:left;
	margin:2px 0;
	margin-top:3px;
	padding:0;
	height:83px;
	width:775px;
	background:#FFF url(images/logo_group.jpg) no-repeat;
}
#support
{
	display:block;
	float:left;
	margin:2px 0;
	padding:0;
	width:100%;
	height:150px;
	background:#FFF url(images/support_online.gif);
	text-align:center;
}



/* - navigation - */

#navigation
{
    width:410px;
    height:19px;
    float:right;
}
#navigation-left
{
    width:15px;
    height:19px;
    float:left;
    background:url(images/nav01.gif) no-repeat;
}
#navigation-right
{
    width:15px;
    height:19px;
    float:left;
    background:url(images/nav02.gif) no-repeat;
}
#navigation-center
{
    width:377px;
    height:16px;
    float:left;
    padding-top:3px;
    background:#FFF url(images/nav03.gif) repeat-x;
    text-align:center;
    font-size:11px;
    color:#FFF;
}
#header-tab
{
    width:800px;
    height:21px;
    background:#FFF url(images/bgtab.gif) repeat-x;
    text-align:center;
    float:left;
    padding-top:4px;
    font-family:Verdana;
    font-weight:bold;
    font-size:12px;
    color:#FFF;
}
#footer-tab
{
    width:800px;
    height:22px;
    background:#FFF url(images/footer-tab.gif) repeat-x;
    text-align:center;
    float:left;
    padding-top:5px;
    font-family:Verdana;
    font-weight:bold;
    font-size:12px;
    color:#FFF;
}

#boxsearch
{
	display:block;
	float:left;
	margin:2px 0;
	padding:0;
	width:186px;
    height:182px;    
    background:#FFF url(images/bgsearch.gif) repeat-x;    
}
#slogan
{
	display:block;
	float:right;
    width:775px;
    height:200px;
    background:#FFF url(images/slogan.jpg) no-repeat;
}
#main
{
    width:800px;
    height:auto;
    float:left;
    text-align:left;
    background-color:#FFF;
}
#page-left
{
    width:617px;
    height:auto;
    float:left;
    padding-top:1px;
    background-color:#FFF;
}
#page-right
{
    width:180px;
    height:auto;
    float:right;
    padding-top:1px;
}
#support-customer
{
    width:180px;
    height:253px;
    float:left;
    background:#FFF url(images/support.gif) no-repeat;
    padding-bottom:2px;
}
#support-online
{
    width:180px;
    height:128px;
    float:left;
    padding-bottom:5px;
    background:#FFF url(images/support_online.gif) no-repeat;
    font-weight:bold;
    color:#000464;
    text-align:center;
}

#advertise
{
    width:180px;
    padding-top:4px;
    padding-bottom:4px;
    text-align:center;
    background:url(images/cat_bg.gif) no-repeat;
    font-weight:bold;
}
/* define css website */

.context
{
    width:613px;
    height:auto;
    float:right;
    background:#FFF url(images/tour-inbound.gif) no-repeat;
    padding-top:34px;
    text-align:left;
}
.context2
{
    width:613px;
    height:auto;
    float:right;
    background:#FFF url(images/tour-outbound.gif) no-repeat;
    padding-top:34px;
    text-align:left;
}
.context_title
{
    width:573px;
    height:26px;
    padding-top:6px; 
    padding-left:40px;   
    float:right;
    background:#FFF url(images/main_title.gif) no-repeat;
    text-align:left;
    color:#003399;
    font-size:16px;
    font-weight:bold;
}
.main_context
{
    width:603px;
    height:auto;
    padding:5px;    
    float:right;
    text-align:left;
}
.item 
{
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#000;
	text-decoration:none;
}
a.item:hover
{
	color:#FF0000;
}
INPUT, BUTTON, SELECT, HEAD 
{
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	color:#444;
	Text-decoration:none;
}
/* - paging - */
.page_current, .page:hover
{
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#FFF;
	background-color:#0266ff;
	border:solid 1px #CCC;
	padding:2px 4px 2px 4px;
	cursor:pointer;
}
.page
{
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#000;
	background-color:#FFF;
	border:solid 1px #CCC;
	padding:2px;
}
.category
{
	display:block;
    width:167px;
    padding-top:6px;
    height:23px;
    float:left;
    padding-left:11px;
    background:#FFF url(images/bgitems.gif) no-repeat;
}
.cat-item
{
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}
.cat-item:hover
{
	color:#e7e704;
	text-decoration:none;
	cursor:pointer;
}

#menu-left
{
    width:208px;
    height:auto;    
    float:left;
    text-align:left;
}
#menu-right
{
    width:590px;
    height:auto;    
    float:right;
}
#boxmenu
{
    width:800px;
    height:auto;
}
.tourism
{
    width:613px;
    height:auto;
    float:right;
    background:#FFF url(images/vietnamtours.gif) no-repeat;
    padding-top:34px;
    text-align:left;
}
.booking
{    
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
    color:#FF2A00;
    text-decoration:none;
}
a.booking:hover
{
    text-decoration:underline;
    cursor:pointer;
}
.hotelbook
{    
    font-family:Arial;
    font-weight:bold;
    font-size:10px;
    color:#FF2A00;
    text-decoration:none;
}
a.hotelbook:hover
{
    text-decoration:underline;
    cursor:pointer;
}
.link
{  
		font-family: Tahoma, Verdana, Arial;
		font-size: 8pt;  color:#009bd1; text-decoration: none; 
}

.link:hover {  
		font-family: Tahoma, Verdana, Arial;
		font-size: 8pt;  color:#CC0000; text-decoration: none;

}

.link1
{  
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;  
	color:#CC0000; 
	text-decoration: none; 
}

.link1:hover {  
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;  
	color:#009bd1; 
	text-decoration: underline;
	cursor:pointer;
}

/* modify font style */
.smalltext
{
	font-size:10px;
}
.mediumtext
{
	font-size:11px;
}
.headtext
{
	font-size:12px;
	font-weight:bold;
	color:#333;
}
.tab-link
{
	
	font-size:12px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	text-transform:capitalize;	
}
.tab-link:hover
{
	font-size:12px;
	font-weight:bold;
	color:#FF9900;
	text-decoration:none;
	text-transform:capitalize;	
}
.navtop
{
	font-size:11px;
	color:#fff;
	text-decoration:none;
}
.navtop:hover
{
	font-size:11px;
	color:#FF9900;
	text-decoration:none;
}
.language
{
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
.language:hover
{
	font-size:12px;
	font-weight:bold;
	color:#FF9900;
	text-decoration:none;
}
.detail
{
	display:inline;
	padding: 0 0 2px 12px;
	background:#fff url(images/ico_chitiet.gif) no-repeat 0 3px;
}
.detail_link
{
	font-size:11px;
	color:#48ade8;
	text-decoration:none;
}
.detail_link:hover
{
	color:#f78b2b;
	text-decoration:underline;
}
.header
{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
.header:hover
{
	color:#5b5a5a;
	text-decoration:underline;
	cursor:pointer;
}

/* -------------------------- */
.mid-ct-title
{
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:100%;
}
.mid-ct-header
{	
	display:block;
	float:left;
	margin:0;
	padding:4px 0 10px 30px;
	width:264px;
	background:#FFF url(images/bgtour_title.gif) repeat-x;
}
.mid-header
{	
	display:block;
	float:left;
	margin:0;
	padding:4px 0 10px 30px;
	width:567px;
	background:#FFF url(images/bgtitle2.gif) repeat-x;
}
.mid-ct-header2
{	
	display:block;
	float:left;
	margin:0;
	padding:4px 0 10px 30px;
	width:567px;
	background:#FFF url(images/bgtour_title2.gif) repeat-x;
}
.header-title
{
	font-weight:bold;
	color:#ffffff;
}
.header-title2
{
	font-weight:bold;
	color:#ffff00;
}

a.hoteltitle
{
	font-size:13px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;	
}
a.hoteltitle:hover
{
	color:#FF9900;
	text-decoration:underline;
}

a.paging
{
	font-family:Arial;
	font-weight:normal;
	font-size:11px;
	color:#000;
	text-decoration:none;
}
a.paging:hover
{
	color:#f1730f;
	text-decoration:underline;	
}
.categorytitle
{	
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	color:#000;
	text-decoration:none;
}
.hotelinfo
{	
	font-family:Arial;
	font-weight:normal;
	font-size:11px;
	color:#000;
	text-decoration:none;
}
.navigations
{
	font-family:Arial;
	font-weight:bold;
	font-size:10px;
	color:#0066CC;
	text-decoration:none;
}