body {
	background: #ffffff url("../images/body_bg.png") repeat-x scroll center top;
	color: #393536;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-align: center;
}

* {
	margin-top: 0pt;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
	padding: 0pt;
}

/* Container DIV responsible for centering content on page. */
div#container {	margin: 0 auto;	padding: 0;	margin-top: 41px; width: 934px; border: 1px solid #318D9A; background-color: #ffffff; text-align: left; }
div#containerBooking { margin: 0 auto; padding: 0; width: 100%; text-align: left; }
div#containerLearn { margin: 0 auto; padding: 0; width: 100%; background-color: #E9EFEF; text-align: left; }
div#containerVideo { margin: 0 auto; padding: 0; }
div#learnLeft { width: 70%; float: left; padding-left: 0.5em; }
div#learnRight { width: 25%; float: right; text-align: right; margin-top: 1em; margin-right: 2em; }
div#policy { width: 98%; padding: 0.5em; }

div#logo {
	background: url("../images/ourthaiguide_logo.jpg") no-repeat left top;
	margin-top: -42px;
	margin-left: 0px;
	padding: 0;
	width: 934px;
	height: 120px;
	text-align: left;
}

/* Booking Steps */
.stepsHeading { margin: 1em 1em 0 1em; border: 1px solid #ccc; padding: 0 1px 0 1px; background-color: #fff; }
.stepsHeading div { background: #fff url("../images/steps_header_bg.png"); height: 34px; text-align: center; }
.stepsBody { margin: 0 1em 1em 1em; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 1em; height: 100%; background-color: #fff; }

div.stepOne, div.stepTwo, div.stepThree, div.stepFour { padding: 9px 0 0 32px; height: 34px; float: left; font-size: 1em; font-weight: bold; margin-left: 1em; }
div.stepOne { background: url("../images/step_one.png") no-repeat; }
div.stepOneOff { background: url("../images/step_one_off.png") no-repeat; color: #aaa; }
div.stepTwo { background: url("../images/step_two.png") no-repeat; }
div.stepTwoOff { background: url("../images/step_two_off.png") no-repeat; color: #aaa; }
div.stepThree { background: url("../images/step_three.png") no-repeat; }
div.stepThreeOff { background: url("../images/step_three_off.png") no-repeat; color: #aaa; }
div.stepFour { background: url("../images/step_four.png") no-repeat; }
div.stepFourOff { background: url("../images/step_four_off.png") no-repeat; color: #aaa; }

/* Footer */
div#footer {
	margin: 0 auto;
	padding: 0;
	width: 934px;
	border: none;
	text-align: left;
	font-size: 10px;
	padding: 4px;
}

/* Content */
.indent { margin: 1em; }
.notice { margin: 0.5em; font-size: 10px; }
.required, .red { color: #FF0000; }
div#content { padding: 1.5em; }
blockquote {
	margin: 1em 2em 1em 2em;
	padding: 6px 8px 6px 40px;
	background: #FFFFCE url('../images/quote.png') no-repeat left top;
	border: 1px solid #F0C000;
	font-size: 10px;
}
blockquote.itinerary {
	padding: 6px 8px 6px 8px;
	background: #FFFFFF;
	border: none;
}
blockquote.itinerary b { color: #B99400; }

/* Links */
a:hover {
	background: #EEEEEE none repeat scroll 0 0;
	border-color: #CCCCCC #FFFFFF #27727C;
	color: #27727C;
}
a.noEffects:hover {
	background: none;
	border: none;
}
a {
	border-color: #FFFFFF #FFFFFF #CCCCCC;
	border-style: solid;
	border-width: 1px 0;
	color: #318D9A;
	position: relative;
	text-decoration: none;
	z-index: 50;
}
a.noEffects {
	border: none;
}
a.viewDetails, a.viewDetails:hover {
	background: #EEFAFB url(../images/viewDetails.png) no-repeat scroll 3px 50%;
	padding: 6px 6px 6px 33px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #318D9A;
	text-decoration: none;
}
p.detailsLink { 
	padding-top: 1.2em; text-align: center;
}

/* Layout */
h2 {
	border-bottom: 1px solid #DDDDDD;
	color: #318D9A;
	font-size: 1.3em;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding-bottom: 6px;
}
img {
	border: 0;
	padding: 0;
	margin: 0 auto;
}
fieldset {
	border:2px solid #BBB;
	display: block;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	padding: 5px;
	width: 540px;
}
legend {
	background:#FFFFFF url(../images/legend_bg.gif) repeat-x scroll left center;
	border: 2px solid #BBB;
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 3px;
	width: 254px;
	color: #000;
}
label {
	clear: left;
	color: #666;
	display: block;
	float: left;
	margin-bottom: 0.5em;
	padding-right: 10px;
	text-align: right;
	width: 124px;
}
label.noMargin { margin-bottom: 0; }
div.summaryLabel { color: #666; float: left; padding-right: 8px; text-align: right; width: 18%; }
div.summaryText { float: right; width: 78%; text-align: left; }
.selectPackage, .viewBrochure {
	padding: 6px 6px 6px 33px;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	vertical-align: middle;
}
.selectPackage { background: url(../images/package_big.png) no-repeat scroll 3px 50%; }
.viewBrochure { background: url(../images/adobe_reader.png) no-repeat scroll 3px 50%; }
hr { margin: 1em; border: 1px solid #ccc; }
td.pricingHeader { width: 20%; font-weight: bold; color: #B99400; }

/* Lists (ordered/unordered) */
.listIndent {
	margin: 0 auto;
	margin-left: 40px;
}
li.custom {
	list-style-type: none;
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 3em;
	padding-top: 4px;
	margin-top: 0.7em;
}
li.services { height: 24px; background-image: url(../images/medal.png); }
li.tours { height: 24px; background-image: url(../images/photo_scenery.png); }
li.guides { height: 24px; background-image: url(../images/photo_portrait.png); }
li.help { height: 24px; background-image: url(../images/help.png); }

/* Form-related Styles */
form { margin: 0; padding: 0; border: 0; clear: both; }
input, textarea, select, option { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
input {
	/* background: #FFFFFF url(../images/legend_bg.gif) repeat-x scroll left top; */
	background-color: #F5F5F5;
	border: 1px solid #CCC;
	margin-bottom: 0.6em;
	padding: 0.2em;
}
select { border: 1px solid #CCC; margin-bottom: 0.6em; padding: 0.2em; background-color: #F5F5F5; }
textarea {
	/* background:#FFFFFF url(../images/legend_bg.gif) repeat-x scroll left bottom; */
	background-color: #F5F5F5;
	border: 1px solid #CCC;
	height: 15em;
	overflow: auto;
	width: 410px;
	padding: 0.2em;
}
/* option { background:#778888; color:#FFFFFF; } */

button.disabled { color: #808097; }
input.disabled, textarea.disabled { color: #888; }
.button {
	font-weight: bold;
	color: #333;
	width: auto;
	padding: 0.3em;
	background: #ccc url("../images/button_bg.jpg") repeat-x center;
	border: 1px solid #ccc; border-right-color: #999; border-bottom-color: #999;
	white-space: nowrap;
}
.button:hover { background: #f8f8f8; }
.noBorder { border: none; }

/* Processing Actions */
#processing {
	background: url("../images/loading_small.gif") left no-repeat;
	height: 18px;
	padding: 2px 16px 2px 20px;
	visibility: hidden;
	color: #ff0000;
}

/* Output containers */
#errorDetails, #successDetails { color: #000; padding: 7px 7px 7px 7px; line-height: 1.2em; display: none; }
#errorDetails {
	border: 1px solid #F0C000; margin-bottom: 1.5em; padding-left: 3em;
	background: #FFFFCE url("../images/warning.gif") top left no-repeat;
}
#successDetails {
	border: 1px solid #009900; margin-bottom: 1.5em; padding-left: 3em;
	background: #DDFFDD url("../images/success.gif") top left no-repeat;
}

/* Rounded box containers */
.box {
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    padding-bottom: 1px; /* Firefox fix */
    height: 1%; /* IE6 fix */
    overflow: hidden;
}
.side .box {
    margin: 0 auto;
    background: #f3f3f5;
}
.box h3 {
    margin-top: 0;
    padding: 0 10px 4px;
    background: #eff0f2;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #c5c5c5;
	color: #9D1408;
}
.box p {
    margin: 10px;
    font-size: .88em;
}
.box .right { margin-right: 10px; }
.box ul.bullet {
    border: none;
    padding: 0 15px;
}
.rContainer {
    display: block;
    clear: both;
    font-size: 0;
}
.rContainer * {
    overflow: hidden;
    display: block;
    height: 1px;
}
.rBottom { margin: 0 0 12px; }

/* Begin CSS Drop Down Menu */
#menuh {
	width:100%;
	float:left;
	margin-bottom: 2em;
	background: url(../images/nav_bg.png);
}		
#menuh a {
	text-align: center;
	display:block;
	border-top: 1px solid #318D9A;
	border-bottom: 1px solid #205960;
	border-right: 1px solid #318D9A;
	white-space: nowrap;
	margin:0;
	padding: 0.4em;
	padding-left: 1.6em;
	padding-right: 1.6em;
}	
#menuh a:link, #menuh a:visited, #menuh a:active /* menu at rest */ {
	color: #ffffff;
	text-decoration:none;
}	
#menuh a:hover /* menu on mouse-over  */ {
	color: #ffff00;
	background-color: #205960;
	text-decoration:none;
}	
#menuh a.top_parent, #menuh a.top_parent:hover /* attaches down-arrow to all top-parents */ {
	background-image: url(../images/navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
}	
#menuh a.parent, #menuh a.parent:hover /* attaches side-arrow to all parents */ {
	background-image: url(../images/nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
#menuh ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	/* width:10em;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
}
#menuh li {
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;	/* Sophie Dennis contribution for IE7 */
}
#menuh ul ul {
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
}
#menuh ul ul ul {
	top:0;
	left:100%;
}

div#menuh li:hover {
	cursor:pointer;
	z-index:100;
}
div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

.dropMenuItem {
	background: #205960; border-left: 1px solid #318D9A;
}

.secureGuide {
	padding-left: 3em; background: url("../images/secure_guide.png") middle left no-repeat;
}

/* End CSS Drop Down Menu */