@import url("lib/reset.css");
@import url("lib/typography.css");
@import url("lib/forms.css");


body { margin: 0; background-color: #333333; }
h1 { font-size: 1.5em; line-height: 1; margin-bottom: 0.25em; }
h2 { font-size: 1.25em; margin-bottom: 0.25em; }
h3 { font-size: 1.20em; line-height: 1; margin-bottom: 0.25em; }
h4 { font-size: 1.10em; line-height: 1.25; margin-bottom: 0.25em; }
h5 { font-size: 1em; margin-bottom: 0.25em; }
h6 { font-size: 1em; }

a { color: #0066CC; font-weight: bold; }
p a { font-weight: bold; }

/* Page
-------------------------------------------------------------- */
#page { margin: 0 auto; width: 970px; position: relative; border-top: 1px solid #333; }


/* Header
-------------------------------------------------------------- */
#header { width: 970px; height: 110px; position: absolute; top: 110px; background-image:url(../i/hd-back2.png); background-position: top; background-repeat: repeat-x; margin: 0 auto;}
#logo { position: absolute; left: 5px; top: -76px; margin: 0; padding: 0; }
#logotxt { position: absolute; left: 130px; top: 30px; width: 238px; height: 37px; background-image:url(/i/tdlogo.png); background-position:top; background-repeat: none; }
#hd1 { background-image:url(../i/hd-back1.png); background-position:top; background-repeat: repeat-x; height: 105px;}
#hd2 { background-image:url(../i/hd-back2.png); background-position:top; background-repeat: repeat-x; height: 73px; margin-top: 7px;}
#top {
	margin: 0; padding: 0;
}

#hdmenu {
	width: 400px;
	margin: 0 auto;
	margin-top: 55px;
}

#hdmenu {
	list-style: none;
}

#hdmenu li {
	display: inline;
}
#hdmenu a {
	color: #fff;
	display: block;
	float: left;
	padding: 4px 20px;
	text-decoration: none;
	font-family: Georgia;
	font-size: 14px;
}

#hdmenu a:hover {
	background-color: #dcecd7;
	color: #4e4e4e;
	text-decoration: none;

	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;

	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

#hdmenu .selected {
	color: #eb3;
	text-decoration: underline;
}

#hdadd {
	width: 728px;
	margin: 0;
	position: absolute;
	top: 10px;
	left: 150px;
}

/* Top Menu
-------------------------------------------------------------- */
#nav
{
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}

.desttitle
{
	margin-left: 20px;
}


/* Body
-------------------------------------------------------------- */
#bdy { background-color: white; margin-top: 220px; }
#title { border-right: 1px solid gray; border-left: 1px solid gray; width: 928px; background-color: black; color: white; padding: 10px; padding-left: 20px; padding-right: 20px; margin-bottom: 5px; clear: both;}
#title h1 { font-family: Arial, Helvetica, sans-serif; font-size: 2em; }
#title span { font-size: .7em; font-weight: normal; margin-left: 10px;}

#w2 { clear: both;}
#introduction { float: left; width: 590px; padding-left: 20px; padding-right: 20px;
position: relative; font-size: 14px; 
}
#introduction h2
{
	border-bottom: 1px solid silver;
}

#c1 {
float: left; width: 287px; position: relative;
font-size: 90%;
}
#c2 {
float: left; width: 288px; margin-left: 15px;
font-size: 90%;
}

#m1 { float: left; width: 780px; padding-left: 20px; padding-right: 20px; padding-top: 5px;
position: relative;
color: white;
}

#c1 p, #c2 p {
	margin-bottom: 0.5em;
}

#c1 h2, #c2 h2 {
	border-bottom: groove 2px #cccccc;
}

#m2 { float: left; width: 340px; margin-left: 15px; }



#quicklinks {
width: 304px;
background-color: #ccc;
border: 1px solid #ccc;
margin-top: 5px;
color: black;
padding: 3px;
font-weight: bold;
font-size: 14px;
}

/* Sidebar
-------------------------------------------------------------- */
#sidebar {
	float: left; width: 325px;
	font-size: small;
	font-weight: normal;
	line-height: 120%;
	margin-right: 15px;
}

#sidebar a {
	font-weight: normal;
	text-decoration: none;
}

.sidebox {
margin-left: 20px;
border: 1px solid #e4e4e4;
padding: 5px;
}
.menuhead, .menuheadsel {
	height: 39px;
	width: 312px;
	background-position:top;
	background-repeat:no-repeat;
}

.menuhead {
	background-image:url(../i/menu-header6.gif);
}

.menuheadsel {
	background-image:url(../i/menu-header.gif);
}


#sidebar ul
{
margin: 0;
padding-bottom: 10px;
list-style: none;
}
#sidebar a
{
	color: #333;
	color:  #0088cc;
}
#sidebar a:hover
{
text-decoration: underline;
font-weight: bold;
color:  #0088cc;
background-color:  #0088cc;
text-decoration: none;
color: white;
}
#sidebar ul li
{
	line-height: 1.5em;
	padding:0 10px 0 10px;
}
#sidebar ul li.sel
{
border-left-width: 0px;
font-weight: bold;
/* background:#FFFFFF url(/i/selpage.gif) no-repeat scroll 0 50%; */
}
#sidebar ul li.sel span
{
/* border-left-width: 0px; */
font-weight: bold;
margin-right: 5px;
background-color: #f1f8ea;
border: 1px solid #e0ead6;
display: block;
}
#sidebar ul li ul
{
padding-bottom: 3px;
}
#sidebar ul li a
{
display: block;
}
#sidebar ul li ul li
{
border-bottom: none;
margin-top: 0;
}

#sidebar hr
{
	margin-right: 10px;
	margin-left: 10px;
}
.mbox1
{
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.tbox
{
	border: 1px solid #9DBF81;
	background-color: #E6F0DD;
	padding: 5px;
	margin-top: 10px;
}

.menulist {
}

.menulist a:hover
{
	font-weight: bold;
}

.menubreak {
	margin-top: 0px;
}

.menuline {
	border-top: 1px dashed #ccc;
}


#sideimg {
	position: absolute;
	bottom: -11px;
	right: 0;
	width: 167px;
	height: 250px;
}

.country-menu {
background-color: white;
width: 310px;
}
.shareit {
	position: absolute;
	top: 7px;
	left: 785px;
}

.menulist ul {
	margin: 0;
	margin-left: 10px;
	font-size: small;
}

.blist a
{
	font-weight: bold;
}

#menu
{
	clear: both;
	background-image:url(../i/top-bar5.gif);
	width: 925px;
	height: 30px;
	margin-bottom: 5px;
	margin-left: 20px;
}
#menu ul
{
margin: 0;
padding: 0;
}
#menu ul li
{
display: inline;
padding: 0 10px;
}

.colcontainer {
width: 100%;
}

.c2,.c3,.c4 {
float: left;
text-align: left;
margin: 4px;
overflow: hidden;
}
.c2 {
width: 48%;
}
.c3 {
width: 32%;
}
.c4 {
width: 23%;
}


/* Footer
-------------------------------------------------------------- */
#footer { clear: both; margin: 0; padding: 0; border-top: 1px solid black; background-color: white; border-bottom: 1px solid white; }

#footer p.quiet { color: #ccc; }
#footer p { margin-bottom: 0px; }
#ft { margin-right: 20px; margin-left: 20px; width: 930px;}
#ft ul li {
 	line-height: 1.5em;
	list-style: none;
}

#footerlinks
{
	clear: both;
	font-size: small;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 2px;
	border-bottom: 1px dotted #666666;
}

#ftgeo
{
	margin-top: 5px;
}

.geolist, #ft .geolist {
	width: 16.6%; 
	float: left; 
	margin: 0;
}
#bottom
{
	background-image:url(../i/border-bottom.gif);
	height: 10px;
	width: 100%;
	background-position:top;
	background-repeat:no-repeat;
}


.break{
	height: 1px;
	clear: both;
}

.adsense-header
{
	margin-right: auto;
	margin-left: auto;
	width: 468px;
}
.adsense-block
{
	padding: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	float: left; 
}
.adsense-side
{
	margin-bottom: 10px;
}
.lu-top {
	margin-left: 20px;
}
#copyright
{
	color: #999999;
	font-size: x-small;
	margin-top: 5px;
	margin-bottom: 5px;
}

.sectionlist p
{
margin-bottom: 0.25em;
}

.sectionlist h3
{
	margin-bottom: 0px;
	border: 1px solid #9DBF81;
	background-color: #E6F0DD;
	padding: 5px;
	margin-top: 15px;
}
.sectionlist h4
{
	border-bottom: 1px solid silver;
}
.sectionlist img
{
	float: left;
	margin-right: 15px;
}
.sectionlist ul, ul.sectionlist
{
	margin: 0.5em 0;
	padding: 0 0 0 2em;
	list-style-type: none;
}
.sectionlist ul li, ul.sectionlist li
{
	padding: 5px 0;
	list-style-image: url(../i/arrows.gif);
	line-height: 1.8em;
}
.rateguide
{
	font-weight: bold;
	margin-bottom: 1em;
}
.rateguide img
{
	float: none;
	margin: 0;
}
.attractions ul
{
	padding: 0 0 0 55px;
}
.attractions ul li
{
	list-style-image: none;
}
li.s1
{
	list-style-image: url(../i/sp1.png) !important;
}
li.s2
{
	list-style-image: url(../i/sp2.png) !important;
}
li.s3
{
	list-style-image: url(../i/sp3.png) !important;
}
.clearfirst
{
	clear: both;
}

.essentials {
	margin-bottom: 0.5em;
	border: 1px solid #dde6ee;
	margin-top: 15px;
}
.essentials h3
{
	margin-bottom: 0px;
	background-color: #dde6ee;
	padding: 5px;
}


.center
{
	margin-left: auto;
	margin-right: auto;
}

.pro,.good
{
	font-weight: bold;
	color: green;
}

.con,.bad
{
	font-weight: bold;
	color: red;
}
.pro,.con
{
	font-size: larger;
}
.clear
{
clear: both;
}

#highlights
{
}

#highlights p
{
margin-bottom: 1em;
}

#highlights h3
{
font-size: 115%;
margin-bottom: 0px;
}

#highlights img
{ 
margin-right: 5px;
margin-bottom: 5px;
float: left;
}

.faq a
{
font-weight: normal;
}
.faq ul
{
margin-bottom: 0.25em;
list-style: decimal;
margin-left: 25px;
}
.faq li
{
	margin-bottom: 0.4em;
	line-height: 1.25em;
	
}
.right
{
text-align: right;
}
.intro
{
margin-bottom: 0;
}
.info, .success, .warning, .error, .validation, .question, .alert {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info p, .success p, .warning p, .error p, .validation p, .question p, .alert p {
	margin-bottom: 0;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/i/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/i/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/i/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/i/error.png');
}
.question {
    color: black;
    background-color: #FeFee0;
    background-image: url('/i/info.png');
	border: 1px dashed #FC6;
}
.alert {
	border: 1px dashed red;
	background-color: #FFFFCC;
    background-image: url('/i/warning.png');
}
.answer {
	clear: both;
	padding: 5px;
	background-color: #efefef;
}

.section
{
    background-image:url('../i/bc_separator2.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 10px;
	font-weight: bold;
	color: black;
	font-size: 125%;
}

#gt, .pagebox {
	border: 1px solid #e4e4e4;
	margin-bottom: 10px;
	clear: both;
}
#gt h2 {
	background-color: #e4e4e4;
	padding: 2px;
	text-align: center;
}
#gt p
{
	padding: 5px;
}
#attractions {
	margin-bottom: 20px;
	background-color: #ffffdc;
	background-color: white;
	border: 1px solid #ffcc33;
}
#attractions h2 {
	background-color: #F7F8FC;
	background-color: #ffcc33;
	padding: 5px;
	margin-bottom: 0;
	text-align: center;
}
#attractions h3 {
padding: 5px;
background: #e4e4e4;
text-align: center;
}
#attractions dl {
	margin: 5px;
	line-height: 1.8em;
}
#attractions p {
	padding: 10px;
	margin-bottom: 0;
}
#attractions dt {
    float: left;
    clear: left;
    text-align: right;
    font-weight: bold;
	margin-right: 0.5em;
	padding-left: 60px;
	background: no-repeat top left;
}
#attractions dt:after {
	content: ":";
}
#attractions dd {
	margin-left: 60px;
	margin-bottom: 1em;
}
#attractions .r1
{
	background-image: url('../i/sp1r.png');
}
#attractions .r2
{
	background-image: url('../i/sp2r.png');
}
#attractions .r3
{
	background-image: url('../i/sp3r.png');
}
  




.notebox
{
	float: right;
	width: 188px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	border: 1px solid silver;
	padding: 12px;
	margin-bottom: 5px;
}
.notebox h3, .notebox dt {
    font-weight: bold;
	font-size: 1.2em;
	color: #333;
}
.notebox dd {
	margin-left: 0;
	margin-bottom: 12px;
}
.nbnote, .nbnotesel
{
	margin-bottom: 12px;
}
.nbnotesel h3 a
{
	display: block;
}

#p2
{
	clear: left;
}

/* panel menu
-------------------------------------------------------------- */
.drawers-wrapper {
	position: relative;
	margin-bottom: 10px;
}

.boxcap {
    height:5px;
    left:0pt;
	position: absolute;
    width:100%;
    z-index:100;
    background:transparent url(/i/sidenav-capbottom.png) no-repeat scroll 0%;
	margin-top:-9px;
}

.captop {
	background-image:url(/i/sidenav-captop.png);
    bottom:auto;
    top:0pt;
    margin-top:0;
	height: 4px;
	position: relative;
	top: +9px;
	z-index: 100;
}
		
.applemenu{
margin: 5px 0;
padding: 0;
width: 325px; /*width of menu*/
}

.applemenu div.locationheader,.applemenu div.geoheader {
background-color: #e4e4e4;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #333;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
cursor: hand;
cursor: pointer;
}
.submenu, .submenugeo, .applemenu p
{
background-color:  #FCFCFC;
border-right: 1px solid silver;
border-left: 1px solid silver;
}

.applemenu p {
	padding: 20px;
	margin-bottom: 0;
}
.applemenu div.locationheader a:visited, .applemenu div.locationheader a:active, .applemenu div.geoheader a:visited, .applemenu div.geoheader a:active{
color: #333;
}


.applemenu div.selected, .applemenu div.locationheader:hover {
background-color: #06C;
color: white;
}
.applemenu div.selectedgeo, .applemenu div.geoheader:hover {
background-color: #6aa5cb;
background-color: #333;
color: white;
}

/* breadcrumb
-------------------------------------------------------------- */
#breadcrumb {
	width: 100%;
	margin:1px 0;
	padding: 0;
}
#breadcrumb li {
	display:inline;
	list-style:none;
}
#breadcrumb li a, #breadcrumb .lastmenu {
	background:transparent url(/i/menu.gif) no-repeat;
	display:block;
	color:#382E1F;
	height:31px;
	line-height:31px;
	padding:0 20px;
	margin-left:-10px;
	text-decoration:none;
	font-size:11px;
	float:left;
	z-index:1;
}
#breadcrumb li a:hover {
	background-position:0 -31px;
}
#breadcrumb li.current_page_item a, 
#breadcrumb li.current-cat a {
	background-position:0 -62px;
}
#breadcrumb li a.home {
	background-position:0 -93px;
	width:45px;
	padding:0;
	margin-left:0;
	text-indent:-999em;
}
#breadcrumb li a.home:hover {
	background-position:0 -124px;
}
#breadcrumb li.current_page_item a.home {
	background-position:0 -155px;
}
#breadcrumb li a.lastmenu:hover {
	background-position:0 0;
}

/* sidebar
-------------------------------------------------------------- */
#sidebar a.mh {
font-weight: bold;
}
.leadin {
	padding: 10px;
	margin-bottom: 20px;
	background-color: #EFEFEF;
}
.todobox {
	background-color: #EFEFEF;
	border: 1px solid #CCCCCC;
	position: relative;
	margin-bottom: 15px;
}

.todobox .amount {
	background-color: #6ABC42;
	height: 40px;
	line-height: 40px;
}

.todobox .amount span {
	position: absolute;
	left: 10px;
	width: 250px;
	color: #333333;
	padding-left: 10px;
	font-size: 0.8em;
	font-weight: bold;
}
#where {
	margin-bottom: 20px;
}
#where h2 {
background:#414549 none repeat scroll 0 0;
border-color:#414549;
border-style:solid;
border-width:0 1px;
font-size:17px;
font-weight:normal;
margin:0;
padding:0;
position:relative;
}
#where h2 span {
border-color:#414549;
border-style:solid;
border-width:1px 0;
color:#FFFFFF;
display:block;
font-size:16px;
line-height:normal;
padding:5px 10px;
position:relative;
top:-1px;
}
#where p {
	padding: 5px;
	padding-left: 10px;
	margin-bottom: 0;
	border: 1px solid silver;
	border-top-width: 0px;
}
ul.tabnav {
  list-style: none;
  margin: 0;
  padding: 5px;
  display: block;
  height: 30px;
  background: #DFDFDF;
  margin-bottom: 5px;
}

.tabnav li {
  float: left;
}

.tabnav li a {
  outline: 0;
  display: block;
  background: #DFDFDF;
  color: #666;
  text-decoration: none;
  padding: 1px 5px;
  margin: 5px;
  border: 1px solid #DFDFDF;
}

.tabnav li a:hover {
  border: 1px solid #D1D1D1;
  background: #D1D1D1;
  color: black;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.tabnav li a:active, .tabnav li.ui-tabs-selected a {
  background: #AFAFAF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 1px inset #fff;
  color: black;
}
.ui-tabs-hide {  
display: none;  
}
.dropcap:first-letter {
	float: left;
	padding: 3px;
	margin: 0px 4px 4px 0;
	border: 1px solid silver;
	font-size: 200%;
	background: url("/i/ornament.gif") no-repeat;
	font-family: Georgia, Times;
	/* IE seems to need the following line */
	line-height: 1em;
	background-color: black;
	color: white;
}
.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }


#sharepost{width:500px;height:325px;margin:50px 0;background:url(http://hongkiat.s3.amazonaws.com/assets/shareit.png) top no-repeat}
#sharepost ul{width:100%;text-align:left;margin:0;padding:0;padding-top:210px}
#sharepost li
{
	list-style:none;
	display:inline;
	margin:0 5px 0 0
}

#popmenu
{
	border: 1px solid silver;
	margin-top: 10px;
	padding: 10px;
}
#popmenu h2
{
	margin-bottom: 10px;
}
#popmenu a.popmain
{
	font-weight: bold;
	font-size: 110%;
	color: #333;
}
#popmenu a.popmain:hover
{
	font-weight: bold;
}
#popmenu a
{
	white-space: nowrap;
	margin-left: 2px;
}
#popmenu a:hover
{
	font-weight: normal;
}
#popmenu p
{
	margin-bottom: 1em;
}
.hlist h2
{
	border-bottom: 1px solid silver;
}