/*

	John Grant Style Sheet
	Created by Andi Topping on 16th December 2005

*/

* { font-family: Helvetica, Arial; }
body { background-image: url(../images/bg.png); }
hr { height:0px; margin:10px auto; border: none 0; border-top: 1px solid #A1A4A3; width:90%; text-align:center; }
p { margin:6px 2px; padding:0px; }

#container { margin:0 auto; width:800px; background-image: url(../images/new_bg_top.png); background-repeat: repeat-y; }
#top {  background-color: #ffffff; height: 31px; text-align: right; margin: 0px 9px 0px 9px; vertical-align: top; padding:0px 0px 0px 0px; }
#content { margin: 10px 11px 0px 185px; min-height:200px; }
#footer { margin:0 auto; width:800px; height: 5px; }

/* top styles */
#top .search { margin:0px; padding: 10px 3px 5px 0px; font-size:13px; color: #999999; text-transform:lowercase; height:20px; }
#top .search input[type="search"] { background-color: #ffffff; border: 1px solid #9E1C26; font-family: Helvetica, Arial; font-size:12px; color:#000000; width: 100px; height: 13px; } 
#top .search input[type="search"]:focus { background-color:#E6E6E6; }
#top .search img { padding: 0px 0px 0px 3px; }
#top .search label { height:20px; padding-top:10px; vertical-align:top; }

/* solid bars */
#topgrey { margin: 0px 10px 0px 9px; padding: 0px 3px 0px 0px; background-color: #A1A4A3; height: 3px; }
#bottomgrey { margin: 0px 10px 0px 9px; padding: 0px 3px 0px 0px; background-color: #A1A4A3; height: 1px; }
#redbar { color: #ffffff; margin: 0px 10px 0px 9px; background-color: #9E1C26; height: 18px; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; }
#redbar table { padding: 3px 0px 0px 0px; }
#redbar .text { font-size: 11px; font-weight: bold; text-align: left; padding: 2px 0px 0px 3px; vertical-align:top; }
#redbar .date { font-size: 9px; text-align: right; padding: 4px 3px 0px 0px; vertical-align:top; }

/* Photo Header */
#photos { margin: 1px 9px 0px 9px; height: 120px; border-bottom: 2px solid #ffffff; }

/* News Bar */
#latestnews { border:1px solid #9E1C26; height:18px; margin:2px 10px 0px 0px }
#latestnews .newstitle { background-color:#FFFFFF; text-align:center; color:#9E1C26; float:left; height:15px; font-size:11px; padding:2px 8px 0px 2px; margin-right:10px; text-transform:uppercase; font-weight: bold; }
#latestnews .items { padding-top:1px; font-size:12px;  }
#latestnews .items a { text-decoration:none; color:#000000; }
#latestnews .items a:hover { text-decoration:underline; }

/* links */
#links { float:left; width:175px; list-style-type:none; font-size:12px; color: #333333; margin:10px 3px 0px 0px; padding-left:10px; color:#ffffff; }
#links li { width:160px; height:19px; margin-bottom:4px; text-decoration:none; background-image:url(../images/link.gif); background-color:#A1A4A3; background-repeat:repeat-y; background-position:left; line-height:20px; text-indent:20px; }
#links li.this { background-image:url(../images/link_on.gif); background-color:#9E1C26; }
#links li.this a:hover { color:#ffffff; }
#links li a { text-decoration:none; color:#ffffff; }
#links li a:hover { color:#9E1C26; font-weight:normal; }
#links hr { margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top:-12px; height:1px; border: none 0; border-top: 1px solid #6699cc; width:150px;  text-align:left; } 

/* text styles */
#content { font-size:11px; color:#333333; }
#content .title { font-family: Helvetica, Arial; padding-left:15px; color:#ffffff; text-transform:capitalize; font-size:13px; text-align:left; height:19px; margin-bottom:4px; background-image:url(../images/link.gif); background-color:#A1A4A3; background-repeat:repeat-y; background-position:left; line-height:19px; width:50%; }
#content .more { width:130px; font-family: Helvetica, Arial; color:#9E1C26; text-transform:capitalize; font-size:12px; height:19px; margin-bottom:4px; background-image:url(../images/link.gif); background-color:#FCEDB3; background-repeat:repeat-y; background-position:left; line-height:20px; text-indent:20px; }
#content .more a{ text-decoration: none; font-family: Helvetica, Arial; color:#9E1C26; text-transform:capitalize; font-size:12px; }
#content .more a:hover{ text-decoration: none; font-family: Helvetica, Arial; color:#9E1C26; text-transform:capitalize; font-size:12px; }
#content a { text-decoration:none; font-weight: bold; color:#9E1C26; }
#content a:hover { text-decoration:underline; font-weight: bold; color:#9E1C26; }

/* copyright */
#copy { clear:both; }
#copy hr { margin-bottom:0px; }
#copy p { text-align:center; color:#A1A4A3; font-size:10px; }
#copy a { color:#A1A4A3; }

/* quicksearch */
#quicksearch { margin:0px; padding:0px; display:inline; }

/* Property Table */
table.property, table.property th, table.property td { margin:0px; font-size:11px; }
.property th { color:#ffffff; font-weight: bold; background-color:#9E1C26; padding-left:6px; text-align:left; font-weight: normal; height: 12px; }
.property td { height: 12px; padding:2px 2px; }
.property td.moreinfo { background-color:#999999; font-weight: normal; text-align:right; color: #9E1C26; }

/* Image attributes for house pictures and plans only */
.photos { border: 1px solid #888888; padding:2px; }

/* Pagination */
.pagination { font-size:11px; text-align:left; color: #9E1C26; }
.selected { font-size: 11px; color: #9E1C26; font-weight: bold; }

/* Forms */
label { width: 110px; float:left; color:#333333; font-style: italic; padding-left: 5px; }