body {margin: 0; font-family: helvetica, verdana, sans-serif; 	background: url('/images/page-bg.gif') repeat-y 14px 0;}

body#popped {background: none; margin: 14px;}
body#popped p {font-size: 12px;}

#wrapper {width: 844px; margin: 0 0 0 20px; background: url('/images/wrapper-bg.gif') repeat-y; }
	
#header { position: relative;
	height: 199px;
}
div.bg1 {background: url('/images/headers/bg1.jpg') no-repeat;}
div.bg2 {background: url('/images/headers/bg2.jpg') no-repeat;}
div.bg3 {background: url('/images/headers/bg3.jpg') no-repeat;}
div.bg4 {background: url('/images/headers/bg4.jpg') no-repeat;}
div.bg5 {background: url('/images/headers/bg5.jpg') no-repeat;}
#header img { border: none;}
#header img#logo {margin-left: 24px;}
#green-cred { position: absolute; top: 114px; left: 130px; width: 60px;}
#header div.bm-widget { position: absolute; bottom: 4px; left: 280px; width: 80px;}
#header ul, #header li { margin: 0; padding: 0; list-style: none;}
#header ul { position: absolute; right: 10px; bottom: 6px;}
#header li { display: inline; padding: 0 8px;}
#header li a:link, #header li a:visited {color: #fff; text-decoration: none; font-size: 13px;}
#header li a:hover { color: #FEF900;}

#main { position: relative;}

/* content */
#content { width: 604px; /* 664 - padding. Need to set width to 664 in ie4 */
	padding: 18px 30px 40px 30px;
	float: right;
	}
	
div#tagline {position: absolute; right: 3px; top: 3px; color: #666; font-size: 11px; }
	
div#content-preamble { text-align: center; border-bottom: 1px solid #999; padding-bottom: 1em;}
div#content-preamble img { border: none;}
div#pre-content-adlinks { text-align: center; margin-top: 2px;}

div#advertise-here-link {position: absolute; right: 3px; top: 18px; font-size: 11px;}
div#advertise-here-link a:link, div#advertise-here-link a:visited {color: red;}

div#content-postamble { margin-top: 24px;}
div#content-finial img {border: none; display: block; margin: auto;}
div#content-postamble div.bm-widget {margin-bottom: 24px;}

div#directrooms-banner {margin: 1.5em 0 1em 0;}

h1 {font-size: 20px; color: #06C;}
h2 {font-size: 16px;}
p, #content ul, #content ol, #content dl, #content dt {font-size: 14px; line-height: 1.125em;}

div.tip { clear: both; margin-top: 1em; padding: 4px 60px 10px 14px; background: #C1E8F9 url('/images/pullbox-bg.jpg') no-repeat bottom;}
div.tip p {margin: 0.5em 0;}
p.continue-page {text-align: right;}


table.sub-directory { clear: both;
	margin: 14px 0 14px 0;
	padding-bottom: 14px;
	}
table.sub-directory td {padding-top: 14px; padding-bottom: 14px; vertical-align: top;}
table.sub-directory img { border: 1px solid #000; margin-right: 6px;}
table.sub-directory h2 { font-weight: bold;
	font-size: 14px;
	margin-top: 0; padding-top: 0;
	margin-bottom: 0;
}
table.sub-directory h2 a:link, table.sub-directory h2 a:visited  {color: #000; text-decoration: none;}
table.sub-directory p {
	margin: 0;
	font-size: 13px;
	line-height: 1em;
	padding-right: 1.5em;
	text-align: left;
	width: 170px;
}

#content table { font-size: 14px;}
table.tour-brief th {text-align: left; padding-right: 20px;}

ol.tour {padding: 0; margin: 0;}
ol.tour li {list-style: none; margin-bottom: 24px; clear: both;}
ol.tour li h2 { font-style: italic; font-weight: normal; font-size: 14px;}

ul.crosslinks {margin: 1em 0 0 0; padding: 0; clear: left;}
ul.crosslinks li {margin: 0; padding: 0; list-style: none;}
ul.weblinks li {padding-bottom: 1em;}

dl.directory-listings dt {font-weight: bold; margin: 0; padding: 0;}
dl.directory-listings dd {margin: 0 0 1.125em 0; padding: 0;}
dl.directory-listings dd p {margin: 0;}
dl.directory-listings dt .details {font-weight: normal; font-style: italic;}


dl.articles-list {margin-bottom: 3em;}
dl.articles-list dt {font-weight: bold; margin: 0; padding: 0;}
dl.articles-list dd {margin: 0 0 1em 0; padding: 0;}
div.byline {font-size: 14px; line-height: 1.125em; font-style: italic;}

table.timetable {border-collapse: collapse;  border-bottom: 1px solid #0C7DC1;}
table.timetable th, table.timetable td { font-size: 14px; padding: 3px 8px;}
table.timetable th {border-top: 1px solid #0C7DC1; border-bottom: 1px solid #0C7DC1;}
table.timetable td.days { text-align: center;}
div.bus-timetables table.timetable {width: 540px; margin-bottom: 28px;}
div.bus-timetables table.timetable th {text-align: left;}

table.gallery-thumbs td {padding: 7px 14px; font-size: 12px;}
table.gallery-thumbs img {border: none; display: block;}

table.example td { font-size: 14px; padding: 3px 8px; } /* used in speak thai section */
table.example td.eng, table.example td.thai {width: 150px;}

table.budget-tips {border-collapse: collapse;  border: 1px solid #0C7DC1; margin: auto; background-color: #F0F0E8;}
table.budget-tips th, table.budget-tips td { font-size: 14px; padding: 3px 8px;border-top: 1px solid #0C7DC1; border-bottom: 1px solid #0C7DC1;}

div.map-holder {text-align: center;}
div.map-holder img {border: 1px solid black;}

    /* figures */

/* .figure img {border: 1px solid black; display: block; margin: auto;} */
.figure img {display: block; margin: auto; padding: 4px; border: 1px solid #999; }
div.figure {margin: auto; }
div.inset {float: left; padding: 0; margin: 0 14px 14px 0; max-width: 220px;}
div.alternate {float: right; padding: 0; margin: 0 0 14px 14px;  max-width: 220px;}
div.figure div.caption {font-size: 12px; padding: 4px 4px 0 4px; text-align: center; color: #336;}
div.standalone {margin-top: 14px; margin-bottom: 14px;}


    /* end figures */

div#colophon {background-color: #F0F0E8; padding: 14px;}
div#colophon p {font-size: 12px; text-align: center; line-height: 1.4em; margin: 0;}

/* end content */

.s-disclaimer
{
	padding: 10px;
	color: #666;
    font-size: 12px;
}

.tour-disclaimer
{
	padding: 10px;
	color: #666;
    font-size: 12px;
}

.tour-disclaimer
{
	padding: 10px;
	color: #666;
    font-size: 12px;
}

/* panel and navigation */

#panel { width: 180px; position: relative; top: -60px;}

img#amazing-brand {display: block; width: 86px; margin: 0 0 0 14px;}

#search-pane { height: 61px; background: url('/images/search-bg.gif') no-repeat; }
#search-pane form {height: 30px; position: relative; margin: 0; padding: 0;}
#search-pane form div {margin: 0; padding: 0;}
#search-pane input#gquery { width: 118px; font-size: 11px; position: absolute; top: 9px; left: 6px; border: 1px solid #ccc;}
#search-pane input#gsubmit { position: absolute; top: 10px; right: 2px;}
#search-pane select { position: absolute; left: 6px; top: 8px; font-size: 11px; width: 164px;  border: 1px solid #ccc;}

ul#nav, ul#nav li {margin: 0; padding: 0; list-style: none;}
ul#nav {margin-top: 8px;}
ul#nav li {background-color: #0C7DC1; border-top: 1px solid #1F73A6; margin-bottom: 1px;  font-size: 12px; }
ul#nav li a:link, ul#nav li a:visited {display: block; font-weight: bold; color: #FFFA01; text-decoration: none; padding: 3px 4px 2px 14px;}
ul#nav li a:hover {color: #ccc;}
ul#nav ul, ul#nav ul li {margin: 0; padding: 0;}
ul#nav ul { background-color: #BAE8FA; padding-top: 1px;}
ul#nav ul li {background-color: #00ADEF; border-top: none; margin-bottom: 1px;}
ul#nav ul li a:link, ul#nav ul li a:visited { color: #333; font-weight: normal; padding: 3px 4px 2px 28px;}
ul#nav ul li a:hover {color: #eee;}
ul#nav li#first-cross-site {border-top: 18px solid #ECECEC;}

div#panel div.bm-widget { height: 41px; background: url('/images/bookmark-bg.gif') no-repeat; padding-top: 12px; padding-left: 27px;}
div#panel div.bm-widget img { border: none;}

div#weather-forex { width: 130px; background-color: #069; margin: 8px auto 14px auto;}

div#partner-links p {font-size: 11px; text-align: center; font-weight: bold; margin-bottom: 0;}
div#partner-links ul, div#partner-links li {margin: 0; padding: 0;}
div#partner-links li {margin: 0; padding: 6px 0; list-style: none; text-align: center; font-size: 10px;}
div#partner-links li img {display: block; margin: auto; border: none;}

/* end panel and navigation */

div#network {clear: both;}
div#network ul, div#network li {margin: 0; padding: 0; list-style: none;}
div#network ul {text-align: center;}
div#network li {display: inline; padding: 0 8px; border-left: 1px solid #0C7DC1; font-size: 12px;}
div#network li.first {border-left: none;}
div#network a:link, div#network a:visited { color: #0C7DC1; text-decoration: none;}

#footer { clear: both;
	background: url('/images/footer-bg.jpg') no-repeat;
	height: 54px;
	margin-top: 4px;
	padding-top: 14px;
	}	
#footer p { text-align: center; font-size: 12px; margin: 8px 0;}
#footer p#copyright {color: #fff;}
#footer p span { padding: 0 6px;}
#footer p a:link, #footer p a:visited { color: #fff;}

/* ads, etc on right of page */

div#support-panel { width: 200px; position: absolute; top: 0; left: 874px;}

div#virtual-guide {padding: 14px 0 6px 0;}
div#virtual-guide img { border: none;}
div#get-listed-link {font-size: 11px; text-align: center; padding: 0; margin: 0;}
div#get-listed-link a:link, div#get-listed-link a:visited {color: red;}

iframe#global-hotels { padding-top: 7px;}
div#global-hotels { padding-top: 28px; padding-bottom: 6px;}
div#global-hotels img { border: 0;}
div#global-google {text-align: center; margin-top: 14px;}
div#cheap-hotels { padding: 14px 0 0 0;}
div#cheap-hotels img { border: 0;}

div#side-ads {padding-top: 12px; text-align: center;}
div#side-ads img { border: none; padding: 0 0 12px 0;}

div#free-banner-trial {text-align: center; padding: 12px 0 0 0;}
div#free-banner-trial img {border: none;}
div.banner {padding: 1em 0;}
div.banner img {border: 0;}

iframe.hotels-wide {margin-top: 20px;}

div#hotels-elsewhere {padding-top: 8px;}
div#hotels-elsewhere ul, div#hotels-elsewhere li {margin: 0; padding: 0; list-style: none; width: 100%;}
div#hotels-elsewhere li {background-color: #FFFA01; margin-bottom: 1px;}
div#hotels-elsewhere li a:link, div#hotels-elsewhere li a:visited {display: block; font-weight: bold; color: #1F73A6; font-size: 12px; text-decoration: none; padding: 4px 4px 4px 20px;}
div#hotels-elsewhere li a:hover {color: #333;}

table.sitemap a:link, table.sitemap a:visited { color: #33C;}
table.sitemap li {font-weight: bold; margin-top: 1em; list-style: none; font-size: 12px;}
table.sitemap li li {font-weight: normal; margin-top: 0;}

h2.inverted span {background-color: #31659C; padding: 3px 12px 2px 12px; color: #fff;}
h2.inverted {font-size: 12px;}

div.tour-summary { position: relative; clear: both; border: 2px #69C solid; background-color: #FFD; padding: 8px; font-size: 12px; margin-bottom: 1em;}
div.tour-summary h2 {font-size: 14px; margin: 0 88px 0 0; padding: 0;}
div.tour-summary h2 a:link, div.tour-summary h2 a:visited {color: black; text-decoration: none;}
div.tour-summary h2 a:hover {text-decoration: underline;}
div.tour-summary div.thumb {float: left; padding: 0 1em 0.5em 0;}
div.tour-summary img {border: 1px solid #999;}
div.tour-summary p {margin: 0; padding: 6px 0 6px 0;}
div.tour-summary .tour-price {width: 80px; float: right; text-align: right;}
div.tour-summary .tour-operator {position: absolute; bottom: 8px; right: 8px; font-style: italic; width: 220px; text-align: right;}
div.tour-summary .tour-start {font-style: italic; margin-right: 228px; clear: left;}

div.tour-details p {margin: 0; padding: 0;}
div.booking-form {border: 2px #69C solid; background-color: #FFD; padding: 8px 8px 8px 16px; font-size: 12px}
div.booking-form h2 {margin: 0 0 8px; padding: 0;}
div.booking-form p {margin: 0; padding: 0;}
div.booking-form input, div.booking-form textarea, div.booking-form select {margin-bottom: 8px;}
div.booking-form input.submit {margin: 8px 0 0 24px;}

div.error-message {border: 2px solid #c99; padding: 6px; margin: 40px 0;}
div.error-message p {font-weight: bold; color: #c00; text-align: center;}