@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border:0;outline:0;font-size:12px;font-family:Arial,Verdana,Tahoma,sans-serif;}

a {color: #00417e;text-decoration: none;}
a:hover{color: #00284e;text-decoration: underline;}

/* Text Style */
h1 {font-size: 15px;font-style: normal;font-weight:bold;color: #783a09;}
h2 {font-size: 12px;font-style: normal;font-weight:bold;color: #333333;}
h3 {font-size: 15px;font-style: normal;font-weight:bold;color: #000000;}
h4 {font-size: 12px;font-style: normal;font-weight:bold;color: #783a09;}
h5 {font-size: 17px;font-style: normal;font-weight:bold;color: #783a09;padding:1px;margin-bottom:3px;border-bottom:1px solid #000000;}
.sty01 {font-size: 24px;font-family: "Times New Roman", Times, serif;color: #000000;font-weight:normal;}
.sty02 {font-size: 17px;font-family: "Times New Roman", Times, serif;color: #999999;font-weight:normal;}
.sty03 {color: #000000;font-size: 10px;font-style: normal;font-weight:bold;}
.sty04 {font-size: 11px;font-weight: bold;color: #000;}
.styorg {font-size: 11px;font-weight: bold;color:#FFCC00;}
.tl01 {font-size: 16px;font-style: normal;font-weight:bold;color: #ea0000;}
.tl02 {font-size: 15px;font-style: normal;font-weight:bold;color: #FF6600;text-align:left;}
	.tl02a {font-size: 15px;font-style: normal;font-weight:bold;color: #fff;width:100%;background:#000;padding:4px 0 4px 8px;}
.tl03 {font-size: 14px;font-style: normal;font-weight:normal;color: #FF6600;}
.tl04 {font-size: 11px;font-style: normal;font-weight:bolder;color: #000;line-height:12px;}
	.tl04a {font-family: "Times New Roman", Times, serif;font-size: 23px;font-style: normal;font-weight:normal;color: #FF6600;}
.tl05 {font-size: 15px;font-style: normal;font-weight:bold;color:#783a09;padding:1px;margin-bottom:3px;border-bottom:1px solid #000000;}
.title {font-size: 15px;font-style:normal;font-weight:bold;color:#000000;padding:2px;margin-bottom:3px;border-bottom:1px dotted #783a09;}
.titles {font-size: 18px;font-style:normal;font-weight:normal;color:#7d3902;padding:4px;margin-bottom:3px;border-bottom:1px solid #CCCCCC;}

.grey {color:#666666;}

/* reusable classes */
.floatLeft {float:left;margin-right:5px;}
.floatRight {float:right;margin-left:5px;}
.right {text-align:right;}
.center {text-align:center;}
.justify {text-align:justify}
input.button {cursor:pointer;}
input.transparent {background:transparent;color:blue;border:0;padding:0;font-size:12px;}
input.fullWidth {width:95%;}
select.fullWidth {width:90%;}
.success {color: #006ac2;}
.fail, .alert , .error{color:#FF0000;}
span.label {width:100px;display:block;float:left;}
p.option {margin:5px 0;}
	p.option select {width:100%;}
.highlight {background:#000;color:#FFFFFF;font-weight:strong;font-style:normal;padding:2px 5px;}
.required {color:#FF0000;font-weight:bold;}
.red {color:#FF0000;}
.orange {color:#006ac2;}
.bolder {font-size:15px; font-family:"Times New Roman", Times, serif;font-style:italic; font-weight:normal;padding-right:10px;color: #009900;}
.btmdotted {border-bottom:1px solid #e6e5e5}
h3.btmdotted {color:#006666}
input {font-size:11px;color:#000;margin-left:2px 0;padding:0 2px 0 2px;}
.subtitle {color:#000000;padding:15px 15px 0 15px;}
.caption {font-family:arial,verdana;font-size:10px;font-style:normal;font-weight:bold;color:#666666;}
.black {font-family:arial,verdana;font-size:16px;font-style:normal;font-weight:bold;color:#fff;background:#000;padding:3px 3px 3px 15px;}
.bred{font-family:arial,verdana;font-size:16px;font-style:normal;font-weight:bold;color:#fff;background:red;padding:3px 3px 3px 15px;}
.address{font-family:arial,verdana;font-size:12px;font-style:normal;font-weight:normal;color:#000;background: #FFFFCC;padding:12px 12px 12px 15px;border:1px solid #FFCC00;}
.alert {color:#CC0000;font-size:15px;}
.price {ont-size:14px;font-style:normal;font-weight:bold;color:#000;}
.spacer {line-height:1px;}
.salutation {color: #006ac2;font-size:16px;}
.line {border-top: 1px solid #ffc027;height: 1px;margin-top:3px;margin-bottom:3px;padding:0px;}
.lineg {border-top: 1px solid #ffc027;height: 2px;margin-top:3px;margin-bottom:3px;}
.dotted {border-top: 1px solid #666666;height: 1px;margin-top:3px;margin-bottom:3px;padding:0px;}

/* Code Style */
ul {padding:0 0 0 20px}
select {background:#ffffff;font-size:11px;font-weight:normal;border:1px solid #cccccc;margin:3px 0 0 0;padding:0 0 0 3px;}

/* Alignment Style */
body {background: url(../images/bg.jpg) top left repeat-x #ada081;padding:0px;text-align:center;font-size:11px;color:#000000;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
body.pop {background:#666666;padding:0px;text-align:center;font-size:11px;color:#000000;margin-top: 15px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
#bgWrapper {margin:auto;text-align:left;width:1010px;background: url(../images/bg1.jpg) top left repeat-x #d4e3e5;padding:0 0 1px 0;}
#container {margin:auto;text-align:left;width:980px;}

#header {padding-top:0;height:auto;padding:0 0 4px 0;background:url(../images/bg_pattern.jpg) top right no-repeat;}

#headerwrap {width:150px;float:left;margin-top:15px;margin-bottom:15px;padding:0px;margin-right:0px;}
#logo {padding:20px 0 0 0;margin:0;width:168px;color: #000000;line-height: 110%;position: relative;overflow: hidden;}
#navigation {float:right;width:800px;margin-top:15px;margin-right:0;padding:20px 0 0 0;}
.tagline {height:auto;vertical-align:middle;text-align:right;padding:15px 0 0 0;}
.mainnavi {width:800px;font-size:10px;color:#542600;text-align:right;margin:20px 0 0 0;padding:0 0 0 0;}
	.mainnavi a {color:#542600;text-decoration:none;font-size:11px;font-weight:bold; letter-spacing:1px;}
	.mainnavi a:hover{color:#C58C0A;text-decoration:none;font-size:11px;font-weight:bold;}
	.mainnavi a.selected {color:#C58C0A;text-decoration:none;font-size:12px;font-weight:bold; letter-spacing:1px;}
	.mainnavi a.selected:hover{color:#C58C0A;text-decoration:none;font-size:12px;font-weight:bold;}

#contantwrap1 {background: none;width:100%;}
#contantwrap {background: url(../images/bg_content.gif) repeat-y top left;width:100%;}
#mainWrap {width:746px;float:left;margin-top:0;margin-bottom:15px;padding:0px;margin-right:0px;}
#contentleft {padding:0;margin:0;width:746px;color:#000000;line-height:110%;position:relative;overflow: hidden;}
#contentrightdiv {float:right;width:210px;height:100%;margin-top:0;margin-right:0;padding:14px 12px 15px 12px;background:url(../images/bg_sidenavi.jpg) top repeat-x #3d1b00;border-left:0px solid #ffffff;}
#contentright {float:right;width:210px;height:100%;margin-top:0;margin-right:0;padding:12px 12px 15px 12px !important;padding:12px 10px 15px 10px;/* top height for IE */;background:url(../images/bg_boxpattern.jpg) right top no-repeat #d5d5d5;border-left:0px solid #ffffff;}

#contantwrap8 {background:none;width:100%;}
#mainWrap8 {width:640px;float:left;margin-top:0;margin-bottom:15px;padding:0px;margin-right:0px;}
#contentleft8 {padding:0;margin:0;width:640px;color:#000000;line-height:110%;position:relative;overflow: hidden;}
#contentright8 {float:right;width:320px;height:500px;margin-top:0;margin-right:0;padding:20px 10px 15px 10px;background:url(../images/bg_boxpattern.jpg) right top no-repeat #d5d5d5;border-left:0px solid #ffffff;}

#inWrap {width:156px;float:left;margin-top:15px;margin-bottom:15px;padding:0px;margin-right:0px;margin-left: 12px!important;margin-left: 8px;/* top height for IE */;}
#incontentleft {padding:0;margin:0;width1:156px;color: #000000;line-height: 110%;position: relative;overflow: hidden;}
#incontentright {float:right;width:780px;margin-top:15px;margin-right:15px;padding:0 0 0 0px;}

#promowrap {background:none;width:100%;}

#sitemapwrap {background:none;width:100%;}


/* Important Style */
.clearfloat { clear:both;height:0px;font-size: 1px;line-height: 0px;/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */}
/* Hides from IE-mac \*/
* html .clearfloat {height:1%;} .clearfix {display:block;}
/* End hide from IE-mac */

/* Navigation Style */
#sdmenu {left:0;top:0;padding:0;margin:0;color:#000;font-weight:bold;background:none;float:right;height:45px;width:680px;}
	#sdmenu ul li {padding:0 0 0 4px;margin:0px;position:relative;float:left;background:url(../images/navi_left.gif) bottom left no-repeat;border-bottom:1px solid #c7c7c7;list-style:none;}
	#sdmenu ul li a {font-size:10px;color:#505050;font-weight:bold;display:block;padding:12px 12px 8px 9px;background:url(../images/navi_right.gif) bottom right repeat-x; vertical-align: baseline;}
	#sdmenu ul li a:hover {color: #0072bc;text-decoration:none;}
	#sdmenu ul li.selected {padding:0 0 0 4px;margin:0px;position:relative;float:left;background:url(../images/navi_left2.gif) bottom left no-repeat;border-bottom:1px solid #ffffff;list-style:none;}
	#sdmenu ul li.selected a {font-size:10px;color:#000000;font-weight:bold;display:block;padding:12px 12px 8px 9px;background:url(../images/navi_right2.gif) bottom right repeat-x;}
	#sdmenu ul li.selected a:hover {color:#000000;text-decoration:none;}
	
ul.navitable {list-style-position:outside;padding:10px 0 0 25px;}
	ul.navitable li {margin:3px;padding:0 0 3px 0;list-style-image:url(../images/i_orge.png);font-size:16px;color:#FFCC00;list-style-type: disc;vertical-align:middle;border-bottom:1px dotted #666666;}
		ul.navitable li a {font-weight:bold;color:#000000;}	
	ul.navitable li ul {list-style-position:outside;padding:2px 0 0 15px;}
		ul.navitable li ul li {border-bottom:none;padding-bottom:6px;}
			ul.navitable li ul li a {font-weight:bold;font-size:11px;color:#8b8b8b;}	
ul.sidenavi {list-style-position:outside;padding:0 8px 0 0;margin:0;}
	ul.sidenavi li {margin:3px;padding:0 0 3px 0;font-size:11px;font-weight:bold;color:#3185c2;list-style-type:none;vertical-align:middle;border-bottom:1px dotted #cccccc;}
		ul.sidenavi li a {font-size:11px;font-weight:bold;color:#ffffff;}	
		ul.sidenavi li a:hover {font-size:11px;font-weight:bold;color:#FF9900;text-decoration:none;}
		ul.sidenavi li a.selected {padding:0 0 0 10px;background:url(../images/arrow_org.gif) left no-repeat;font-size:11px;font-weight:bold;color: #FF9900;}
	ul.sidenavi li ul {list-style-position:outside;padding:2px 0 0 20px;margin:0;}
		ul.sidenavi li ul li {border-bottom:none;padding:0 0 3px 0;list-style:disc;font-weight:bold;font-size:11px;color:#CCCCCC;}
			ul.sidenavi li ul li a {font-weight:bold;font-size:11px;color:#CCCCCC;}
			ul.sidenavi li ul li a:hover {font-weight:bold;font-size:11px;color:#ffffff;}
				ul.sidenavi li ul li a.selected {font-size:11px;font-weight:bold;color:#FF9900;text-decoration:none;background:none;padding:0 0 0 0;}
			
#greybar {background:url(../images/bg_greybar.jpg) top left repeat-x;color:#45b4e0;font-weight:bold;height:20px;width:950px;text-align:left;vertical-align:bottom;padding:5px 5px 0 5px;margin:5px 15px 0 15px;}
	#greybar img {vertical-align:baseline;}
	#greybar a {font-size:12px;color:#45b4e0;vertical-align:baseline;}
	#greybar a:hover {font-size:12px;color:#333333;text-decoration:underline;font-weight:bold;text-decoration:none;}
	#greybar.selected a {font-size:12px;color:#fff;font-weight:bold;}
	#greybar.selected a:hover {font-size:12px;color:#fff;text-decoration: none;font-weight:bold;}

/* print,send to a friend,next box,sbox */
#print {height:45px;vertical-align:bottom;float:right;text-align:right;position:relative;margin:5px 0 0 0;}
	#print a {color:#000;text-decoration:none;}
	#print a:hover {color:#00417e;text-decoration:none;}
	#print img {padding:0 2px 0 10px;vertical-align: text-bottom;}
#nextbox {background:#f0f0f0;border:1px solid #999999;padding:16px;margin:15px 5px 0 5px;}
	#nextbox ul.ulnextbox li {font-size:11px;}
	#nextbox a{font-size:11px;font-weight:normal;color:#FF6600;}
	#nextbox img{vertical-align:baseline;}
#promodiv {width:288px;float:left;margin-top:0;margin:0;padding:0 15px 15px 15px !important;padding:10px 15px 15px 15px;/* top height for IE */;margin-right:0px;background:url(../images/bg_sbox.jpg) top left no-repeat;text-align:justify;}
	#promodiv a.tllink {font-size: 14px;font-style:normal;font-weight:bold;color: #783a09;text-align:left;}
	#promodiv a.tllink:hover {font-size: 14px;font-style: normal;font-weight:bold;color: #FF9900;text-decoration:none;}
#splash {width:980px;height:198;border-top:0px solid #ffffff;border-bottom:1px solid #ffffff;}
.contactbox {float:left;width:240px;display:block;margin:0 2px 0 25px;}
	

/* Footer */
#footer {margin:12px 0 12px 0;font-size:11px;color:#000000;padding: 10px 0 0 0;width:980px;height:25px;text-align:left;background:#bcd3dc;}
	#footer #links {font-size:11px;color: #7c3902;padding-left:25px;vertical-align:top;float:left;}
	#footer #copyrights {font-size:11px;color: #7c3902;font-size:10px;top:0px !important;top:7px;/* top height for IE */;right:40px;float:right;padding:0 25px 0 0;}
	#footer a {font-size:11px;color: #7c3902;text-decoration: none;margin: 0px;padding: 0px;}
	#footer a:hover {font-size:11px;color:#000;text-decoration:none;font-weight:normal;}
	
/* Table Style */
table.even {background:#f0fddc;}
table.alt {background:#ffffff;}
table a {font-weight:bold;}
table.header{text-align:center;vertical-align:middle;font-weight:bold;background:#02673f;color:#FFFFFF;}
table.header1{text-align:left;vertical-align:middle;font-weight:bold;background:#02673f;color:#FFFFFF;}
table.header2{text-align:right;vertical-align:middle;font-weight:bold;background:#02673f;color:#FFFFFF;}
table.name {width:25%;text-align:right;vertical-align:top;}
table.img {width:5%;text-align:center;vertical-align:middle;}
table.index {width:5%;text-align:center;vertical-align:top;}
table.title{width:50%;text-align:left;vertical-align:middle;}
table.titletop{width:50%;text-align:left;vertical-align:middle;border-bottom:0px;}
table.account {width:30%;text-align:left;vertical-align:top;}
table.account2 {width:20%;text-align:left;vertical-align:top;}
table.balance {width:15%;text-align:right;vertical-align:top;}
table.balance1 {width:30%;text-align:right;vertical-align:top;}
table.status {width:10%;text-align:left;vertical-align:top;}
table.number {width:15%;text-align:left;vertical-align:top;}
table.input {width:30%;text-align:left;vertical-align:left;}
table.tickbox {width:6%;text-align:center;vertical-align:top;}
	
table.list {background:#fff;border:0;padding:12px 0 12px 0;width:100%;border-spacing:1px;border:0px solid #CCCCCC;}
	table.list thead {background: #e3e3e3;border-spacing:0px;}
	table.list tr.header {background:#ffc;}
	table.list th {padding:5px;background:#02673f;font-size:12px;color:#fff;font-weight:bold;text-align:center;}
		table.list td {padding:4px 5px 4px 5px;border-top:1px dotted #999999;}
#greyContent .subMenu  {
	padding: 0px;
	margin: 0px;
}
#greyContent .subMenu ul  {
	margin: 0px;
	padding: 0px;
}
#greyContent .subMenu li  {
	padding-right: 25px;
	padding-left: 0px;
	margin: 0px;
	list-style-type: none;
	padding-bottom: 0px;
}
#greyContent .subMenu a  {
	text-decoration: underline;
	color: #000000;
	display: block;
	margin: 0px;
	padding: 0px;
}
#tlbbooking	td {padding:0 3px 0 3px;}
#tlbbooking input {width:35px;background:#ffffff;font-size:11px;font-weight:normal;border:1px solid #999999;margin:3px 0 0 0;padding:2px;}
#tlbbooking.spacing {padding:4px 0 0 0;}

#chart {width:98%;}
	#chart td {padding:3px 16px 3px 16px;margin:1px;color:#000000;}
		#chart td.head {background:#7d4c1a;color:#ffffff;}
		#chart td.row1 {background:#f5f1da;}
		#chart td.row2 {background:#e6ddd3;}

/* Other */
form {padding:0;margin:0;}
#mileft {width:704px;padding:15px 0 0 15px;}
#miright {width:257px;padding:0 0 0 10px;}
#mislide {width:702px;padding:10px 0 0 0;height:140px;background:url(../images/bg_promotions.jpg) top no-repeat #FFFFFF;}
#toolbox {width:242px;background:url(../images/bg_toolbox1.jpg) top no-repeat #FFFFFF;}
ul.ulnews {list-style-position:outside;padding:0 0 0 30px;}
	ul.ulnews li {padding:4px}
ul.ultoolbox {list-style-position:outside;padding:60px 0 0 45px;}
	ul.ultoolbox li {padding:4px; list-style-image:url(../images/dot.gif);}
		ul.ultoolbox li a {font-weight:bold;}	
#centercontent {margin-top:160px;}
#centercontentin {margin-top:15px;}
.welcome {width:380px;padding:13px 23px 13px 13px;height:auto;background:url(../images/bg_welcome.jpg) bottom left no-repeat #FFFFFF;text-align:justify;}
.toppic {text-align:right;height:166px;}
.otherlinks {padding:10px 0 10px 0;}
	.otherlinks select {padding:1px;margin:0 0 6px 0;height:auto;width:400px;font-size:12px;background:#f6f6f6;border:1px solid #039cd6;vertical-align:middle;}
.relatedlinks {padding:10px;margin-top:8px;background:#e5ebed;vertical-align:middle;}
	.relatedlinks select {padding:1px;margin:0;height:auto;width:250px;font-size:12px;background:#f6f6f6;border:1px solid #039cd6;vertical-align:middle;}
#titlebar {padding:0 0 0 0;margin:0 0 6px 0;color:#ffffff;font-size:14px;font-weight:bold;height:28px;background:url(../images/tlbar_right.gif) top right no-repeat #FFFFFF;vertical-align:middle;}
	#titlebar img {vertical-align:middle;}
ul.promobanner {padding:0;margin:0;position:relative;list-style:none;text-align:center;}
	ul.promobanner li {width:170px;float:left;padding:2px;}
#mainBanner {margin:0 0 12px 0;}
#printbar {height:14px;width:98%;vertical-align:bottom;text-align:right;position:relative;margin:10px 0 0 0;}
.sglproductlist {width:100%;min-height:90px;border-bottom:1px dotted #00aef0;padding:8px 0 10px 0;}
	.sglproductlist img {float:left;width:148px;height:85px;padding:0 10px 10px 0;display:block;}
	.sglproductlist select {width:370px;}
.picspacel {padding:6px 10px 6px 0;float:left;}
.picspacer {padding:6px 0 6px 10px;float:right;}
.promobanner {text-align:center;padding:0 0 10px 0;}
.hotline {font-weight:bold;font-size:9px;line-height:18px;}
.textspace {padding:22px 20px 12px 12px; width:714px;}
.textspace2 {padding:22px 20px 12px 12px; width:600px;}
.tltag {padding:10px 0 0 0;}
.padleft {padding:0 12px 0 22px;color:#666666;text-align:justify;line-height:18px;}
	.padleft p {color:#666666;}
.sglproductlist {width:100%;min-height:140px;border-bottom:1px dotted #00aef0;padding:8px 0 10px 0;display:block;}
	.sglproductlist img {float:left;width:224px;height:140px;padding:0 10px 30px 0;}
.roomlist {width:310px;height:166px;float:left;padding:0 30px 34px 0;}
	.roomlist .tl04 {font-size:13px;}
	.roomlist a {width:310px;height:166px;border:2px solid #C5E2EB;display:block;}
	.roomlist a:hover {width:310px;height:166px;border:2px solid #ffffff;}
	
	
/* Sitemap */
#sitemap {
width:900px;
vertical-align:top;
text-align:left;
font-family: Verdana;
text-decoration:none;
border-spacing:2px;
padding-top:40px;
}
	#sitemap td {
	width:15%;
	vertical-align:top;
	padding:10px;
	}
		#sitemap td.dotted {
		border-right:1px dotted #292929;
		border-top:0px dotted #292929;
		}
	#sitemap h1 {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	padding: 0 0 15px 0;
	margin:0;
	}
		#sitemap h1 a {
		color:#000000;
		text-decoration:none;
		}
		#sitemap h1 a:hover {
		color: #999999;
		}
		#sitemap h1 span {
		color:#fff;
		font-size: 11px;
		font-style: normal;
		font-weight: normal;
		text-decoration:none;
		}
		#sitemap h1 span ul{
		margin:0;
		padding:0;
		}
		#sitemap h1 span ul li {
		margin:0;
		padding:0 0 0 10px;
		list-style:none;
		font-weight:normal;
		background-image:url(../pics/main/dash.gif);
		background-repeat:no-repeat;
		background-position:top left;
		}
	#sitemap h2 {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #91d2ff;
	padding: 0 0 14px 0;
	margin:0;
	}
		#sitemap h2 a {
		color:#7eafd4;
		text-decoration:none;
		}
		#sitemap h2 a:hover {
		color: #154D75;
		}
		#sitemap h2 span {
		color:#baae98;
		font-size: 10px;
		font-style: italic;
		font-weight: normal;
		text-decoration:none;
		}
		#sitemap h2 span ul{
		margin:0;
		padding:0;
		}
		#sitemap h2 span ul li {
		margin:0;
		padding:0 0 0 8px;
		list-style:none;
		font-weight:normal;
		background-image:url(../pics/main/dash.gif);
		background-repeat:no-repeat;
		background-position:top left;
		}
	#sitemap ul {
	margin:0;
	padding:0;
	}
		#sitemap ul li {
		margin:0;
		padding:3px 0 0 0;
		list-style:none;
		font-weight: normal;
		}
		#sitemap ul li a {
		color: #999999;
		text-decoration:none;
		font-weight: normal;
		}
		#sitemap ul li a:hover {
		color:#7eafd4;
		}
		#sitemap ul li span {
		color:#baae98;
		font-size: 10px;
		font-style: italic;
		font-weight: normal;
		text-decoration:none;
		}
	#sitemap .break {
	border-top:0px dotted #292929;
	padding:25px 0 0 0;
	margin:20px 0 0 0;
	}