/** PAGE TITLES **/
.static-titles {
	padding: 40px 0px;
	font-size: 1.3em;
}

.static-titles h1 {
	text-transform: uppercase;
	font-weight: 400;
}

.static-titles h1 span {
	text-transform: none;
	font-weight: 300;
}

.static-titles .static-sub-title {
	padding: 0px;
	margin: 0px;
}

.static-titles {
	background: #FFFFFF;
}

.static-titles h1 {
	color: var(--primaryColour);
}

.static-titles h1 span {
	color: #666666;
}

.static-sub-title {
	font-size: 1.4em;
	color: var(--secondaryColour);
	font-weight: 300;
}


/** MAIN CONTENT **/
.static-content {
	padding: 80px 0px;
	font-size: 1.2em;
	line-height: 1.5em;
}

.static-content h2 {
	text-transform: uppercase;
	font-weight: 400;
}

.static-content h2 span {
	text-transform: none;
	font-weight: 300;
}

.static-content h3 {
	text-transform: uppercase;
	font-weight: 400;
}

.static-content h3 span {
	text-transform: none;
	font-weight: 300;
}

.static-content .static-list {
	font-size: 1.1em;
}

.static-content blockquote {
	margin: 20px 0px;
	padding: 20px;
	text-align: center;
	font-style: italic;
	font-size: 1.5em;
}

hr.dotted {
	margin: 20px 0px;
	padding: 0px;
}

.static-content .static-col {
	width: 48%;
}

.static-content .static-left {
	float: left;
}

.static-content .static-right {
	float: right;
}

.static-content.static-grey {
	background: var(--lightGrey);
}

.static-content h2 {
	color: var(--primaryColour);
}

.static-content h2 span {
	color: #999999;
}

.static-content h3 {
	color: var(--secondaryColour);
}

.static-content h3 span {
	color: #999999;
}

.static-content blockquote {
	border: 10px solid #EEEEEE;
	color: #666666;
}

hr.dotted {
	border: none;
	border-bottom: 1px dotted #CCCCCC;
}

.sales-image {
	max-width: 960px;
	max-height: 403px;
	width: 90%;
}


/** STATIC LISTS **/
.static-content .static-list {
	list-style: none;
	margin: 20px 0px;
	padding: 0px;
}

.static-content .static-list li {
	display: block;
	padding: 10px;
	margin: 0px 0px 10px 0px;
}

.static-content .static-list li {
	border-left: 3px solid var(--primaryColour);
}

.static-content .static-list li:nth-child(odd) {
	background: #FFFFFF;
}

.static-content .static-list li span {
	color: #262626;
}



/** LINK LISTS **/
.link-list {
	list-style: none;
	margin: 20px 0px;
	padding: 0px;
}

.link-list li {
	display: block;
	margin: 0px 0px 5px 0px;
}

.link-list li a {
	padding: 10px;
	display: block;
	text-transform: uppercase;
}

.link-list li a:after {
	content: " \00bb";
}

.link-list li a {
	background: var(--secondaryColour);
	color: #FFFFFF;
}

.link-list li a:hover {
	background: var(--primaryColour);
	color: #FFFFFF;
}



/** STATIC FORMS **/
.static-form-wrapper {
	padding: 10px;
}

.static-form-wrapper h1 {
	text-transform: uppercase;
	font-weight: 400;
}

.static-form-wrapper h1 span {
	text-transform: none;
	font-weight: 300;
}

.static-form-wrapper .text {
	font-size: 1.5em;
	margin: 0px 0px 20px 0px;
}

.static-form-wrapper .form .form-row .form-label {
	display: none;
}

.static-form-wrapper .form .form-half {
	width: 48%;
	clear: none;
}

.static-form-wrapper .form .form-half-left {
	float: left;
	clear: left;
}

.static-form-wrapper .form .form-half-right {
	float: right;
	clear: right;
}

.static-form-wrapper .form .form-full {
	display: block;
	clear: both;
	width: 100%;
}

.static-form-wrapper .form .form-textbox input,
.static-form-wrapper .form .form-textbox textarea {
	padding: 15px;
	width: 100%;
}

.static-form-wrapper .form .styledd,
.static-form-wrapper .form .htmldd {
	padding: 10px 15px;
	width: 100%;
}

.static-form-wrapper .form .form-textbox textarea {
	min-height: 150px;
}

.static-form-wrapper .form .form-button-row {
	text-align: right;
	text-transform: uppercase;
}

.static-content.static-grey .static-form-wrapper {
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
}

.static-form-wrapper h1 {
	color: #2a2a2a;
}

.static-form-wrapper h1 span {
	color: #777777;
}

.static-form-wrapper .text {
	color: #777777;
}

.static-form-wrapper .form select,
.static-form-wrapper .form .htmldd,
.static-form-wrapper .form .styledd,
.static-form-wrapper .form .form-textbox input,
.static-form-wrapper .form .form-textbox textarea {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.form .form-row-error .form-textbox input,
.form .form-row-error .form-textbox textarea,
.form .form-row-error .htmldd,
.form .form-row-error .styledd {
	border: 2px solid var(--secondaryColour);
}



/** IMAGE BOX **/
.image-box {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	text-align: left;
}

.image-box .padding {
	margin: 10px 10px 30px 10px;
	position: relative;
}

.image-box .image img {
	width: 100%;
	max-width: 600px;
	max-height: 440px;
}

.image-box .title {
	text-transform: uppercase;
	padding: 15px 15px 0px 15px;
	font-size: 1.3em;
}

.image-box .sub-title {
	padding: 5px 15px 0px 15px;
	font-size: 1.1em;
}

.image-box .text {
	padding: 15px;
	font-size: 1em;
}

.image-box ul {
	list-style: none;
	margin: 10px 0px;
	padding: 10px 0px;
}

.image-box ul li {
	display: block;
	margin: 5px 0px;
	padding: 0px 0px 0px 6px;
	border-left: 3px solid var(--secondaryColour);
}

.image-box .title {
	color: var(--primaryColour);
}

.image-box .sub-title {
	color: #666666;
}

.image-box .padding {
	background: var(--lightGrey);
	-webkit-box-shadow: 0px 5px 10px 0px rgba(150, 150, 150, 0.3);
	-moz-box-shadow: 0px 5px 10px 0px rgba(150, 150, 150, 0.3);
	box-shadow: 0px 5px 10px 0px rgba(150, 150, 150, 0.3);
}

.static-grey .image-box .padding {
	background: #FFFFFF;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(150, 150, 150, 0.1);
	-moz-box-shadow: 0px 5px 10px 0px rgba(150, 150, 150, 0.1);
	box-shadow: 0px 5px 10px 0px rgba(150, 150, 150, 0.1);
}


/** OFFICE BOX **/
.office-box {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	text-align: left;
}

.office-box .padding {
	margin: 12px 20px 30px;
	position: relative;
}

.office-box .image img {
	width: 100%;
	max-width: 600px;
	max-height: 440px;
}

.office-box ul {
	list-style: none;
	margin: 10px 0px;
	padding: 10px 0px;
}

.office-box .padding {
	background: var(--lightGrey);
	-webkit-box-shadow: 0px 5px 10px 0px rgba(150, 150, 150, 0.3);
	-moz-box-shadow: 0px 5px 10px 0px rgba(150, 150, 150, 0.3);
	box-shadow: 0px 5px 10px 0px rgba(150, 150, 150, 0.3);
}



/** IMAGE BOX - FULL WIDTH **/
.image-box.image-box-full {
	display: block;
	width: 100%;
	text-align: left;
}

.image-box.image-box-full .image {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 300px;
}

.image-box.image-box-full .text-wrapper {
	margin: 0px 0px 0px 300px;
}



/** STEP BOX **/
.step-box {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	text-align: center;
}

.step-box .padding {
	margin: 10px 10px 30px 10px;
	position: relative;
}

.step-box .image {
	text-align: center;
}

.step-box .image .step {
	text-transform: uppercase;
	padding: 50px 0px;
	line-height: 2em;
	font-size: 1.5em;
}

.step-box .image .step span {
	display: block;
	font-size: 3em;
}

.step-box .title {
	text-transform: uppercase;
	padding: 10px;
	font-size: 1.2em;
}

.step-box .text {
	padding: 20px;
}

.step-box .title {
	background: #2A2A2A;
	color: #FFFFFF;
}

.step-box .padding {
	background: var(--lightGrey);
	-webkit-box-shadow: 0px 5px 10px 0px rgba(150, 150, 150, 0.3);
	-moz-box-shadow: 0px 5px 10px 0px rgba(150, 150, 150, 0.3);
	box-shadow: 0px 5px 10px 0px rgba(150, 150, 150, 0.3);
}

.static-grey .step-box .padding {
	background: #FFFFFF;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(150, 150, 150, 0.1);
	-moz-box-shadow: 0px 5px 10px 0px rgba(150, 150, 150, 0.1);
	box-shadow: 0px 5px 10px 0px rgba(150, 150, 150, 0.1);
}

.step-box .image {
	background: #FFFFFF url(static/step-bg.jpg) no-repeat 50% 50%;
	background-size: cover;
	color: #FFFFFF;
	text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
}



/** LANDLORD SERVICES **/
.lt-ie9 .landlord-services .static-col {
	height: auto !important;
}

.lt-ie9 .landlord-services .static-col.fill-space {
	max-height: 250px;
	height: 300px;
}



/** PROFESSIONAL AGENTS **/
.ypa-affiliates img {
	width: 100%;
	max-width: 660px;
	max-height: 440px;
}




/** CONTACT PAGE **/
.vcards .vcard .vcard-details {
	font-size: 1.2em;
}

.vcards-max660 .vcard .vcard-map {
	float: none;
	width: 100%;
}

.vcards-max660 .vcard .vcard-details {
	margin: 0px 0px 0px 0px;
}



/** RESPONSIVE **/
@media screen and (max-width:900px) {

	.image-box,
	.step-box {
		width: 32%;
	}
}

@media screen and (max-width:800px) {

	.image-box,
	.step-box {
		width: 49%;
	}
}

@media screen and (max-width:720px) {
	.static-titles {
		font-size: 1em;
	}
}

@media screen and (max-width:690px) {
	.image-box.image-box-full .image {
		position: static;
		width: 100%;
		height: 200px !important;
	}

	.image-box.image-box-full .text-wrapper {
		margin: 0px 0px 0px 0px;
	}

	.office-box {
		width: 100%;
	}
}

@media screen and (max-width:660px) {
	.static-titles {
		font-size: 1em;
	}

	.static-titles h1 {
		font-size: 1.6em;
	}

	.static-content {
		padding: 40px 0px;
	}

	.static-content .static-col {
		width: 100%;
	}

	.static-content .static-left,
	.static-content .static-right {
		float: none;
		clear: both;
		margin: 20px 0px;
	}

	.static-content .ypa-affiliates {
		height: auto !important;
		margin: 0px 0px 20px 0px;
	}

	.static-form-wrapper .form .form-half {
		width: 100%;
		clear: both;
	}

	.static-form-wrapper .form .form-half-left,
	.static-form-wrapper .form .form-half-right {
		float: none;
		clear: both;
	}

	.link-list {
		margin: 0px 0px;
	}
}

@media screen and (max-width:560px) {

	.image-box,
	.step-box {
		width: 100%;
	}

	.image-box .padding,
	.step-box .padding {
		height: auto !important;
	}
}