/*************************************************************************
' Function : CSS defintions for the store.
' Product  : Saolinh Store Frontend
' Version  : 3.3
' Modified : January 2005
' Copyright: Copyright (C) 2004 Saolinh.Com 
'            See "license.txt" for this product for details regarding 
'            licensing, usage, disclaimers, distribution and general 
'            copyright requirements. If you don't have a copy of this 
'            file, you may request one at webmaster@Saolinh.com
'**************************************************************************/

/* General Tag specifications */
BODY   {COLOR: black; FONT-FAMILY: Tahoma ,Arial, Verdana ; FONT-SIZE: 12px;line-height:135%}
.test   {COLOR: #CCCCCC; FONT-FAMILY: Tahoma, Arial, Verdana; FONT-SIZE: 12px;line-height:165%}
.testTD   {COLOR: #CCCCCC; FONT-FAMILY: Tahoma, Arial, Verdana; FONT-SIZE: 12px;line-height:165%}
/* Info Box WITHOUT Headings */
.CPbox1            {COLOR: #333333;  BACKGROUND-COLOR: ; BORDER: 0px solid #EAEAEA}
.CPbox1 A:link     {COLOR: #333333; FONT-SIZE: 8.5pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:visited  {COLOR: #333333; FONT-SIZE: 8.5pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:hover    {COLOR: #996666; FONT-SIZE: 8.5pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox2            {COLOR: #333333; BORDER: 1px solid #BBC3D3;margin-left: 0px}
.CPbox2H           {COLOR: #333333; BACKGROUND-COLOR: #CCCCCC; PADDING: 1px}
.CPbox2H B         {COLOR: #333333;}

/* Box - Prodview.asp */
.CPbox2B           {COLOR: black; BACKGROUND-COLOR: #F5F5F5}
.CPbox2B A:link    {COLOR: black; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox2B A:visited {COLOR: black; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox2B A:hover   {COLOR: green; FONT-SIZE: 11px; TEXT-DECORATION: underline}

.CPbox2B1           {COLOR: white}
.CPbox2B1 A:link    {COLOR: white; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox2B1 A:visited {COLOR: white; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox2B1 A:hover   {COLOR: blue; FONT-SIZE: 11px; TEXT-DECORATION: underline}

.CPbox2BmenuQC           {COLOR: black; BACKGROUND-COLOR: #E5E5E5}


/* Box - Page Headings */
.CPpageHead {BORDER-BOTTOM: 2px solid #CCCCCC; PADDING-BOTTOM: 4px}

/* Box - Page Navigation */
.CPpageNav {BACKGROUND-COLOR: #EEEEEE}

/* Box - General Headings */
.CPgenHeadings {BACKGROUND-COLOR: #EEEEEE}

/* Box - Product Image (Home page) */
.CPhomeImg {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #CCCCCC}

/* Box - Product Description (Home page) */
.CPhomeDesc {BORDER-BOTTOM: 1px solid #CCCCCC}

/* Horizontal and Vertical lines */
.CPlines {BACKGROUND-COLOR: #CCCCCC}

/* Product Short Description (Except Detail page) */
.CPprodDesc           {COLOR: black}
.CPprodDesc A:link    {COLOR: black; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPprodDesc A:visited {COLOR: black; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPprodDesc A:hover   {COLOR: green; FONT-SIZE: 11px; TEXT-DECORATION: underline}

/* Product Short Description (Detail page only) */
.CPprodDescDet {FONT-SIZE: 9pt}

/* Product Long Description */
.CPprodDescLong {FONT-FAMILY: Tahoma , Verdana, Arial; FONT-SIZE:8.5pt}
.CPprodDescLongManu {COLOR: #00552B; FONT-FAMILY: Tahoma , Verdana, Arial; FONT-SIZE: 8pt}
/* Product Detail */
.CPprodDet {}

/* Product SKU */
.CPprodSKU {}

/* Product Price - Text Label */
.CPprodPriceT {COLOR: #800000}

/* Product Price - Price Value */
.CPprodPriceV {COLOR: #800000; font-size: 9pt}
.CPprodPriceVP {COLOR: green; font-size: 11px}

.CPprodPriceVAT{font-size:11px;COLOR: green}
/* Product List Price - Text Label */
.CPprodLPriceT { font-size:11px}

/* Product List Price - Price Value */
.CPprodLPriceV {TEXT-DECORATION: line-through; font-size:11px}

/* Product Sale Price - Text Label */
.CPprodSPriceT {font-size:11px}

/* Product Sale Price - Price Value */
.CPprodSPriceV {COLOR: green; font-size:11px}
.CPprodSPriceVP {COLOR: green; font-size:11px}
/* Free Shipping text */
.CPfreeShipMsg {COLOR: #888888}

/* In Stock text */
.CPinStock {COLOR: #888888}

/* Out of Stock text */
.CPoutStock {COLOR: green}

/* No Image text */
.CPnoImgT {COLOR: #800000}

/* Category List */
.CPcatDescList {}

/* Category Description - No products linked to it */
.CPcatDesc {}

/* Category Description - Has products linked to it */
.CPcatDescProd {FONT-WEIGHT: bold}

/* Option Description for "Optional" options */
.CPoptDesc {FONT-STYLE: italic}

/* Option Select box */
.CPoptSel {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* Option Text box */
.CPoptTxt {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* ------------------- */
/* ADDED - Version 2.3 */
/* ------------------- */

/* Box - 2, 3 and 4 Column Layout for product list page */
.CPcolsView {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #CCCCCC}
.CPcolsView A:link    {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:visited {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:hover   {COLOR: #996666; TEXT-DECORATION: underline}

/* System Messages */
.CPsysMsg    {FONT-SIZE: 9pt}
.CPsysMsgErr {COLOR: green; FONT-SIZE: 9pt}
.CPsysMsgURL {FONT-SIZE: 9pt}

/* ------------------- */
/* ADDED - Version 2.4 */
/* ------------------- */

/* Highlights used in search results */
.CPhighlight {COLOR: #000000; BACKGROUND-COLOR: #ffff66}

/* ------------------- */
/* ADDED - Version 2.5 */
/* ------------------- */

/* Radio Button options */
.CPoptRadio {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* Option Description for "Mandatory" options*/
.CPoptDescM {FONT-STYLE: italic; color: green}


/* ---------------------*/
/* ADDED -- Version 3.0 */
/* ---------------------*/
.CPcloseWindow {FONT-SIZE: 8.5pt; TEXT-DECORATION: none;}
.install { 
	BORDER: 1px solid #BBC3D3
}


.menu1 {
	BORDER-TOP: #4c597f 3px solid; FONT-SIZE: 13px; BACKGROUND: url(../inc/menu1.gif) repeat-x left top; FLOAT: left; MARGIN: 0px 0px 0px; WIDTH: 100%; BORDER-BOTTOM: #4c597f 3px solid; FONT-FAMILY: Arial,verdana, sans-serif
}
.menu1 UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.menu1 UL LI {
	BACKGROUND: url(../inc/divider1.gif) no-repeat right top; FLOAT: left; POSITION: relative
}
.menu1 UL LI A {
	PADDING-RIGHT: 16px; DISPLAY: block; PADDING-LEFT: 16px; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #ddf; LINE-HEIGHT: 25px; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 3px solid; HEIGHT: 30px; TEXT-DECORATION: none
}
.menu1 UL LI A:visited {
	PADDING-RIGHT: 16px; DISPLAY: block; PADDING-LEFT: 16px; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #ddf; LINE-HEIGHT: 25px; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 3px solid; HEIGHT: 30px; TEXT-DECORATION: none
}
.menu1 UL LI:hover {
	WIDTH: auto
}
.menu1 UL LI A.menu1one:hover {
	BORDER-LEFT-COLOR: #c00; BORDER-BOTTOM-COLOR: #c00; COLOR: #f88; BORDER-TOP-COLOR: #c00; BORDER-RIGHT-COLOR: #c00
}
.menu1 UL LI A.menu1two:hover {
	BORDER-LEFT-COLOR: #c60; BORDER-BOTTOM-COLOR: #c60; COLOR: #fc0; BORDER-TOP-COLOR: #c60; BORDER-RIGHT-COLOR: #c60
}
.menu1 UL LI A.menu1three:hover {
	BORDER-LEFT-COLOR: #cc0; BORDER-BOTTOM-COLOR: #cc0; COLOR: #cc0; BORDER-TOP-COLOR: #cc0; BORDER-RIGHT-COLOR: #cc0
}
.menu1 UL LI A.menu1four:hover {
	BORDER-LEFT-COLOR: #080; BORDER-BOTTOM-COLOR: #080; COLOR: #0e0; BORDER-TOP-COLOR: #080; BORDER-RIGHT-COLOR: #080
}
.menu1 UL LI A.menu1five:hover {
	BORDER-LEFT-COLOR: #00c; BORDER-BOTTOM-COLOR: #00c; COLOR: #aaf; BORDER-TOP-COLOR: #00c; BORDER-RIGHT-COLOR: #00c
}
.menu1 UL LI A.menu1six:hover {
	BORDER-LEFT-COLOR: #c0c; BORDER-BOTTOM-COLOR: #c0c; COLOR: #f8f; BORDER-TOP-COLOR: #c0c; BORDER-RIGHT-COLOR: #c0c
}
.menu1 UL LI:hover A.menu1one {
	BORDER-LEFT-COLOR: #c00; BORDER-BOTTOM-COLOR: #c00; COLOR: #f88; BORDER-TOP-COLOR: #c00; BORDER-RIGHT-COLOR: #c00
}
.menu1 UL LI:hover A.menu1two {
	BORDER-LEFT-COLOR: #c60; BORDER-BOTTOM-COLOR: #c60; COLOR: #fc0; BORDER-TOP-COLOR: #c60; BORDER-RIGHT-COLOR: #c60
}
.menu1 UL LI:hover A.menu1three {
	BORDER-LEFT-COLOR: #cc0; BORDER-BOTTOM-COLOR: #cc0; COLOR: #cc0; BORDER-TOP-COLOR: #cc0; BORDER-RIGHT-COLOR: #cc0
}
.menu1 UL LI:hover A.menu1four {
	BORDER-LEFT-COLOR: #080; BORDER-BOTTOM-COLOR: #080; COLOR: #0e0; BORDER-TOP-COLOR: #080; BORDER-RIGHT-COLOR: #080
}
.menu1 UL LI:hover A.menu1five {
	BORDER-LEFT-COLOR: #00c; BORDER-BOTTOM-COLOR: #00c; COLOR: #aaf; BORDER-TOP-COLOR: #00c; BORDER-RIGHT-COLOR: #00c
}
.menu1 UL LI:hover A.menu1six {
	BORDER-LEFT-COLOR: #c0c; BORDER-BOTTOM-COLOR: #c0c; COLOR: #f8f; BORDER-TOP-COLOR: #c0c; BORDER-RIGHT-COLOR: #c0c
}
.menu1 UL LI UL {
	DISPLAY: none
}
.menu1 TABLE {
	FONT-SIZE: 13px; LEFT: 0px; MARGIN: 0px; POSITION: absolute; TOP: -3px; BORDER-COLLAPSE: collapse
}
.menu1 UL LI:hover UL {
	MARGIN-TOP: 1px; DISPLAY: block; LEFT: 0px; WIDTH: 154px; BORDER-BOTTOM: #000 1px solid; POSITION: absolute; TOP: 32px
}
.menu1 UL LI:hover UL.endstop {
	LEFT: -92px
}
.menu1 UL LI:hover UL LI UL {
	DISPLAY: none
}
.menu1 UL LI:hover UL LI A {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 16px; BORDER-TOP: #000 1px solid; DISPLAY: block; PADDING-LEFT: 16px; BACKGROUND: #fff; PADDING-BOTTOM: 4px; BORDER-LEFT: #000 1px solid; WIDTH: 120px; COLOR: #000; LINE-HEIGHT: 15px; PADDING-TOP: 4px; BORDER-BOTTOM: #000 0px solid; HEIGHT: auto
}
.menu1 UL LI:hover UL LI A.drop {
	BACKGROUND: url(../inc/bullet1.gif) #ccd no-repeat 3px 8px
}
.menu1 UL LI:hover UL LI A:hover {
	BACKGROUND: url(../inc/bullet1.gif) #ccd no-repeat 3px 8px; COLOR: #000
}
.menu1 UL LI:hover UL LI A.drop:hover {
	BACKGROUND: url(../inc/bullet1.gif) #ccd no-repeat 3px 8px
}
.menu1 UL LI:hover UL LI:hover UL {
	DISPLAY: block; LEFT: 153px; POSITION: absolute; TOP: -1px
}
.menu1 UL LI:hover UL LI:hover UL.left {
	LEFT: -153px
}
.menu1 UL LI A:hover UL {
	DISPLAY: block; BACKGROUND: #fff; LEFT: 0px; BORDER-BOTTOM: #000 1px solid; POSITION: absolute; TOP: 33px
}
.menu1 UL LI A:hover UL.endstop {
	LEFT: -92px
}
.menu1 UL LI A:hover UL LI A {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 16px; BORDER-TOP: #000 1px solid; DISPLAY: block; PADDING-LEFT: 16px; BACKGROUND: #fff; PADDING-BOTTOM: 4px; BORDER-LEFT: #000 1px solid; WIDTH: 120px; COLOR: #000; LINE-HEIGHT: 15px; PADDING-TOP: 4px; BORDER-BOTTOM: #000 0px solid; HEIGHT: 1px
}
.menu1 UL LI A:hover UL LI A.drop {
	BACKGROUND: url(../inc/bullet1.gif) #ccd no-repeat 3px 8px; PADDING-BOTTOM: 4px
}
.menu1 UL LI A:hover UL LI A UL {
	VISIBILITY: hidden; WIDTH: 0px; POSITION: absolute; HEIGHT: 0px
}
.menu1 UL LI A:hover UL LI A:hover {
	BACKGROUND: url(../inc/bullet1.gif) #ccd no-repeat 3px 8px; COLOR: #000
}
.menu1 UL LI A:hover UL LI A.drop:hover {
	BACKGROUND: url(../inc/bullet1.gif) #ccd no-repeat 3px 8px
}
.menu1 UL LI A:hover UL LI A:hover UL {
	LEFT: 153px; VISIBILITY: visible; COLOR: #000; POSITION: absolute; TOP: 0px
}
.menu1 UL LI A:hover UL LI A:hover UL.left {
	LEFT: -153px
}

}

.button {font-family:Tahoma, Verdana, Arial; width: 70px}
#opacity {-moz-opacity: 0.9; opacity: 0.9; FILTER: alpha(opacity=90); LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: visible; WIDTH: 200px; Z-INDEX: 100}

#divOpacity {-moz-opacity: 0.4;	opacity: 0.4; background-color:#000000;FILTER: alpha(opacity=40); LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 100%; height:100%; Z-INDEX: 101}

#showimage{
	position:absolute;
	visibility:hidden;
	border: 1px solid #000000;
	padding: 1px;
	background-color: #FFFFFF;
	Z-INDEX: 102
}

#dragbar{
	cursor: move;
	min-width: 100px; /*NS6 style to overcome bug*/
	background-image: url('../images/cus_head_bg.gif'); 
	background-repeat: repeat-x; background-position-y: top;
	font-weight:700; color:#FFFFFF;
}

#closetext{
	cursor: hand;
	cursor: pointer;
	height: 21px;
	background-image: url('../images/cus_head_bg.gif'); 
	background-repeat: repeat-x; background-position-y: top
}

.ctr {
	TEXT-ALIGN: center
}
.message {
	BORDER-RIGHT: #b22222 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #b22222 1px solid; 
	MARGIN-TOP: 30px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND: #f1f3f5; 
	PADDING-BOTTOM: 7px; BORDER-LEFT: #b22222 1px solid; WIDTH: 430px; COLOR: #b22222; PADDING-TOP: 7px; 
	BORDER-BOTTOM: #b22222 1px solid
}

.agencyreg {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; 
	MARGIN-TOP: 2em; PADDING-LEFT: 5px; BACKGROUND: #f1f3f5; PADDING-BOTTOM: 5px; MARGIN-LEFT: auto; 
	BORDER-LEFT: #cccccc 1px solid; WIDTH: 530px; MARGIN-RIGHT: auto; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid
}
.smTextForm {font-size: 10px; color: #555555}

#hintbox{ /*CSS for pop up hint box */
	position:absolute; top: 0; background-color: lightyellow; width: 150px; /*Default width of hint.*/ 
	padding: 3px; border:1px solid black; font:normal 11px Verdana; line-height:18px; z-index:100;
	border-right: 3px solid black; border-bottom: 3px solid black; visibility: hidden;
}
FORM {
	MARGIN: 0px
}
.button2 {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; 
	FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #e9ecef; PADDING-BOTTOM: 4px; 
	BORDER-LEFT: #cccccc 1px solid; COLOR: #666666; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid
}
.login {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #cccccc 1px solid; 
	MARGIN-TOP: 2em; MARGIN-BOTTOM: 2em; PADDING-LEFT: 15px; BACKGROUND: #f1f3f5; PADDING-BOTTOM: 15px; MARGIN-LEFT: auto; 
	BORDER-LEFT: #cccccc 1px solid; WIDTH: 430px; MARGIN-RIGHT: auto; PADDING-TOP: 15px; BORDER-BOTTOM: #cccccc 1px solid
}
.login P {
	PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.form-block {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 10px; 
	BACKGROUND: #e9ecef; PADDING-BOTTOM: 10px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 15px; 
	BORDER-BOTTOM: #cccccc 1px solid
}
.login-form {
	FLOAT: right; WIDTH: 55%; TEXT-ALIGN: left
}
.login-text {
	FLOAT: left; WIDTH: 45%; TEXT-ALIGN: left
}
.inputlabel {
	FONT-WEIGHT: bold; TEXT-ALIGN: left
}
.inputbox {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; MARGIN: 0px 0px 1em; height: 20;
	BORDER-LEFT: #cccccc 1px solid; WIDTH: 150px; BORDER-BOTTOM: #cccccc 1px solid
}
.chkbox {margin:-3 0 1em -4px; float: left}
.chklabel {float:left}
/* Màu b?ng danh sách SP trong Prodlist.asp*/
.clr {CLEAR: both}
.clr1 {FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; FONT-SIZE: 11px;	BACKGROUND: url(../images/bgheadx.gif);border-collapse:collapse}
.clr1 A:link    {COLOR: black; FONT-SIZE: 8pt; TEXT-DECORATION: none; font-weight:bold; margin-left: 6px}
.clr1 A:visited {COLOR: black; FONT-SIZE: 8pt; TEXT-DECORATION: none; font-weight:bold; margin-left: 6px}
.clr1 A:hover   {COLOR: #FF3300; FONT-SIZE: 8pt; TEXT-DECORATION: none; font-weight:bold; margin-left: 6px}

.clr0 {FONT-FAMILY: Tahoma,Arial, Verdana, Helvetica; FONT-SIZE: 11px; BACKGROUND: url(../images/bgheadx.gif);border-collapse:collapse}
.clr0 A:link    {COLOR: #663300; FONT-SIZE: 8pt; TEXT-DECORATION: none; font-weight:bold; margin-left: 6px}
.clr0 A:visited {COLOR: #663300; FONT-SIZE: 8pt; TEXT-DECORATION: none; font-weight:bold; margin-left: 6px}
.clr0 A:hover   {COLOR: #FF3300; FONT-SIZE: 8pt; TEXT-DECORATION: none; font-weight:bold; margin-left: 6px}


.clr3 			{FONT-FAMILY: Tahoma,Arial,Verdana, Helvetica; FONT-SIZE: 11px;padding: 1px 1px}
.clr3 A:link    {COLOR: black; FONT-SIZE: 11px; TEXT-DECORATION: none; font-weight:normal}
.clr3 A:visited {COLOR: black; FONT-SIZE: 11px; TEXT-DECORATION: none; font-weight:normal}
.clr3 A:hover   {COLOR: green; FONT-SIZE: 11px; TEXT-DECORATION: underline; font-weight:normal}
  
.clr4 {FONT-FAMILY: Tahoma,Arial,Verdana, Helvetica; FONT-SIZE: 11px; padding: 1px 1px}
.clr4 A:link    {COLOR: black; FONT-SIZE: 11px; TEXT-DECORATION: none; font-weight:normal}
.clr4 A:visited {COLOR: black; FONT-SIZE: 11px; TEXT-DECORATION: none; font-weight:normal}
.clr4 A:hover   {COLOR: green; FONT-SIZE: 11px; TEXT-DECORATION: underline; font-weight:normal}



.divUnderHMenu {overflow:hidden;font-size:11px; clear:both; background-color:#d20000; width:100%; padding: 4px 0px}
.divUnderHMenu .divDate {float: left; margin-left:5px; font-size:11px; color:#cccccc}
.divUnderHMenu .divDateAdd {float: left; margin-left:5px; font-size:11px; color:white}
.divUnderHMenu .divItem {float: right; margin-right:5px;margin-left:25px;}
.divUnderHMenu .divItem a:link {color:#FFFF00; font-weight:700; text-decoration: none}
.divUnderHMenu .divItem a:visited {color:#FFFF00; font-weight:700; text-decoration: none}
.divUnderHMenu .divItem a:hover {color:#FFFFFF; font-weight:700; text-decoration: none}

.divHomeHotel {width:105px;float:left; text-align:center; margin:7px 5px 0px 5px}
.divHomeHotel a {font-size:11px; font-family:Tahoma,Verdana, Arial, color:#000080; text-decoration:underline; }
.divHomeHotel a:hover {color:#FF3300;}

.ml2 {
	FONT-SIZE: 11px; COLOR: green; TEXT-DECORATION: none; font-weight:bold
}
.ml2:hover {
	TEXT-DECORATION: underline
}
.ml3 {
	FONT-SIZE: 11px; COLOR: #B9FFFF; TEXT-DECORATION: none; font-weight:normal
}
.ml3:hover {
	FONT-SIZE: 11px; COLOR: green; TEXT-DECORATION: none; font-weight:bold
}

/*ADDED for CPMods.com Multiple Image Support */

#lightbox{
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	color: black;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
/* END of CPMods.com Multiple Image Support*/
.box_heading_table {
	BACKGROUND: url(../images/heading_c_1.gif) repeat-x 50% top
}
.box_heading_table .box_heading_td {
	PADDING-RIGHT: 10px; PADDING-LEFT: 0px; BACKGROUND: url(../images/heading_bg_1.jpg) no-repeat right top; PADDING-BOTTOM: 8px; PADDING-TOP: 13px
}
.box_heading_table .box_heading_td {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-TRANSFORM: uppercase; COLOR: #ffffff
}
.box_body_table {
	BACKGROUND: #f4f4f4
}
.box_body_table .box_body_tall_l {
	BACKGROUND: url(../images/body_tal1_1.gif) repeat-y left 50%
}
.box_body_table .box_body_tall_r {
	BACKGROUND: url(../images/body_tal2_1.gif) repeat-y right 50%
}
.box_body_table .box_body_tall_b {
	BACKGROUND: url(../images/body_tal3_1.gif) repeat-x 50% bottom
}
.box_body_table .box_body_td {
	PADDING-RIGHT: 27px; PADDING-LEFT: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.box_heading_table_2 {
	
}
.box_heading_table_2 .box_heading_td_2 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 0px; BACKGROUND: url(../images/heading_bg_1_2.jpg) no-repeat right top; PADDING-BOTTOM: 8px; PADDING-TOP: 13px
}
.box_heading_table_2 .box_heading_td_2 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-TRANSFORM: uppercase; COLOR: #ffffff
}
.box_body_table_2 {
	
}
.box_body_table_2 .box_body_tall_l_2 {
	BACKGROUND: url(../images/body_tal1_2.gif) repeat-y left 50%
}
.box_body_table_2 .box_body_tall_r_2 {
	BACKGROUND: url(../images/body_tal2_2.gif) repeat-y right 50%
}
.box_body_table_2 .box_body_tall_b_2 {
	BACKGROUND: url(../images/body_tal3_2.gif) repeat-x 50% bottom
}
.box_body_table_2 .box_body_td_2 {
	PADDING-RIGHT: 27px; PADDING-LEFT: 20px; PADDING-BOTTOM: 15px; PADDING-TOP: 5px
}
.box_heading_table .box_heading_table_td {
	PADDING-RIGHT: 3px; PADDING-LEFT: 10px; BACKGROUND: url(../images/bg_c.gif) #d5d5d5 repeat-x left top; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; WIDTH: 100%; PADDING-TOP: 5px; HEIGHT: 20px
}
.box_heading_table .box_heading_table_td {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-TRANSFORM: uppercase; COLOR: #1d70b4
}
.box_heading_tall_t {
	BACKGROUND: url(../images/box_heading_t.gif) repeat-x left top
}
.box_heading_tall_b {
	BACKGROUND: url(../images/box_heading_b.gif) repeat-x left top
}
.box_heading_tall_r {
	BACKGROUND: url(../images/box_heading_r.gif) repeat-y left top
}
.cont_heading_table {
	
}
.cont_heading_td {
	PADDING-RIGHT: 19px; PADDING-LEFT: 19px; BACKGROUND: url(../images/bg_c.gif) #375f88 repeat-x left top; PADDING-BOTTOM: 5px; WIDTH: 100%; PADDING-TOP: 5px; HEIGHT: 18px
}
.cont_heading_td {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; TEXT-TRANSFORM: uppercase; COLOR: #242527
}
.cont_heading_td A {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; VERTICAL-ALIGN: middle; TEXT-TRANSFORM: uppercase; COLOR: #242527; TEXT-DECORATION: none
}
.cont_heading_td A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; VERTICAL-ALIGN: middle; TEXT-TRANSFORM: uppercase; COLOR: #242527; TEXT-DECORATION: underline
}
.cont_body_table {
	
}
.cont_body_table .cont_body_table_td {
	PADDING-LEFT: 19px; BACKGROUND: url(../images/bg_c.gif) #375f88 repeat-x left top; HEIGHT: 29px
}
.cont_body_table .cont_body_table_td {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; VERTICAL-ALIGN: middle; TEXT-TRANSFORM: uppercase; COLOR: #242527
}
.cont_heading_tall_t {
	BACKGROUND: url(../images/cont_heading_t.gif) repeat-x left top
}
.cont_heading_tall_b {
	BACKGROUND: url(../images/cont_heading_b.gif) repeat-x 50% bottom
}
.cont_heading_tall_l {
	BACKGROUND: url(../images/cont_heading_l.gif) repeat-y left top
}
.cont_heading_tall_r {
	BACKGROUND: url(../images/cont_heading_r.gif) no-repeat right top
}

.menu3           {COLOR: white}
.menu3 A:link    {COLOR: white; FONT-SIZE: 11px; font-weight:bold; TEXT-DECORATION: none}
.menu3 A:visited {COLOR: white; FONT-SIZE: 11px; font-weight:bold;TEXT-DECORATION: none}
.menu3 A:hover   {COLOR: yellow; FONT-SIZE: 11px; font-weight:bold;TEXT-DECORATION: none}


.ml1 {
	FONT-SIZE: 11px; COLOR: #CCCCCC; TEXT-DECORATION: none; font-weight:bold
}
.ml1:hover {
	TEXT-DECORATION: underline
}


#menu2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 500; BACKGROUND: #000; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: #edb 1px solid; FONT-FAMILY: tahoma, arial, verdana; LIST-STYLE-TYPE: none; POSITION: relative; HEIGHT: 28px
}
#menu2 LI.top {
	DISPLAY: block; FLOAT: left
}
#menu2 LI A.top_link {
	PADDING-RIGHT: 15px; BORDER-TOP: #000 3px solid; DISPLAY: block; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #edb; LINE-HEIGHT: 22px; PADDING-TOP: 0px; HEIGHT: 25px; TEXT-DECORATION: none
}
#menu2 LI A.top_link:hover {
	BORDER-LEFT-COLOR: #a52; BORDER-BOTTOM-COLOR: #a52; COLOR: #d85; BORDER-TOP-COLOR: #a52; BORDER-RIGHT-COLOR: #a52
}
#menu2 LI:hover > A.top_link {
	BORDER-LEFT-COLOR: #a52; BORDER-BOTTOM-COLOR: #a52; COLOR: #d85; BORDER-TOP-COLOR: #a52; BORDER-RIGHT-COLOR: #a52
}
#menu2 TABLE {
	LEFT: 0px; WIDTH: 0px; POSITION: absolute; TOP: 0px; BORDER-COLLAPSE: collapse; HEIGHT: 0px
}
#menu2 A:hover {
	Z-INDEX: 200; VISIBILITY: visible; POSITION: relative
}
#menu2 LI:hover {
	Z-INDEX: 200; POSITION: relative
}
#menu2 UL {
	PADDING-RIGHT: 0px; PADDING-LEFT:0px; LEFT: -9999px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: -9999px; HEIGHT: 0px
}
#menu2 :hover UL UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: -9999px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: -9999px; HEIGHT: 0px
}
#menu2 :hover UL :hover UL UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: -9999px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: -9999px; HEIGHT: 0px
}
#menu2 :hover UL :hover UL :hover UL UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: -9999px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: -9999px; HEIGHT: 0px
}
#menu2 :hover UL :hover UL :hover UL :hover UL UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: -9999px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: -9999px; HEIGHT: 0px
}
#menu2 :hover UL.sub {
	Z-INDEX: 300; BACKGROUND: url(trans.gif) ; LEFT: 0px; WIDTH: 220px; PADDING-TOP: 8px; WHITE-SPACE: nowrap; TOP: 25px; HEIGHT: auto
}
#menu2 :hover UL.sub LI {
	DISPLAY: block; FLOAT: left; WIDTH: 100%; HEIGHT: 25px
}
#menu2 :hover UL.sub LI SPAN {
	DISPLAY: block; FONT-WEIGHT: normal; FLOAT: left; WIDTH: 135px; HEIGHT: 25px
}
#menu2 :hover UL.sub LI B {
	DISPLAY: block; FONT-WEIGHT: normal; FLOAT: left; WIDTH: 30px; HEIGHT: 25px
}
#menu2 :hover UL.sub LI A {
	DISPLAY: block; FONT-SIZE: 11px; BACKGROUND: url(trans.gif); WIDTH: 220px; COLOR: #edb; TEXT-INDENT: 10px; LINE-HEIGHT: 25px; MARGIN-RIGHT: -30px; POSITION: relative; HEIGHT: 25px; TEXT-DECORATION: none
}
#menu2 :hover UL.sub LI SPAN A:hover {
	COLOR: #f97
}
#menu2 :hover UL.sub LI:hover > SPAN A {
	COLOR: #f97
}
#menu2 :hover UL :hover UL {
	Z-INDEX: 400; LEFT: 130px; WIDTH: 300px; WHITE-SPACE: nowrap; TOP: 0px; HEIGHT: auto /* Khoang cach giua cac fly*/
}
#menu2 :hover UL :hover UL :hover UL {
	Z-INDEX: 400; LEFT: 120px; WIDTH: 120px; WHITE-SPACE: nowrap; TOP: 0px; HEIGHT: auto
}
#menu2 :hover UL :hover UL :hover UL :hover UL {
	Z-INDEX: 400; LEFT: 120px; WIDTH: 120px; WHITE-SPACE: nowrap; TOP: 0px; HEIGHT: auto
}
#menu2 :hover UL :hover UL :hover UL :hover UL :hover UL {
	Z-INDEX: 400; LEFT: 120px; WIDTH: 150px; WHITE-SPACE: nowrap; TOP: 0px; HEIGHT: auto
}
#menu2 :hover UL.wide {
	WIDTH: 150px
}
#menu2 :hover UL.wide LI SPAN {
	WIDTH: 150px
}
#menu2 :hover UL.wide LI A {
	WIDTH: 150px
}
#menu2 :hover UL.narrow {
	WIDTH: 150px
}
#menu2 :hover UL.narrow LI SPAN {
	WIDTH: 155px /* Chieu dai sub */
}
#menu2 :hover UL.narrow LI A {
	WIDTH: 100px
}
#menu2 :hover UL.narrow :hover UL {
	LEFT: 100px
}
#menu2 :hover UL :hover UL.narrow :hover UL {
	LEFT: 100px ;
}
#menu2 :hover UL :hover UL :hover UL.narrow :hover UL {
	LEFT: 100px
}
#menu2 :hover UL :hover UL :hover UL :hover UL.narrow :hover UL {
	LEFT: 90px
}
#menu2 LI > SPAN {
	BACKGROUND: url(../inc/tab-midleft.png)  #220000
}
#menu2 LI > B {
	BACKGROUND: url(../inc/tab-midright.png) #220000
}
#menu2 LI.fly > B {
	BACKGROUND: url(../inc/tab-midright-sub.png) #220000
}
#menu2 LI.subtop > SPAN {
	BACKGROUND: url(../inc/tab-topleft.png) #220000
}
#menu2 LI.flytop > SPAN {
	BACKGROUND: url(../inc/tab-topleft.png) #220000
}
#menu2 LI.subtop > B {
	BACKGROUND: url(../inc/tab-topright.png) #220000
}
#menu2 LI.flytop > B {
	BACKGROUND: url(../inc/tab-topright-sub.png) #220000
}
#menu2 LI.subbot > SPAN {
	BACKGROUND: url(../inc/tab-botleft.png) #220000; HEIGHT: 35px! important
}
#menu2 LI.flybot > SPAN {
	BACKGROUND: url(../inc/tab-botleft.png) #220000; HEIGHT: 35px! important
}
#menu2 LI.subbot > B {
	BACKGROUND: url(../inc/tab-botright.png) #220000; HEIGHT: 35px! important
}
#menu2 LI.flybot > B {
	BACKGROUND: url(../inc/tab-botright-sub.png) #220000; HEIGHT: 35px! important
}