/* RESET STYLE */
* {margin:0; padding:0; list-style:none; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#3c3c3c; outline:none; border:none}
body {font-size:11px; background:#044484}
a {text-decoration:none; color:#0681ba}
a:hover {text-decoration:underline}
select, input, textarea {font-family:Verdana; font-size:11px; border:#c5c4c1 solid 1px}
h2 {margin:0 0 17px; background:url(../images/bgd_h2.gif) bottom repeat-x; padding:0 0 5px}
h3 {font-size:11px; padding:0 0 10px}
h4, h4 a {color:#7c4f00; font-size:12px; font-weight:bold; text-transform:uppercase; padding:0 0 5px}
h5 {font-size:14px; padding:15px 0 5px}
img {border:none}
p {line-height:16px}
iframe {border:none}
.clear {line-height:0; height:0; clear:both}
/********** Common Structure (for all templates) *******/
#subHoian {background:#0680ba url(../images/bgd_subbody.gif) repeat-x}
#subQuynhon {background:#c8573a url(../images/bgd_subbody_quynhon.gif) repeat-x}
#subOcean {background:#00a6b9 url(../images/bgd_subbody_ocean.gif) repeat-x}
#subHotram {background:#b2bb1e url(../images/bgd_subbody_hotram.gif) repeat-x}
#subHalong {background:#dc2338 url(../images/bgd_subbody_halong.gif) repeat-x}
#subNinhbinh {background:#c61b81 url(../images/bgd_subbody_ninhbinh.gif) top repeat-x}
#subSapa {background:url(../images/bgd_subbody_sapa.gif) top repeat-x}
#subDanang {background:#a12e70 url(../images/bgd_subbody_danang.gif) top repeat-x}

	/**** Container ************/
	#container {width:927px; text-align:left; background:url(../images/bgd_container.gif) 0 0 repeat-y; margin:auto; position:relative}
	
		/**** Header ************/
		#header {width:927px; overflow:hidden; position:relative}
			#logo {float:left; width:180px; overflow:hidden; margin:0 0 0 15px; display:inline}
			/**** Header for home page************/
			#logoHome {width:180px; height:244px; position:absolute; z-index:999; left:15px; top:33px}
			#bannerHeader {width:897px; padding:0 0 0 15px}			
			#photoSlice {width:897px; padding:0 0 0 15px}
			#photoSlice div {width:897px}
			.photo {width:731px; float:left}	
			
			#topNav {background:#044484 url(../images/bgd_top.gif) 0 100% no-repeat; width:100%; overflow:hidden; clear:both}
			#topNav ul {float:right; padding:8px 0 12px; margin:0 20px}
			#topNav li {font-weight:bold; padding:0 0 0 3px;  display:inline}
			#topNav li.symbol {font-weight:normal; color:#fff}
			#topNav li a {color:#fff}
			
			#nav {width:907px; height:27px; overflow:hidden; display:block; border:none; margin:1px 0 0 15px}	
			#nav li {float:left; background:url(../images/bgd_lev_partition.gif) 100% 0 repeat-y}
			#nav li.last {background:none}
			#nav li img {display:block; padding:0 1px 0 0}
				
				ul.submenu {width:108px; padding:0 10px 0 0; margin:0 0 0 -11px; font-size:12px; position:absolute; top:309px; z-index:1000; overflow:hidden}
				ul.submenu li {font-weight:bold; height:27px; background:url(../images/bgd_submenu.gif) 0 0 repeat-x; padding:0; margin:0}
				ul.submenu a {display:block; color:#015a92; padding:4px 14px; height:19px}
				ul#newsletterMenu {width:190px}
				ul#lifespaMenu {width:120px}
				ul#servicesMenu {width:130px}
				ul#mediaMenu {width:150px}
	
		/**** Main************/
		#main {width:897px; background:url(../images/bgd_main.gif) 0 0 repeat-x; margin:0 15px; padding:4px 0 0;  overflow:hidden}
			.content {width:897px; background:url(../images/bgd_home_info.gif) 100% 100% no-repeat; overflow:hidden}
      /***********homepage************/
			#contextual {background:#e5e5e5; float:left; width:226px; overflow:hidden; padding:5px 0 20px}	
			#contextual p {color:#7c4f00; padding:0 0 0 15px}
			#contextual ul {width:226px; overflow:hidden}
			#contextual li {width:82px; float:left; padding:3px 0 5px 15px}
			#contextual dt {padding:0 0 3px}
			#contextual dl dt a {color:#7c4f00; font-weight:bold}
			#contextual dt.last {padding:0 0 3px 15px}
			#contextual dd.last {background:url(../images/bgd_line_01.gif) left repeat-y; padding:0 0 0 15px}
			
			#innermain {width:659px; float:left; margin:22px 0  0 28px; padding:0 28px 30px 0}
			#innermain p {padding:5px 10px 5px 0}
			#innermain .slogan {text-align:center; margin:20px 0 0}
			
			#innermainIndex ul {padding:0 10px 5px 15px}
			#innermainIndex li {background:url(../images/bullet_amenities.gif) 0 7px no-repeat; padding:3px 5px 3px 10px}
			#innermainIndex {width:615px; float:left; margin:22px 0 0 24px; padding:0 0 30px}
			#innermainIndex p {padding:5px 10px 5px 0}
			#innermainIndex .slogan {text-align:center; margin:20px 0 0}
			
			#innercontent {width:659px; float:left; margin:22px 28px 30px}
			#innercontent p {padding:5px 10px 5px 0}
			#innercontent table {background:url(../images/bgd_h2.gif) bottom repeat-x; margin:0 0 10px}
			
			.list {padding:0 10px 5px 15px}
			.list li {background:url(../images/bullet_amenities.gif) 0 7px no-repeat; padding:3px 0 3px 12px}
			
 			#frmcontact {padding:0 0 0 20px; width:230px; float:left}
			#frmcontact p {padding:3px 0; display:block}
			#frmcontact label {width:120px}
			#frmcontact input {width:200px; height:16px; border:1px solid #ccc} 
			#frmcontact option {color:#002d56; width:200px; padding:2px}
			#frmcontact select {color:#002d56; width:200px}
			#frmcontact textarea {width:200px; height:60px; border:1px solid #ccc}
			#frmcontact .submit {width:75px; height:28px; border:0; margin:10px 0 0; float:left}
				sup {font-size:10px; color:#0681ba}
			.required {font-size:10px; display:block; text-align:right; clear:both} 
			.aplication p {padding:0 0 20px}
			
			/* @Huong form search */
			#contextual h3, .lev2 h3 {color:#7c4f00; font-size:1.4em; padding:15px}
			#innermainIndex .frmReservations p {padding:0 0 5px; overflow:hidden; width:195px; float:left}
			#innermainIndex .frmReservations p.boxLocal {width:225px}
			#innermainIndex .frmReservations p.boxCenterArrival {padding:0 0 0 6px; width:189px}
			#innermainIndex .frmReservations p.selectSmallLast {padding:0 0 0 231px}
			/** html #innermainIndex .frmReservations p.selectSmallLast {margin:0}*/
			#innermainIndex .frmReservations p.typeCheckAva {width:180px; margin:0 0 0 -6px}
			.frmReservations {padding:0 15px; margin:0 0 10px}
			.frmReservations p {padding:0 0 5px; overflow:hidden; width:100%}
			.frmReservations label {display:block; font-weight:bold; padding:0 0 2px}
			.frmReservations input {padding:1px 0 2px 2px; width:155px}
			.frmReservations select {width:201px}
			.frmReservations span {float:left; padding:0 3px 0 0}
			.frmReservations span.last {padding:3px 3px 0 0}
			*+ html .frmReservations span.last {padding:0}
			* html .frmReservations span.last {padding:0}
			.frmReservations .selectSmall select {width:50px}
			.frmReservations .selectSmall select.last {width:54px; border:1px solid #c5c4c1}
			input.buttonsmall, input.buttonsmall01 {background:#026aab; padding:2px 6px; color:#fff; cursor:pointer; width:136px}
			input.buttonsmall01 {width:74px}
			.content .frmReservations {padding:10px; background:#e5e5e5; overflow:hidden; width:615px; margin:20px 0 0}
			.lev2 h3 {padding:10px}
			.frmReservations label img {margin:0 0 0 3px}
			input.buttonsmall {margin:17px 0 0}
			
		/**** Footer ************/
		#footer {color:#fff; background:#044484 url(../images/bgd_bottom.gif) 0 0 no-repeat; padding:9px 0 10px 625px; margin:0}
		#footer span {font-weight:bold; color:#fff}
		#footer a {color:#fff}
		/**** Sitemap ************/
		#sitemap ul {padding:6px 0 0}
		#sitemap li {background:url(../images/bullet_newsother.gif) 0 7px no-repeat; padding:3px 0 3px 12px}
		#sitemap div {width:140px; overflow:hidden; float:left; padding:10px 10px 0 0; height:160px}
		
	#subpage #container {background:url(../images/bgd_subpage.gif) 0 0 repeat-y}
	
	#subHoian #container {background:url(../images/bgd_subcontainer.gif) 0 0 repeat-y}	
	#subHoian #topNav {background:#3ca6d6 url(../images/bgd_subtop.gif) 0 100% no-repeat}
	#subHoian #footer {background:#0680ba url(../images/bgd_subbottom.gif) 0 0 no-repeat}
	
	#subQuynhon #container {background:#c8573a url(../images/bgd_subcontainer_quynhon.gif) 0 0 no-repeat}
	#subQuynhon #topNav {background:#c8573a url(../images/bgd_subtop_quynhon.gif) 0 100% no-repeat}
	#subQuynhon #footer {background:#c8573a url(../images/bgd_subbottom_quynhon.gif) 0 0 no-repeat}
	
	#subOcean #container {background:url(../images/bgd_subcontainer_ocean.gif) 0 0 repeat-y}
	#subOcean #topNav {background:#03b7cb url(../images/bgd_subtop_ocean.gif) 0 100% no-repeat}
	#subOcean #footer {background:#00a4b6 url(../images/bgd_subbottom_ocean.gif) 0 0 no-repeat}
	
	#subHotram #container {background:url(../images/bgd_subcontainer_hotram.gif) 0 0 repeat-y}
	#subHotram #topNav {background:#b2bb1e url(../images/bgd_subtop_hotram.gif) 0 100% no-repeat}
	#subHotram #footer {background:#b2bb1e url(../images/bgd_subbottom_hotram.gif) 0 0 no-repeat}
	
	#subHalong #container {background:url(../images/bgd_subcontainer_halong.gif) 0 0 repeat-y}
	#subHalong #topNav {background:#f6273f url(../images/bgd_subtop_halong.gif) 0 100% no-repeat}
	#subHalong #footer {background:#da2337 url(../images/bgd_subbottom_halong.gif) 0 0 no-repeat}
	
	#subNinhbinh #container {background:url(../images/bgd_subcontainer_ninhbinh.gif) 0 0 repeat-y}
	#subNinhbinh #topNav {background:#fa22a2 url(../images/bgd_subtop_ninhbinh.gif) 0 100% no-repeat}
	#subNinhbinh #footer {background:#c11a7d url(../images/bgd_subbottom_ninhbinh.gif) 0 0 no-repeat}
	
	#subSapa #container {background:url(../images/bgd_subcontainer_sapa.gif) 0 0 repeat-y}
	#subSapa #topNav {background:#118e75 url(../images/bgd_subtop_sapa.gif) 0 100% no-repeat}
	#subSapa #footer {background:#01634e url(../images/bgd_subbottom_sapa.gif) 0 0 no-repeat}
	
	#subDanang #container {background:#a12e70 url(../images/bgd_subcontainer_danang.gif) 0 0 repeat-y}
	#subDanang #topNav {background:#a12e70 url(../images/bgd_subtop_danang.gif) 0 100% no-repeat}
	#subDanang #footer {background:#a12e70 url(../images/bgd_subbottom_danang.gif) 0 0 no-repeat}
	/*** Aplication ***/
	#innerAplication {width:615px; float:left; margin:22px 0 0 24px; padding:0 0 30px}
		#innerAplication ul {width:569px; overflow:hidden; padding:0 0 0 18px}
		#innerAplication li {float:left; margin:0 5px 0 0}
		#innerAplication li a {display:block; padding:6px 14px; background:#015e98; color:#fff; font-weight:bold}
		#innerAplication li a:hover, #innerAplication li a.active {background:#e5e5e5; color:#015e98; text-decoration:none}
		
		#innerAplication form {width:593px; border:1px solid #015e98; overflow:hidden; padding:10px}
		#innerAplication form p {width:593px; overflow:hidden; padding:0 0 10px}
		#innerAplication form label {float:left; font-weight:bold; padding:0 5px 0 0; width:333px}
		#innerAplication form label span {font-weight:normal; font-style:italic}
		#innerAplication form input {float:left; width:249px; padding:1px 1px 1px 2px}
		#innerAplication form select {float:left; width:250px; padding:1px 0 1px 2px}
		#innerAplication form textarea {float:left; width:249px; padding:1px 1px 1px 2px}
		#innerAplication form h3 {text-align:center; font-size:14px; color:#015e98}
		#innerAplication form h3.education {padding:20px 0 10px}
		#innerAplication form h4 {font-size:12px; padding:10px 0}
		#innerAplication form h4 span {font-weight:normal; font-style:italic}
		#innerAplication form .col05 input {width:15px; margin:0 4px 0 0; border:0}
		#innerAplication form .col05 label {width:25px}
		#innerAplication form input.btnNextCareer {width:63px; height:25px; border:0; float:right}
		#innerAplication form input.btnSubmit {width:63px; height:25px; border:0; float:right}
		#innerAplication form p.btnAdd {padding:0 0 0 30px}
		#innerAplication form .step3 textarea {width:585px}
		#innerAplication form .employmentHis li textarea {width:91px; margin:0; padding:2px 0 2px 2px; height:28px}
		#innerAplication .employmentHis {width:593px; overflow:hidden; padding:10px 0}
		
		.employmentHis li {float:left; padding:0 8px 0 0}
		.employmentHis li.col06 {width:98px; padding:0}
			.col01 {width:20px; font-weight:bold}
			.col02 {width:98px}
			.col03 {width:98px}
			.col04 {width:98px}
			.col05 {width:98px}
			
/**** hoian page ************/
	.lev2 {width:182px; background:#e5e5e5; float:left}	
	.lev2 .last {border:none}	
	.lev2 ul {width:153px; margin:7px 0 0 15px}
	.lev2 li {font-weight:bold;border-bottom:1px solid #fff; padding:7px 0 7px 10px}
	.lev2 li a {color:#0580b9; background:url(../images/bullet_lev2.gif) 0 3px no-repeat; padding:0 0 0 20px}
	.lev2 li a:hover {color:#7c4f00; background:url(../images/bullet_lev2_active.gif) 0 3px no-repeat; padding:0 0 0 20px; text-decoration:none}
	.lev2 .active {color:#7c4f00; background:url(../images/bullet_lev2_active.gif) 0 3px no-repeat; padding:0 0 0 20px}
	
	#subpage .lev2 li a {padding:0 0 0 15px}
	#subpage .lev2 li {padding:7px 0 7px 0}
	
	.livingroom {width:659px; display:block; margin:0 0 10px; overflow:hidden}
	.livingroom p {padding:2px 0 10px!important} 
	.livingroom div {width:114px; float:left; margin:0 12px 0 0; background:url(../images/bgd_visu_living.gif) 0 0 no-repeat}
	.livingroom div img {padding:2px 7px}
	.livingroom .contentVisu {width:530px; float:left; background:none; margin:0}
	
	.news {width:659px; display:block; margin:0 0 10px; overflow:hidden}
	.news p {padding:2px 0 10px!important} 
	.news img {width:100px; padding:2px 17px 2px 0; float:left}
	.news .contentnews {width:542px; float:left; background:none; margin:0}
	
	.amenities {margin:7px 0 0 103px}
	.amenities p span {font-weight:bold; padding:5px 0}
	.amenities ul {width:220px; float:left; padding:5px 0 7px}
	.amenities li {background:url(../images/bullet_amenities.gif) 0 5px no-repeat; padding:2px 0 2px 10px}
	.amenities .amenities01 {width:300px; padding:5px 5px 0 0}
	.amenities .btnmake {margin:15px 0 0 155px}
	.amenities .caption {color:#7c4f00; font-weight:bold; text-transform:uppercase; padding:0 0 5px; background:none}
	.amenities .btncontact {padding:10px 0 5px; background:none}
	
	.lifeResort {margin:0 0 55px}
	.lifeResort p {padding:5px 0; line-height:18px }
	.lifeResort ul {padding:20px 0 0; margin:0 0 0 -5px}
	.lifeResort li {width:114px; float:left; margin:0 7px 0 0; background:url(../images/bgd_visu_living.gif) 0 0 no-repeat}
	.lifeResort li img {padding:2px 7px}

/******** Rates room *************/
	.booknow {padding:0 0 20px}
	#innermainIndex .booknow ul {width:513px; overflow:hidden; margin:0 0 7px; padding:0}
	#innermainIndex .booknow li {color:#7c4f00; background:none; font-weight:bold; text-transform:uppercase; float:left}
	.booknow li a {color:#015a92; margin:0;  background:url(../images/bullet_arrow.gif) 0 4px no-repeat; padding:0 0 0 8px; text-decoration:underline; text-transform:none}
	.booknow li a:hover {text-decoration:none}
	
	.tblbooknow {width:613px; background:url(../images/bgd_tit_tbl.gif) bottom repeat-x; padding:0 0 2px}
	.tblbooknow .tblTitle {background:#ebf2f6 url(../images/bgd_tit_tbl.gif) bottom repeat-x; padding:0 0 5px}
	.tblbooknow .tbltext {text-align:center}
	.tblbooknow .changebgd {background:#e4e4e4} 
	.tblbooknow .tblspecial {text-align:center}
	.tblbooknow .tblspecial a {text-decoration:underline}
	.tblbooknow .tblspecial a:hover {text-decoration:none}
	.tblbooknow .tblTitle th {color:#015a92; font-weight:bold; padding:8px 0 6px 10px}
	.tblbooknow tr th {text-align:left; font-weight:normal; padding:0 0 0 10px}
	
	.tblbooknow tr {margin:1px 0; background:#f4f5f5}
	.tblbooknow tr td {text-align:center; color:#000; padding:8px 0 6px}
	.tblbooknow tr td span {font-size:10px}
	
	.newsOther ul {padding:12px 0 0}
	.newsOther li {background:url(../images/bullet_amenities.gif) 0 7px no-repeat; padding:3px 5px 3px 10px}
	
/*******photo *********/
	.photo {width:642px; position:relative}
	.photo li {width:166px; height:115px; float:left; padding:19px 19px 15px; border:1px solid #444; margin:0 6px 6px 0; text-align:center; overflow:hidden}
	.photo li dt img {padding:0 0 5px;  text-align:center}
	.photo li dd {text-align:center}
	
/************ paging ************/
	#paging {text-align:center}
	
/*****popupPhoto*****/
	.popupPhoto {background:#fff; padding:19px 19px 10px; border:3px solid #444; position:absolute; top:0; left:0; text-align:center; display:none; z-index:1000}
	.popupPhoto img {margin:0 auto 10px}

	/*tip*/
	.tipPopup {width:auto; height:auto; position:absolute; top:0; left:0; z-index:10000; visibility:hidden; overflow:hidden; text-align:left}
	.tipPopupFrame {position:absolute; top:0; left:0; z-index:10000; display:none; opacity:0,	filter:alpha(opacity=0)}
	.tipPopup img {display:block; width:auto; float:left; border:1px solid #fff}
	.hidden {display:none}
	#contact_info {width:310px;float:left; border-right:1px #ccc solid}
	
	/*Life Spa Programmes */	
	.toggler {color:#7c4f00; font-size:12px; font-weight:bold; text-transform:uppercase; padding:5px; background:#eee;	border:1px solid #f5f5f5;	border-left:1px solid #f5f5f5}
	.element p {margin:0; padding:4px}
	.float-right {padding:10px 20px; float:right}
	.right {font-size:10px}
	
	/*separator*/
	.separatorH {background:url(../images/bgd_h2.gif) top repeat-x; padding:10px 0 0}	
	.separatorV {background:url(../images/bgd_line_01.gif) left repeat-y; padding:0 0  0 15px; margin:0 0  0 15px}
	
/**** Begin alert class css rules *********/
.alertClassBox {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#000; background:#fff url(../images/_alert_bar.gif) 0 0 repeat-x; border:1px solid #ccc; height:auto; position:absolute; top:-200px; left:-200px; padding:2px; visibility:hidden; z-index:999}
.alertClassBox p {margin:0; padding:5px 3px 3px; clear:both; color:#ff0000}
.alertClassBox a.closeImage {width:8px; height:8px; background:url(../images/btn_close.gif) -1px 0 no-repeat; float:right; display:block; cursor:pointer}
.alertClassIframe {position:absolute; top:-200px; left:-200px; visibility:hidden; z-index:998}

	/**** Photogallery *********/
		.zoomPhoto {width:658px;  margin:0 auto; padding:0; text-align:center}
		.zoomPhoto img {border:1px solid #444; margin:0 auto}
		.zoomPhoto ul {text-align:center; padding:8px 0 0}
		.zoomPhoto li {display:inline; font-weight:bold; padding:0 5px}
		.zoomPhoto .name {font-weight:normal}
				
		.morePhotos {width:629px; overflow:hidden; background:#eee; padding:10px 8px 0 10px; margin:10px 0 0}
			.smScrollContent {width:629px; overflow:hidden; padding:0 0 10px; position:relative}
			.smScrollContent a {float:left; border:1px solid #044484; margin:0 9px 0 0}
			.smScrollContent a:hover {border:1px solid #c41425}
			.smScrollContent a.selected {border:1px solid #c41425}
				
			#hScroller {width:629px; float:left; background:url(../images/bgd_slide.gif) top left repeat-x; overflow:hidden; display:inline}
			#hScroller div {float:left}
			#hScroller #hSlideBarContainer {width:613px; padding:1px 0; background:url(../image/btn_slider.gif) 0 0 repeat-x; overflow:hidden}
			#hScroller #hSlideBarContainer a {width:19px; float:left; margin:0; padding:0}
			*|html #hScroller #hSlideBarContainer a img {margin:4px 0 0}