﻿*{padding:0;margin:0;}

a:hover{
	text-decoration:none;
}

input, textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
}

body {
	font-family: verdana, arial, helvetica, Serif;
	font-size: 11pt;
	line-height:1.8;
	background-color: #FFFFFF;
}

.body-bg{
	background: url(/images/body-bg.jpg) no-repeat center center fixed;
	background-size: auto;
	background-size: cover;
}

.container{
	height: 100%;
	width: 100%;
	padding-top:15px;
	padding-bottom:15px;
	max-width: 1400px;
	background-color: #FFF;
	margin: auto;
	border-radius: 5px;	 
} 

#mainContent{
	width: 75.5%;
	float: right;
}

@media only screen and (max-width: 1018px) /* iPad */ {
	#mainContent{
		width: 100%;
	}
}

/*START Form Styles*/
form label{
    margin-bottom: 6px;
    float: left;
    font-size: 14px;
}

input[type="text"],
input[type="email"],
textarea,
input.text-input,
textarea.text-input {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    margin-bottom: 10px;
    font-size: 1rem;
    float: left;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    border: 1px solid #e6ecf2;
    background-color: #f6f6f6;
}

input[type=submit]{
	width:100%;
	border: solid 1px;
	border-radius:5px;
	font-family: Arial;
	font-size: 13px;
	margin-bottom: 3px;
	display: block;
	padding: 8px 11px;
	margin-top: 18px;
	font-weight: bold;
	text-align:center;
	text-transform:uppercase;
	border-color: #013361;
	color: #FFF;
	background: #013361;
	cursor:pointer;
}

.frameworkFormRequiredFieldMarker{
    color: red;
}

.frameworkFormRequiredField{
    clear: both;
    display: block;
    margin-left: 0px;
    padding-top: 8px;
    width: 100%;
    color: red;
    font-size: 8pt;
    padding-left: 10px;
}

#sendtofriend_body input[type="text"], #sendtofriend_body textarea, #sendtofriend_body input.text-input{
	margin-top: 6px;
}

#sendtofriend_body textarea.text-input{
	margin-top: 6px;
	margin-bottom: 15px;
}

#register_form #steps legend {
    border-bottom: 2px solid #EFEFEF;
    font-size: 21px;
    color: #636363;
    margin-top: 9px;
    padding-bottom: 6px;
    margin-bottom: 9px;
    width: 100%;
}

	#register_form fieldset {
		border: none !important;
	}

	#register_form input[type="text"]{
		margin-bottom:5px;
	}

	#register_form .hidden{
		display:none;
	}

	#register_form label {
		width: 100% !important;
		margin-bottom: 8px;
		display: block;
	}

	#register_form select{
		width: 100% !important;
		padding: 10px 10px;
		border-radius: .25rem;
		margin: 2px 0px 6px 0px !important;
		font-size: 14px;
		border: 1px solid #e6ecf2;
		background-color: #f6f6f6;
	}

	#register_form #town{
		padding: 10px 13px;
	}

		#register_form #steps p {
			width: 100%;
			margin: 2px 0px;
			float: left;
			clear: both;
		}

	/*#register_form input:not([type="radio"]) {
		width: 100%;
		height: 27px;
		padding: 3px 2%;
		float: left;
		color: #666;
		border: none;
		background-color: #f6f6f6;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}*/

	#register_form #typeChecks {
		width: 100% !important;
	}

	#register_form #typeChecks span {
		width: 47%;
		margin: 0px 12px 5px 0px;
		line-height: 28px;
		float: left;
	}

		#register_form #typeChecks span input {
			margin-top:9px;
			margin-right: 6px;
		}

	#register_form #ctrlspan {
		margin-left: 0px !important;
		font-size: 12pt !important;
		color:red;
		width: auto !important;
		font-weight: normal !important;
	}

	#register_form input[type="submit"]{
		padding: 12px;
		font-size: 13px;
	}

/*END Form Styles*/

.bg-dark-blue{
	background-color: #013361 !important;
}

.alert.bg-yellow{
   font-weight:bold;
}

.bg-yellow{
   background-color: #FBE166;
}

img{
	max-width:100%;
}

.text-bold{
	font-weight:bold !important;
}

.font-10{
	font-size:10px;
}

.font-11{
	font-size:11px;
}

.font-12{
	font-size:12px;
}

.font-13{
	font-size:13px;
}

.font-14{
	font-size:14px !important;
}

.font-15{
	font-size:15px !important;
}

.line-height-12{
	line-height:12px;
}

.w-47{
	width:47%;
}

.width-45{
	width:45px;
}

.border-radius-5{
	border-radius:5px;
}

.border-radius-25{
	border-radius:25px;
}

.margin-20{
	margin:20px !important;
}

.margin-top-0{
	margin-top:0px !important;
}

.margin-top-5{
	margin-top:5px !important;
}

.margin-top-10{
	margin-top:10px !important;
}

.margin-top-15{
	margin-top:15px !important;
}

.margin-top-20{
	margin-top:20px;
}

.margin-top-25{
	margin-top:25px;
}

.margin-top-30{
	margin-top:30px;
}

.margin-top-35{
	margin-top:35px;
}

.margin-top-40{
	margin-top:40px;
}

.margin-top-60{
	margin-top:60px;
}

.margin-bottom-0{
	margin-bottom:0px;
}

.margin-bottom-10{
	margin-bottom:10px;
}

.margin-bottom-12{
	margin-bottom:12px;
}

.margin-bottom-15{
	margin-bottom:15px;
}

.margin-bottom-20{
	margin-bottom:20px;
}

.margin-bottom-25{
	margin-bottom:25px;
}

.margin-bottom-30{
	margin-bottom:30px;
}

.padding-8{
	padding:8px;
}

.padding-15{
	padding:15px;
}

.padding-20{
	padding:20px;
}

.padding-top-15{
	padding-top:15px;
}

.padding-top-10{
	padding-top:10px;
}

.padding-right-15{
	padding-right:15px;
}

.padding-right-20{
	padding-right:20px;
}

.padding-bottom-5{
	padding-bottom:5px;
}

.padding-bottom-15{
	padding-bottom:15px;
}

.padding-bottom-30{
	padding-bottom:30px;
}

.padding-left-15{
	padding-left:15px;
}

.padding-left-20{
	padding-left:20px;
}

.pr-15{
	padding-right:15px;
}

.pl-15{
	padding-left:15px;
}

.color-red {
    color: red;
}

.btn-mnm{
	border: solid 1px;
	border-radius:5px;
	font-family: Arial;
	font-size: 13px;
	margin-bottom: 3px;
	display: inline-block;
	padding: 8px 11px;
	font-weight: bold;
	text-align:center;
}

.btn-yellow{
	border-color: #FBE166;
	color: #1A016B;
	background: #FBE166;
}

	.btn-yellow:hover{
		background-color: #FEF3C2;
		color: #1C0975;
	}

.btn-light-blue{
	border-color: #70aeea;
	color: #FFF;
	background-color: #70aeea;
}

.btn-blue{
	border-color: #013361;
	color: #FFF;
	background: #013361;
}

	.btn-blue:focus, .btn-blue:hover{
		color: #FFF;
	}

.light-blue-container{
	border: solid 1px #EFF3FF;
	background: #FBFCFF;
	border-radius: 5px;
}

/*START Sidebar*/

.mm-navbar.mm-hasbtns{
	border:none;
}

.mm-menu{
	background:#FFF !important;
}

.mm-listview, .mm-listview > li{
	padding:2px 4px !important;
}

.mm-listview > li > a{
	border: solid 1px #EFF3FF;
	font-family: Arial;
	font-size: 12px;
	margin-bottom: 3px;
	color: #1A016B !important;
	background: #FBFCFF;
	display: block;
	padding: 8px 11px;
	font-weight: bold;
	border-radius:5px;
}

	.mm-listview > li > a:hover{
		background-color: #EFF3FF;
		color: #1C0975;
	}

.mm-menu .mm-listview > li::after{
	border:none !important;
}

/*END Sidebar*/

/*START Header*/

.header-mobile{
	display:none;
}

	.header-mobile .mob_logo{
		width: 140px;
		margin: 1px 0px 12px 6px;
		float: left;
	}

	.header-mobile .mob_toggle{
		padding: 0px 10px;
		font-size: 40px;
		float: right;
		clear: right;
	}

	.header-mobile .flags{
		margin: 12px 0px 15px 0px;
		text-align: center;
		float:right;
	}

		.header-mobile .flags img{
			width: 25px;
			height: 18px;
		}

@media only screen and (max-width: 1018px) /* iPad */ {
	.header-mobile{
		display:block;
	}

	.header-featured-properties{
		display:none;
	}
}

/*END Header*/

/*START Sidebar*/

.navigationBar{
	width: 23%;
	padding-right:10px;
	padding-bottom:13px;
	float: left;
	border-top: 1px solid #E4E7EE;
	border-right: 1px solid #E4E7EE;
	border-bottom: 1px solid #E4E7EE;
}

	.navigationBar a{
		text-decoration:none;
	}

	.navigationBar .flags{
		margin: 12px 0px 15px 0px;
		text-align: center;
	}

		.navigationBar .flags img{
			width: 25px;
			height: 18px;
		}

	.navigationBar ul li{
		list-style: none;
	}

		.navigationBar ul li a{
			border: solid 1px #013361;
			font-family: Arial;
			font-size: 13px;
			margin-bottom: 3px;
			color: #FFF;
			background: #013361;
			display: block;
			padding: 8px 11px;
			font-weight: bold;
			border-radius:5px;
			text-align:center
		}

		.quickLinks a{
			border: solid 1px #FBE166;
			font-family: Arial;
			font-size: 12px;
			margin-bottom: 3px;
			color: #1A016B;
			background: #FBE166;
			display: block;
			padding: 8px 11px;
			font-weight: bold;
			text-align:center;
		}

			.quickLinks a:hover{
				background-color: #FEF3C2;
				color: #1C0975;
			}

	.search-filters{
		margin: 8px 0px 3px 0px;
		padding: 15px;
		color: #1A016B;
		background-color: #FBFCFF;
		border: solid 1px #013361;
		border-radius: 5px;
	}

		.search-filters label{
			font-family: Arial;
			font-size: 13px;
			color: #1A016B;
			display: block;
			font-weight: bold;
			margin: 1px 0px 1px 0px;
		}

		.search-filters .reference,
		.search-filters select,
		.search-filters input[type="text"]{
			width: 100%;
			padding: 7px 10px;
			border-radius: 5px;
			border: 1px solid #CCC;
			margin: 2px 0px 6px 0px;
			font-size: 12px;
			background-color: #FFF;
		}

@media only screen and (max-width: 1018px) /* iPad */ {
	.search-filters {
		margin: 0px 0px 15px 0px;
	}

	.navigationBar{
		display:none;
	}
}

/*END Sidebar*/

/*START Article*/

.article-results .crop-image{
	position: relative;
	height: 265px;
	overflow: hidden;
}

	.article-results .crop-image .thumbnail{
		min-height: 100%;
		position: absolute;
		margin: auto;
		top: -50%;
		bottom: -50%;
		right: -50%;
		left: -50%;
	}

.article-results .description .link{
	display:block;
	margin-top:20px;
}

.article-container h2{
	font-size: 15px;
	margin-bottom: 17px;
	line-height: 21px;
}

.article-container h3{
	font-size: 14px;
	font-weight:bold;
	line-height: 22px;
    position: relative;
    padding: .52rem 1.25rem;
    margin-bottom: 18px;
    border: 1px solid transparent;
    border-radius: .25rem;
	background-color: #FBE166 !important;
}

.article-container p,
.article-container span{
	font-size: 11pt !important;
	line-height: 1.8 !important;
}

/*END Article*/

/*START Homepage*/

.main-image{
	position:relative;
}

	.main-image img{
		border-radius:5px 5px 0 0;
	}

	.main-image .register-banner{
		background: rgba(251, 225, 102, 1);
		width: 100%;
		color: #000;
		padding: 18px 5%;
		font-family: arial;
		border-radius:0px 0px 5px 5px;
	}

		.main-image .register-banner .title{
			font-size: 26px;
			margin-bottom: 20px;
		}

.villas-under-300000{
	width:250px;
    height: 250px;
	position:relative;
	margin:8px 0px 30px 14px;
	float:right;
}

	.villas-under-300000 img{
		border-radius:5px;
		-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.75);
	}

	.villas-under-300000 .banner{
		position: absolute;
		top: 33%;
		z-index: 9;
		background: rgba(248, 248, 248, 0.7);
		width: 100%;
		color: #013361;
		padding: 18px 5%;
		font-family: arial;
		font-size: 19px;
		text-align: center;
		font-weight: bold;
	}

/*END Homepage*/

/*START Search Results*/

.list-result{
	border: solid 1px #A7A7A7;
	margin-bottom: 20px;
	padding: 5px;
	border-radius:5px;
}

	.list-result h1, .list-result h2{
		margin-top: 0;
		margin-bottom: 1rem;
		font-weight: 400;
		line-height: 1.8;
		font-size: 11pt;
	}

	.list-result .thumbnail{
		width:100%;
		border-radius:3px;
	}

	.list-result .description{
		padding: 10px 20px;
	}

	@media (max-width: 768px) /* col-sm */ {
		.list-result .description{
			padding: 20px;
		}
	}

/*END Search Results*/

/*START Favourites*/

.add-to-favourites > a {
    color: white;
	display: inline-block;
}

	.add-to-favourites > a > span{
		font-size: 12px;
	}

	.add-to-favourites > a > span:first-child {	   
		padding: 6px 6px;
		background: red;
		border-radius: 3px 0 0 3px;
	}

	.add-to-favourites > a > span:nth-child(2) {
		padding: 6px 10px;
		background: #013361;
		border-radius: 0 3px 3px 0;
	}

/*END Favourites*/

/******************** Pagination ********************/

.pages {
  display: table;
  padding-left: 0;
  margin: 0px auto 50px auto;
  border-radius: 4px;
}
.pages span,
.pages a {
    position: relative;
    float: left;
    margin-left: -1px;
    line-height: 1.42857143;
    text-decoration: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: transparent;
    border: none;
    border-top: 5px solid #f3f3f3;
    color: #5a5a5a;
    padding: 10px 20px;
}
.pages > .selected,
.pages > .selected:hover,
.pages > .selected:hover,
.pages > .selected:focus {
  z-index: 2;
  cursor: default;
  background-color: transparent;
}
.pages > .disabled,
.pages > .disabled:hover,
.pages > .disabled:focus {
  display:none;
}
.pages span:hover,
.pages span:active,
.pages span:focus,
.pages a:hover,
.pages a:active,
.pages a:focus {
  background-color: transparent;
}

.pages span:hover,
.pages span:active,
.pages span:focus,
.pages a:hover,
.pages a:active,
.pages a:focus{
	color:#013361;
	border-color: #013361;
}

.pages > .selected,
.pages > .selected:hover,
.pages > .selected:hover,
.pages > .selected:focus{
	color:#013361;
    border-color: #013361;
}

/******************** END Pagination ********************/

/*START Property Details*/
@media (min-width:768px){
	.propety-details .property-specifics{
		padding-left:0px;
	}
}

@media (max-width:768px){
	.propety-details .property-specifics{
		margin-top:25px;
	}
}

	.propety-details .property-specifics .detailsDiv .detailsName,
	.propety-details .detailsDiv .detailsValue{	
		width: 49%;
		height: 36px;
		padding: 6px 9px;
		margin: 1px 0px;
		border: 1px solid;
		overflow: hidden;
		border-radius: 5px;
	}

	.propety-details .property-specifics .detailsDiv .detailsName{
		float: left;
		border-color:#EFF3FF;
		background-color: #FBE166;
	}
	
	.propety-details .property-specifics .detailsDiv .detailsValue{
		float: right;
		border-color: #EFF3FF; 	
	}

.propety-details .property-photos{
	margin-right: -8px;
	margin-left: -8px;
}

	.propety-details .property-photos .main-photo-container{
		display:none;
	}


.propety-details .linked-article-content h1, .propety-details .linked-article-content h2 {
    line-height: 1.8;
    font-size: 11pt;
}
/*END Property Details*/

/*START Contact Page*/

.contact-page-details td{
	width: auto;
	text-align: left;
	padding-right: 20px;	  
}

/*END Contact Page*/

/*START Footer*/

#footer .estateagent{
	font-family:Arial;
}

#footer .agent-logo{
	/*width: 200px;*/
	margin-bottom: 10px;
} 

.footer-banner{
	position:relative;
}

	.footer-banner .register-banner{
		background: rgba(251, 225, 102, 1);
		width: 100%;
		max-width: 1400px;
		margin:auto;
		color: #000;
		padding: 18px 5%;
		font-family: arial;
		border-radius:5px;
		border: solid 2px #013361;
	}

		.footer-banner .register-banner .title{
			font-size: 26px;
			margin-bottom: 20px;
		}

#footer .social-media-links img{
	width:45px;
}

/*END Footer*/

