@charset "utf-8";
/* Hayling Property Management */


/*
colors
#3F1219 - burgandy
#7A061A - red
#F7F7FE - grey

*/


.clear {
	clear: both;	
}

a img
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

label
{
	float:left;
	width:10em;	
}

.indexLeftContainer .signUp
{
	width:200px;
	margin-bottom:20px;
	background:#F7F7FE;
	height:auto;
	overflow:hidden;
}


#emailSignUpForm 
{
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	background-color:#F7F7FE;
}

#emailSignUpForm label
{
	float:left;
	width:27em;	
}

body {
	font-family: "Trebuchet MS", HelveticaNeue, Arial, Verdana;
	font-size: 13px;
	font-weight: normal;
	margin: 0px;
	background-color: #3F1219;
	text-align:center;

	}

h1{
    font-family: "Trebuchet MS", HelveticaNeue, Arial, Verdana;
	font-size: 24px;
	font-weight: normal;
	color: #7A061A;
    margin-bottom: 5px;
	margin-top:0px;
	}

h2{
    font-family: "Trebuchet MS", HelveticaNeue, Arial, Verdana;
	font-size: 18px;
	font-weight:100;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 10px;
}

h3{
    font-family: "Trebuchet MS", HelveticaNeue, Arial, Verdana;
	font-size: 18px;
	font-weight:100;
	color: #7A061A;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
}

h4{
    font-family: "Trebuchet MS", HelveticaNeue, Arial, Verdana;
	font-size: 15px;
	font-weight:bold;
	color: #7A061A;
	margin-top: 0px;
	margin-bottom: 0px;
	
}

p {
	margin-bottom: 10px;
	margin-top: 0px;
	color:#000;
	font-family: "Trebuchet MS", HelveticaNeue, Arial, Verdana;	
}

a:link {
	color:#3F1219;
}

a:visited {
	color:#7A061A;
}

a:hover {
	color:#7A061A;
}


li {
	margin-left: 15px;
}

ul {
margin: 0px;
padding: 0px;
}


#wrapAll {
	width: 100%;
	

}
	
#wrapContent{
	text-align:left;
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	background-color:#FFFFFF;

}
	

	
#header {
	text-align:left;
	background-repeat:no-repeat;
    width: 960px;
	height: 115px;
	margin-left:auto;
	margin-right:auto;
}
	
#headerLogo {
	height: 68px;
	margin-top: 10px;
	float: left;
}

#headerText {
	float: left;
	padding-top: 40px;
}

#headerImages {
	float: right;
	margin-top:8px;
}




#headerPhone {
	float: right;
	margin-top: 0px;
	margin-right:10px;
	padding-top: 5px;
	width:140px;
}


#headerPhone h2, #headerText h2{
	font-size:18px;
	color: #fff;
	margin: 0px;
	padding-left: 5px;
	float: right;
	padding-top: 2px;

}


#menu{
	text-align:left;
	width: 960px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	color:#FFFFFF;
	background-color: #7A061A;
	background-image:url(/objs/red_top.gif);
	background-position:top;
	background-repeat:no-repeat;

}
	
#menu ul {
	margin:0;
	padding: 10px 10px 0px 10px;
	list-style:none;
	float:left;
	}

#menu li {
	font: "Trebuchet MS";
	font-size:14px;
    color: #fff;
	display:inline;
	margin:0px;	
}

#menu span{
	padding-right: 2px;
}

#menu a {
	margin:0;
	padding:5px 10px 5px 10px;
	text-decoration:none;
	color:#fff;	
}


#menu a:hover {
	color:#FFFFFF;
	text-decoration: underline;

}

.indexLeftContainer {
	width: 220px;
	margin: 10px 0px 10px 20px;
	float: left;
	
}

.indexLeftContainerTop {
	width: 220px;
	height: 35px;
	background-image:url(/objs/burgandy_top.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#3F1219;

}

.indexLeftContainerTop h2{
    font-family: "Trebuchet MS", HelveticaNeue, Arial, Verdana;
	font-size: 18px;
	font-weight:100;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-top: 5px;
}

.indexLeftContainerMiddle {
	width: 220px;
	background-color:#3F1219;

}

.indexLeftContainerMiddle h2
{
	font-size:14px;
	font-weight:bold;
}

.middlePhoto {
	width: 195px;
	height: 150px;
	margin:0px 0px 0px 10px;	

}

.middleText{
	width: 210px;
	padding:5px;
	color: #FFFFFF;

}

.middleText p{
	padding-left:10px;
	color: #FFFFFF;
	margin: 0px;
}

.middleText a
{
	color:#fff;
}

.middleText a:hover
{
	color:#ccc;
}

.indexLeftContainerBottom {
	width: 220px;
	height: 15px;
	background-image:url(/objs/burgandy_bottom.gif);
	background-repeat:no-repeat;
	background-position:top;

}


.container675 {
	width: 668px;
	background-color:#F7F7FE;
	border: solid 1px #CCCCCC;
	float: right;
	padding: 5px;
	margin:20px 20px 5px 20px;
	overflow:hidden;

}

.containerWhite{
	width: 678px;
	float: right;
	margin:5px 0px 20px 20px;
	overflow:hidden;

}

.smallContainerRight{
	width: 160px;
	float: right;
	border:solid 1px #CCCCCC;

}

.smallContainerLeft{
	width: 160px;
	float: left;
	border:solid 1px #CCCCCC;
	margin-right:10px;

}

.smallContainerHeading{
	width: 145px;
	height: 30px;
	background-color:Property for Sale;
	padding:8px 5px 0px 10px;
	border-bottom: solid 1px #CCCCCC;
	background-color: #F7F7FE;

}

.smallContainerHeading h3{
	font-size:15px;
	font-weight:bold;
	color: #7A061A;

}

.smallContainerText{
	width: 145px;
	padding:0px 10px 0px 10px;

}


.container675photo {
	float: right;
	margin: 5px;
	width: 315px;

}

.container675text{
	float: left;
	padding: 5px;
	width: 315px;

}

.containerRight {
	width: 690px;
	float: right;
	margin:0px 20px 20px 5px;
	overflow:hidden;

}

.containerRightRight{
	width: 340px;
	height: 325px;
	float: right;
	background-image: url(/objs/postit_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	
}

.heading {
	width: 246px;
	height: 30px;
	background-color:#FFFFFF;
	border: solid 1px #CCCCCC;
	margin: 65px 10px 10px 45px;
	padding: 5px 0px 0px 10px;
}

.tinyHouse {
	float: right;
	width: 25px;
	height: 25px;
	background-image:url(/objs/tiny_house_whitebg.jpg);
	background-repeat:no-repeat;
	margin-bottom: 2px;
	margin-right: 2px;
	
}

.text{
	width: 246px;
	margin: 0px 10px 10px 45px;
	
}

.moreInfo{
	float: right;
	margin-right: 45px;
	color: #7A061A;
	font-size:16px;
	font-weight:bold;
	
}

.readMore{
	float: right;
	color: #7A061A;
	font-size:15px;
	font-weight:bold;
	
}

.moreInfoSmall {
	float: right;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #7A061A;
	font-size:15px;
	font-weight:bold;

}


.containerRightLeft{
	width: 340px;
	height: 325px;
	float: left;
	background-image: url(/objs/postit_bg.jpg);
	background-repeat:no-repeat;
	background-position: top left;

}


.rightContainer200 {
	width: 200px;
	margin: 20px 20px 10px 0px;
	float: right;
}

.buyersGuide {
	width: 180px;
	height: 200px;
	background-color:#F7F7FE;
	background-image:url(/objs/buyers_guide_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	border:solid 1px #CCCCCC;
	padding:10px;
	
}



.signUp{
	width: 180px;
	height: 185px;
	background-color:#F7F7FE;
	margin-top: 10px;
	padding: 10px;
	background-image:url(/objs/sign_up_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	border: solid 1px #CCCCCC;
	
}

.greyRight {
	width: 180px;
	background-color:#F7F7FE;
	margin-top: 10px;
	border:solid 1px #CCCCCC;
	padding:10px;
	overflow:hidden;
	
}

.greyRight li {
	list-style-image:url(/objs/small_arrow.gif);
	margin-left: 25px;
	margin-top: 5px;
}

.bottonRightButton {
	float: right;
	width: 100px;
	height: 25px;
	margin:0px;

}

.leftContainerSalesRent {
	width: 710px;
	margin: 20px 0px 0px 20px;
	float: left;
	

	
}

.rightContainerSalesRent {
	border: solid 1px #CCCCCC;
	background-color:#F7F7FE;
	width: 200px;
	overflow:hidden;

}

.leftContainerSalesRent1 {
	width: 690px;
	margin: 0px 0px 10px 0px;
	float: left;
	border: solid 1px #CCCCCC;
	padding:10px;

}

.search {
	float: right;
	width: 85px;
	height: 25px;
	text-align: right;

}

.tabsContainer {
	width: 710px;
	height: 30px;
	
}


.tabActive{
	padding-top: 5px;
	width:180px;
	height:30px;
	background-image:url(/objs/tab_active.gif);
	background-repeat: no-repeat;
	margin-right:5px;
	float: left;
	
		
}
.tabNonActive{
	padding-top: 5px;
	width:180px;
	height:30px;
	background-image:url(/objs/tab_nonactive.gif);
	background-repeat:no-repeat;
	float: left;
	
	
}

.tabNonActive a:link, a:visited {
	text-decoration:none;
}


.leftContainer {
	width: 710px;
	margin: 10px 0px 0px 20px;
	float: left;
	overflow: hidden;
	
}

.leftContainerHeading {
	width: 450px;
	float: left;
	overflow: hidden;
	
}

.leftContainerHeadingPrice {
	float: right;
	
}

.leftContainerPag {
	width: 350x;
	float: right;
	margin-top: 10px;	
}

.indexLeftSlide
{
	overflow:hidden;
}


.leftContainerBorder {
	width: 710px;
	margin: 0px 0px 10px 20px;
	float: left;
	border: solid 1px #CCCCCC;
	padding-bottom:10px;
	overflow:hidden;

}

.leftContainerTeam {
	width: 710px;
	margin: 0px 0px 10px 20px;
	float: left;
	border: solid 1px #CCCCCC;
	background-color:#F7F7FE;
	padding-bottom:10px;
	overflow:hidden;
	background-image:url(/objs/teamsHPM.gif);
	background-position: bottom right;
	background-repeat:no-repeat;

}

.leftContainerBorderPhoto {
	float: left;
	width: 195px;
	height: 150px;
	margin: 10px 0px 10px 10px;
	
}

.leftContainerBorderTeam{
	float: left;
	width: 143px;
	margin: 10px 0px 10px 10px;
	border: solid 1px #CCCCCC;
}

.leftContainerBorderText{
	float: left;
	width: 310px;
	margin: 8px 0px 0px 10px;

}

.leftContainerBorderText1{
	float: left;
	width: 500px;
	margin: 8px 0px 0px 10px;

}

.leftContainerBorderText h4{
	font-family: "Trebuchet MS", HelveticaNeue, Arial, Verdana;
	font-size: 15px;
	font-weight:bold;
	color: #7A061A;
	margin-top: 0px;
	margin-bottom: 5px;
	border-bottom:solid 1px #CCCCCC;
	padding-bottom: 5px;


}


.featuresLeft {
	margin-top: 10px;
	float: left;
	width: 150px;

}

.featuresRight {
	margin-top: 10px;
	float: right;
	width: 150px;

}

.featuresRightDetail {
	margin: 10px 10px 10px 10px;
	float: right;
	width: 220px;

}

.featuresLeftDetail {
	margin: 10px 10px 10px 10px;
	margin-top: 10px;
	float: left;
	width: 200px;

}




.leftContainerBorderPrices{
	float: right;
	width: 165px;
	height: 160px;
	margin: 5px;
	background-image:url(/objs/postit_views.jpg);
	background-repeat:no-repeat;
}


.price{
	float: left;
	margin: 25px 0px 20px 20px;
	width: 110px;
	height: 50px;
	padding:5px;
	background-color: #3F1219;
	color: #FFFFFF;
	font-size:13px;
	font-style:bold;

}


.moreInfoButton {
	float: right;
	width: 100px;
	height: 25px;
	margin: 0px 25px 0px 0px;

}


.newsContainer {
	width: 690px;
	margin: 0px 0px 20px 20px;
	float: left;
	overflow: hidden;
	border: solid 1px #CCCCCC;
	padding: 10px;
	
}

.newsTitle {
	width: 500px;
	margin: 10px 25px 0px 20px;
}

.newsTitle1 {
	width: 300px;
	margin: 0px 25px 0px 20px;
	overflow:hidden;
}


.newsOld {
	width: 200px;
	border:solid 1px #ccc;
	margin-top: 10px;

}

.newsOldHeading {
	width: 185px;
	background-color:#F7F7FE;
	padding: 5px 5px 0px 10px;	
	border-bottom: solid 1px #CCCCCC;	

}

.newsOldText {
	width: 180px;
	padding: 10px;		

}

.newsPhoto {
	float: left;
	width: 260px;
	height: 200px;
	margin: 0px 10px 0px 0px;
}

.newsPhotoSmall {
	float: left;
	width: 160px;
	height: 120px;
	margin: 0px 10px 0px 0px;
}

.speechDrop
{
	clear:both;
	padding:10px 10px 10px 0px;
	display:none;
	cursor:auto;
}

.do {
	width: 500px;
	margin-left: 20px;
}

.dont {
	width: 500px;
	margin-left: 20px;
}

.do li{
	list-style-image:url(/objs/accept.png);
	
}

.dont li{
	list-style-image:url(/objs/delete.png);
	
}

.speechMiddle{
	width: 690px;
	overflow:hidden;
	cursor:pointer;
	margin-left: 20px;
	border: solid 1px #CCCCCC;
	padding: 10px;
	background-color:#F7F7FE;
	margin-bottom: 10px;

}


.speechText{
	float: left;
	width: 500px;

}

.speechArrow{
	float: right;
	width: 15px;
	height: 15px;
	padding-top: 4px;

}


.tenantsFaq {
	width: 180px;
	background-color:#F7F7FE;
	height: 30px; 
	margin-bottom: 10px;
	padding:10px;
	border: solid 1px #CCCCCC;

}


.ourServices {
	width: 685px;
	border: solid 1px #CCCCCC;
	padding: 10px 10px 0px 10px;
	margin-bottom: 10px;
	background-color:#F7F7FE;

}

.sellingOuter {
	width: 688px;
	border: solid 1px #CCCCCC;
	padding: 10px 10px 0px 10px;
	margin-bottom: 10px;

}

.sellingInner {
	width: 665px;
	border: solid 1px #CCCCCC;
	padding: 10px 10px 0px 10px;
	margin-bottom: 10px;
	background-color:#F7F7FE;

}



.photoMain {
	float: left;
	width: 400px;
	height: 270px;
	margin: 10px;

}

.smallPhotosContainer{
	float: right;
	width:275px;
	border: solid 1px #CCCCCC;
	margin: 10px 10px 10px 0px;
	padding-bottom: 5px;

}

.smallPhotosContainerText {
	margin: 10px;
	width: 255px;
}

.smallPhotosContainer h3
{
	padding-bottom:3px;
	margin-left:-1px;
}

.certsLeft {
	margin: 10px 0px 10px 0px;
	width: 255px;
	float: left;
	border: solid 1px #CCCCCC;

}

.certsRight {
	margin: 10px 0px 10px 0px;
	width: 115px;
	float: right;
	border: solid 1px #CCCCCC;

}

.requestDetails {
	border: solid 1px #CCCCCC;
	width:180px;
	padding: 10px;
	background-color:#F7F7FE;
}

.requestDetailsPhoto {
	border: solid 1px #CCCCCC;
	width:180px;
}

.requestDetailsButton {
	width:180px;
	margin: 10px 0px 10px 0px;
	
}

.smallPhotoLeft {
	width: 128px;
	height: 80px;
	float: left;
	margin: 5px 0px 0px 5px;
}

.smallPhotoRight{
	width: 128px;
	height: 80px;
	float: right;
	margin: 5px 5px 0px 0px;
}

.logoBlock{
	border: solid 1px #CCCCCC;	
	margin-left: auto;
	margin-right: auto;
	padding-left:13px;
	overflow:hidden;
	

}





#footer {
	width: 960px;
	height: 25px;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	background-color:#7A061A;
	background-image: url(/objs/red_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;

}

#footerColLeft {
	float: left;
	width: 480px;
	text-align:left;
	margin-left: 15px;


}

#footerColRight {
	float: right;
	width: 400px;
	text-align:right;
	margin-right: 15px;

}


#footerColLeft p, #footerColRight p {
	font-size:12px;
	color: #fff;

}

#footerColRight a:link {
	color:#fff;
}




#footerColRight a:visited {
	color:#fff;
}

#footerColRight a:hover {
	color:#ccc;
}




html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

#backButton
{
	margin-top:10px;
	margin-left:20px;
}

.logoBlock
{
	margin-left:12px;
	margin-bottom:10px;	
}

.logoBlock img
{
	height:46px;
	
}


#contactDetails
{
	width:400px;
	float:left;
	margin:10px;
}

#contactDetails h2, #contactForm h2
{
	color:#7A061A;
	padding:0px 0px 5px 0px;
	font-family:"Trebuchet MS",HelveticaNeue,Arial,Verdana;
	font-size:24px;
}

#contactDetails #details
{
	border:#ccc 1px solid;
	padding:10px;
}

#contactDetails #contactmap
{
	margin-top:10px;
}

#contactForm
{
	width:530px;
	float:right;
	margin:10px 10px 10px 0px;
}

#form
{
	border:#ccc 1px solid;
	padding:10px;
}

#form #formName
{
	height:30px;
	overflow:hidden;
}

.dijit 
{
	margin-bottom:10px!important;
}

#teamHpm {
	border: solid 1px #CCCCCC;
	margin-top: 10px;
	background-color:#F7F7FE;
	padding: 10px 0px 10px 10px;
	background-image:url(/objs/teamsHPM.gif);
	background-position: bottom right;
	background-repeat:no-repeat;
	
}
.buttonForSaleRent {
	float: right;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 7px;
}


.buttonMortgage{
	float:right;
	margin:10px 10px 8px 10px;
}

.mortgageText{
	float:left;
	width: 420px;
	margin:23px 0px 0px 20px; 
}



.mortgageBlock{
	border: solid 1px #CCCCCC;	
	width:675px;
	overflow:hidden;
	background-color:#f2f2f2;
	float:right;
	margin-bottom:5px;
	

}

.headerImage
{
    border:#fff 1px solid;
    float:right;
    width:134px;
    height:94px;
    margin-left:10px;
}