a:visited 	{font: 10px Arial, Helvetica, sans-serif; color: #294455; font-weight:bold; text-decoration:none; line-height: 1.5em; }
a:active 	{font: 10px Arial, Helvetica, sans-serif; color: #294455; font-weight:bold; text-decoration:none; line-height: 1.5em;}
a:hover 	{font: 10px Arial, Helvetica, sans-serif; color: #D6BBAA; font-weight:bold; text-decoration:underline; line-height: 1.5em;}
a:link 		{font: 10px Arial, Helvetica, sans-serif; color: #294455; font-weight:bold; text-decoration:none; line-height: 1.5em;}

a.valigned:visited 	{font: 9px Arial, Helvetica, sans-serif; color: #294455; font-weight:bold; text-decoration:none; vertical-align: middle; line-height: 1.3em; }
a.valigned:active 	{font: 9px Arial, Helvetica, sans-serif; color: #294455; font-weight:bold; text-decoration:none; vertical-align: middle; line-height: 1.3em;}
a.valigned:hover 	{font: 9px Arial, Helvetica, sans-serif; color: #D6BBAA; font-weight:bold; text-decoration:underline; vertical-align: middle; line-height: 1.3em;}
a.valigned:link 	{font: 9px Arial, Helvetica, sans-serif; color: #294455; font-weight:bold; text-decoration:none; vertical-align: middle; line-height: 1.3em;}

a.title_tag:visited {font: 9pt Arial, Helvetica, sans-serif; color: #294455; font-weight:bold; text-decoration:none; border-bottom: #8FA2A8 dotted 1px; display: inline; line-height: 1.5em;}
a.title_tag:active 	{font: 9pt Arial, Helvetica, sans-serif; color: #294455; font-weight:bold; text-decoration:none; border-bottom: #8FA2A8 dotted 1px; display: inline; line-height: 1.5em;}
a.title_tag:hover 	{font: 9pt Arial, Helvetica, sans-serif; color: #D6BBAA; font-weight:bold; text-decoration:underline; border-bottom: #8FA2A8 dotted 1px; display: inline; line-height: 1.5em;}
a.title_tag:link 	{font: 9pt Arial, Helvetica, sans-serif; color: #294455; font-weight:bold; text-decoration:none; border-bottom: #8FA2A8 dotted 1px; display: inline; line-height: 1.5em;}

input { background-position: left top; background-image: url("http://www.overseas-homes-direct.com/images/shadow.gif"); background-repeat: no-repeat; font-family: Arial; font-size: 8pt;}
select { font-size : 11px;}
tr.invert {font: 10px Arial, Helvetica, sans-serif; color: #294455; font-weight:bold; background-color: #C1E3F7;}
td	{vertical-align: top;}
td.white {background-color: #FFF;}
label.red { color: #F00;}

/* CSS Document */

html {height: 100%; }

body{ margin: 12px; text-align: left; background-color: #C1E3F7; font-family: Arial, Helvetica, sans-serif; height: 100%; }

#mainContainer{	position: relative; width: 100%; height: 879px;	min-width: 800px; font-family: Arial, Helvetica, sans-serif;}

img{ border: 0px;}
.left{position: relative; float: left; clear :both; font-weight: bold; text-align: left;}
.right{ position: relative; float: right; font-weight: bold; text-align: right;}

/*.search_results { position: relative; float: left; width: 510px; background-color: #FFFFFF; width: 100%;}
.search_results_image { text-align: center; position: relative;	float: left; clear: both; margin: 3px 3px 3px 3px;}
.search_results_text { position: relative; float: left; clear: right; margin: 3px 20px 3px 3px; vertical-align: top;}*/

.image{ z-index: 900; height: 100%; position: relative; float: left; clear: both; font-weight: bold; font-size: 90%; text-align: left; width: 150px; padding: 5px 0px 5px 0px;}
.title{ z-index: 100; min-height: 30px; position: relative; float: left; clear: none; font-weight: bold; font-size: 90%; text-align: left; width: 140px; padding: 5px 0px 5px 0px;}
.data{ z-index: 100; min-height: 30px; position: relative; clear: none; font-weight: normal; font-size: 90%; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px;}

.ie6bugfix { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; background-color: #FFF;}

.title2{ z-index: 200; height: 30px; position: absolute; left: 310px; text-align: left; font-weight: bold; font-size: 90%; text-align: left; width: 150px; padding: 5px 0px 5px 0px;}
.data2{ z-index: 200; height: 30px; position: absolute; left: 442px; text-align: left; font-weight: normal; font-size: 90%;  padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px;}

.title3{ z-index: 300; height: 30px; position: absolute; left: 360px; text-align: left; font-weight: bold; font-size: 90%; text-align: left; width: 150px; padding: 5px 0px 5px 0px;}
.data3{ z-index: 300; height: 30px; position: absolute; left: 492px; text-align: left; font-weight: normal; font-size: 90%;  padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px;}


/* = Header
-----------------------------------------------------------------------------*/

#headContainer{
	position: relative;
	width: 100%;
	height: 150px;
	margin-bottom: 6px;
	background-image: url(../images/header_bkgd.gif);
	background-repeat: repeat-x;
}

#headCapRight{
	position: absolute;
	width: 10px;
	height: 150px;
	float: right;
	right: -1px;
}

#headLogo{
	position: absolute;
	top: 10px;
	left: 50px;
}

#headWelcome{
	position: absolute;
	width: 500px;
	top: 125px;
	left: 20px;
	z-index: 2;
	font-weight:bold;
	color:#FFFFFF;
}

#headCountryFlag{
	position: absolute;
	width: 32px;
	height: 20px;
	top: 1px;
	left: 380px;
}

#headTelephone{
	text-align: right;
	position: absolute;
	top: 125px;
	z-index: 54;

	font-size: 17px;
	color:#FFFFFF;
	right: 17px;
}

/* = Main Body
-----------------------------------------------------------------------------*/

#bodyContainer{
	position: relative;
	min-width: 800px;
	width: 100%;
	margin-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
}

/* = Main Body > Left-hand Column
-----------------------------------------------------------------------------*/

#bodyLeftContainer{
	position: absolute;
	left: 0px;
	width: 208px;
	height: 520px;
	background-color: #FFFFFF;
	background-image: url(../images/left_body_base.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 1000;
}

#leftTop{ 
	position: absolute;
	top: 0px;
	left: 0px;
	width:208px;
	background-color: #FFFFFF;
	background-image: url(../images/left_body_top.gif);
	background-repeat: no-repeat;
	background-position: top;

}

#leftNavHeader{
	position: relative;
	width: 182px;
	left: 16px;
	margin-top: 17px;
}

#leftNavContainer{
	position: relative;
	width: 198px;
	left: 5px;
	margin-top: 13px;
}

#leftSearch{
	position: relative;
	width: 208px;
	left: 0px;
	margin-top: 16px;
	background-image: url(../images/left_search_bkgd.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 12px;
}

#leftSearchHeader{ position: relative; width: 182px; left: 16px; }

#leftSearchText{
	position: relative;

	font-size: 11px;
	color: #294455;
	width: 177px;
	left: 16px;
}

#leftSearchRadio{
	position: relative;
	width: 177px;
	left: 16px;
	text-align: center;

	font-size: 11px;
	color: #767676;
	margin-top: 10px;
	text-align: left;
}

#leftSearchRadio label{ position: relative; text-align: left; float: left; padding: 3px 0px 0px 0px; width: 60px;}
#leftSearchRadio input{ position: relative; margin: 3px 60px 3px 0px;}

#leftSearchSubmit{ position: absolute; top: 50px; font-family: Arial, Helvetica, sans-serif; color: #294455; }
#leftSearchSubmit input{ font-size: 11px; text-align: center; right: -100px; }


#leftFeatured{
	position: relative;
	width: 208px;
	left: 0px;
	background-image: url(../images/left_featured_bkgd.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 12px;
	
}

#leftFeaturedHeader{
	position: relative;
	width: 182px;
	left: 16px;
}

#leftFeaturedText{
	position: relative;
	width: 177px;
	left: 16px;
	margin-top: 10px;

	font-size: 11px;
	color: #294455
}

#leftFeaturedText p{ padding: 0px 0px 0px 0px; margin: 0px 0px 8px 0px;}

.leftFeaturedOnly{

	font-size: 11px;
	font-weight: bold;
	color: #3488AA;
}

/* = Main Body > Right-hand Column
-----------------------------------------------------------------------------*/

#bodyRightContainer{
	margin-left: 214px;
	height: 710px;
	min-height: 710px;
}

/* = Main Body > Right-hand Column > Top Row
-----------------------------------------------------------------------------*/

#rightTop{
	position: relative;
	background-color: #FFFFFF;
	margin-bottom: 6px;
	height: 300px;
	background-image: url(../images/map_bkgd.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	min-width: 746px;
	z-index: 1001;
}

#countryRegionSelect{
	position: absolute;
	width: 146px;
	height: 300px;
	float: right;
	left: 0px;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(../images/top_row_end_left.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#curoKeyInformation{
	position: absolute;
	width: 286px;
	height: 300px;
	float: right;
	right: -1px;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(../images/top_row_end_right.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#mapHolder{
	position: relative;
	width: 500px;
	height: 300px;
	text-align: center;
	margin: 0 auto;	
	z-index: 899;
}

#mapHolder img{
	padding-right: 140px;
	z-index: 999;
}

#countrySelect{
	position: absolute;
	width: 110px;
	top: 18px;
	left: 10px;
	
	font-size: 11px;
	color: #3486AC;
}

#countrySelect select{
	width: 110px;

	font-size: 11px;
	color: #3486AC;
	z-index: 1010;
}

#regionSelect{
	position: absolute;
	width: 110px;
	top: 118px;
	left: 10px;

	font-size: 11px;
	color: #3486AC;
	z-index: 1005;
}


#tempm90 { background-color: #FFFFFF; color: #294455; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#tempm30 { background-color: #040696; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#tempm27 { background-color: #1417B6; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#tempm24 { background-color: #2330C7; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#tempm21 { background-color: #2D42C9; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#tempm18 { background-color: #3754CB; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#tempm15 { background-color: #466FCF; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#tempm12 { background-color: #3754CB; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#tempm9 { background-color: #598DD6; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#tempm6 { background-color: #629BD9; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#tempm3 { background-color: #7EB8E9; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#temp0 { background-color: #A5D7FF; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#temp3 { background-color: #C4E5B7; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#temp6 { background-color: #B4DFA8; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#temp9 { background-color: #B4DFA8; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#temp12 { background-color: #C7CF74; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#temp15 { background-color: #DBC75B; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}

#temp18 { background-color: #DEBC50; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#temp21 { background-color: #D9A449; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#temp24 { background-color: #D39242; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#temp27 { background-color: #D1853E; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#temp30 { background-color: #CC7239; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#temp33 { background-color: #CA6132; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#temp36 { background-color: #C74428; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}
#temp39 { background-color: #C52402; width: 18px; height: 15px; position: relative; float: left; text-align: center; border: solid #FFF; border-width: 1px 0px 1px 1px; padding: 3px 0px 0px 0px;}


/* = Main Body > Right-hand Column > Middle Row
-----------------------------------------------------------------------------*/

#right_links{
	position: absolute;
	right:-3px;
	top:0px;
	background-color: #C1E3F7;
	margin-bottom: 6px;
	width:120px;
	height: 50px;
	text-align: center;	
}
	

.call_link{
	position: relative;
	background-image: url(images/action_back.jpg);
	background-repeat: no-repeat;
	width: 120px;
	height: 60px;
}
.call_link2{
	position: relative;
	width: 120px;
	height: 68px;
}

.call_link a:visited	{font: 11px Arial, Helvetica, sans-serif; color: #294455; font-weight:bold; text-decoration:none; line-height: 1.4em; }
.call_link a:active 	{font: 11px Arial, Helvetica, sans-serif; color: #294455; font-weight:bold; text-decoration:none; line-height: 1.4em;}
.call_link a:hover 	{font: 11px Arial, Helvetica, sans-serif; color: #D6BBAA; font-weight:bold; text-decoration:underline; line-height: 1.4em;}
.call_link a:link 	{font: 11px Arial, Helvetica, sans-serif; color: #294455; font-weight:bold; text-decoration:none; line-height: 1.4em;}
.small {font: 5px Arial, Helvetica, sans-serif; line-height: 5px;}

.link_img{
	border: 0px;
	float: left;
	margin:10px 0px 10px 6px;
}

.link_img2{
	border: 0px;
	float: left;
	margin: 6px 0px 6px 0px;
	display: inline;
}

/* = Main Body > Right-hand Column > Bottom Row
-----------------------------------------------------------------------------*/

#bodyTextContainer{
	position: absolute;
	width: 100%;
	z-index: 450;
	top: 475px;
	min-width: 800px;
}

html>body #bodyTextContainer{
	width: 98%;
}

#mainTextContainer{
	background-color: #C1E3F7;
	border-color: #C1E3F7;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	margin: 0px 127px 0px 214px;
	border-bottom: 6px;
	height: 100%;
}

#rightBottom{
	position: relative;
	text-align: left;
	background-color: #FFFFFF;
	height: 100%;
}

html>body #rightBottom{
	min-height: 450px;
}

#rightBottom2{
	position: relative;
	text-align: left;
	height: 10px;
	background-color: #FFFFFF;
}


#adsense{
	margin: 0 auto;
	text-align:center;
}

#mainText{
	margin: 0px 18px 0px 18px;
	padding: 18px 50px 8px 0px;

	font-size: 11px;
	color: #767676;
	height: 100%;
	min-height: 600px;
}

#mainText h1{ font-size: 190%; font-weight: normal; color: #3388AC; margin: 0px; padding: 0px;}
#mainText h2{ font-size: 170%; font-weight: normal; color: #3388AC; margin: 0px; padding: 0px;}
#mainText h3{ font-size: 150%; font-weight: normal; color: #3388AC; margin: 0px; padding: 0px;}
#mainText h4{ font-size: 130%; font-weight: normal; color: #3388AC; margin: 0px; padding: 0px;}

.mainTextImage{
	float: right;
	margin-bottom: 18px;
	margin-left: 18px;
	z-index: 987;
}

/* = Curved Corners
-----------------------------------------------------------------------------*/


#cornersTop{
	position: absolute;
	top: 0px;
	right: 127px;
	height: 10px;
	width: 10px;
	background-color: #C1E3F7;
	z-index: 998;
}

#cornersTopLeft{
	position: absolute;
	top: 0px;
	left: 214px;
	width: 10px;
	height: 10px;
	background-image: url(../images/col_corners_topL.gif);
	background-repeat: no-repeat;
	z-index: 10;
}

#cornersTopRight{
	position: absolute;
	top: 0px;
	right: -0px;
	width: 10px;
	height: 10px;
	background-image: url(../images/col_corners_topR.gif);
	background-repeat: no-repeat;
	z-index: 11;
}

#cornersBottomLeft{
	position: absolute;
	top: 0px;
	left: 214px;
	width: 10px;
	height: 10px;
	z-index: 12;
}

#cornersBottomRight{
	position: absolute;
	top: 0px;
	right: -0px;
	text-align: right;
	width: 10px;
	height: 10px;
	z-index: 14;
}

/* = Footer
-----------------------------------------------------------------------------*/

#footContainer{
	margin: 6px 0px 6px 0px;
	clear: both;
	position: relative;
	min-width: 700px;
	width: 100%;
	height: 90px;
	background-color: #1D4BB2;
	background-image: url(../images/footer_end_right.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#footLinks{
	clear: both;
	position: relative;
	width: 700px;
	height: 90px;
	background-image: url(../images/footer_end_left.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#footLinksText{
	position: absolute;
	top: 15px;

	font-size: 11px;
	color: #FFFFFF;
	left: 16px;
	line-height: 20px;
}

#footLinksText a{
	color: #FFFFFF;
	text-decoration: none;
}

#footLinksText a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

/* = Curo for Ajax popups
-----------------------------------------------------------------------------*/

#keyInfoTemps{ position: absolute; width: 240px; height: 40px; top: 60px; left: 23px; font-size: 10px; color: #294553;}
#curoInfoName { position: absolute;  top: 40px;  left: 3px;  font-family: Arial, Helvetica, sans-serif;  font-size: 14px;  font-weight: bold;  color: #294553;}
#curoInfoTemps { position: absolute; width: 285px; height: 40px; top: 70px; left: 10px;}
#curoBoxText { position: absolute; top: 105px; left: 10px; color: #000000;  font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
#curoBoxLeft { position: absolute; left: 10px; top: 140px; width: 126px; height: 180px;  text-align: left; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
#curoBoxRight { position: absolute; left: 121px; top: 140px; width: 166px; height: 180px;}
#keyInfoHeader{	position: absolute; width: 250px; height: 21px; top: 10px; left: 18px;}

#keyInfoHeader img{ border: 1px;}