/*
 * Casabase styles
 *
 * Colours used
 * Orange      - #e38128
 * Pale Orange - #e8a85e
 * Dark Grey   - #333
 * Cream       - #FFFFF3
 * Yellow      - #FFE397
 * Brown       - #833200
 * Red         - #D53409
 * Green       - #00B693;
 */
 
/************************************************* 
 * Default element styles                        * 
 *************************************************/
 
body {
	margin: 1;
	padding: 0;
	background-color: #FFFFF3; /* Cream */ 
	font-family: Verdana, Geneva, sans-serif;
	color: #333; /* Dark Grey */
    font-size: small;
}

h1 {
	font-size: 16px;
	padding: 3px 0 3px 10px;
	margin: 0 0 5px 0;
	color: #833200;
}

h1.outline {
	border: 1px solid #FFE397;
	background-color: #FFFFF3;
	padding-left: 2px;
}

h2 {
	font-size: 110%;
	padding: 3px 4px;
	margin: 0;
	color:  #833200; /* Brown */
	background: #FFE397; /* Yellow */
}
	
h3 {
	font-size: 100%;
	margin: 0;
	padding: 2px 0;
	color: #833200;
	font-weight: bold;
}
	
p {
	margin: 0 0 10px;
	padding: 0;
}
	
strong {
	font-weight: bold;
}

a:link {
	color: #833200;
}

a:visited {
	color: #833200;
}

a:hover {
	color: #e38128; /* Orange */
}
	
h1 a {
	text-decoration:none;
}

ul {
	list-style: none;
}

em {
	font-style: italic;
	font-weight: bold;
	color: #833200;
}
	
table {
	border-collapse: collapse;
  font-size: 100%;
}
	
td {
	padding: 3px 1px;
}

td.unpadded {
	padding: 0;
}

td.notice {
	padding: 15px 0;
	font-weight: bold;
	font-size: 95%;
}

th {
	background-color: #FFE397;
	color: #833200;
	text-align: left; /* need for IE5 */
	padding: 3px;
	border: 1px solid #FFE397; /* Yellow */
}

p.bulletlink {
	padding-left: 13px;
	background: url(../images/bullet_link.gif) no-repeat;
}

p.bulletlink a {
	text-decoration: none;
}

p.bulletlink a:hover {
	text-decoration: underline;
}
	
br {
	line-height: .5em;
}

form {
	margin: 0;
}

label {
	color: #833200;
	text-align: right;
}

input, select {
	font-size: 95%;
}

select {
	width: 122px;
}

input.button {
	height: 22px;
	background: #e38128 url(../images/button_bg.gif) top left repeat-x;
	border: 1px solid #e8a85e;
  	color: #fff;
  	font-weight: bold;
	cursor: pointer;
	text-transform:capitalize;
	text-align:center;
	}
		
img {
	border: none;
}

dd {
	padding-bottom: 10px;
}

/************************************************* 
 * Header Box styles                             * 
 *************************************************/

#wrap {
	margin: 0 auto; /* auto margins will centre the div because it has a fixed width */
  width: 776px;
	position: relative; /* allows elements in the container to be positioned absolutely */
	border: 2px solid #e8a85e; /* Pale Orange */
	}

#headerstatus {
	position: absolute;
	top: 25px;
	right: 20px;
	font-size: 16px;
	text-align: right;
	}
	
#loggedin {
	padding: 3px 0;
	font-size: 11px;
	}
		
#pageheader	{
	background: url(../images/logofull.gif) 0 0 no-repeat;
}

#pagecontent	{
	padding: 10px;
	}

/* Footer styles */
#pagefooter {
	clear: both;
	padding: 5px 0;
	text-align: center;
	font-size: 85%;
	background-color: #FFE397;
	}

/************************************************* 
 * Main Navigation styles                        * 
 *************************************************/
 
#mainnav {
	position: absolute;
	top: 55px;
	left: 2px;
	padding: 0;
	list-style: none;
	background-color: #e38128; /* Orange */
	font-weight: bold;
	}
	
#mainnav li {
	float: left;
	list-style: none;
	border-right: 2px solid #fff; /* White */
	}
	
#mainnav li.last {
	border-right: 0px;
	}

#mainnav a {
	float: left;
	padding: 6px 17px;
	text-decoration: none;
	color: #fff; /* White */
	}
#mainnav li.last a{
	padding: 6px 21px 6px 16px;
	}	
	
#mainnav a:hover {
	background-color: #e8a85e; /* Pale Orange */
	}

/************************************************* 
 * Main Box styles                               * 
 *************************************************/
#mainbox {
	clear: both;
	float: left; /* needed to enclose the maincontent float */
	font-size: 90%;
	background-color: #fff; /* White */
	padding: 10px;
	}

#fullmainbox {
	clear: both;
	font-size: 90%;
	background-color: #fff; /* White */
	padding: 10px;
	}
	
#maincontent {
	float: left;
	border-right: 2px solid #e8a85e; /* Pale Orange */
	padding: 0 10px 0 0;
  width: 505px;
	}

#mainside {
	font-size: 95%;
	margin-left: 515px;
	padding: 0 0 0 10px;
	width: 225px;
	/*border-left: 2px solid #e8a85e; /* Pale Orange */
	}

.boxed1 {
	margin-bottom: 10px;
	border: 1px solid #e8a85e;
	width: 100%;
}

.boxed2 {
	margin-bottom: 10px;
	border: 1px solid #FFE397;
}

.boxed3 {
	margin-bottom: 10px;
	border: 1px solid #FFE397;
	background-color: #FFFFF3;
}

.boxed3 h1 {
	color: #D53409;
	}
	
.boxcontent {
	padding: 10px;
}
	
.boxcontent h1 {
	padding-left: 0;
}

/************************************************* 
 * Large size form styles                        * 
 *************************************************/
.bigform label {
	padding-right: 4px;
	width: 35%;
}

.bigform input {
	font-size: 110%;	
	margin-bottom: 2px;
	width: 180px;
}

.bigform input.radio {
	width: 20px;
}

.bigform input.checkbox {
	width: 24px;
	border: 1px solid #e8a85e;
}

.bigform .button {
	width: 180px;
} 


.bigform td {
	vertical-align: top;
	padding-top: 0;
} 
	
/************************************************* 
 * Small side panel form styles                  * 
 *************************************************/
.sideform {
	margin: 0;
	}

.sideform label {
	width: 57px;
	margin-top: 3px;
	padding-right: 2px;
	color: #833200;
  }

.sideform input {
 	width: 89px;	
  }
	
.sideform select {
 	width: 140px;
  }
	
.sideform .button {
	width: 110px;
	text-align: center; /* IE left aligns by default for some reason */
  } 
		
.sideform td {
	padding: 2px;
  } 
	
.loginform input {
	width: 100px; /* Fix IE5 Win */
 	voice-family: "\"}\""; 
 	voice-family: inherit;
 	width: 105px;	
  }

form.onebutton {
	text-align: center;
}

/************************************************* 
 * Home Page house Description styles            *
 *************************************************/
.hpbox {
	float: left;
	width: 240px;
	margin: 0 0 10px 0;
	padding: 3px;
	background-color: #FFFFF3;
	border: 1px solid #e8a85e;
}
 
.hpbox.right{
	margin-right: 0;
}

.hpbox.bottom{
	margin-bottom: 0;
}

.hpbox img.photo {
	width: 150px;
	height: 112px;
	border: 1px solid #e8a85e;
	margin: 0;
}

.hpbox a {
	color: #833200;
	text-decoration: underline;
	font-weight: bold;
}

.hpbox a:visited {
	color: #833200;
}

.hpbox a:hover {
	text-decoration: underline;
	color: #e38128;
}

.hpbox h1 {
	margin-bottom: 0;
}

.hpbox h2{
	text-align: center;
	width: 232px;
	text-decoration: none;
}

.hpbox h2 a{
	text-decoration: none;
}

.hpbox table{
	width: 100%;
}

.hpbox #kyero {
	margin-bottom: 2px;
}

/* Bullet list of links */
ul.bulletlink {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 25px;
	list-style: none outside url(../images/bullet_link.gif);
}

ul.bulletlink li {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 3px 0px;
}

ul.bulletlink a {
	text-decoration: none;
}
	
/************************************************* 
 * photo styles                                  * 
 *************************************************/
img.photo {
	margin: 2px;
	padding: 3px;
	border: 1px solid #FFE397;
}

/************************************************* 
 * Property Photos                               *
 *************************************************/
#propphotos {
	float: left;
	padding: 2px;
	margin: 0;
	border: 1px solid #FFE397;
	width: 356px; 
}
 
#mainphoto {
	border: 1px solid #FFE397;
	width: 350px;  
	padding: 2px;
	margin-bottom: 5px;
	text-align: center;
}
	
.bigpt img {
	width: 196px; 
	height: 262px; 
}

#mainphoto .arrow {
	width: 16px; 
	height: 16px; 
}
	
#mainphoto td {
	border-width: 0;
}

#mainphoto h2 {
	margin: 0;
	color: #222;
	background: #fff;
	font-weight: bold;
}

.thumb {
	background: #fff;
	border: 1px solid #e8a85e;
	padding: 3px;
	width: 75px;
	height: 75px;
}

.thumbls img {
	width: 75px; 
	height: 56px; 
	margin: 9px 0;
}
	
.thumbpt img {
	width: 56px; 
	height: 75px; 
	margin: 0 9px;
}
 
#propphotos .thumb {
 float: left;
 margin: 2px 3px 2px 2px;
}

* html #propphotos .thumbpt img { /* Fix IE Bug */
	margin: 0 9px -1px 9px;
}
	
#propphotos p {
	font-size: 95%;
	text-align: center;
	clear: both;
}

#propphotos img {
	border: none;
}

/************************************************* 
 * Property Description styles                   *
 *************************************************/
#propdesc {
	margin: 5px 0 0 368px;
	padding: 2px;
	border: 1px solid #FFE397;
	}

#propdesc .keytitle {
	font-weight: bold;
	padding: 3px 5px 3px 2px;
	width: 20%;
}

#propdesc .keydata {
	padding: 3px;
	width: 30%;
}

#propdesc textarea {
	margin-left: 10px;
	width: 165px;
	height: 69px;
}

#propdesc input {
	width: 120px;
}

#propdesc td {
	
}

#propdesc .email {
	padding: 0 0 2px 20px;
	background: url(../images/email.gif) no-repeat;
}

#propdesc .printer {
	padding: 0 0 2px 20px;
	background: url(../images/printer.gif) no-repeat;
}

#propdesc .proptext {
	padding: 5px 2px 0 2px;
}

#propdesc p {
	margin: 0 0 8px 0;
}

#propdesc h2 {
	font-size: 100%;
	background-color: #FFE397;
	padding: 3px 0;
}

#printdesc {
	clear:both;
	padding: 2px;
	border: 1px solid #e8a85e;
	}
 
/************************************************* 
 * property list styles                          * 
 *************************************************/
 
#proplist table {
	margin: 10px;
	background-color: #FFFFF3;
	border: 1px solid #e8a85e;
	width: 740px;
}

#proplist th {
	border: 1px solid #e8a85e;

}

#proplist th a {
	text-decoration: none;
	text-transform: uppercase;
}

#proplist td {
	border-width: 0;
}
 
#proplist td.photo {
	width: 23%;
}

#proplist td.refcode a {
	font-weight: bold;
	text-decoration: none;
}

#proplist td a {
	font-weight: normal;
}

#proplist td.refcode a:hover {
	text-decoration: underline;
}

#proplist img {
	border: 1px solid #e8a85e;
	padding: 3px;
	width: 150px;
	height: 112px;
}

#resultsleft {
	float: left;
	font-weight: bold;
	color: #833200;
	margin: 2px 0 0 2px;
	}
	
#resultsright {
	text-align: right;
	margin: 2px 3px 0 0;
	}
	
/* Misc styles */
.last {
	margin-bottom: 0;
	}
	
.right {
	float: right;
	}

.left {
	float: left;
	}
	
.rightalign {
	text-align: right;
}

.centre {
	text-align: center;
	}
	
.topalign {
	vertical-align: top;
}

.clear {
  clear: both;
  }
	
.outline {
	border: 1px solid red;
}

.help {
	padding: 5px 0 0 15px;
	background: url(../images/help.gif) no-repeat 0 5px;
}

.note {
	padding-left: 15px;
	background: url(../images/note.gif) no-repeat 0 0;
}

.error {
	padding-left: 15px;
	background: url(../images/error.gif) no-repeat 0 0;
	color: #D53409; /* Red */
	font-weight: bold;
}
	
.smaller {
	font-size: 95%;
}

.highlight {
	color: #833200; /* Brown */
}

.suppress {
	display: none;
}

.tandc {
	border: 1px solid #FFE397;
	overflow: auto;
	background-color: #FFFFF3;
	height: 60px;
	font-size: 95%;
	padding: 5px;
}

.tandc p{
	margin-bottom: 3px;
}