/* CSS Document for http://www.halleygrace.ie | Version 1
   Author - Protocol | Hosting Ireland | 
   http://www.hostingireland.ie | March 2008 */

/* =body declarations for body | ###IEB[]XHACK### 
	Body aligned to centered for browsers then 
countered to left for IE with #center division
==================================================*/

body{
	text-align: center;
	font-size: 11px;
	font-family: 'Lucidia Grande', Verdana, Arial;
	margin: 0px;
	background-color: #e7eeeb;
	color: #4e2e2c;
	}
	
#center{
	width: 900px;
	text-align: left;
	margin: auto;
	background-color: #ffffff;
	
}

#reg{
	background-color: #FFFFFF;
}


/* =divs | declarations for divisions 
   during initial border layout
==================================================*/

/* =Print Banner - Only visible on  print css file
Places a small image on top of printed material with hg logo
see halley-grace-print.css for its attributes - here it is not
displayed
==================================================*/
#print-banner {
   display: none;
}


/* =banner-outline | banner container at top of page
==================================================*/

#banner-outline{
	width: 841px;
	height: 165px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #8c9abf;
	border-bottom-color: #8c9abf;
	border-left-color: #8c9abf;
	margin-right: auto;
	margin-left: auto;
}

/* =banner-center| center in banner container
==================================================*/

#banner-center{
	width: 825px;
	margin-right: auto;
	margin-left: auto;
}


/* =navigation-bar | navigation-bar container at top of page
==================================================*/

#navigation-bar{
	width: 825px;
	height: 23px;
	color: #FFFFFF;
	background-color: #8C9ABF;
	margin-top: 2px;
}


/* =nav-links | nav-links container at top of page
==================================================*/

#nav-links{
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 780px;
	padding-top: 5px;
}


/* =main |main content container
==================================================*/

#main{
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 18px;
	margin-right: auto;
	margin-left: auto;
}


/* =header |header content container
==================================================*/

#header{

}
#left{
	width: 704px;
	float: left;
}
#right{
	float: left;
}


/* =infomain | main info box for static text
==================================================*/
#infomain{
	top: 0px;
	right: 0px;
	border: 1px solid #CCCCCC;
	margin-right: auto;
	margin-bottom: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	padding: 10px;
	margin-top: 10px;
}


.title{
	font-size: 12px;
	color: #323D7F;
	font-weight: bold;
	display: block;
}


.text{
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	display: block;
}


.welcome{
	color: #303d7f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.warning{
	color: #EE303d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}


.tagline{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* =spacer| float spacer
==================================================*/
#spacer{
	width: 100%;
	clear: left;
	height: 1px;
}
.spacer{
	width: 100%;
	clear: left;
	height: 1px;
}


/* =fivepixspacer| 5 pixel height spacer
==================================================*/
#fivepixspacer{
	width: 100%;
	clear: left;
	height: 5px;
}



/* =searchcontainer | right hand side - containslinks and quick search
==================================================*/
#searchcontainer{
	top: 0px;
	right: 0px;
	width: 772px;
	margin-top: 25px;
	margin-left: 14px;
}



/* =searchcol1 | right hand side - containslinks and quick search
==================================================*/
#searchcol1{
	top: 0px;
	right: 0px;
	width: 185px;
	float: left;
	border: 1px solid #CCCCCC;
	background-image: url(../images/quick-search-sml-bg.jpg);
	background-repeat: repeat-y;
	color: #222E75;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
}

/* =resultnav | navigation for searching results
==================================================*/
.resultnav{
	top: 0px;
	right: 0px;
	height: 25px;
	width: 574px;
	float: right;
	border: 1px solid #CCCCCC;
	margin-bottom: 8px;
	padding-left: 2px;
	background-color: #F7F7F7;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* =searchrcol2 | right hand side - contains classes of results
==================================================*/
.searchcol2{
	top: 0px;
	right: 0px;
	min-height: 95px;
	width: 564px;
	float: right;
	border: 1px solid #CCCCCC;
	margin-bottom: 8px;
	padding-top: 12px;
	padding-left: 12px;
}


/* =col2details | right hand side - contains results of property search

==================================================*/
.col2details{
	top: 0px;
	right: 0px;
	width: 564px;
	float: right;
	border: 1px solid #CCCCCC;
	margin-bottom: 8px;
	padding-top: 12px;
	padding-left: 12px;
}


/* =proppics | containeer for main image and for alternative thumbs
==================================================*/
#proppics{
	top: 0px;
	right: 0px;
	width: 550px;
	height: 317px;
}


/* =lgepic | lge image in result details
==================================================*/
#lgepic{
	width: 422px;
	border: 1px solid #CCCCCC;
	float: left;
}

/* =thumbs | alternative thumbs in result details
==================================================*/
#thumbs{
	width: 125px;
	float: right;
	height: 317px;
	overflow: auto;

}

.padthuumb{
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

/* =propdetails | lge image in result details
==================================================*/
#propdetails{
	width: 500px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;

}


/* =searchthumb | small thumb of search result in .searchcol2 div
==================================================*/
.searchthumb{
	float: left;
	padding-right: 17px;
}

/* =searchaddress | text style of address in .searchcol2 div
==================================================*/
.searchaddress{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc0033;
	font-weight: bold;
	display: block;
	float: left;
	margin-bottom: 10px;
	width: 430px;
}

/* =searchinfo| text style of info in .searchcol2 div
==================================================*/
.searchinfo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	display: block;
	float: left;
	margin-bottom: 10px;
	width: 250px;
}


/* =searchstatus| text style of status info in .searchcol2 div
==================================================*/
.searchstatus{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	display: block;
	float: left;
	margin-bottom: 10px;
}





/* =col1 | right hand side - containslinks and quick search
==================================================*/
#col1{
	top: 0px;
	right: 0px;
	height: 296px;
	width: 420px;
	float: left;
	border: 1px solid #CCCCCC;
	margin-top: 25px;
	margin-left: 14px;
}


/* =col2 | left hand side - contains featured property
==================================================*/
#col2{
	top: 0px;
	right: 0px;
	height: 294px;
	width: 325px;
	float: left;
	border: 1px solid #CCCCCC;
	margin-left: 21px;
	padding-top: 2px;
	padding-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303D7F;
	font-weight: bold;
	margin-top: 25px;
}

/* =searchproperties | searchproperties container
==================================================*/
#searchproperties {
	top: 0px;
	right: 0px;
	height: 266px;
	width: 209px;
	float: left;
	padding-top: 2px;
	padding-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303D7F;
	font-weight: bold;
}

/* =quicksearch | quicksearch container
==================================================*/
#quicksearch {
	top: 0px;
	right: 0px;
	height: 296px;
	width: 190px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #303D7F;
	padding-top: 2px;
	padding-right: 2px;
	margin-left: 5px;
}

/* =searchpropbg | searchpropbg container
==================================================*/
#searchpropbg {
	background-image: url(../images/search-properties-bg.jpg);
	background-repeat: no-repeat;
	height: 133px;
	width: 192px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	padding-top: 138px;
	padding-left: 5px;

}

/* =quicksearchbg | quicksearchbg container
==================================================*/
#quicksearchbg {
	background-image: url(../images/quick-search-bg.jpg);
	background-repeat: no-repeat;
	height: 256px;
	width: 192px;
	margin-right: auto;
	margin-left: 5px;
	margin-top: 5px;
	padding-left: 5px;
	font-size: 11px;
	padding-top: 15px;

}

.jump{
	color: #8C9ABF;
	width: 110px;
	height: 18px;
	font-size: 10px;
}
.jump2{
	color: #8C9ABF;
	width: 130px;
	height: 20px;
	font-size: 10px;
	position: relative;
	left: 80px;
}
.jumpwrong{
	color: #AA9ABF;
	width: 110px;
	height: 18px;
	font-size: 10px;
	border: 1px red solid;
}

.search{
	color: #5B70A4;
	width: 40px;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #E1C59D;
	border: 1px solid #90ACC2;
	margin-top: 2px;
	margin-right: 3px;
	font-weight: bold;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}


/* =featuredbox | populated from db
==================================================*/

#featuredbox{
	height: 270px;
	width: 310px;
	background-color: #F9F9F9;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	padding-top: 2px;
}


/* =featuredimage | image populated from db
==================================================*/

#featuredimage{
	height: 180px;
	width: 306px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 2px;
	text-align: center;
	border: 1px solid #222E75;
}
#featuredimage a img{
  border: 0;
  margin-left: auto;
  margin-right: auto;
}

/* =featureddetails | text populated from db
==================================================*/

#featureddetails{
	height: 71px;
	width: 306px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303D7F;
	font-weight: bold;
}

/* =footer | bottom of page
==================================================*/

#footer{
	height: 19px;
	width: 733px;
	background-color: #856a65;
	padding-top: 2px;
	padding-left: 31px;
	margin-top: 3px;
}


/* =flashoutline | flash container at bottom of page
==================================================*/

#flashoutline{
	width: 796px;
	height: 150px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #8c9abf;
	border-bottom-color: #8c9abf;
	border-left-color: #8c9abf;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	border-top-width: 1px;
	border-top-color: #8c9abf;
	margin-bottom: 15px;
}



/* =footeroutline | footer container at bottom of page
==================================================*/

#footeroutline{
	width: 850px;
	height: 60px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #8c9abf;
	border-bottom-color: #8c9abf;
	border-left-color: #8c9abf;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	border-top-width: 1px;
	border-top-color: #8c9abf;
	margin-bottom: 15px;
	background-color: #f7f6f6;
	padding-left: 5px;
}

#floatspacer{
	height: 10px;
	width: 100%;
	clear: both;
}
.floatspacer{
	height: 10px;
	width: 100%;
	clear: both;
}



/* =ssss | quickform Form and Table
==================================================*/

form#contact {
  margin: 0px;
}

form#contact table {
	background-color: #F7F7F7;
	color: #8c9abf;
	font-size: 11px;
}
form#contact table td {
  padding: 3px;
}
form#contact table td.header {
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
}
form#contact table td.headerred {
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
	color: #ff8888;
}
form#contact table .help {
	font-weight: bold;
	width: 250px;
	border-bottom: 1px #8c9abf solid;
}
form#contact table .label {
  font-weight: bold;
}
form#contact table .error {
	color: #ff0000;
	font-size: 10px;
}
form#contact table input {
	width: 150px;
}
form#contact table input.small {
	width: 50px;
}
form#contact table select {
	width: 130px;
	text-align: center;
}
form#contact table textarea {
	width: 150px;
}


/* = Amortization Table
==================================================*/
table.amortization {

}

table.amortization td {
 text-align: right;
}
table.amortization td.endofyear {
  border-bottom: 1px #8c9abf solid;
}

#mortform {
  width: 48%;
  float: left;
}
#mortsummary {
  width: 48%;
  float: left;
  font-size: 12px;
  font-weight: bold;
}
#mortsummary table td {
 text-align: right;
}


/* =Pseudolinks | nav |
==================================================*/

a.nav {
	color: #FFFFFF;
	text-decoration: none;
}
a.nav:hover {
	color: #D62E4F;
	text-decoration: none;
	background-color: #FFFFFF;
}
a.nav:active {
	color: #D62E4F;
	text-decoration: none;
}

/* =Pseudolinks | contact |
==================================================*/

a.contact {
	color: #D70D31;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D70D31;
}
a.contact:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D70D31;
}


/* =Pseudolinks | property |
==================================================*/

a.property {
	color: #222E75;
	text-decoration: underline;
}
a.property:hover {
	color: #D70D31;
	text-decoration: underline;
}


/* =Pseudolinks | view |
==================================================*/

a.view {
	color: #FFFFFF;
	text-decoration: underline;
}
a.view:hover {
	color: #333333;
	text-decoration: underline;

}
a.view:active {
	color: #FFFFFF;
	text-decoration: underline;
}

.padup10{
	padding-top: 10px;
}

.padbut1{
}

.padimgleft{
	margin-left: 135px;
}

.padimg10px{
	margin-left: 10px;
}

.lightblue{
	color: #8C9ABF;
}
.darkred {
  color: #c41f25;
}
.darkblue{
}
.opbold{
  font-weight: bold;
  background-color: #F6D901;
}

#contactrow {
  display: none;
}

#hlink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	float: right;
	padding-right: 20px;
	padding-top: 18px;
}