/*

	A J Phillips Chartered Surveyors
	www.ajphillips.co.uk

*/

body{
	width: 780px;
	background-color: #DAE6F4;
	margin:0 auto;
	padding: 0;
	font-family: Helvetica,Arial,Verdana,sans-serif;
	color: #000;
	font-size: 14px;
}

/* HEADER */

#PageHeader{
	margin:0 auto;
	height:130px;
	background-color: #0b2259;
	background-image: url('images/ajpHeader.jpg');
	background-repeat: no-repeat;
	font-size: 14px;
	overflow: hidden;
}

/* Login  */

#loginBox {
	width: 760px;
	text-align: left;
	margin: 0;
	margin-top: 4px;
	margin-left: 10px;
	color: #eee;
	height: 26px;
	overflow: hidden;
}

#loginBoxForm {
	width: 600px;
	float: left;
}
#loginBox a{
	color:#ffffff;
}

span#savedPropLink {
	width: 150px;
	text-align: right;
	float: left;
	margin-top: 4px;
}

div#loginError {
	margin-left: 20px;
}

div#loginError,div#loginError p {
	display: inline;
}

/* Menu */

#PageNavigation{
	margin:0 auto;
	padding-top: 5px;
	height: 23px;
	background-color: #264D92;
	border-top: #6699CC 1px solid;
	border-bottom: #0B2259 1px solid;
}

#PageNavigation ul{
	margin: 0;
	margin-left: 10px;
	padding: 0;
	list-style:none;
	display:inline;
	height: 23px;
}
#PageNavigation ul li{
	display:inline;
	height: 23px;
	letter-spacing: 1px;
	text-align: center;
	padding: 0 10px;
}
#PageNavigation ul li a{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	font-size: 13px;
}
#PageNavigation ul li a:hover{
	color: #99CCFF;
}

/* CONTENT AREAS */

#pageContainer{
	margin:0 auto;
	padding: 0;
	padding-top: 25px;
	background: url('images/grad-bg.jpg') repeat-x top #fff;
	border-top:  none;
	overflow: hidden !important;
	width: 780px;
}


/* LINKS */

a{
	text-decoration:none;
	color:#0b2259;
}

a {
	cursor: pointer;
}

a:hover{
	text-decoration:underline;
}

/* INPUT / FORM FIELDS */

input, textarea{
	font-family: Helvetica,Arial,Verdana,sans-serif;
}
input, select, textarea{
	font-size: 12px;
}

div.site select option{
	margin-bottom:2px;
}

#featured {
	background-color: #f5f5f5;
	border-top: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
	margin: 10px auto;
	padding: 10px;
	clear: both;
}

#columnOne,#columnTwo,#columnThree{
	float:left;
	margin-left: 15px;
	width: 230px;
	padding: 5px;
	font-size: 13px;
	height: 450px !important;
}


#columnOne h2,#columnTwo h2,#columnThree h2  {
	font-size: 15px;
	letter-spacing: 2px;
	margin: 0;
	padding: 5px;
	background-color: #fff;
	text-align: center;
	color: #264D92;
}

#columnOne h2 {
	color: #BA8B32;
	border: 1px solid #E8B658;
	border-bottom: none;
}

#columnTwo h2 {
	color: #3289BA;
	border: 1px solid #58B4E8;
	border-bottom: none;
}

#columnThree h2 {
	color: #32BA5B;
	border: 1px solid #59E985;
	border-bottom: none;
}

#columnOne {
	background-color: #F5DEB3;
	border: 1px solid #E8B658;
	height: 400px;
}
#columnTwo {
	background-color: #B3DDF5;
	border: 1px solid #58B4E8;
	height: 400px;
}
#columnThree {
	background-color: #B3F5C7;
	border: 1px solid #59E985;
	height: 400px;
}
#columnOne img {
	border: 1px solid #E8B658;
	border-top: none;
}
#columnTwo img {
	border: 1px solid #58B4E8;
	border-top: none;
}
#columnThree img {
	border: 1px solid #59E985;
	border-top: none;
}

#columnOne a {
	color: #A87A24;
}

#columnTwo a {
	color: #2B78A8;
}

#columnThree a {
	color: #268D45;
}

#columnOne a:hover,#columnTwo a:hover,#columnThree a:hover{
	color: #000;
}


#dojoDebugOutput{
	position:absolute;
	width:300px;
	font-size:10px;
	background-color:white;
	border:1px solid #afafaf;
}

.mainContent  {								
	height:430px;
	width:278px;
	overflow:hidden;
	font-size:14px;
	text-align:left;
	overflow:hidden;
	float:left;
	padding-top:25px;
}

#indexContentBG {					
	background:url('images/over3.png') no-repeat;
	position:absolute;
	margin-left:380px;
	width: 350px;
	z-index:1;
}
#indexContent {							
	height:430px;
	width:278px;
	position:absolute;
	margin-left:450px;
	z-index:2;
	padding-right:20px;
	padding-top:10px;
}

#aboutContent  {
	margin-left:20px;
}

#indexContent a.look{
	float:right;
	font-size:18px;
	font-weight:bold;
	margin-top: 15px;
	height: 25px;
	padding-left: 22px;
	vertical-align: top;
	background: url('images/miniHse.jpg') no-repeat -1px -1px;
}


h3 {

}
h4 {
	font: bold 1.1em Georgia, Times, serif; 
	letter-spacing: 1px;
	color:#999;
}

.subTitle {
	font-weight: bold;
}

#indexContent .bold {
	line-height: 25px;	
}

/* INVISBLE ELEMENTS / FIXES */

.clearfix {
	clear:both;
	height: 0px;
	width: 0px;
	margin: 0;
	padding: 0;
}
.invis {
	display: none;
	visibility: hidden;
}


.req { /* required fields in form */
	color: #C0200A;
	font-size: 12px;
	font-weight: bold;
}

a#editLink{
	float:right;
	margin-top: -15px;
}
#editSites {
	border:1px solid #83241C;
	background-color:#efefef;
	position:absolute;
	width:330px;
	height:270px;
}
#siteNames {
	text-transform: capitalize;
	letter-spacing: normal;
	font-size: 14px;
}

#Highlights ul{
	list-style:none;
	display:block;
}


/* INDEX PAGE LAYOUT */


#randomProp {
	height: 123px;
	width:  550px;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #c5c5c5;
}

#randomProp img {
	float: left;
	margin-right: 10px;
}

#randTxt {
	float: left;
	margin: 0;
	font-size: 13px;
	width: 350px;
}

#randTxt ul {
	margin: 9px 0px;
	padding-left: 25px;
}

#randomProp #moreInfo a {
	color: #999;
}
#randomProp #moreInfo a:hover {
	color: #264D92;
	text-decoration: none;
}

#moreProps{
	float: right;
	width: 180px;
	border-left: 1px solid #CBCBCB;
	margin: 0 auto;
	height: 135px;
}

#moreProps ul {
	list-style: none;
	margin: 4px 20px;
	margin-right: 10px;
	padding: 0;	
	border-bottom: none;
}

#moreProps ul li {
	list-style: none;
	margin: 0;
	margin-bottom: 2px;
	padding: 4px 10px;
	background-color: #264D92;
	border-right: 2px solid #000;
	border-left: 2px solid #000;
	text-align: left;
}

#moreProps ul li:hover{
	background-color: #0B2259;
}

#moreProps ul a li:hover {
	color: #fff;
}

#moreProps ul a {
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#moreProps ul a:hover {
	text-decoration: none;
	color: #fff;
}

#randTxt p {
	margin: 0;
	font-weight: bold;
}

/* SERVICES PAGE LAYOUT */

#servicesTop {
	background-color: #B3F5C7;
	border-top: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
	margin: 10px auto;
	padding: 10px;
	clear: both;
}

#services {
	float: left;
	/*background-color: #F5F5F5;
	background: url('images/grad-bg.jpg') repeat-x top #fff;
	border: 1px solid #ddd;*/
	margin-left: 15px;
	margin-top: 20px;
	padding: 15px;
	font-size: 13px;
}

#services ul.comS, #services ul.resS {
	margin: 0;
}

#services ul.comS li{
	color: #264D92;
	margin: 6px 3px;
	list-style: square;
}

#services ul.resS li{
	color: #2BA04E;
	margin: 6px 3px;
	list-style: square;
}

#services h1 {
	font-size: 18px;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	color: #0B2259;
	text-transform: uppercase;
	border: 1px solid #E8B658;
	border-left: none;
	border-right: none;
	background-color: #F5DEB3;
	padding: 3px 10px;
	text-align: center;
}

#services h2.com {
	background-color: #B3DDF5;
	border: 1px solid #58B4E8;
	border-left: none;
	border-right: none;
	font-size: 15px;
	letter-spacing: 1px;
	padding: 3px 10px;
	margin-bottom: 20px;
}

#services h2.res {
	background-color: #B3F5C7;
	border: 1px solid #59E985;
	border-left: none;
	border-right: none;
	font-size: 15px;
	letter-spacing: 1px;
	padding: 3px 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#homeBuyers {
	width: 264px;
	float: right;
	margin: 15px;
	margin-top: 40px;
	padding: 8px;
	background-color: #B3F5C7;
	border: 1px solid #59E985;
}

#homeBuyers h2 {
	font-size: 17px;
	margin: 0;
	color: #14953B;
	line-height: 1.3;
	text-decoration: underline;
	text-align: center;
}
p.badge {
	width: 65px;
	height: 55px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: url('images/badge.gif') no-repeat top;
	padding: 0;
	padding-top: 12px;
	margin-top: -25px;
	margin-left: -23px;
	margin-right: 4px;
	line-height: 13px;
	z-index: 4;
	float: left;
}

p.badge a {
	color: #fff;
}
p.badge a:hover {
	color: #fff;
	text-decoration: none;
}

#homeBuyers ul{
	list-style: square;
	margin: 0;
	padding-left: 35px;
	clear: both;
	font-size: 12px;
}

#homeBuyers ul li{
	margin: 3px 0;
	font-size: 13px;
}

#homeBuyers ul li a {
	text-decoration: none;
	color: #333;
}

#homeBuyers ul li a:hover {
	text-decoration: underline;
	color: #000;
}

#homeBuyers ul li:hover {
	list-style: disc;
}

#surveyRequest {
	width: 260px;
	/*
	background: url('images/grad-bg.jpg') repeat-x top #fff; */
	float: right;
	margin-right: 15px;
	padding: 10px;
	border: 1px solid #E8B658;
}

#surveyRequest h1 {
	font-size: 18px;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	color: #0B2259;
	text-transform: uppercase;
	border: 1px solid #E8B658;
	border-left: none;
	border-right: none;
	background-color: #F5DEB3;
	padding: 3px 10px;
	text-align: center;
}



#surveyRequest h2 {
	color: #999;
	text-align: center;
	margin: 8px 0;
	padding: 0;
	font-size: 18px;
	font-family: Helvetica,Arial,Verdana,sans-serif;
}

#surveyRequestForm {
	font-size: 11px;
	font-family: verdana;
}

#surveyRequestForm hr {
	height: 1px;
	border: none;
	border-top: 1px solid #E8B658;
}

.selTitle {
	background-color: #ddd;
	font-weight: bold;
}

#surveyRequestForm table th {
	text-align: right;
	margin: 0;
	padding-right: 12px;
	font-weight: normal;
}

#surveyRequest #warning {
	color: #9F1414;
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana,sans-serif;
	text-align: center;
}



#regLeft {
	float:left;
	margin-left:20px;
	width: 200px;
}
#regLeft table {
	width: 250px;
}

#regRight {
	float:right;
	width: 430px;
	margin-right:20px;
}

#regRight h3 {
	background-color: #B3DDF5;
	border: 1px solid #58B4E8;
	border-left: none;
	border-right: none;
	margin-top: 20px;
	padding: 6px 15px;
}

#registerForm table tr td {
	padding:4px;
	text-align: right;
}
#registerForm input {
	width: 180px;
}

.uploaderFrame{
	border:1px solid #CBCBCB;
	background-color: #E5E5E5;
	overflow: hidden;
}

/* HOMEBUYERS PAGE */

div#services.homebuyers {
	margin-right: 15px;
}

#services h1.homebuy {
	font-size: 18px;
	margin: 0;
	margin-bottom: 10px;
	padding: 3px 0;
	color: #14953B;
	text-transform: uppercase;
	background-color: #B3F5C7;
	border: 1px solid #59E985;
	border-left: none;
	border-right: none;
	text-align: center;
	letter-spacing: 1px;
}

#choosing, #description, #terms {
	width: 500px;
	background-color: #F5DEB3;
	padding: 10px;
}

#choosing h2, #description h2, #terms h2 {
	font-size: 14px;
	margin-top: 0;
	background-color: #B3F5C7;
	padding: 3px;
	border-top: 1px solid #2AAA51;
	border-bottom: 1px solid #2AAA51;
}

#choosing table td, #choosing table th{
	border-bottom: 1px solid #59E985;
	margin: 0;
	padding: 2px;
}

#choosing table th {
	text-align: right;
	padding-right: 6px;
}

#choosing table {
	margin-bottom: 20px;
}

#choosing div, #description div,#terms div {
	text-align: center;
	color: #BD8D33;
	font-size: 12px;
}

#pricing {
	width: 180px;
	float: right;
}

#hsvNav {
	width: 180px;
	margin: 0 auto;
	margin-bottom: 20px;
}

#hsvNav ul {
	list-style: none;
	margin: 4px 0px;
	padding: 0;
}

#hsvNav ul li {
	list-style: none;
	margin: 0;
	margin-bottom: 2px;
	padding: 4px 10px;
	background-color: #264D92;
	border-right: 2px solid #000;
	border-left: 2px solid #000;
	text-align: left;
}

#hsvNav ul li:hover {
	background-color: #0B2259;
}

#hsvNav ul a li:hover {
	color: #fff;
}

#hsvNav ul a {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#hsvNav ul a:hover {
	text-decoration: none;
	color: #fff;
}


#pricing h2 {
	font-size: 14px;
	margin-top: 0;
	background-color: #F5DEB3;
	padding: 3px;
	border-top: 1px solid #E8B658;
	border-bottom: 1px solid #E8B658;
	text-align: center;
}

#pricing p {
	text-align: center;
}

#pricing table td {
	text-align: center;
	vertical-align: bottom;
	color: #BD8D33;
}

#pricing table th {
	color: #333;
}

#ricsLogo {
	margin: 0 auto;
	width: 130px;
}
#ricsLogo a img {
	border: none;
}

/* ABOUT US */

#aboutus, #legalInfo, #proplans {
	/* background: url('images/grad-bg.jpg') repeat-x top #fff;
	border: 1px solid #ddd; */
	margin: 20px 15px;
	padding: 15px;
	padding-top: 0;
	font-size: 14px;
}

#proplans p {
	margin-left: 10px;
	margin-right: 10px; 
}

#proplans #costs, .linkspanel{
 	float:right;
 	width:300px;
 	font-family:verdana,arial,sans-serif;
 	font-size:13px;
 	color:#2E4FC5;
 	background-color:#DAE6F4;
 	margin: 15px 5px 20px 12px;
}
.linkspanel{
	float: left;
	maring: 15px;
}

#proplans #costs ul, .linkspanel ul{
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

#proplans #costs table{
	margin: 0 auto;
	border-bottom: 1px solid #999;
}

#proplans #costs table th {
	text-align: left;
	color: #000;
	padding: 2px 15px;
	border-bottom: 1px solid #999;
}
#proplans #costs table td {
	text-align: left;
	color: #000;
	font-weight: normal;
	padding: 2px 15px;
}
#proplans #costs p,  .linkspanel p{
	font-size: 12px;
	color: #666;
	font-family: Helvetica,Arial,Verdana,sans-serif;
}


#aboutus h1, #proplans h1 {
	background-color: #B3DDF5;
	border: 1px solid #58B4E8;
	border-left: none;
	border-right: none;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 5px 10px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

#aboutUsImg {
	float: right;
	margin-left: 20px;
	margin-bottom: 12px;
	width: 290px;
	background-color: #F5DEB3;
	border-bottom: 1px solid #E8B658;
	font-size: 13px;
}

#aboutUsImg p {
	margin: 4px 7px;
	text-align: right;
	line-height: 17px;
}

#stafford {
	border: 1px solid #E8B658;
	border-left: none;
	border-right: none;
	margin-top: 30px;
	padding: 0 15px;
	background: url('images/staffknot.gif') no-repeat left center #F5DEB3;
	padding-left: 114px;
	font-size: 13px;
	background-color: #B3F5C7;
	border: 1px solid #59E985;
}

/* CONTACT US */

#contactUsImg {
	float: left;
	margin: 15px 20px;
	margin-bottom: 20px;
}

#contactUsImg2 {
	float: right;
	margin-right: 20px;
	margin-bottom: 15px;
}

#contactUsImg2 {
	border: 1px solid #333;
}

#map.contactus{
	clear: both;
	border:1px solid #efefef;
	width:740px;
	height:290px;
	margin: 0 auto;
}

#contactUsInfo {
	padding-top: 15px;
}

/* FOOTER STUFF */

#footerLinks{
	font-size:11px;
	color:#999;
	width: 750px;
}

#footerLinks {
	margin:0 auto;
	background-color: #0b2259;
	font-size: 12px;
	color: #ECEBEB;
	height: 26px;
	width:  780px;
	border-top: #000 1px solid;
}

#footerLinks ul.legal{
	text-align: center;
	list-style:none;
	padding: 0;
	margin: 0;
	margin-top: 5px;
}

#footerLinks ul.legal li{
	display:inline;
	margin-right:20px;
	font-size:11px;
	color: #e5e5e5;
}
#footerLinks ul.legal li a{
	color: #6699CC;
}
#footerLinks  ul.legal li a:hover{
	text-decoration: underline;
}

/* DEALS PAGE */

#dealsdone h1 {
	background-color: #B3DDF5;
	border: 1px solid #58B4E8;
	border-left: none;
	border-right: none;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 5px 10px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
#dealsdone p {
	padding: 5px 10px;
	margin-bottom: 20px;
}


div#dealsdone{
	margin: 20px auto;
	margin-bottom: 0;
	background: url('images/noticeboard.jpg') no-repeat top right;
	width: 779px;
	height: 585px;
	padding-top: 50px;
	padding-left: 10px;

}
div.deal{
	width: 300px;
	height: 65px;
	margin: 10px;
	margin-left: 185px;
	padding: 0;
	padding-bottom: 5px;
	overflow: hidden;
}
div.deal2{
	width: 300px;
	height: 65px;
	margin: 10px;
	margin-left: 215px;
	padding: 0;
	padding-bottom: 5px;
	overflow: hidden;
}

div#dealsdone a:hover div.deal,div#dealsdone a:hover div.deal2{
	background: url('images/redcircle.gif') no-repeat top right;
	text-decoration: none;
}

.ddProp{
	padding: 1px 2px;
}
.ddProp img{
	padding: 0;
	margin: 0;
	width: 90px;
	height: 60px;
	float: left;
	border: 1px solid #aaa;
}
.ddProp .ddTxt{
	text-align: left;
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	float: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	width: 200px;
	text-transform: uppercase;
	color: #333;
}
.ddProp .ddTxt p{
	margin: 0;
	padding: 0;
	font-size: 11px;
}
.ddProp .dd_desc{
	font-weight: normal;
	font-size: 13px;
	margin-left: 198px;
}

#dd_view_pane{
	z-index:100;
	background: url('images/linepaper.gif') #fff;
	border:1px solid #777;
	color: #000;
	padding: 10px;
	position: absolute;
	margin: 100px 150px;
	width: 450px;
	line-height: 22px;
}


#dd_edit_pane{
	z-index:100;
	background-color:#fff;
	border:1px solid #999;
	color: #000;
	padding: 10px 0;
	padding-top: 0;
	position: absolute;
	margin-left: 70px;
	margin-top: 60px;
}
#dd_edit_pane form{
	width: 600px !important;
	overflow: hidden !important;
}	
#dd_edit_pane textarea{
	display: block;
}

.ddEditTop{
	color: #0B2259;
	font-weight: bold;
	padding: 10px 0 !important;
	padding-bottom: 5px !important;
	background-color:#ddd;
}