/********************************************************
	Global MOBILE CSS
	Created by Strawberrysoup (www.strawberrysoup.co.uk)
********************************************************/
/****************
	Mixins
****************/

@import "mixins";

* {
	background-repeat:none;
}

html {
	margin: 0;
	padding:0;
}

body {
   font-family: @textfont;
   font-weight: 300;
   line-height: 1.2em;
   letter-spacing: 0px;	
   width:300px;
   margin:0 auto;   
}


a,
a:visited {
	color: #4d4d4d;
}

p {
	line-height: 1.2em;
}


#wrapper {
	width: 280px;
	background-color: white;
	padding: 10px;
	height: auto;
	float: left;

}

.home #wrapper {
	width:260px;
	padding: 20px;
	margin: 10px 0;
}

.container {
	width:100%;
	height:auto;
	float:left;
}


header {
	width:100%;
	float:left;

	h1 {
		text-indent:-9999px;	
	}

	a#header-logo {
		float: left;
		height: 49px;
		width: 100px;
		background:url(images/logo-tiny.jpg) top center no-repeat;
	}

	a#header-back {
		background:url(images/button-back.jpg) no-repeat center;
		width: 64px;
		height: 38px;
		float: right;
		text-indent: -9999px;
		margin-left: 2px;
	}

	a#header-search {
		background:url(images/button-edit-search.jpg) no-repeat center;
		width: 112px;
		height: 38px;
		float: right;
		text-indent: -9999px;
		margin-left: 2px;		
	}
}

/********************************************************
results page 
********************************************************/

html {
	background:url(images/bg.png) repeat;
}

#wrapper {
	margin-top:20px;
	margin-bottom: 20px;
	.border-radius(5px, 5px, 5px, 5px);
}

/********************************************************
home page 
********************************************************/

html.home {
	background:url(images/bg.png) repeat;
}

.home body {
   width:300px;
   margin:0 auto;
}

.home #wrapper {
	width:260px;	
	.border-radius(5px, 5px, 5px, 5px);
}

.home header {
	width:100%;
	float:left;

	h1 {
		color: #9A9A9A;
		margin-left: 0;
		padding: 10px 0 16px;
		float: left;
		text-align: center;
		border-bottom: 1px solid #D2D2D2;
		width: 260px;
		text-indent:-9999px;
		background:url(images/strap.png) center no-repeat;
		margin: 0;			
	}

	a#header-logo {
		color: #9A9A9A;
		font-weight: bold;
		font-size: 1.25em;
		float: left;
		height: 102px;
		width: 255px;
		background:url(images/logo-main.png) top center no-repeat;
	}

	a#header-back {
		display:none;
	}

	a#header-search {
		display:none;
	}
}


/********************************************************
home page and generic styles
********************************************************/

#content {
	width:100%;
	height:auto;
	float:left;

	#home-page-banner {
		width:100%;
		height: auto;
		margin-top: 15px;
		float:left;

		#search-wrapper {
			float:left;
			height: auto;

			form#simple-search {
				position:relative;
				float:left;

				label {
					position:absolute;
					left:-9999px;

				}

				input[type="text"] {
					width: 260px;
					padding: 6px 10px;
					float: left;
					background: #EFEFEF;
					border: 2px solid #BBB;
					outline: none;
					font-size: 1.3em;
					box-shadow: 0px 0px 14px 0px #BCBCBC inset;
					color:#5f5f5f;
				}

				input[type="submit"] {
					font-weight:bold;
					font-size:1.1em;
					background-color:#792182; 
					padding: 7px 0;
					width:260px;
					color: #FFFFFF;
					outline:0;
					border:0;
					font-weight:bold;
					margin-top: 15px;
					font-size:1.25em;
					border:2px solid #7e348e;
					background: 
					   url(images/icon-search.png) 160px 1px no-repeat, 
					   url(images/button-bg-purple.jpg) left -1px repeat-x;			
					.border-radius(10px, 10px, 10px, 10px);
				}
			}
		}
	}


	#home-nav {
		width:260px;
		height:auto;
		float:left;
		margin: 15px 0;
		border-top:1px solid #dedede;
		border-bottom:1px solid #797979;			

		ul {

			li {


				a {
					width: 240px;
					padding:10px;
					color: #5F5F5F;
					height: auto;
					float: left;
					font-size: 1.3em;
					text-decoration: none;
					font-weight: 500;
					background:url(images/icon-arrow-green.png) no-repeat right center;	
					border-bottom:1px solid #dedede;
					border-top:1px solid #797979;			
				}

				a.special {
					padding-left:30px;
					width: 220px;
					background:
						url(images/icon-target.jpg) no-repeat 2px 7px, 
						url(images/icon-arrow-green.png) no-repeat right center;	
				}
			}
		}
	}

}



/********************************************************
advanced search page
********************************************************/
#search {

	h1 {
		float:left;
		width:280px;
		border-top: 1px solid #D2D2D2;
		padding: 15px 0;
		color:#5f5f5f;
		background: none;
	}

	.container {
		margin-bottom:15px;
	}

	form#adv-search {
		position: relative;
		float: left;
		width: 280px;
		border-bottom: 1px solid #D2D2D2;
		margin: 10px 0;	

		label, 
		span.label {
			float: left;
			width: 82px;
			height: auto;
			margin-bottom: 5px;
			font-size: 1.1em;
			padding: 9px 0 0;
			margin-right: 4px;
		}

		span.label {
			margin-right:5px;
			margin-left:6px;
		}

		input[type="text"] {
			width: 192px;
			padding: 6px 10px;
			float: left;
			background: #EFEFEF;
			border: 2px solid #BBB;
			outline: none;
			font-size: 1.3em;
			box-shadow: 0px 0px 14px 0px #BCBCBC inset;
			color:#5f5f5f;
		}

		select {
			outline:none;
			font-size:1.3em;
			margin-bottom:10px;
			.border-radius(10px, 10px, 10px, 10px);
			width:160px;
			float:left;
		}

		select.small {
			width: 58px;
			margin-right: 35px;
		}

		select.small:last-child {
			margin-right: 0;
		}

		.radius {
			width: 194px !important;
		}

		.price-min, 
		.price-max, 
		.bed-min, 
		.bed-max {
			width:90px!important;
		}

		.type {
			width: 194px !important;
		}

		input[type="submit"] {
			font-weight:bold;
			font-size:1.1em;
			background:#792182; 
			padding: 7px 0;
			width:280px;
			color: #FFFFFF;
			outline:0;
			border:0;
			font-weight:bold;
			font-size:1.25em;
			border:2px solid #7e348e;
			background: 
			   url(images/icon-search.png) 170px 1px no-repeat, 
			   url(images/button-bg-purple.jpg) left repeat-x;			
			.border-radius(10px, 10px, 10px, 10px);
		}
	}
}





/********************************************************
property list
********************************************************/

#property-list {

	#property-list-top {
		position:relative;

		&.search-no-results {
			h1 {
				font-size: 2em;
			}

			h2 {
				font-size: 1.5em;
				line-height: 1.2;
			}
		}

		h1 {
			float:left;
			font-size:1.5em;
			line-height:1.5em;
			width:100%;
			margin:0;
			font-weight:normal;
			text-indent: 0;
			border-top:1px solid #d2d2d2;
			padding:10px 0;
		}

		#properties-found {
			margin:0;
			position:relative;
			top: -5px;
		}
	}

	#properties {

		&.search-no-results {
			padding-top: 0;

			.search-or {
				text-align: center;
				color: #999999;
				font-weight: bold;
			}

			.section-box {
				width: 248px;
				height: 153px;
				position: relative;
				margin: 0;
				border:1px solid #d9d9d9;
				padding: 15px;
				.border-radius(10px, 10px, 10px, 10px);
				background:url(images/box-bg-grey-vlarge.jpg) repeat-x top;
				font-weight:bold !important;
				color: #666666;

				.section-title {
					margin-top: 0;
				}

				.text-purple {
					margin-bottom: 20px;
				}

				.search-button {
					float: right;
					width: auto;
					height: auto;
					padding: 4px 13px;
					margin: -4px 0 11px 0;
					text-align: center;
					background: #93bc2b url(images/button-bg-green.jpg) bottom left repeat-x;
					.border-radius(10px, 10px, 10px, 10px);
					color: #fff;
					text-decoration: none;
					font-weight: bold;

					&:hover {
						background: #719122 url(images) bottom left repeat-x;
					}
				}

				&#alter-search-terms {
					.search-button {					
						margin: -11px 0 11px 0;
					}
				}
			}

			.text-lightgrey {
				color: #999999;
				font-size: 1.1em;
				line-height: 1.4;
				font-weight: bold;
			}

			#home-page-banner {
				margin-top: 0;

				#simple-search {
					#search-submit {
						background: 
						   url(images/icon-search.png) 165px 1px no-repeat, 
						   url(images/button-bg-purple.jpg) left -1px repeat-x;	
					}
					#search-submit,
					#location {
						width: 280px;
					}
				}
			}
		}

		/*the css might see like overkill but is to maintain symantic markup*/
		.list-property {
			width:100%;
			float:left;
			position: relative;
			border-top:1px solid #cccccc;
			padding:15px 0;


			header {
				float: right;
				margin: 0;
				width: 175px;
				margin: 0;
				position: relative;
				top: -5px;
				padding-right: 0;

				hgroup {

					h2 {
						padding-top:5px;
					}

					h2, h3, h4 {
						font-size: 1.1em;
						line-height: 1.5em;
					}

					h3 {
						padding: 0 0 5px 0;
						margin: 0;				
						font-size: 1em;	
						line-height: 1.1em;	
					}

					h4 {
						font-size: 1em;
						font-weight:normal;
						line-height: 1.1em;
						padding-bottom: 5px;
						
						a {
							color:#5f5f5f;
							text-decoration: none;
						}
					}
				}
			}

			.list-property-image {
				float: left;

				border: 3px solid #D9D9D9;
				height: 88px;
				overflow: hidden;
				width: 88px;
				background: #FFFFFF url(images/no-image.jpg) no-repeat center;
				box-shadow: 0px 0px 14px 0px #BCBCBC inset;

				a {
					width: 90px;
					height: 90px;
					float: left;
					background-position: center;
					box-shadow: 0px 0px 14px 0px #333 inset;
					position: relative;

					.property-let {
						width:60px;
						height:60px;
						position: absolute;
						right: 0px;
						bottom: -1px;
						z-index: 100;
						background: url(images/let-agreed.png) no-repeat center;

					}
				}
			}

			.list-property-content {
				float: right;
				margin: 0;
				width: 175px;
				margin: 0;
				position: relative;
				top: -5px;
				padding-right: 0;

				p {
					font-size:0.9em;
					line-height: 1.4em;
				}

				ul.list-property-options {
					float: left;
					margin:0;
					padding:0;

					li {
						list-style:none;
						float:left;

						a {
							text-decoration:none;
							margin-right: 15px;
							padding-left: 25px;
							font-weight:bold;						
						}

						.phone {
							background:url(images/icon-sprite-mobile.jpg) no-repeat 0 -40px;
						}

						.email {
							background:url(images/icon-sprite-mobile.jpg) no-repeat 0 -1px;
						}							
					}
				}
			}
		}

		.latest {
			background-color: #F9F9F9;
		}
	}

	a#list-more {
		background:
			url(images/icon-plus.png) no-repeat 249px 6px, 
			#6d1d7d url(images/button-bg-purple.jpg) right bottom repeat-x;				
		padding:10px 0;
		float:right;
		width:280px;
		color: #FFFFFF;
		outline:0;
		border:0;
		font-weight:bold;
		font-size:1.2em;
		text-align:center;
		text-decoration:none;
		border:2px solid #980cb5;
		.border-radius(10px, 10px, 10px, 10px);
		margin-top:10px;
	}
}


/********************************************************
property
********************************************************/
#property {

	header {

		hgroup * {
			line-height: 1.5em;

		}

		h1 {
			text-indent: 0;
			font-size: 1.1em;
		}

		h2 {
			font-size: 1em;
			font-weight:normal;
			color:#5f5f5f;
		}

		h3 {
			margin-bottom: 10px;
			font-size: 1em;
		}
	}
	
	#gallery {

		#gallery-outer {
			width: 280px;
			overflow: hidden;
			height:200px;
			position: relative;


			#gallery-inner{
				width:9999px;
				float:left;
				position: absolute;

				a.gallery {
					float:left;
					width: 280px;
					height:200px;
					cursor: default;
					position: relative;

					.property-let {
						width: 60px;
						height: 60px;
						position: absolute;
						right: 3px;
						bottom: 1px;
						z-index: 100;
						background: url(images/let-agreed.png) no-repeat center;
					}						
					
					img {
						border: 2px solid #c3c3c3;
						height: 196px;
					}
				}
			}
		}

		#gallery-meta {
			position: relative;
			padding: 5px 30px;
			font-weight: 500;
			text-align: center;
			font-size: 1.2em;
			margin:10px 0;

			a.next, 
			a.previous {
				background:url(images/icon-sprite-arrow-purple.jpg) no-repeat 0 0;
				width:24px;
				height:24px;
				float:left;
				text-indent: -9999px;
				position: absolute;
				top: 0;
			}

			a.previous {
				left:0;
			}

			a.next {
				float:right;
				background:url(images/icon-sprite-arrow-purple.jpg) no-repeat 0 -31px;
				right:0;
			}
		}
	}

	.property-short-contact {
		margin-top:10px;

		.button:first-child {
			margin-right:10px;
		}

		.button {
			.button-green(10px,130px);
			float:left;
			margin-bottom: 10px;
		}

		.purple {
			.button-purple(10px,130px);
			margin-bottom: 10px;
			float:left;
		}
	}

	.disclaimer {
		position: relative !important;
	}

	#description {
		margin-bottom:20px;
		line-height: 1.4em;

		h2 {
			font-weight: 500;
			font-size: 1em;
			padding:10px 0;
		}		
	}

	#aside-move-req {
		margin: 0 0 10px 0;
		padding: 0;
		float: left;
		width: 280px;

		h3 {
			text-indent: -9999px;
			position: absolute;
		}

		ul {
			margin-bottom: 0;
			padding: 0;

			li {
				list-style: none;
				font-size: 1.2em;
				background: none;
				font-weight: 500;
				padding: 0;
				float: left;
				width: 300px;

				.movein-req-title {
					width: 110px;
					float:left;
					font-size: 12px;
				}

				.movein-req-status {
					width: 40px;
					height: 33px;
					float:left;
					background-image:url(images/icon-sprite-property-tick.png);
					background-repeat: no-repeat;
					background-position: 0 -5px;
					position: relative;
					top:-10px;
				}

				.cross {
					background-position: 0 -53px;
					top:-5px;
				}

				.movein-additional {
					float:left;
					font-size: 0.85em;
				}

				.movein-additional {
					float:left;

					&.contact-agent-text {
						font-size: .75em;
						margin-left: 5px;
						color: #999;
					}					
				}

				.contact-agent {
					width: 22px !important;
					height: 23px !important;
					right: auto !important;
					background: url(images/icon-question.png) no-repeat 0 0 !important;
					background-position: 0 0 !important;
				}				
			}
		}
	}	

	footer {

		.photo {
			border: 1px #BCBCBC solid;
			max-width: 99px;
		}

		.vcard .container {
			width: 175px;
			float: right;
			margin-top: 0;

			p {
				margin-top:0;

				a {
					text-decoration: none;
					font-weight: bold;
					color:#333333;
				}
			}
		}

	}

}

#nearby {

	ul {
		padding:15px 0;

		li {
			list-style: none;
			padding: 5px 3px 5px 35px;
			background-image: url(images/icon-sprite-property-nearby.jpg);
			background-repeat: no-repeat;
			background-position: 0 -1px; 
		}

		li.doctorhealth, 
		li.doctor {
			background-position:0 -35px;
		}

		li.hospital {
			background-position:0 -69px;
		}

		li.school {
			background-position:0 -109px;
		}

		li.university {
			background-position:0 -298px;
		}

		li.nursery {
			background-position:0 -183px;
		}

		li.supermarket {
			background-position:0 -219px;
		}

		li.grocery_or_supermarket {
			background-position:0 -219px;
		}

		li.bus_station {
			background-position:0 -260px;
		}

		li.dentistdoctorhealth {
			background-position:0 -340px;
		}


		li.viewall {
			background:none;

			p {
				font-weight: bold;
				color:#333;
				font-size: 1.2em;
				position: relative;
				left: -25px;
			}
		}
	}
}

/********************************************************
agent email contact form / search
********************************************************/

#email-agents {

	h1 {
		float:left;
		width: 280px;
		border-top: 1px solid #D2D2D2;
		border-bottom: 1px solid #D2D2D2;
		padding: 15px 0;
		color:#5f5f5f;
	}

			/* for the inputs */
	label {
		width:100%;
		float:left;
		padding:5px 0;
		font-size:0.9em;
	}

	input[type="submit"] {
		font-weight:bold;
		font-size:1.1em;
		background:#792182; 
		padding: 7px 0;
		width:280px;
		color: #FFFFFF;
		outline:0;
		border:0;
		font-weight:bold;
		font-size:1.25em;
		border:2px solid #7e348e;
		background: 
		   url(images/icon-email.png) 173px 5px no-repeat, 
		   url(images/button-bg-purple.jpg) left repeat-x;			
		.border-radius(10px, 10px, 10px, 10px);
		margin-top:15px;
	}

	input[type="text"], 
	textarea {
		width:280px;
		padding: 6px 10px;
		float: left;
		background: #EFEFEF;
		border: 2px solid #BBB;
		outline: none;
		font-size: 1.3em;
		box-shadow: 0px 0px 14px 0px #BCBCBC inset;
		color:#5f5f5f;
	}		

	textarea {
		font-size:1em;
		height:100px;
	}		
}

/********************************************************
agent info
********************************************************/

#agent-info {

	#agent {
		padding-top:20px;

		header {
			
			a#agent-header-back {
				position: relative;
				top: -20px;
				width: 100%;
				float: left;
				font-weight: bold;
			}

			img.photo {
				border:3px solid #d9d9d9;
			}

			hgroup {
				float: right;
				padding: 5px 0 0 0;

				h3 {
					color: #333;
				}
			}

			h1 {
				color: #333333;
				font-weight:normal;
				font-size:1.6em;
				width:100%;
				float:left;
				margin:0 0 15px;
				letter-spacing: 0px;
				line-height: 21px;
				text-indent: 0;

				a {
					text-decoration:none;
				}
			}

			h2 {
				color: #666666;
				font-size:1.1em;
				font-weight:normal;
				margin-bottom:10px;
			}
		}

		h3 {
			color: @purple;
			font-size:1.3em;
			font-weight:bold;
			margin-bottom:10px;
			line-height: 21px;
		}

		#details {
			padding-top:20px;
			line-height: 1.4em;

			#static-map  {

				img {
					width: 280px;
					float:right;
					margin: 0 0 10px 20px;
				}
			}

			p {
				line-height:1.8em;
				margin-bottom:20px;
			}
		}


		#agent-properties {
			width:100%;
			float:left;
			position: relative;

			h3 {
				position: relative;
				margin:15px 0;
				float:left;
				width:100%;
				color: @purple;
				z-index: 2;
			}

			a#agent-property-previous,
			a#agent-property-next {
				text-indent:-9999px;
				background:#FFFFFF url(images/icon-sprite-gallery-rightleft.png)  no-repeat  -2px -149px;
				width:30px;
				height: 245px;
				float: left;
				position:absolute;
				top: 30px;
				z-index: 1;
			}

			a#agent-property-previous {
				left:0;
			}

			a#agent-property-next {
				background:#FFFFFF url(images/icon-sprite-gallery-rightleft.png) no-repeat 0 87px;
				right:0;
			}

			#agent-properties-list-wrapper {
				width: 100%;
				height:250px;
				float:left;
				margin-left:5px;
				overflow:hidden;
				position: relative;

				#agent-properties-list {
					width:9000px;
					float:left;
					position: absolute;
					height:25r0px;
					left:0;
					top:0;

					.grid-property {
						width: 235px;
						float: left;
						position: relative;
						border: 0 none !important;
						padding: 15px 7px 15px 31px;

						header {
							float: left;
							margin: 0;
							width:220px;

							hgroup {
								width:220px;

								h2, h3, h4 {
									line-height: 1.5em;
									font-size:1em;
								}

								h2 {
									margin-bottom: 0;
									padding-bottom: 0;
									font-weight: bold;

									.title-price {
										font-weight: bold;
									}
								}

								h3, h4 {
									font-weight:normal;
									margin: 0 0 4px;
								}

								h3 {

									a {
										font-weight: bold;
										text-decoration: none;
										color: black;
									}

									a:hover, 
									a:active, 
									a:focus {
										text-decoration: underline;
									}
								}

								h4 {
									font-size:0.95em;
									font-weight: bold;
								}
							}
						}

						.list-property-image {
							background: #FFFFFF; 
							float: left;	
							border: 3px solid #D9D9D9;
							height: 125px;
							overflow: hidden;
							width: 200px;
							
							span {
								background: url(images/placeholder-small.jpg) no-repeat center;
								float: left;	
								height: 125px;
								width: 200px;
							}
						}

						.vcard {
							font-weight:bold;
							/*margin-top:5px;*/
							float:left;
							width:100%;

							img.photo {
								display:none;
							}

							p {
								margin: 5px 0;
							}
						}

						.list-property-content {
							float:left;
							margin-left:15px;
							width: 340px;

							p {
								display: none;
							}


						}

						ul.list-property-options {
							float: left;
							margin:0;
							padding:0;

							li {
								list-style:none;
								float:left;

								a {
									text-decoration:none;
									margin-right:10px;
									font-weight:bold;
								}
							}
						}
					}

					.grid-property:last-child {
						border:0;
					}

					.grid-property:first-child {
						border-left: 1px solid #CCC;
					}
				}
			}
		}
	}

	aside#content-aside {
		#aside-agent-options {
			margin-left: 5px;
			font-size: 1.2em;
			width: 276px;
			float: left;

			a.purple {
				.button-purple(10px, 255px);
				width: 276px;
				font-size:1em;
				float:left;
				font-weight: bold !important;
				position: relative;
				right: 5px;
			}

			a.green {
				.button-green(10px, 255px);
				width: 276px;
				font-size:1em;
				float:left;
				font-weight: bold !important;
				margin-bottom:10px;
				position: relative;
				right: 5px;				
			}
		}
	
		form#property-contact-form {

			input[type="submit"] {
				float:right;
				width:110px;
				font-weight: bold !important;
			}
		}
	}
}




/********************************************************
pagination
********************************************************/


footer {
	border:0;
	position:relative;

	nav.pagination {
		border-top:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		padding:20px 0;
		width:100%;
		float: left;


		ul {
			width: 210px;
			text-align: center;
			font-size:1.1em;
			font-weight:bold;
			margin:0 auto;
			padding: 10px 0;
			display: block;

			li {
				float:left;
				display: inline-block;

				a {
					font-weight:bold;
					width:20px;
					height:20px;
					float:left;
				}

				a.active {
					color: @purple;
					text-decoration:none;
				}
			}

			li.active {
				float: left;
				padding: 0 5px;
				color: black;
			}

			li.spacer {
				width: 22px;
				text-align:center;

			}
		}
	}

	a.pagination-next,
	a.pagination-previous {
		float:left;
		height:auto;
		padding: 9px 10px 10px 40px;
		background: url(images/icon-arrow-left.jpg) left center no-repeat;
		text-decoration:none;
		font-size:1.1em;
		font-weight:bold;
		position:absolute;
		top:20px;
	}

	a.pagination-previous {
		left:0;
	}

	a.pagination-next {
		background: url(images/icon-arrow-right.jpg) right center no-repeat;
		padding:9px 40px 10px 10px;
		right:0;
	}
}




/********************************************************
footer
********************************************************/

footer#site-footer {
	font-size: 0.8em;
	color: #8C8C8C;
	margin-top: 15px;
	float:left;
	width:100%;
}





/********************************************************
Select input styles
********************************************************/

.jqTransformSelectWrapper {
	width: 45px;
	position:relative;
	height: 31px;
	background: url(images/select_left.gif) no-repeat top left;
	float:left;
	.border-radius(6px, 6px, 6px, 6px);
}

.jqTransformSelectWrapper div span {
	font-size: 12px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 31px;
	line-height: 15px;
	padding: 8px 0 0 7px;
	overflow: hidden;
	cursor:pointer;
	color: black;
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 31px;
	height: 31px;
	background: url(images/select_right.png) no-repeat center center;
}

#addnew-property .jqTransformSelectWrapper  a.jqTransformSelectOpen, #import-analyse-form .jqTransformSelectWrapper  a.jqTransformSelectOpen {
	background: url(images/select_right-green.png) no-repeat center center;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 43px;
	top: 30px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#333;
	background-color: #FFF;
	font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}

.jqTransformSelectWrapper ul a:hover,
.jqTransformSelectWrapper ul a.selected:hover {
	background:#3582c4;
	color: #fff;
}

/*make up for jq transform - search*/
.bed-min,
.bed-max,
.price-min,
.price-max {
	width: 111px !important;
	margin-right: -6px !important;
}

.bed-max,
.price-max {
	right:-20px;
}

.container .jqTransformSelectWrapper:last-child {
	margin-right:0;

}


/*make up for jq transform - add new property*/
.num_bedroom,
.num_bathroom,
.bathroom_gf,
.num_livingrooms,
.deposit,
.rentadvance,
.guarantor,
.adminfee {
	width: 121px !important;
	margin-right: 9px !important;
}



.property_type,
.letting_status,
.price_interval,
.system_status {
	width: 200px !important;
	margin-right: 9px !important;
}


.num_bedroom ul,
.num_bathroom ul,
.bathroom_gf ul,
.num_livingrooms ul,
.rentadvance ul,
.num_bathroom ul,
.guarantor ul,
.adminfee ul,
.deposit ul {
	width:117px !important;
	z-index:50 !important;
}

.order ul {
	width:86px !important;
	z-index:50 !important;
	background-color:#FFFFFF;
}

.sortby ul {
	width:159px !important;
	z-index:50 !important;
	background-color:#FFFFFF;	
}

#addnew-property .num_bathroom ul,
#addnew-property .num_livingrooms ul,
#addnew-property .bathroom_gf ul,
#addnew-property .num_livingrooms ul
#addnew-property .rentadvance ul,
#addnew-property .garantor ul,
#addnew-property .adminfee ul
{
	width: 117px !important;
	/* sometimes the drop downs dont show, force higher z-index */
	z-index:5 !important;
	z-index:50 !important;
}

.property_type ul,
.letting_status ul,
.price_interval ul,
.system_status ul {
	width:197px !important;
	z-index:50 !important;
}

/* sometimes the drop downs dont show, force higher z-index on specific items */
#addnew-property .guarantor,
#addnew-property .adminfee{
	width:117px !important;
	z-index:1 !important;
}

#import-analyse-form .setting_duplicates,
#import-analyse-form .setting_unique_field {
	width:197px !important;
	z-index: 50 !important;
}

#import-analyse-form .setting_ignore_first {
	width:197px !important;
	z-index: 49 !important;
}

#import-analyse-form .table-wrapper .jqTransformSelectWrapper, #import-fix-form .table-wrapper .jqTransformSelectWrapper {
	z-index: 99 !important;
} 


/*aside small search */
aside#list-property-aside #aside-search-form .radius ul,
aside#list-property-aside #aside-search-form .type ul {
	z-index:1 !important;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {
	display: none;
}





/********************************************************
	misc classes
********************************************************/

.loader {
	width:16px;
	height:16px;
	float:left;
	background:url(images/ajax-loader.gif) center no-repeat;
}

.text-indent {
	text-indent: -9999px;
}

.purple {
	background-color: @purple;
	color: #FFFFFF;
}

.text-purple,
a.text-purple {
	color: @purple;
}

.text-green,
a.text-green {
	color: @green;
}

.lgrey-text {
	color: #cfcfcf;
}

.bold {
	font-weight:bold;
}

.right {
	float:right;
}

.left {
	float:left;
}

.italic {
	font-style:italic;
}

.button-green(@radius: 10px, @width: 255px) {
	background:#9ec53b url(images/button-large-bg-green.jpg) bottom left repeat-x;
	padding:7px 0;
	float:right;
	width:@width;
	color: #FFFFFF;
	outline:0;
	border:0;
	font-weight:bold;
	font-size:1.1em;
	text-align:center;
	font-weight:normal;
	font-size:1em;
	text-decoration:none;
	border:2px solid #75a503;
	.border-radius(@radius,@radius,@radius,@radius);
}

.button-purple(@radius: 10px, @width: 255px) {
	background:#792182 url(images/button-bg-purple.jpg) bottom left repeat-x;
	padding:7px 0;
	float:right;
	width:@width;
	color: #FFFFFF;
	outline:0;
	border:0;
	font-weight:bold;
	font-size:1.1em;
	text-align:center;
	font-weight:normal;
	font-size:1em;
	text-decoration:none;
	border:2px solid #970cb4;
	.border-radius(@radius,@radius,@radius,@radius);
}




/********************************************************
auto complete
********************************************************/

/*
.acInput {
	width: 200px;
}

.acResults {
	width: 255px !important;
	padding: 0;
	float: left;
	background-color: #FFFFFF;
	border: 2px solid #D9D9D9;
	outline: none;
	font-size: 1.1em;
	font-weight: bold;
	z-index: 9999 !important;
	.border-radius(10px, 10px, 10px, 10px);
}

.acResults ul {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;	
}

.acResults ul li {
	margin: 0px;
	padding: 5px 5px;
	cursor: pointer;
	display: block;
	font-size: 12px;
	overflow: hidden;
	.border-radius(10px, 10px, 10px, 10px);
}

.acLoading {
	background : url('images/indicator.gif') right center no-repeat;
}

.acSelect {
	background-color: #FFFFFF;
	color: @purple;
}

#autocomplete-adv {
	width:100px !important;
}
*/


/********************************************************
auto complete
********************************************************/

.acResults {
	width: 258px;
	padding: 0;
	float: left;
	background-color: white;
	border: 2px solid #D9D9D9;
	outline: none;
	font-size: 1.1em;
	font-weight: bold;
	z-index: 9999 !important;
	.border-radius(3px, 3px, 3px, 3px);
	z-index: 999;
	position:absolute;	
	top: 36px;
	left: -1px;

	ul {
		margin: 0px;
		padding: 0px;
		list-style-position: outside;
		list-style: none;	
		
		li {
			margin: 0px;	
			cursor: pointer;
			display: block;
			font-size: 12px;
			overflow: hidden;

			a {
				width: 95%;
				float: left;
				height: 34px;
				overflow: hidden;
				padding: 0px 2.5%;
				background-color: #F6F6F6;
				position: relative;

				.location {
					width: 100%;
					float: left;
					position: relative;
					top: 6px;					
				}

				.additional {
					width: 100%;
					float: right;
					color: #999;
					font-weight: normal;
					text-decoration: none;
					overflow: hidden;
					height: 15px;
					position: absolute;
					top: 18px;
					left: 6px;
				}
			}	

			&.highlight {

				a {
					background-color: #792182;
					color: #FFFFFF;

					.location {
						background: url(images/search-highlight-grad.png) repeat-y right top;
					}

					.additional {
						color: #FFF;						
					}					
				}		
			}
		}
	}
}

#small-autocomplete {
	width: 270px !important;

}

#aside-autocomplete {
	width: 190px !important;

}



.acLoading {
	background : url('images/ajax-loader.gif')  438px center no-repeat;
}





/********************************************************
alert / info boxes
********************************************************/
.alert-wrapper {
	width: 300px;
	float: left;
	padding: 20px 0;

	.alert {
	  padding: 8px 35px 8px 14px;
	/*  margin-bottom: 18px;*/
	  color: #c09853;
	  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	  background-color: #fcf8e3;
	  border: 1px solid #fbeed5;
	  -webkit-border-radius: 4px;
	     -moz-border-radius: 4px;
	          border-radius: 4px;
	}

	.alert-heading {
	  color: inherit;
	}

	.alert .close {
	  position: relative;
	  top: -2px;
	  right: -21px;
	  line-height: 18px;
	}

	.alert-success,
	.success {
	  color: #468847;
	  background-color: #dff0d8;
	  border-color: #d6e9c6;
	}

	.alert-danger,
	.alert-error {
	  color: #b94a48;
	  background-color: #f2dede;
	  border-color: #eed3d7;
	}

	.alert-info {
	  color: #3a87ad;
	  background-color: #d9edf7;
	  border-color: #bce8f1;
	}

	.alert-block {
	  padding-top: 14px;
	  padding-bottom: 14px;
	}

	.alert-block > p,
	.alert-block > ul {
	  margin-bottom: 0;
	}

	.alert-block p + p {
	  margin-top: 5px;
	}
}

.home .alert-wrapper {
	width: 260px;
	float: left;
	padding: 20px 0 0;
}

#fees-apply {
	float: right;
}

#modal-costs {
	width: 100%;
	float: left;
	position: relative;
	display: none;
	padding: 10px 0;

	.close {
		background: url(../images/cross.png) top right no-repeat;
		width: 24px;
		height: 24px;
		float: left;
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
	}
}


/********************************************************
modal window
********************************************************/

/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}






/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}


/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }


/* quick fix for mobile list page let agreed  @LC */
#properties .list-property-image .property-let {
    width: 60px;
    height: 60px;
    position: absolute;
    right: -5px;
    bottom: 1px;
    z-index: 100;
    background: url(images/let-agreed.png) no-repeat center;
}