/* default page apperance */
body {
	font-size: 70%; 
	margin: 0; 
	padding: 0; 
	color: #000; 
	font-family: arial, verdana, helvetica, sans-serif; 
	background-color:#fff;
}


/* default link apperance */
a {
	color: #000; 
	background-color: transparent; 
	text-decoration: underline;
}
a:hover {
	color: #000000; 
	background-color: transparent; 
	text-decoration: none;
}


/* default image appearance */
img { 
	border:none;
}


/* default form declaration */
form {
	margin:0;padding:0
}	


/* default form select appearance 
select {
	font-size:80%;
}*/

/* overall div containing all page elements*/
#container {
	margin-left: auto;
	margin-right: auto;
	width:960px;
	padding-bottom: 0px;
}

/* overall left hand div containing logo, residential, left hand side nav, commercial links, find a home, find commercial*/
#page {
	background:#e3e3e3 url('images/background.gif') top left repeat-y;
	float: left;
	width: 534px;
}
	/* ONLY IE Gets the below */
* html #page
{
  	height: 565px;
}

/* div containing logo and residential, commercial links*/
#header {
	height: 106px;
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	width: 534px;
}


/* declaration that all div in the header div float to the left */
#header div {
	float: left;
}


/* logo div*/
.logo {
	width: 112px;
	height:106px;
	background: #003399;
	text-align: center;
	color: #fff;
	border:none;
}


.bottomDivSquare {
	height: 106px;
	text-align: center;
	font-weight: bold;
	font-size: 150%;
	float: left;
	width: 180px;
	border-bottom: 2px solid #fff;
}

/* residential, commercial divs*/
.residential, .commercial {
	border-left: 2px solid #fff;
	height: 106px;
	text-align: center;
	font-weight: bold;
	font-size: 150%;
	float: left;
	width: 209px;
}


/* specified colours for residential divs*/
.residential {
	background-color: #41b8d4;
	color: #000;
}


/* specified colours for commercial divs*/
.commercial {
	background-color: #7cbe34;
	color: #000;
}


/* specified colours for links in residential divs*/
.residential a {
	background-color: #41b8d4;
	color: #000;
	text-decoration: none;
	display: block;
	padding-top: 10px;
	height: 96px;
}


/* specified colours for links in commercial divs*/
.commercial a {
	background-color: #7cbe34;
	color: #000;
	text-decoration: none;
	display: block;
	padding-top: 10px;
	height: 96px;
}


/* specified hover colours for links in residential divs*/
.residential a:hover {
	background-color: #41b8d4;
	color: #ffffff;
	text-decoration: none;
}


/* specified hover colours for links in commercial divs*/
.commercial a:hover {
	background-color: #7cbe34;
	color: #ffffff;
	text-decoration: none;
}


/* right hand div containing overseas, mortgages, and black and white linked image*/
#right {
	/*background: url('images/home1a.jpg') 0px 106px no-repeat;*/
	height: 536px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	float: left;
	width: 420px;
	z-index: 100;
}
	/* ONLY IE Gets the below */
* html #right
{
  	height: 570px;
}

/* container div for overseas and mortgages divs*/
#right .rightnav {
	width: 420px;
	}
	
/* apperance of any link within span tag*/
#right a span {
	visibility: hidden;
}

/* sizing invisible link over the black and white image */
#right a.right_link {
	display: block;
	min-width: 200px;
	max-width: 420px;
	height: 536px;
	text-decoration: none;
	width: 420px;
	background: none;
}

/* basic apperance of overseas, mortgages divs*/
.overseas, .mortgages {
	height: 106px;
	text-align: center;
	font-weight: bold;
	font-size: 150%;
	float: left;
	width: 210px;
	border-bottom: 2px solid #fff;
}


/* specified colours for overseas divs*/
.overseas {
	background-color: #f7931d;
	color:#000;
}


/* specified colours for mortgages divs*/
.mortgages {
	background: #ff0000;
	color: #000;
}


/* specified colours for links in overseas divs*/
.overseas a {
	background-color: #f7931d;
	color: #000;
	text-decoration: none;
	display:block;
	padding-top: 10px;
	height: 96px;
}

.big
{
	height: 400px;
	font-size:8pt;
}

/* specified colours for links in mortgages divs*/
.mortgages a{
	color: #000;
	text-decoration: none;
	display: block;
	padding-top: 10px;
	height: 96px;
	background: #ff0000 url('images/mortgages_bk.gif') top left no-repeat;
}


/* specified hover colours for links in overseas divs*/
.overseas a:hover {
	background-color: #f7931d;
	color: #ffffff;
	text-decoration: none;
}


/* specified hover colours for links in mortgages divs*/
.mortgages a:hover{
	background-color: #ff0000;
	color: #ffffff;
	text-decoration: none;
}


/* sidebar div that will contain left hand navigation*/
.sidebar {
	width: 112px;
	text-align: left;
	padding-top: 5px;
	float: left;
}


/* div that contains the find a home, find a property and news divs*/
.search {
	border-left: 2px solid #fff;
	float: left;
	background: #bfbfbf url('images/background2.gif') top left repeat;
	width: 420px;
}


/* findahome, findaproperty  divs */
.findahome, .findaproperty {
	width: 199px;
	padding-left: 5px;
	text-align: left;
	float: left;
	height: 305px;
	padding-right: 5px;
	color: #000;
	position: relative;
}


/* specific background image for findahome div */
.findahome {
	background:#41b8d4 url('images/sml_logo.gif') 5px 240px no-repeat;
}


/* required placement for advanced search element in find a home and find a property div */
.findahome .span, .findaproperty  .span {
	bottom: 5px;
	position: absolute;
	right: 10px;
}


/* styling for find a home and find a property headers*/
.findahome h1, .findaproperty h1 {
	font-size: 120%;
	font-weight: bold;
	line-height:1em;
}

.findahome h1 , .findaproperty h1 {padding-top:9px; padding-left:9px; padding-bottom:0} 


/* font style for links in find a home */
.findahome a {
	text-decoration:none;
	color: #fff;
}

/* font style for advanced search link in find a home */
.findahome a.advanced {
	background: url('images/white_arrow_onblue.gif') center right no-repeat;
	color: #fff;
	text-decoration: none;
	padding-right: 18px;
	font-weight: bold;
}


/* hover font style for advanced search link in find a home */
.findahome a.advanced:hover {
	background: url('images/black_arrow_onblue.gif') center right no-repeat;
}


/* font style for advanced search link in find a property */
.findaproperty a.advanced {
	background: url('images/white_arrow_ongreen.gif') center right no-repeat;
	color: #fff;
	text-decoration: none;
	padding-right: 18px;
	font-weight: bold;
}


/* hover font style for advanced search link in find a property */
.findaproperty a.advanced:hover {
	background: url('images/black_arrow_ongreen.gif') center right no-repeat;
}


/* style for links in find a home */
.findahome a {
background-color: #41b8d4;
}


/* hover style for links in find a home and find a property*/
.findahome a:hover, .findaproperty a:hover {
	color: #000000;
	text-decoration: none;
}

/* additional styling for find a property*/
.findaproperty {
	border-left: 2px solid #fff;
	background-color: #7cbe34;
}

/*Search form Buttons style*/
.searchButtonBlue
{
	background: url(images/form_go_submit.gif); 
	width:62px; 
	float:right; 
	margin-right:3px;
	padding-left:2px ;
	text-align:left; 
	color:#fff; 
	font-weight:bold;
	cursor:pointer;
}


/* styling for news div */
.news {
	border-top: 2px solid #fff;
	padding-top: 11px;
	padding-left: 5px;
	text-align: left;
	float: left;
	padding-right: 5px;
	width: 410px;
	height:137px;
}
/* html .news
{
  	height: 137px;
}*/

/* styling for news header*/
.news h1 {
	font-size: 120%;
	font-weight: bold;
	padding:0;	
	margin-bottom:10px;
}

/* styling for news links*/
.news span {
	color: #0e1e7d;
	text-decoration: none;
	cursor:pointer;}

.news span:hover {
	color: #000;
	text-decoration: underline;
	cursor:pointer;}
	
/* styling for news link to more news*/
.news a {
	color: #0e1e7d;
	text-decoration: none;
	cursor:pointer;}

/* styling for news more link*/
.news a.more {
	background: url('images/blue_right_homepage.gif') center right no-repeat; 
	padding-right:18px;
	float:right;
	margin-right:5px;}

/* hover styling for news links*/
.news a:hover {
	color:#000000;
	text-decoration: underline;}

/* styling for news lists*/
.news ul 
{
	list-style-image:url(images/news_blue_bullet.jpg);
	list-style-type: none;
	list-style-position:outside;
	margin-top: 0;
	margin-left: 10px;
	margin-bottom: 0px;
	padding-left:3px;}


/* styling for news list links*/
.news li a {
	color: #0e1e7d;
	text-decoration: none;
	background: #bfbfbf;
}


/* hover styling for news list links*/
.news li a:hover {
	text-decoration: none;
	color: #000000;
	background: #bfbfbf;
}

/* overall div containing all footer elements*/
#footer_container 
{
	clear:both;
	margin-left: auto;
	margin-right: auto;
	margin-top:2px;
	width: 928px;}

/* footer styling */
#footer {text-align: center;}
	
/* styling for footer links */
#footer a  {
	text-decoration: none;}
	
/* hover styling for footer links */
#footer a:hover  {
	text-decoration: none;
	color: #999;
	background: #fff;}





/* these lines can be added to remove all warnings from the w3c validator when validating this css file. They are un-needed, but can be added in
a {background-color:#fff;}
a:hover {background-color:#fff;}
.findahome a.advanced {background-color: #41b8d4;}
.findaproperty a.advanced {background-color:  #a4be5f;}
.findahome a:hover {background-color: #41b8d4;}
.findaproperty a:hover {background-color:  #a4be5f;}
.news a, .news a:hover {background-color: ##bfbfbf}
/**/

* html .findahome, 
* html .findaproperty {
	padding: 0;
	width: 209px;
}
* html table {
	font-size: 95%;
}


/*Css Classes used by the Skin File
*************************************************/
.defaultDropdown{max-width:67px}

/*Tables holding the search forms
*****************************************************/
#resQuickSearchTable table , #commQuickSearchTable table {width:199px; text-align:left; font-size:12px} /*Set the width of all search tables*/

#resQuickSearchTable caption, #commQuickSearchTable caption  {text-align:left; font-weight:bold; font-size:110%}/*set caption of all search tables*/

#resQuickSearchTable td.right, #commQuickSearchTable td.right {text-align:right} /*align some items to the right*/

/* Residential Quick Search Table Buy*********/
#resQuickSearchTable td.col1{width:40%}
#resQuickSearchTable td.col2{width:20%}
#resQuickSearchTable td.col3{width:40%}
#resQuickSearchTable td.span3{width:100%}
#resQuickSearchTable td.span2{width:66.5%}

#commQuickSearchTable table.col1{width:58px;}

.menustyle_home
{
	list-style:none;
	list-style-position: outside;
	padding:0;
	margin:0;}
	
.menustyle_home li a
{
	margin-left:5px;
	padding-left:15px;	
	background:url(images/grey_right.gif) no-repeat center left;
	text-decoration:none;
	font-size:110%;
	color:#4c4c4c;}
	
.menustyle_home li a:hover{color:#0e1e7d;}