body {background: url(../images/bg.jpg) top left no-repeat #FFF;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:small;}
a img {border:0;}
h1,h2,h3,h4,h5,h6 {color:#E41B5B;}
a {color:#32A557;text-decoration:none;font-weight:bold;}
a:hover {color:#E41B5B;}
a.green, .pink {color:#E41B5B;}
a.green:hover {color:#32A557;}
.pink {float:right;}

/* columns to be used to split page */
.leftcolumn {width:50%;float:left;}
.rightcolumn {width:50%;float:left;}

/* --------------- sliding panels ----------------- */
	.leftslide, .leftslide2, .leftslide3 {padding:20px 0 0 0;width: auto; height: 100%; position: fixed;top:0;left:0;z-index:1000;}
	
	.leftslide3 {top:165px; z-index: 1100;}
	#button-slide {text-decoration: none;float:left;background:none; }
	#shortlist, #investor, #mailinglist 
		{visibility:hidden;padding:10px; width: 200px; height: 100%; position:fixed; top:0;left:40px;background: url(../images/white_bg.png) repeat top;border-right:3px solid #E41B5B;}
	#investor {border-right: 3px solid #32A557;width:195px;}
	#mailinglist {border-right:3px solid #66D089;width:190px;}

	
	/*shortlist elements */
	
	.shortlistitem {float: left; position: relative;width:176px; height: 116px; border: 2px solid #FFF;float:left;margin: 0 24px 10px 10px;}
	.shortlistitem:hover {border: 2px solid #000;} 
	.shortlistitem img {height: 116px;width: 176px;float: left;}
	.shortlistitem .shortlisttext {position:absolute;top:0;left:0;width: 170px;font-size: 10px;background: url(../images/shortlist_text_bg.png) repeat top; color: #FFF; padding: 3px;}
	.shortlistitem form {position: absolute; bottom: 0; right: 0;}
	#shortlist h1 {float:left;width:175px;margin-left:10px;}
	#shortlist p {float:left; width:175px;margin-left:10px;}
	#shortlist .email {width: 175px;float: left;margin-top: 10px;margin-left:10px;}
	#shortlist .email label, #shortlist .email input {float:left;margin:3px 0;width:100%;}
	#shortlist .email label {font-size:x-small;}
	#shortlist {overflow:auto;}

	#investor form, #mailinglist form {float:left;margin-top:20px;width:92%;} 
	 #mailinglist form {margin:0;}
	#investor form label,  #mailinglist form label, #investor form input,  #mailinglist form input {float:left;margin-bottom:10px;width:100%;}
	#mailinglist form .check {width: auto;float:right;}
	#mailinglist form .mailcheck {width:80%;}
	.closelink {float:left;margin:40px 0 0 0;}


#wrapper, #footerwrap {width:1024px; margin:0 auto;}

#header {float:left; height:160px;width:1024px;}
	#headleft {width:50%;float:left;padding-top:10px;}
	#headright {width:50%; float:right;position:relative;}
		#headslideshow {z-index:500;position:absolute; top:0; right:130px;background:url(../images/headslideshow/background.png) no-repeat top left;}
		#headslideshow img, #headslideshowlarge img {position:absolute; top:0;left:0;}
		#headslideshowlarge {z-index:400;position:absolute; top:0; right:0;background:url(../images/headslideshow/pink-bg.png) no-repeat top left;}

/* main start */
#main {float:left;width: 1024px;}
#left {float:left;margin-top:-20px;width: 810px;margin-right: 10px;}
	#menu, #quicksearch, #slideshow, #propertysale, #content, #affiliates, #agentdetails {float:left;width: 810px;position:relative;}
	#menu {height: 50px;background: url(../images/menu/left-bg.png) no-repeat top left;margin-bottom:20px;}
		#menu ul {width:777px;background:url(../images/menu/bg.png) repeat-x top;margin: 0 0 0 14px;padding:0;height:50px;list-style:none;position:relative;float:left;overflow:hidden;}
		#menu ul li {float:left;height:50px;}
		#menu ul li a {float:left;position:absolute;display:block;top:0;padding:10px 20px;}
		#menu ul li a:hover {top:-38px; background: url(../images/menu/bg-hover.png) repeat-x bottom left;}
	
		#menu ul li a.home {left:0;}
		#menu ul li a.selling {left:92px;}
		#menu ul li a.buying {left:198px;}
		#menu ul li a.renting {left:307px;}
		#menu ul li a.otherservices {left:422px;}
		#menu ul li a.contactus {left:600px;}	
		/*#menu ul li a.investments {left:352px;}
		#menu ul li a.otherservices {left:483px;}
		#menu ul li a.contactus {left:638px;}*/
		#menuright {float:right;background:url(../images/menu/right-bg.png) no-repeat top right;width:19px;padding:0;height:50px;}
	
		/* Investors Menu */
		#menu ul li a.investmentshome {left:0;}
		#menu ul li a.investmentsbuying{left:85px;}
		#menu ul li a.investmentsselling{left:175px;}
		#menu ul li a.investmentsservices {left:264px;}
		#menu ul li a.investmentcontactus {left:366px;}
		#menu ul li a.investmentslogout {left:490px;}	
	
	#quicksearch, #propertysale {height:80px; background: url(../images/quicksearch/bg.png) repeat-x top;margin-bottom:20px;}
		.quicksearchform {width: 710px; float:left; height:30px; margin-top:25px; margin-left:50px;}
		.quicksearchform label, .quicksearchform input {float:left;}
		
		.quicksearchform input {background: url(../images/quicksearch/input-bg-left.png) no-repeat left #FFF; border:0; height:30px;padding:0 15px;font-size:large;font-weight:bold;margin:0 0 0 10px;width:350px;color:#333;}
		.quicksearchform input.quickbutton 
		{background: url(../images/quicksearch/button-bg.png) repeat-x top; 
		width:65px !important; margin:0 0 0 5px;
		cursor:pointer; font-size:small;
		padding:0 2px 0 1px;
		color: #A0A0A0;
		}
		.quicksearchform input.quickbutton:hover {color:#666;} 
		
		#propertysale {background: url(../images/saleregion/bg.png) repeat-x top;}
		.quicksearchform select {float:left; margin-left:10px;margin-top:3px;}
	
	/* gallery */
	#slideshow {height:280px; background:#FFF;}
	.panel-overlay h2, .panel-overlay p{margin: .1em 0;}
	.panel-overlay h2 {color: #FFF;}
	.panel-overlay p {line-height: 1em;}
	#gallery_wrap {width: 810px; height: 280px; }
	
	#content, #agentdetails {width:770px; padding: 0 20px;background: url(../images/content-bg-top.png) no-repeat top center #FFF;}
	#affiliates {background:#FFF;width:770px; padding: 0 20px;}
	#affiliates #logos {float:left;width:100%;text-align:center;padding: 10px 0 30px 0;}
	#affiliates #logos img {margin:10px;}
	
	#affiliates #index_towns {float:left; width:100%;padding:0;}
	#affiliates #index_towns a, #affiliates #index_towns span {float:left;}
	#affiliates #index_towns #towns_key {float:left;width:100%;margin-top:20px;clear:both;}
	/* agent details (selling page) */
	
	#agentimage, #agenttext {float:left;}
	#agentimage {margin-right:20px;} 
/* investments page */

#loginform {float:right;width:260px;padding: 0 20px 20px 20px;margin-left:40px; margin-bottom:10px;background: url(../images/login-bg.png) no-repeat bottom; }
	#loginform img.logheader {float:left; margin-left: -20px;}
	#loginform form label {width:100px;float:left;}
	#loginform form input {float:left;margin-bottom:10px;}
	#registerform {float:left;margin-bottom:200px;}
	#registerform label, .quoteregion form label {float:left;width:150px;}
	#registerform input {float:left; width:180px;}
	
#investormenu {position:absolute;top:75px; right:0;background:url(../images/investorpage/menu-left-bg.png) no-repeat left;}
	#investormenu ul {list-style:none;height:30px;background:url(../images/investorpage/menu-bg.png) repeat-x top;margin: 3px 0 0 8px;padding:0;}
	#investormenu li {float:left;margin:0 5px;padding: 4px 0 0 0;}
	
#investcontent {float:left; width:100%;margin-top:30px;}
#investcontent p {margin-bottom:30px;}
#investcontent #choices {float:left; width:100%;text-align:center;}
#investcontent #choices img {margin:0 20px;}

/* contact us page */
	
#contact label, #contact input {float:left;width:160px;}

	/* price slider */
	#priceslider {width: 740px;margin: 10px 15px;float: left;position:relative;}
	#priceslider p {width: 100%; float: left; color: #666; margin: 0 0 8px 0;}
	#priceslider span.slideprice {width: 4%; float: left;color:#666;margin-top: 5px;font-size:small;}
	#priceslider #slider {width: 100%;float: left;margin: 5px 0 0 0;}
	#priceslider #gradients {width: 100%; float: left;}
	#priceslider #gradvalues {width:100%;margin-top:-5px;float:left;height:15px;margin-bottom:5px;color:#999;}
	/* end price slider */
	#viewselector, #sortbyprice {width: 50%; float: left;margin: 10px 0 10px 0;}
	#viewselector {margin: 0 0 10px 0;}
	#viewselector a {float:left;}
	#sortbyprice {text-align: right;}
	
	#map {height: 500px; width: 100%; margin: 0 0 10px 0; border: solid #E41B5B 1px; float: left;}
	
/* pagination */
#paging {float: left;width: 100%;margin: 10px 0 20px 0; padding: 0;color:#666;}
	#paging .left {float:left; width:70%;}
	#paging .right {float:left; width:30%; text-align:right;}

#right {float:left;margin-top:-20px;width:204px;background: url(../images/right-bg.png) top no-repeat;}
	#righthead {float:left;width:auto;margin: 10px 0 0 12px;}
	#right form {width:180px;float:left;margin-left:12px;}
	#right form label {float:left; width:160px;}
	#right form span.head {width:100%; float: left;margin: 5px 0;} 
	#right form .radiolabel {float:left;width:100px;margin-bottom:5px;}
	#right form .radio {float:right;width:12px;}
	#right form .menutop {background:#FDECF1 url(../images/topmenuleft.png) left top no-repeat;padding:0 0 0 10px;cursor:pointer;}
	#conveyancing, #right-links, #index_mortgage, #savings_calculator, .rightbox 
	{background:url(../images/right-section-bg.png) bottom no-repeat;height:45px;float:left;width:194px;margin: 5px 0;}
	.rightbox {background:url(../images/right-section-bg-pink.png) bottom no-repeat;}
	#right-links, #index_mortgage, #savings_calculator, .rightbox {height: auto;}
	#right-links {padding-bottom:10px;}
	#right-links  a, #conveyancing a {width: 174px; padding:5px 10px;}
	#index_mortgage form {width:90%;float:left;margin: 0 0 10px 5%;}
	#savings_calculator form {width:90%;float:left;margin: 0 0 10px 5%;}
	#savings_calculator form label, #savings_calculator form input {float:left;}
	#savings_calculator form span {float:left; width:100%;text-align:right;margin: 0 0 10px 0;}
	.rightbox {color:#FFF;text-align: left;}
	.rightbox form {margin-bottom:10px;}
	.rightbox form select {float:left;width:95%;margin-top:2px;}
	
	#searchall {width:100%; text-align:center;margin:10px 0;float:left;}
	
/* slideshow gallery top header slideshow*/

.slideshowlite {
	float: left;
	position: relative;
	border: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

	.slideshowlite a {
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
		text-align: left;
		margin: 0;
		
	}
.slideshowlite img {border: none;}
.slideshowlite ul {visibility: hidden;}
/* pagination control */
.slideshowlite ul li a {visibility: hidden;}
	
	
	
	
	
/* start returned properties */

.returnpropertyholder, .sorry {
	width: 750px;
	height: auto;
	background: #FFF;
	border: thin #999 solid;
	float: left;
	position:relative;
	margin: 5px 0 5px 0;
	padding: 5px 10px 5px 10px;
}

.returnpropertyholder:hover {border: thin #E41B5B solid; background: url(../images/returned-bg-hover.png) repeat-x bottom #FFF;}
.sorry {margin-top: 30px !important;}
.sold {/*width: 75px;*/ position:absolute; bottom: 0; right:0;}
.image {
	width: 180px;
	height: auto;
	float: left;
	position: relative;
	margin: 10px 0 10px 0;
	border: 0;
	padding: 0;
}

.selllisting, .letlisting {position:absolute;left:0;bottom:0;}
.selllisting a, .letlisting a {margin:0;padding:0;float:left;}

.content {
	width: 520px;
	height: auto;
	float:left;
	position:relative;
	margin: 8px;
	padding-left: 20px;
}

.price {
	color: #E41b5b;
	font-size: 22px;
	font-weight: bold;
	float: left;
	position: relative;
	width: 100%;
}

.address {
	font-size: 12px;
	font-weight:bold;
	padding:0 0 5px 0;
	margin: 0;
	float: left;
	position: relative;
	width: 100%;
	border-bottom: 1px dotted #E41B5B;
}

.address a {color: #000;text-decoration: none;font-size: 12px;}
.address a:hover {color: #32A557;}


.info {
	margin-bottom: 0px;
	float: left;
	position: relative;
	width: 300px;
}

.googlemap {
	height: auto;
	width: 150px;
	float: right;
	position: relative;
	margin: 10px 0 0 0;
	border: 1px solid #999;
}

.moredetails {
	color: #999;
	margin-top: 10px;
	float: left;
	position: relative;
	width: 100%;
}
.moredetails a:hover {text-decoration: underline;}




/* start main property */

#mainpropertydetails {
	width: 750px;
	height: auto;
	background:none;
	/*border: thin #999 solid;*/
	float: left;
	position:relative;
	margin: 5px 0 15px 0;
	padding: 5px 10px 5px 10px;
}
#sellmaindetails, #letmaindetails {position:absolute;top:150px;right:30px;z-index:1000;}

#address {
	background: none;
	border: 0px;
	padding-top: 0px;
	padding-left: 0px;
	width: auto;
	height: auto;
	float: left;
	}



#address h1 span {color: #666; font-size:medium;}

#address h1, #otherfeatures h4, #description h4, #epcregion h4 {color: #3661C0;}

#imagesection {float: left; width: 100%; margin-bottom: 30px; background: none !important;}
	
#otherfeatures, #description, #epcregion, #mapregion {float: left; margin-bottom: 10px;border:0; padding: 0 0 20px 0; width: 750px; background: #FFF;}

/* sub levels */
#mainimageregion {height: 250px; width: 380px; float:left; margin-right: 10px;}

.mainimage {
	float: left;
	position:relative;
	width: auto;
	border:1px solid #E41b5b;
}
.soldmain {position: absolute; bottom:0;right:0;}

.secondaryimage {
	float:left;
	position:relative;
	margin: 0px 4px 18px 4px;
	width: auto;
}

#hiddenslides {visibility:hidden;height: 0;width: 0;float: left;}
#description {margin-top: 10px; padding-bottom:10px;}
/* other features section */


#mapimage, #pano {
	float:left;
	margin: 0;
	width: 246px;
	height: 246px;
	border: 2px solid #999;
}
#pano {width: 471px; height: 246px; margin-left: 25px;}

.epcimage {
	float:left;
	position:relative;
	margin: 0px 15px 15px 0px;
	width: auto;
}


#buttonholder {width: 100%;}

.button {margin-top: 0px;float:left;position:relative;width: auto;}

.getdirections {width: 748px;float:left;padding: 5px 0px 0px 0;background: url(../images/returned-bg-hover.png) repeat-x top;margin: 10px 0px 10px 0px;text-align:center;border:1px solid #CCC;}

.backbutton {margin-top: 20px;float:left;position:relative;width: 100%;}
	
#nearpropertybox {
    width: 100%;
	float: left;
	position: relative;
	background: none;
	padding-bottom: 20px;
	border-bottom: 1px solid #999;
	}

.nearproperty {
	      height: auto;
	      background: #FFF;
	      width: 17%;
	      padding: 10px 1% 8px 1%;
	      border: 1px solid #999;
	      float: left;
	      position: relative;
	      margin-right: 3px;
	      text-align: center;
		 }
.nearproperty img {margin-bottom: 5px;width:120px;}
.nearproperty span {color: #E41B5B;font-weight: bold;}

	
#bottomleft, #agentbottom {float:left; width:100%;height:42px; background: url(../images/content-bg-bottom.png) no-repeat top;}	
#agentbottom {margin-bottom:15px;}	
/* footer */
#footer {float:left;width:100%;background: url(../images/footer-bg.png) repeat-x top #CCC;margin-top:50px;}
	#footer a {color:#000;font-weight:normal;}
	#footer a:hover {text-decoration:underline;}
	#footer .leftcolumn {width:70%;}
	#footer .rightcolumn {width:30%;text-align:right;}
	#footer ul {float:left;list-style:none;margin:20px 40px 20px 0;padding:0;}
	#footer ul li img {width:100px;margin-bottom:10px;}
	#footer ul li.foothead {margin-bottom:10px;font-weight:bold;color:#E41B5B;}
	#footer ul li {}
	#footer .rightcolumn ul {float:right;margin-right:0;}
	
	#footeraddress {width:100%; float:left;}

/* pop up window */

#contact_window {margin: 20px auto; width: 80%;}
#contact_content {float: left;position: relative; padding: 5%; width: 90%;background: #F2F2F2;border: solid 1px #E41B5B;}
#contact_content #contactform {width: 100%; float: left; position: relative;}

#popupaddress {color: #E41B5B;font-weight: bold;}

/*  google bubble markup */

.bubble {background:#FFF;padding: 0px; border: 0px; margin: 0px;width: 280px;}
.bubble > img {margin: 10px 10px 0px 0px;padding: 0px;width: 80px; height: 60px;float: left; position: relative;border: 0px;}
#bubble_text {font-size: 14px;width: auto;float:left; position:relative;height: auto;margin-top:10px;}
.bubble .line {border-bottom: 1px dotted #E41B5B;}
.bubble span a {font-size: 16px;font-weight: bold;color: #E41B5B; text-decoration: none;}
.bubble span a:hover {font-size: 16px;font-weight: bold;color: #32A557; text-decoration: none;}
#bubble_text a {font-size: 14px; color: #E41B5B; text-decoration: none;}
#bubble_text a:hover {text-decoration: underline; color: #32A557;}