@charset "utf-8";
/* Clearfix */
* html .clearfix {
height: 1%; /* IE5-6 */
}
*+html .clearfix {
display: inline-block; /* IE7not8 */
}
.clearfix:after { /* FF, IE8, O, S, etc. */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* */
body
{
	color:#ffefd8;
	font-family:Tahoma;
	font-size:11px;
	margin:0px;
	padding:0px;
	background:#834722;
}
a
{
	text-decoration:none;
	color:#ffffff;
	outline:none;
    cursor: pointer;
}
a:hover
{
	color:#ff995a;
}

a img
{
	behavior: url(/js/iepngfix.htc);
	border:none;
}

form
{
	margin:0px;
	padding:0px;
}
.clear
{
	clear:both;
}
img
{
    behavior: url(/js/iepngfix.htc);
    border: none;
}
.tgp_wrapper_top
{
    margin: 0px;
    padding: 0px;
}
.wrapper_top
{
	height:132px;
	background:url(/images/wrapper_top.png) repeat-x top;
}
.tgp_container
{
	margin:0px auto;
	width:961px;
	height:auto;
    padding: 0px;
}
    .tgp_container .intro
    {
        width:100%;
    	height:500px;
    	background:url(/images/logo.jpg) center center no-repeat;
    	position:relative;
    }
        .tgp_container .intro .nav
        {
        	margin:0;
        	padding:0;
        	width:200px;
        	height:20px;
        	list-style:none;
        	position:absolute;
        	left:382px;
        	bottom:140px;
        }
        
        .tgp_container .intro .nav li
        {
        	display:inline;
        	float:left;
        	margin:0 5px;
            list-style-type: none;
            color: #3c1e00;
        }
        
        .tgp_container .intro .nav li a
        {      	
        	font-size:16px;
            color: #3c1e00;
        }
        .tgp_container .intro .nav li a.active
        {
            color: #ffffff;
        }
    /*css of page intro*/
    .tgp_container .tgp_left
    {
        width: 731px;
        margin: 0px;
        padding: 0px;
        float: left;
        height: 658px;
    }
    .tgp_container .tgp_left .tgp_slide
    {
        width: 700px;
        padding: 0px;
        margin: 0px 20px 0px 11px;
        height: 562px;
        position: relative;
        
    }
    .tgp_container .tgp_left .tgp_slide .slide_top
    {
        background: #512a0a;
        width: 700px;
        height: 130px;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
        position: absolute;
        top: 0px;
    }
    .tgp_container .tgp_left .tgp_slide .images
    {
        width: 700px;
        height: 433px;
        margin: 0px;
        padding: 0px;
    }
    .tgp_container .tgp_left .tgp_slide .infor
    {
/*        background: url(/images/bg_infor.png) no-repeat;
        behavior: url(/images/iepngfix.htc);*/       
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
        width: 382px;
        height: 131px;
        position: absolute;
        bottom: 17px;        
        left: 33px;
    }
    .tgp_container .tgp_left .tgp_slide .infor .content 
    {
        width: 352px;
        height: 101px;
        margin: 0px;
        padding: 50px 15px 0 15px;
        font-size: 16px;
        color: #ffffff;
    }
    .tgp_container .tgp_left .tgp_slide a.skip
    {
        position: absolute;
        bottom: 109px;
        font-size: 15px;
        right: 0px;
        color: #ffffff;
    }
    .tgp_container .tgp_right
    {
        width: 230px;
        margin: 0px;
        margin: 0px;
        float: left;
        height: 433px;
        position: relative;
    }
    .tgp_container .tgp_right .tgp_logo
    {
        width: 221px;
        height: 130px;
        margin: 0px;
        padding: 0px;
    }
    .tgp_container .tgp_right .copy_right
    {
        position: absolute;
        bottom: 0px;
        margin: 0px;
        padding: 0px 10px 0 0;
        width: 220px;
    }
    .tgp_container .tgp_right .copy_right .cr_1
    {
        text-align: right;
        font-family: Tahoma;
        color: #ffffff;
        margin: 0px;
        padding: 0 0 10px 0;
    }
    .tgp_container .tgp_right .copy_right .cr_2
    {
        text-align: right;
        font-family: Tahoma;
        color: #ffffff;
        margin: 0px;
        padding: 0 0 0px 0;
    }
    /* end css of page info*/
    /* css dung chung*/
	.tgp_container .tgp_banner
	{
		padding:0px;
		margin:0px 80px;
		position:relative;
        width: 800px;
        height: 106px;
	}
    .tgp_container .tgp_banner .tgp_nav
        {
        	margin:0;
        	padding:0;
        	width:500px;        	
        	list-style:none;
        	position:absolute;
        	left:0px;
        	bottom:2px;
        }
        
        .tgp_container .tgp_banner .tgp_nav li
        {
        	display:inline;
        	float:left;
        	margin:0 5px;
            list-style-type: none;
            color: #3c1e00;
        }
        
        .tgp_container .tgp_banner .tgp_nav li a
        {      	
        	font-size:12px;
            color: #3c1e00;
            font-family: Tahoma;
        }
        .tgp_container .tgp_banner .tgp_nav a.active,.tgp_container .tgp_banner .tgp_nav a:hover
        {
            color: #ff995a;
        }
        .tgp_container .tgp_banner .language
        {
       	    margin:0;
        	padding:0;
        	width:160px;
        	height:20px;
        	list-style:none;
        	position:absolute;
        	right:0px;
        	bottom:2px;
        }
        .tgp_container .tgp_banner .language li
        {
        	display:inline;
        	float:left;
        	margin:0 5px;
            list-style-type: none;
            color: #3c1e00;
        }
        
        .tgp_container .tgp_banner .language li a
        {      	
        	font-size:12px;
            color: #3c1e00;
        }
        .tgp_container .tgp_banner .language a.active,.tgp_container .tgp_banner .language a:hover
        {
            color: #ffffff;
        }
	.tgp_container .tgp_body
	{
		width:800px;
		padding: 0px;
        margin: 0px 80px;
        position: relative;
	}
    .tgp_container .tgp_body .top
    {
        width: 800px;
        height: 27px;
        background: #351c03;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter: alpha(opacity=90);
        -moz-opacity:0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
        position: absolute;
        top:0px;
        left: 0px;
        z-index: 999;
    }
    .tgp_container .tgp_body .top .sale
	{
		font-size:12px;
		font-weight:bold;
        width: 790px;
        padding: 5px 5px;
        margin: 0px;
        list-style: none;
    }
    .tgp_container .tgp_body .top .sale li
    {
        display:inline;
    	float:left;
    	margin:0 5px;
        list-style-type: none;
        color: #ff995a;
    }
    .tgp_container .tgp_body .top .sale li a
    {      	
    	font-size:11px;
        color: #ff995a;
    }
    .tgp_container .tgp_body .top .sale a.active,.tgp_container .tgp_body .top .sale a:hover
    {
        color: #ffffff;
    }
    .tgp_container .tgp_body .tgp_slide
    {
        width: 800px;
        height: 428px;
        position: relative;
        margin: 0px;
        padding: 0px;
        z-index: 1;
    }
    
    .tgp_container .tgp_body .tgp_slide .slide_bottom
    {
        width: 800px;
        height: 64px;
        background: url(/images/bg_imgthumb.png) no-repeat;
        behavior: url(/js/iepngfix.htc);
        position: absolute;
        bottom:1px;
        _bottom:0px;
        left: 0px;
    }
    .tgp_container .tgp_body .tgp_slide .slide_bottom .img_thumb
    {
        width: 800px;
        height: 51px;
        padding: 7px 0px;
        margin: 0px;
        list-style: none;
    }
    .tgp_container .tgp_body .tgp_slide .slide_bottom .img_thumb li
    {
        margin: 0px;
        padding: 0px 5px 0px 0px;
        list-style-type: none;
        display: inline;
        float: right;
    }	
    .tgp_container .tgp_body .tgp_slide .slide_bottom .img_thumb li a
    {
        display: inline;
        cursor: pointer;
    }
    .tgp_container .tgp_bottom
    {
        width:800px;
		padding: 0px;
        margin: 6px 80px 0px 80px;
        position: relative;
    }
    .tgp_container .tgp_bottom .nav_bottom
    {
        width: 800px;
        list-style: none;
        margin: 0px;
        height: 51px;
        padding: 0px;
		z-index:0;
    }
    .tgp_container .tgp_bottom .nav_bottom li
    {
        margin: 0px;
        padding: 0 0 0 0px;
        list-style-type: none;
        display: inline;
        float: left;
        z-index: 0;
    }
    .tgp_container .tgp_bottom .nav_bottom li.book 
    {
        margin: 0px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/nav_booking.png) no-repeat;
    }
    .tgp_container .tgp_bottom .nav_bottom li.book a,.tgp_container .tgp_bottom .nav_bottom li.room a,
    .tgp_container .tgp_bottom .nav_bottom li.res a,.tgp_container .tgp_bottom .nav_bottom li.spa a,
    .tgp_container .tgp_bottom .nav_bottom li.exc a,.tgp_container .tgp_bottom .nav_bottom li.rec a,
    .tgp_container .tgp_bottom .nav_bottom li.mic a,.tgp_container .tgp_bottom .nav_bottom li.vilas a
    {
        outline: none;
        width: 93px;
        height: 49px;
        display: inline-block;
    }
    .tgp_container .tgp_bottom .nav_bottom li.book a.active,.tgp_container .tgp_bottom .nav_bottom li.book:hover
    {
        margin: 0px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/book_hover.png) no-repeat;
    }
    .tgp_container .tgp_bottom .nav_bottom li.room
    {
        margin: 0 0 0 8px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/nav_rooms.png) no-repeat;
    }
    .tgp_container .tgp_bottom .nav_bottom li.room a.active
    {
        margin: 0 0 0 0px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/room_hover.png) no-repeat;
    }
    .tgp_container .tgp_bottom .nav_bottom li.room:hover
    {
        margin: 0 0 0 8px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/room_hover.png) no-repeat;
    }
    .tgp_container .tgp_bottom .nav_bottom li.res 
    {
        margin: 0 0 0 8px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/nav_res.png) no-repeat;
    }
     .tgp_container .tgp_bottom .nav_bottom li.res a.active
    {
        margin: 0 0 0 0px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/res_hover.png) no-repeat;
    }
    .tgp_container .tgp_bottom .nav_bottom li.res:hover
    {
        margin: 0 0 0 8px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/res_hover.png) no-repeat;
    }
    .tgp_container .tgp_bottom .nav_bottom li.spa
    {
        margin: 0 0 0 8px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/nav_spa.png) no-repeat;
    }
    .tgp_container .tgp_bottom .nav_bottom li.spa a.active
    {
        margin: 0 0 0 0px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/spa_hover.png) no-repeat;
    }
    .tgp_container .tgp_bottom .nav_bottom li.spa:hover
    {
        margin: 0 0 0 8px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/spa_hover.png) no-repeat;
    }
    .tgp_container .tgp_bottom .nav_bottom li.exc
    {
        margin: 0 0 0 8px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/nav_exc.png) no-repeat;
    }
    .tgp_container .tgp_bottom .nav_bottom li.exc a.active
    {
        margin: 0 0 0 0px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/exc_hover.png) no-repeat;
    }
    .tgp_container .tgp_bottom .nav_bottom li.exc:hover
    {
        margin: 0 0 0 8px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/exc_hover.png) no-repeat;
    }
    .tgp_container .tgp_bottom .nav_bottom li.rec
    {
        margin: 0 0 0 8px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/nav_rec.png) no-repeat;
    }
    .tgp_container .tgp_bottom .nav_bottom li.rec a.active
    {
        margin: 0 0 0 0px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/rec_hover.png) no-repeat;
    }
    ,.tgp_container .tgp_bottom .nav_bottom li.rec:hover
    {
        margin: 0 0 0 8px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/rec_hover.png) no-repeat;
    }
    .tgp_container .tgp_bottom .nav_bottom li.mic
    {
        margin: 0 0 0 8px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/nav_mic.png) no-repeat;
    }
    .tgp_container .tgp_bottom .nav_bottom li.mic a.active
    {
        margin: 0 0 0 0px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/mic_hover.png) no-repeat;
    }
    ,.tgp_container .tgp_bottom .nav_bottom li.mic:hover
    {
        margin: 0 0 0 8px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/mic_hover.png) no-repeat;
    }
    .tgp_container .tgp_bottom .nav_bottom li.vilas
    {
        margin: 0 0 0 7px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/nav_vilas.png) no-repeat;
    }
     .tgp_container .tgp_bottom .nav_bottom li.vilas a.active
    {
        margin: 0 0 0 0px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/vilas_hover.png) no-repeat;
    }
    ,.tgp_container .tgp_bottom .nav_bottom li.vilas:hover
    {
        margin: 0 0 0 7px;
        padding: 0px;
        width: 93px;
        height: 49px;
        background: url(/images/vilas_hover.png) no-repeat;
    }
    .tgp_copyright
    {
    	height:88px;
    	color:#FFF;
    	position:relative;
    	line-height:14px;
        margin: 0px 80px;
        width: 800px;
        padding: 0px;
    }
    
     .tgp_copyright .div_1
    {
    	position:absolute;
    	left:15px;
    	top:10px;
    }
    
     .tgp_copyright .div_2
    {
    	position:absolute;
    	right:10px;
    	top:10px;
    	cursor:pointer;
    }
    
    .tgp_copyright .div_2 b
    {
    	color:#ff9900;
    }
     .tgp_copyright .div_2 b a
    {
    	color:#FFF;
    }
	
.dragger {
	background:url(/images/circle.png) no-repeat;
}.tgp_container .tgp_body .tgp_booking
{
    background: url(/images/background_bok.png) no-repeat;
    margin: 0px;
    padding: 0px;
    width: 800px;
    height: 427px;
	z-index:98;
}
    .tgp_booking .tgp_left
    {
        width: 169px;
        height: 427px;
        margin: 0px;
        padding: 0px;
        float: left;
        position: relative;
    }
    .tgp_booking .tgp_left .left_top
    {
        width: 149px;
        margin: 0px 0 0 20px;
        padding: 0px;
        top: 120px ;
        position: absolute;
        left: 0px;
    }
    .tgp_booking .tgp_left .left_top h1.title
    {
        font-size: 20px;
        text-transform: uppercase;
        margin: 0px;
        padding: 0px;
    }
    .tgp_booking .tgp_left .left_top .infor_contact
    {
        width: 149px;
        padding: 0px;
        margin: 15px 0 0 0;
        color: #ffffff;
        font-size: 11px;
        line-height: 15px;
    }
    .tgp_booking .tgp_left .left_bottom
    {
        width: 149px;
        padding: 0px;
        margin: 0px;
        position: absolute;
        bottom: 17px;
        left: 0px;
        
    }
    .tgp_booking .tgp_left .left_bottom .map
    {
        width: 149px;
        height: 50px;
        margin: 0px 0 0 20px;
        padding: 0px;
        list-style: none;
    }
    .tgp_booking .tgp_left .left_bottom .map li
    {
        list-style-type: none;
        float: left;
        margin: 0px;
        padding: 0px;
    }
    .tgp_booking .tgp_right
    {
        width: 600px;
        height: 427px;
        margin: 0px;
        padding: 0px;
        float: left;
        position: relative;
    }
    .tgp_booking .tgp_right .tgp_inforRoom
    {
        width: 590px;
        height: 50px;
        margin: 50px 0px 0px 10px;
        padding: 0px;
/*        position: absolute;
        top: 50px;
        left: 10px;*/
        float: left;
    }
    .tgp_booking .tgp_right .tgp_inforRoom .title
    {
        width: 180px;
        height: 50px;
        margin: 0px;
        padding: 3px 0 0 0;
        float: left;
    }
    .tgp_booking .tgp_right .tgp_inforRoom .title h1.title
    {
        font-size: 20px;
        margin: 0px;
        padding: 0px;
        text-transform: uppercase;
        height: 20px;
        float: left;
    }
    .tgp_booking .tgp_right .tgp_inforRoom .infor
    {
        margin: 0px;
        padding: 0px;
        width: 400px;   
        height: 50px;
        float: left;
    }
    .tgp_booking .tgp_right .tgp_inforRoom .infor .report
    {
        list-style: none;
        width: 270px;
        margin: 10px 0 0 130px;
        padding: 0px;
        height: 40px;
    }
    .tgp_booking .tgp_right .tgp_inforRoom .infor .report li
    {
        list-style-type: none;
        margin: 0 0 0 0px;
        padding: 0px;
        float: left;
    }
    .tgp_booking .tgp_right .tgp_inforRoom .infor .report li a
    {
        display: inline-block;
        color: #ffffff;
        font-size: 11px;
    }
    .tgp_booking .tgp_right .tgp_inforRoom .infor .report li a:hover
    {
        display: inline-block;
        color: #ff995a;
        font-size: 11px;
    }
    form
    {
        margin: 0px;
        padding: 0px;
    }
    input
    {
		margin:0;
        background: #8e4416;
        border: none;
        color: #ffffff;
        padding: 2px;
        font-size: 11px;
		height:17px;
    }
    textarea
    {
		margin:0;
        background: #8e4416;
        border: none;
        color: #ffffff;
        padding: 2px;
        font-size: 11px;
        font-family: Tahoma;
    }
    .button
    {
        background: url(/images/btn_book.gif) no-repeat;
        width: 79px;
        height: 28px;
        display: inline-block;
        margin: 0px;
        padding: 0px;
        cursor: pointer;
        outline: none;
    }
    .done
    {
        background: url(/images/btn_done.gif) no-repeat;
        width: 79px;
        height: 28px;
        display: inline-block;
        margin: 20px 0 0 0;
        padding: 0px;
        cursor: pointer;
        outline: none;
    }
    .edit
    {
        background: url(/images/btn_edit.gif) no-repeat;
        width: 79px;
        height: 28px;
        display: inline-block;
        margin: 20px 0 0 20px;
        padding: 0px;
        cursor: pointer;
        outline: none;
    }
    .yes
    {
        background: url(/images/btn_yes.gif) no-repeat;
        width: 79px;
        height: 28px;
        display: inline-block;
        margin: 20px 0 0 0px;
        padding: 0px;
        cursor: pointer;
        outline: none;
    }
    .no
    {
        background: url(/images/btn_no.gif) no-repeat;
        width: 79px;
        height: 28px;
        display: inline-block;
        margin: 20px 0 0 10px;
        padding: 0px;
        cursor: pointer;
        outline: none;
    }
    
    .tgp_booking .tgp_right .content
    {
        width: 600px;
        _width:600px;
        margin: 10px 10px 0 20px;
        _margin: 10px 0 0 10px;
        padding: 0px;
        float: left;
        position: relative;
    }
    .tgp_booking .tgp_right .content_report
    {
         width: 580px;
        _width:580px;
        margin: 10px 10px 0 10px;
        _margin: 10px 0 0 5px;
        padding: 0px;
        float: left;
        position: relative;
        line-height: 20px;
    }
    .tgp_booking .tgp_right .content .complete
    {
        position: absolute;
        width: 222px;
        height: 81px;
        margin: 0px;
        padding: 0px;
        list-style: none;
        top: 94px;
        left: 145px;
    }
    .tgp_booking .tgp_right .content .complete li
    {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        float: left;
    }
    .tgp_booking .tgp_right .tgp_content
    {
        width: 600px;
        _width:600pxpx;
        margin: 10px 10px 0 10px;
        _margin: 10px 0 0 10px;
        padding: 0px;
        float: left;
        position: relative;
    }
	
.tgp_container .tgp_body .tgp_alert
{
    background: url(/images/bg_alert.png) no-repeat;
    margin: 0px;
    padding: 0px;
    width: 800px;
    height: 427px;
    position: relative;
	z-index:99;
}
    .tgp_alert .content_alert
    {
        width: 185px;
        height: 150px;
        position: absolute;
        margin: 0px;
        padding: 0px;
        top: 172px;
        left: 300px;
    }
    .tgp_alert .content_alert .div_top
    {
        width: 185px;
        height: 40px;
        margin: 0px;
        padding: 0px;
        float: left;
        font-size: 11px;
        color: #ffffff;
    }
    .tgp_alert .content_alert .div_top .ques
    {
        width: 200px;
        height: 40px;
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    .tgp_alert .content_alert .div_top .ques li
    {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        float: left;
    }
    .tgp_alert .content_alert .div_bottom
    {
        width: 185px;
        margin: 0px 0 0 0;
        padding: 0px;
        float: left;
    }.tgp_container .tgp_body .tgp_rooms
{
    background: url(/images/bg_rooms.png) no-repeat;
    margin: 0px;
    padding: 0px;
    width: 800px;
    height: 427px;
}
.tgp_container .tgp_body .tgp_restaurant
{
    background: url(/images/bg_restaurant.png) no-repeat;
    margin: 0px;
    padding: 0px;
    width: 800px;
    height: 427px;
}
    .tgp_rooms .r_top,.tgp_restaurant .r_top
    {
        width: 800px;
        height: 100px;
        margin: 0px;
        padding: 0px;
        float: left;
        position: relative;
    }
    .tgp_rooms .r_top .faci,.tgp_restaurant .r_top .faci
    {
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 67px;
        left: 169px;
    }
    .tgp_rooms .r_bottom,.tgp_restaurant .r_bottom
    {
        width: 800px;
        margin: 0px;
        padding: 0px;
        float: left;
    }
    .tgp_rooms .r_bottom .r_left,.tgp_restaurant .r_bottom .r_left
    {
        width: 168px;
        margin: 0px;
        padding: 0px;
        float: left;
    }
    .tgp_rooms .r_bottom .r_left .menu,.tgp_restaurant .r_bottom .r_left .menu
    {
        margin: 20px 0px 0 20px;
        padding: 0px;
        width: 148px;
    }
    .tgp_rooms .r_bottom .r_left .menu h1.title,.tgp_restaurant .r_bottom .r_left .menu h1.title
    {
        font-size: 20px;
        margin: 0px 0 15px 0;
        padding: 0px;
        text-transform: uppercase;
    }
    .tgp_rooms .r_bottom .r_left .menu .list,.tgp_restaurant .r_bottom .r_left .menu .list
    {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: 128px;
        line-height: 24px;
    }
    .tgp_rooms .r_bottom .r_left .menu .list li,.tgp_restaurant .r_bottom .r_left .menu .list li
    {
        list-style-type: none;
        padding: 0px;
        margin: 0px;        
        width: 128px;
    }
    .tgp_rooms .r_bottom .r_left .menu .list li a,.tgp_restaurant .r_bottom .r_left .menu .list li a
    {
        color: #ffffff;
        display: inline-block;
        font-size: 11px;
    }
    .tgp_rooms .r_bottom .r_left .menu .list li a:hover,.tgp_rooms .r_bottom .r_left .menu .list li a.active,
    .tgp_restaurant .r_bottom .r_left .menu .list li a:hover,.tgp_restaurant .r_bottom .r_left .menu .list li a.active
    {
        color: #ff995a;
    }
    .tgp_rooms .r_bottom .r_right,.tgp_restaurant .r_bottom .r_right
    {
        width: 620px;
        margin: 0px;
        padding: 0px; 
        float: left;
		overflow:hidden;
    }
    .tgp_rooms .r_bottom .r_right .content_right,.tgp_restaurant .r_bottom .r_right .content_right
    {
        margin: 18px 15px 0 15px;
        padding: 0px;
        width: 590px;
        text-align: justify;
        color: #ffffff;
        font: 11px;
        line-height: 15px;
    }
	.tgp_rooms .r_bottom .r_right .content_right_scroll
    {
        margin: 18px 0px 0px 11px;
        padding: 0px;
        width: 600px;
        text-align: justify;
        color: #ffffff;
        font: 11px;
        line-height: 15px;
		list-style:none;
    }	
	.tgp_rooms .r_bottom .r_right .content_right_scroll1
	{
		margin: 18px 0px 0px 5px;
        padding: 0px;
        width: 580px;
        text-align: justify;
        color: #ffffff;
        font: 11px;
        line-height: 15px;
	}
    /*css of Rooms*/
    .tgp_rooms .r_bottom .r_right .content_right .gallery
    {
        width: 567px;
        margin: 25px 0 0 0;
        padding: 0px;
        
    }
    .tgp_rooms .r_bottom .r_right .content_right .gallery .box_img
    {
        width: 80px;
        height: 80px;
        margin: 0px;
        padding: 0px;
        float: left;
    }
    .tgp_rooms .r_bottom .r_right .content_right .nd
    {
        width: 337px;
        margin: 0px;
        padding: 0px;
        float: left;
    }
    .tgp_rooms .r_bottom .r_right .content_right .hinhanh
    {
        width: 233px;
        margin: 0px;
        padding: 0px;
        float: left;
    }
    .tgp_rooms .r_bottom .r_right .content_right .hinhanh .imga
    {
        width: 223px;
        margin: 0px;
        padding: 0px 5px 0 30px;
        _padding: 0px 0px 0 20px;
        height: 155px;
        float: left;
        _width: 213px;
    }
    .tgp_rooms .r_bottom .r_right .content_right .hinhanh .imga .box_imga
    {
        
        width: 61px;
        height: 48px;
        margin: 5px 5px;
        _margin: 5px 0px 0px 5px;
        padding: 0px 0px;
        float: left;
    }
    .tgp_rooms .r_bottom .r_right .content_right .hinhanh .imga .box_imga img
    {
        padding: 1px 1px 1px 1px;
        width: 59px;
        height: 46px;
        margin: 0px;
    }
    .tgp_rooms .r_bottom .r_right .content_right .hinhanh .imga .box_imga a
    {
        width: 61px;
        height: 48px;
        display: block;
        margin: 0px;
        padding: 0px;
        /*background: url(/images/bg_khung.png) no-repeat;*/
        border: 1px solid #ffffff;
    }
    .tgp_rooms .r_bottom .r_right .content_right .hinhanh .imga .box_imga a:hover
    {
        /*background: url(/images/bg_khung_hover.png) no-repeat;*/
        width: 61px;
        height: 48px;
        display: block;
        margin: 0px;
        padding: 0px;
        border: 1px solid #ff995a;
    }
    .tgp_rooms .r_bottom .r_right .content_right .hinhanh .bottom
    {
        width: 233px;
        margin: 0px;
        padding: 0px;
        float: left;
        position: relative;
        height: 133px;
		background:url(/images/price.png) no-repeat top;
    }
    .tgp_rooms .r_bottom .r_right .content_right .hinhanh .bottom .price
    {
        font-size: 20px;
        width: 100%
        margin: auto;
        padding: 0px;
		padding-top:35px;
		text-align:center;
    }
    .tgp_rooms .r_bottom .r_right .content_right .hinhanh .bottom .book
    {
        position: absolute;
        margin: 0px;
        padding: 0px;
        right: 0px;
        bottom: 0px;
    }
    /*end css of Room*/
    /*Css of Restaurant*/
    .tgp_restaurant .r_bottom .r_right .content_right .restaurant
    {
        width: 570px;
        margin: 0px;
        padding: 0px;
    }
    .tgp_restaurant .r_bottom .r_right .content_right .restaurant .res
    {
        width: 140px;
        height: 254px;
        margin: 0px;
        padding: 0px;
        float: left;
    }
    .tgp_restaurant .r_bottom .r_right .content_right .restaurant .res h1.name_res
    {
        width: 140px;
        margin: 0px 0px;
        padding: 10px 0 10px 0;
        height: 45px;
        font-size: 22px;
    }
    .tgp_restaurant .r_bottom .r_right .content_right .restaurant .res .img_res
    {
        width: 140px;
        height: 190px;
        margin: 0px;
        padding: 0px;
    }
.tgp_container .tgp_body .tgp_slide_res
{
    width: 800px;
    margin: 0px;
    padding: 0px;
    position: relative;
    height: 427px;
}  
    .tgp_container .tgp_body .tgp_slide_res .div_image
    {
        width: 800px;
        height: 427px;
        margin: 0px;
        padding: 0px;
        z-index: 1;
        border: none;
    }  
    .tgp_container .tgp_body .tgp_slide_res .previous
    {
        position: absolute;
        top: 185px;
        left: 0px;
        background: url(/images/prev.png) no-repeat;
        behavior: url(/js/iepngfix.htc);
        width: 43px;
        height: 45px;
        margin: 0px;
        padding: 0px;
    }
    .tgp_container .tgp_body .tgp_slide_res .next
    {
        position: absolute;
        top: 185px;
        right: 0px;
        background: url(/images/next.png) no-repeat;
        behavior: url(/js/iepngfix.htc);
        width: 43px;
        height: 45px;
        margin: 0px;
        padding: 0px;
    }
    .tgp_container .tgp_body .tgp_slide_res .nav_res
    {
       /* background: url(/images/bg_nav_res.png) no-repeat;
        behavior: url(/js/iepngfix.htc);*/
        background: #241408;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter: alpha(opacity=90);
        -moz-opacity:0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
        width: 167px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        left: 0px;
        top: 231px;
    }
    .tgp_container .tgp_body .tgp_slide_res .nav_res .nav
    {
        margin: 0px;
        padding: 15px;
        width: 127px;
    }
    .tgp_container .tgp_body .tgp_slide_res .nav_res .nav h1.res
    {
        padding: 0px;
        margin: 0px;
        font-size: 22px;
        text-transform: uppercase;
    }
    .tgp_container .tgp_body .tgp_slide_res .nav_res .nav .list_res
    {
        margin: 0px;
        padding: 0px;
        list-style: none;
        width: 127px;
        line-height: 25px;
    }
    .tgp_container .tgp_body .tgp_slide_res .nav_res .nav .list_res li
    {
        margin: 0px;
        padding: 0px;
        float: left;
        list-style-type: none;
    }
    .tgp_container .tgp_body .tgp_slide_res .nav_res .nav .list_res li a
    {
        font-size: 11px;
        color: #ffffff;
        display: inline-block;
        border: none;
    }
    .tgp_container .tgp_body .tgp_slide_res .nav_res .nav .list_res li a:hover,.tgp_container .tgp_body .tgp_slide_res .nav_res .nav .list_res li a.active
    {
        color: #ff995a;
    }
    .tgp_container .tgp_body .tgp_slide_res .move_div_champa
    {
        background: url(/images/bg_introduction.png) no-repeat;  
        width: 381px;
        height: 110px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 277px;
        left: 168px;
        _width: 341px;
        _left: 178px;
        _top: 280px;
    }
    .tgp_container .tgp_body .tgp_slide_res .move_div_champa2
    {
        background: url(/images/bg_introduction.png) no-repeat;      
        width: 250px;
        height: 110px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 277px;
        left: 550px;
        _top: 280px;
    }
    .tgp_container .tgp_body .tgp_slide_res .move_div_namdinh
    {
        background: url(/images/bg_introduction.png) no-repeat;
        width: 381px;
        height: 110px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 270px;
        left: 168px;
        _width: 341px;
        _left: 178px;
        _top: 280px;
    }
    .tgp_container .tgp_body .tgp_slide_res .move_div2
    {
        background: url(/images/bg_introduction.png) repeat;
        width: 250px;
        height: 130px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 250px;
        left: 550px;
        _top: 260px;
    }
    .tgp_container .tgp_body .tgp_slide_res .move_div
    {
        background: url(/images/bg_introduction.png) repeat;
        width: 381px;
        height: 130px;
        margin: 0px;
        padding: 0px;
        position: absolute;
		top: 250px;
        left: 168px;
        _width: 341px;
        _left: 178px;
        _top: 260px;
    }
    .tgp_container .tgp_body .tgp_slide_res .move_div_wave2
    {
        background: url(/images/bg_introduction.png) no-repeat;
        width: 250px;
        height: 110px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 277px;
        left: 550px;
        _top: 280px;
    }
    /*end css of restaurant*/
	
	
.tgp_rooms .r_bottom .r_left .menu .content li
{
	height:24px;
	overflow:hidden;
}

.r_right .content_right .restaurant .res 
{
	position:relative;
}

.r_right .content_right .restaurant .res .img_res
{
	z-index:0;
	margin:0;padding:0;
	width:150px;
	height:189px;
	position:absolute;
}
.r_right .content_right .restaurant .res .img_res img
{
	margin:0;
	padding:0;
	height:189px;	
	border:none;
}.tgp_container .tgp_body .tgp_spa
{
    background: url(/images/bg_spa.png) no-repeat;
    margin: 0px;
    padding: 0px;
    width: 800px;
    height: 427px;
} 
.tgp_container .tgp_body .tgp_spa_menu
{
    width: 800px;
    height: 427px;
    margin: 0px;
    padding: 0px;
    position: relative;
	overflow:hidden;
}
    .tgp_container .tgp_body .tgp_spa_menu .tgp_image
    {
        width: 800px;
        height: 427px;
        margin: 0px;
        padding: 0px;
        border: none;
    }
    .tgp_container .tgp_body .tgp_spa_menu .spa_1
    {
        width: 167px;
        height: 140px;
        position: absolute;
        top:277px;
        left: 0px;
        background: #362113;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
        _top:270px;
    }
    .tgp_container .tgp_body .tgp_spa_menu .spa_1 .spa_title
    {
        margin: 0px;
        padding: 20px;
        width: 127px;
    }
    .tgp_container .tgp_body .tgp_spa_menu .spa_1 .spa_title  h1.spa
    {
        padding: 0px;
        margin: 0px;
        font-size: 20px;
    }
    .tgp_container .tgp_body .tgp_spa_menu .spa_1 .spa_title a.spa
    {
        color: #ffffff;
        float: left;
        margin: 45px 0 20px 2px;
        padding: 0px;
        display: inline-block;
    }
    .tgp_container .tgp_body .tgp_spa_menu .spa_1 .spa_title a.spa:hover
    {
        color: #ff995a;
    }
    .tgp_container .tgp_body .tgp_spa_menu .spa_2
    {
        width: 631px;
        height: 140px;
        position: absolute;
        top:277px;
        left: 169px;
         background: #362113;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
        _height: 146px;
        _top:270px;
    }
    .tgp_container .tgp_body .tgp_spa_menu .spa_2 .details
    {
        width: 600px;
        margin: 5px 15px 0px 15px;
        padding: 0px;
        text-align: justify;
        line-height: 15px;
    }
    .tgp_container .tgp_body .tgp_spa_menu .spa_2 .details .list_spa
    {
        width: 600px;
        list-style: none;
        margin: 0px;
        padding: 0px;
    }
    .tgp_container .tgp_body .tgp_spa_menu .spa_2 .details .list_spa li
    {
        margin: 0 0 0 10px;
        padding: 0 0 0 15px;
        list-style-type: none;
        color: #ffffff;
        background: url(/images/bulet.png) no-repeat 5px 7px;
    }
    .tgp_spa .r_top
    {
        width: 800px;
        height: 100px;
        margin: 0px;
        padding: 0px;
        float: left;
        position: relative;
    }
    .tgp_spa .r_top .faci
    {
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 67px;
        left: 169px;
    }
    .tgp_spa .r_bottom
    {
        width: 800px;
        margin: 0px;
        padding: 0px;
        float: left;
        height: 327px;
    }
    .tgp_spa .r_bottom .r_left
    {
        width: 168px;
        margin: 0px;
        padding: 0px;
        float: left;
    }
    .tgp_spa .r_bottom .r_left .menu
    {
        margin: 20px 10px 0 20px;
        padding: 0px;
        width: 138px;
    }
    .tgp_spa .r_bottom .r_left .menu h1.title
    {
        font-size: 20px;
        margin: 0px 0 15px 0;
        padding: 0px;
        text-transform: uppercase;
    }
    .tgp_spa .r_bottom .r_left .menu .list
    {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: 138px;
        line-height: 24px;
    }
    .tgp_spa .r_bottom .r_left .menu .list li
    {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
        float: left;
        width: 138px;
    }
    .tgp_spa .r_bottom .r_left .menu .list li a
    {
        color: #ffffff;
        display: inline-block;
        font-size: 11px;
    }
    .tgp_spa .r_bottom .r_left .menu .list li a:hover,.tgp_spa .r_bottom .r_left .menu .list li a.active
    {
        color: #ff995a;
    }
    .tgp_spa .r_bottom .r_right
    {
        width: 630px;
        margin: 0px;
        padding: 0px; 
        float: left;
        height: 327px;
		overflow:hidden;
    }
    .tgp_spa .r_bottom .r_right .content_right
    {
        margin: 18px 15px 0 15px;
        *margin: 10px 15px 0 15px;
        padding: 0px;
        width: 600px;
        text-align: justify;
        color: #ffffff;
        font: 11px;
        line-height: 15px;
    }
    .tgp_spa .r_bottom .r_right .content_right .spa_menu
    {
        margin: 0px;
        padding: 0px;
        width: 600px;
		position:relative;
    }
    .tgp_spa .r_bottom .r_right .content_right .spa_menu .spa
    {
        width: 149px;
        height: 298px;
        margin: 0px;
        padding: 0px 1px 0 0px;
        float: left;
		z-index: 0;
		position:relative;
    }
    .tgp_spa .r_bottom .r_right .content_right .spa_menu .spa h1.name_spa
    {
        width: 100px;
        margin: 0px 0px;
        padding: 0px 0 0px 0;
        *padding: 0px 0 5px 0;
        height: 45px;
        font-size:20px;
    }
    .tgp_spa .r_bottom .r_right .content_right .spa_menu .spa .img_spa
    {        
        margin: 0px;
        padding: 0px;
		z-index:0;		
		position:absolute;
		width:149px;
		height:251px;
    }
	
	.tgp_spa .r_bottom .r_right .content_right .spa_menu .spa .img_spa a{
		margin:0;
		padding:0;
		z-index:0;
	}
	
	.tgp_spa .r_bottom .r_right .content_right .spa_menu .spa .img_spa img{
		margin:0;
		padding:0;
		height:251px;
		border:none;		
	}#contentwrap {width:149px;position:relative;clear: both;padding-left:0px;}
#headwrap {width:149px;clear: both;float: left;float: none;position: relative;z-index: 6;}
#featured, .featured, .fadeout, .newsselect{ }
#feature_wrap{position: relative;}
#featured{position: relative;overflow: hidden;}
.featured
{
width:189px;
/*width:330px;*/
position:absolute;
top:0;left:0;
overflow: hidden;
display:none;
}
.featured img{display:block;position: relative;z-index: 1;width:189px;}
#top .fadeout{position:absolute;width:189px;display:block;right:0px;z-index: 3;}
#top .sliderheading{display:block;font-size: 1.6em;}
#top .slidercontent{font-size: 1.2em;}
#top .heading_clone{position: absolute;z-index: 4;display:block;font-size: 4.0em;height: 50px;margin-bottom:60px;}
.featured a, .featured a img, .featured img{width:189px;text-decoration: none;border:none;}
#featured{border:none;}
.featured img{width:189px;border-left:1px solid #595959;}
#top .preloading_background {background:#191919 url(../images/preload.gif) no-repeat scroll 50% 50%;}
#top .fadeout{background: transparent url(../images/overlay.png) repeat-y right top;}
#top #featured a{color:#eeeica, sans-serif;}

.pp_pic_holder{
	display:none;
}
.pp_overlay{
	display:none;
}
/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	margin:0;padding:0;
	position:relative;
	height: 21px;
	background: url(/images/bg_select.gif) repeat right center;
	float:left;
    width: 140px ;
	font-size:11px;
}

.jqTransformInputWrapper {
	font-size:11px;
}

.jqTransformSelectWrapper div span {
	margin:0;
	font-size: 11px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 21px;
	line-height: 18px;
	padding: 0px 0 0 5px;
	overflow: hidden;
	cursor:pointer;
	/*border: 1px solid #CCCCCC;*/
/*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 31px;
	height: 21px;
	background: url(/images/select_1.gif) no-repeat center center;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 43px;
	top: 22px;
	left: 0px;
	list-style: none;
	background-color: #1e160f;
	border: solid 1px #1e160f;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:999;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#fff;
	background-color: #1e160f;
	font-size: 11px;
}

.jqTransformSelectWrapper ul a.selected {
    background-color: #1e160f;
	color: #f19800;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
    color: #f19800;
}


/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px;	margin-top:3px;}
.jqTransformRadio {
	background: transparent url(/images/radio_btn.png) no-repeat center top;
	vertical-align: middle;
	height: 9px;
	width: 8px;
	display:block;/*display: -moz-inline-block;*/
}
/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked { background: transparent url(/images/radio_checked.png) no-repeat center top;}


/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}



.zoomy{
    position: absolute;
    display: none;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 5px 10px #000;
    -moz-box-shadow: 0px 5px 10px #000;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color='#3333333', Positive='true');
    border: 1px solid #999;
    line-height: 100px;
    text-align: center;
    background-image: url(loading.gif);
    background-position: center;
    background-color: #fff;
    z-index: 1000;
    overflow: hidden;
    cursor: move;
}

.zoomy span{
    display: block;
    margin: 5px auto;
    background: -moz-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,0) 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.6)), color-stop(100%,rgba(255,255,255,0))); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55FFFFFF, endColorstr=#00ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55FFFFFF, endColorstr=#00ffffff);
}

.zoomBar{
    font-family: arial, helvetica;
    color: #fff;
    text-decoration: none;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #000;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #000000;
    padding: 5px 10px;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    opacity: .8;
    filter:alpha(opacity=80);
}

.zoomBar span{
    font-weight: bolder;
    color: #ccc;
}

.zoomy a{
    color: #333;
    text-decoration: none;
}

.cursorHide{
    cursor: url(blank.gif), move;
}

.broke a{
    display: block;
    height: 100%;
    width: 100%;
    
}

#brokeZoomy{
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0px;
    left: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background: #fff url(broke.gif) center no-repeat;
}



a.zoom img{
    position: absolute;
    outline: none;
    text-decoration: none;
    border: 0;
}

a.zoom.inactive img{
    opacity: 0.9;
    filter:alpha(opacity=90);
}

.zoom br{
    display: none;
}

.zoom #tmp{
    max-width: none;
    max-height: none;
    top: -999999px;
    left: -999999px;
}

