@charset "utf-8";
/* CSS Document */

#content a:link { text-decoration: none; }  /* I've re-defined the default #content link styles for Malaysia */
#content a:visited {	text-decoration: none; }
#content a:hover { text-decoration: underline; font-weight:normal; color: #0033FF; }
#content a:active { text-decoration: underline;}
#leftcol #leftcol-links a:link { text-decoration:none; color:#669933; }  /* I've re-defined the default #leftcol-links link styles */
#leftcol #leftcol-links a:visited {	text-decoration:none; color:#669933;}
#leftcol #leftcol-links a:hover { text-decoration:underline; font-weight:normal; color: #0033FF; }
#leftcol #leftcol-links a:active { text-decoration:underline;}

#leftcol {
	position:fixed;
	padding:0;
	width: 150px;
}

#leftcol #leftcol-nav {
	width: 130px;  /* Width of the Navigation boxes. This is relative to the Leftcol Width. */	
	margin:0;
	padding: 0px 10px 1px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#669933;
}

#leftcol #leftcol-nav h5, #leftcolanchor h5 {
	margin:0;
	margin-top:10px;
	font-size: 1.1em; /*11px;*/
	background-color: #CCFFFF;
/*	filter:alpha(opacity=85); */	/* This is the Opacity syntax used by Internet Explorer */
/*	opacity:0.85;*/				/* This is the Opacity syntax used by Firefox */
	padding: 3px;
	-moz-border-radius-topleft: 7px;			/* for Firefox */
	-moz-border-radius-topright: 7px;			/* for Firefox */
	-webkit-border-top-left-radius:7px;		/* for Safari */	
	-webkit-border-top-right-radius:7px;	/* for Safari */
	border: 2px inset #333;
}

#leftcol #leftcol-nav ul {
	padding:0;
	margin:0;
	list-style-type: none;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em; /*10px;*/
/*	background-color: #FFFFFF;  */
}

#leftcol #leftcol-nav ul li {
	display: inline;
	padding: 0;
	margin: 0;
}

#leftcol #leftcol-nav ul li a, #leftcolanchor a {
	color: #000000;
	display: block;
	padding: 2px 0 3px 4px;
	text-decoration: none;
	/*height: 1%;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-left-width: 1px; /* was 4px */
	border-left-style: solid;
	border-left-color: #000000;
	background-color: #CAFEAB;
	/*	filter:alpha(opacity=85); */	/* This is the Opacity syntax used by Internet Explorer */
	/*	opacity:0.85;	*/			/* This is the Opacity syntax used by Firefox */
}

#content {margin-left: 160px;} /* Overwrites the default value of 210px defined in default.css */

#mainpage #leftcol #leftcol-nav #main a,
#khaolak #leftcol #leftcol-nav #khao a,
#phuket #leftcol #leftcol-nav #phuk a,
#liveaboard #leftcol #leftcol-nav #liva a,
#info #leftcol #leftcol-nav #info a {
	background-color:#669966;
	color: #ffffff;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #FFFFFF;/* declarations to style the current state */
}

#leftcol #leftcol-nav a:hover, #leftcolanchor a:hover {
	background-color: #006633;
	color: #ffffff;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #FFFFFF;
	/*	filter:alpha(opacity=100); */	/* This is the Opacity syntax used by Internet Explorer */
	/*	opacity:1;	*/			/* This is the Opacity syntax used by Firefox */
}

#leftcol #leftcol-nav #callus {
	color: #000033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	padding: 3px;
	background-color: #CCFFFF;
/*	filter:alpha(opacity=85);*/ 	/* This is the Opacity syntax used by Internet Explorer */
/*	opacity:0.85;	*/			/* This is the Opacity syntax used by Firefox */
}

#leftcol #leftcol-links {margin-top:15px;}

#leftcol #leftcol-links ul {
padding:0; font-size:1.1em;
}

#content h1 {color: #003300;letter-spacing:1px;}
#content h2 {color: #003300;}
#content h3 {color: #003300;}
#content h4 {color: #003300;letter-spacing:1px;}
#content p {letter-spacing:1px; font-size:1.1em;}
#content ul {letter-spacing:1px; font-size:1.1em;}

.container h1 {
padding:10px 0 10px 20px;
margin:0;
}
.container h3 {
padding:6px 0 0 10px;
margin:0;
}
.container h4 {
padding:4px 0 4px 10px;
margin:0px;
}
.container h5 {margin-top: 30px;}
.container h6 {
padding:4px 0 4px 10px;
margin:0px;
font-weight:bold;
}

.imagegallery {
	margin-left: 50px;
}

.rightimage {  /* modifies a few values from this class defined in default.css */
	margin-top: 10px; /* was 5px */
	margin-right: 2px; /*was 0px */
}

.rightimage-header_1 {
	float: right;
	margin: 0;
}

.rightimage-header_2 {
	float: right;
	margin: 0 10px 0 0;
}

.container #img_background-khaolak {
background:url(../thailand/images/bg_khaolak.jpg) top right no-repeat;
margin-right:10px;}

.container #img_background-genesis {
background:url(../thailand/images/genesis-exterior.jpg) top right no-repeat;
margin-right:10px;}

.container #img_background-marcopolo {
background:url(../thailand/images/bg_marcopolo.jpg) top right no-repeat;
margin-right:10px;}

.container #img_background-phuket {
background:url(../thailand/images/bg_phuket.jpg) top right no-repeat;
margin-right:10px;}

.container #img_background-liveaboard {
background:url(../thailand/images/bg_liveaboard.jpg) top right no-repeat;
margin-right:10px;}

.container #img_background-mermaid1 {
background:url(../thailand/images/bg_mermaid1.jpg) top right no-repeat;
margin-right:10px;}

.container #img_background-mermaid2 {
background:url(../thailand/images/bg_mermaid2.jpg) top right no-repeat;
margin-right:10px;}

.container #img_background-index {
background:url(../thailand/images/bg_index.jpg) top right no-repeat;
margin-right:10px;}

.container #img_background-diving {
background:url(../thailand/images/bg_diving.jpg) top right no-repeat;
margin-right:10px;}

#leftcolanchor {
 	clear: both;		
	float: left;  	
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
	width: 190px;  /* Width of the left column */
}

table#pricestable { 	/* Sets table width, text to black, background colour, font size */
	width:86%; 
	text-align:center;
	border-collapse:collapse;
	border: 1px solid #333333;
	color:#000000;
	background: #CCFFFF;
	font-size:0.9em;	
}

table#pricestable caption {		/* Sets table caption text colour, size, background colour, border around caption */
	padding: 6px;
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight:bold;
	border: 1px solid #333333;
	background: #000033;
	margin-left:-1px; /* Hack for Firefox - fox some reason the caption is always 1px right of the rest of the table */
}

table#pricestable thead tr th#cheaproom {	/* Sets the Cheap Room Type cell to specific colour and larger font and right border */
	background: #CCFFCC;
	font-size:1.1em;
	border-right: 2px solid #000000;
}

table#pricestable thead tr th#expensiveroom {	/* Sets the Expensive Room Type cell to specific colour and larger font */
	background: #CCFF99;
	font-size:1.1em;
}

table#pricestable tbody tr#table_specialoffer {	/* Sets the Special Offer Row to specific background colour */
	background:#FFD9D9; }

table#pricestable thead tr {	/* Sets the Table Header Rows to specific background colour */
	background: #99CCFF; }

table#pricestable thead tr th {		/* Sets the Table Header section to have borders and padding */
	border: 1px solid #666666;
	padding: 2px;
}

table#pricestable tbody th {		/* Sets the Dates section to have faint borders */
	border-right: 1px solid #999999; }

table#pricestable tbody tr {		/* Sets the Body/Prices section to have faint row borders */
	border: 1px solid #666666; }

table#pricestable tbody tr.odd td {		/* Sets up alternating colours for the body rows */
	background: #B7DBFF; }

table#pricestable tbody tr.odd th {		/* Sets up alternating colours for the Dates part of body rows */
	background: #B9E9FF; }

table#dive_pricestable { 	/* Sets table width, text to black, background colour, font size */
	width:76%; 
	text-align:center;
	border-collapse:collapse;
	border: 1px solid #333333;
	color:#000000;
	background: #CCFFFF;
	font-size:0.9em;	
}

table#dive_pricestable caption {		/* Sets table caption text colour, size, background colour, border around caption */
	padding: 6px;
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight:bold;
	border: 1px solid #333333;
	background: #000055;
	margin-left:-1px; /* Hack for Firefox - fox some reason the caption is always 1px right of the rest of the table */
}

table#dive_pricestable thead tr th#price {	/* Sets the PRICE cell to specific colour and larger font and right border */
	background:#66CCCC;
	font-size:1.1em;
	border-right: 2px solid #000000;
}

table#dive_pricestable thead tr th#notes {	/* Sets the NOTES cell to specific colour and larger font */
	background:#66CCCC;
	font-size:1.1em;
}

table#dive_pricestable tbody tr#divetable_additionalnotes {	/* Sets the NOTES cell to specific colour and larger font */
	background:#E8E8E8;
}

table#dive_pricestable thead tr {	/* Sets the Table Header Rows to specific background colour */
	background:#66CC99;
}

table#dive_pricestable thead tr th {		/* Sets the Table Header section to have borders and padding */
	border: 1px solid #666666;
	padding: 2px;
}

table#dive_pricestable tbody th {		/* Sets the Dates section to have faint borders */
	border-right: 1px solid #999999; }

table#dive_pricestable tbody tr {		/* Sets the Body/Prices section to have faint row borders */
	border: 1px solid #666666; }

table#dive_pricestable tbody tr.odd td {		/* Sets up alternating colours for the body rows */
	background: #B7DBFF; }

table#dive_pricestable tbody tr.odd th {		/* Sets up alternating colours for the Dates part of body rows */
	background: #B9E9FF; }
	
/* MALDIVES GOOGLE MAP CSS BELOW */
#googlemap {
	margin: 10px;
}

.elabel-resort {
	background-color:#CCFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	border:1px #006699 solid;
	text-align:center;
}

.elabel-boat {
	background-color:#FFCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	border:1px #006699 solid;
	text-align:center;
}

.googlemap_tabs {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin: 1px;
	padding: 1px;
}

#content .link-text a {
font-size:1.2em;
color:#336600;
background:url(../misc-images/icons/arrow-green_up.gif) no-repeat;
background-position: 4px 60%;
padding-left:22px;
}

#content .link-text a:hover {
background:url(../misc-images/icons/arrow-green_down.gif) no-repeat;
background-position: 4px 60%;
background-color:#DDFFDD;
padding:1px 4px 3px 22px;
color:#000099;
	-moz-border-radius-topright:9px;				/* for Firefox */
	-webkit-border-top-right-radius:9px;		/* for Safari */
}

.resort-diving {
margin:20px 0 20px 10px;
}

.resort-diving img {
margin-right:10px;
}

.resort-diving-heading {
background-color:#99CCFF;
background-image: url(../misc-images/icons/diving-flag_small.gif);
background-position: 99% 50%;
background-repeat:no-repeat;
padding: 6px 0 6px 0;
font-weight:bold;
}

.info-heading {
background-color:#99CCFF;
padding: 6px 0 6px 10px;
margin-right:0;
margin-top:25px;
font-weight:bold;
-ms-filter: "alpha(opacity=70)";/* IE8 opacity */
filter:alpha(opacity=70); 			/* IE's opacity*/
opacity: 0.7;								 		/* Firefox 2+ / CSS3 opacity */
}

.container .list-primary {
margin-left: 30px;
font-weight: bold;
}

.container .list-secondary {
margin-left:15px;
font-weight:normal;
}

.container .featurebox {
background-color:#DBEEDB;
margin-right:20px;
margin-left:20px;
padding:6px;
border: 1px solid #85AF83;
	-moz-border-radius-topleft: 7px;			/* for Firefox */
	-moz-border-radius-topright: 7px;			/* for Firefox */
	-webkit-border-top-left-radius:7px;		/* for Safari */	
	-webkit-border-top-right-radius:7px;	/* for Safari */
}