@charset "utf-8";
/* CSS Document */


body {font-family: Arial, Helvetica, sans-serif; background: url(../images/bg.jpg) no-repeat top #1A2E5E; margin: 0; padding: 0; border: 0;}
img {border: 0; margin: 0; padding: 0;}

/* --------------- sliding shortlist panel ----------------- */
#slidersection {position: absolute;width: 100%;z-index: 1000;}
#panel {background: url(../images/shortlist_bg.png) repeat; height: 260px;display: none;}
	
	/*shortlist elements */
	#shortlistwrapper {width: 1024px; margin: 0 auto;padding: 15px 0 0 0;}
	.shortlistitem {float: left; position: relative;width:176px; height: 116px; border: 2px solid #FFF;float:left;margin-right: 24px;}
	.shortlistitem:hover {border: 2px solid #000;} 
	.shortlistitem img {height: 116px;width: 176px;float: left;}
	.shortlistitem .shortlisttext {position:absolute;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;}
	#shortlistwrapper .email {width: 997px; float: left;margin-top: 10px; background: url(../images/towns_bg.png) repeat-x top #F2F2F2;padding: 5px 5px 5px 20px;border: 1px dotted #3661C0;}
	#shortlistwrapper .email label {color: #3661C0;font-weight: bold;font-size: 12px;}

	
/* shortlist buttons */	
.slidebutton {margin: 0;padding: 0 0 0 180px;border-top: solid 6px #3661C0;background: url(../images/portfolio_bg.png) no-repeat center top;}
.btn-slide {background: url(../images/portfolio_arrow.png) no-repeat right -50px;text-align: center;width: 144px;height: 36px;padding: 5px 10px 0 0;
	margin: 0 auto;display: block;font-weight: bold;color: #fff;text-decoration: none;}
.active {background-position: right 12px;}

/* ----------------- end shortlist ----------------------- */

#wrapper {width: 1050px; margin: 0 auto 0 auto;}
.left {float: left;}
.right {float: right;}

#head {width: 1050px; float: left; background: none; height: 100px;}
#head .left img {margin: 12px 0 0 18px;}
#head .right h2 {margin: 105px 15px 0 0;}

/* start menu */
div#menuwrap {width: 1024px; float: left; background: none; height: 35px; margin: 0 0 0 13px; border-top: 1px solid #FFF;}
ul#menu {list-style: none; float: left; width: auto; height: 50px; margin: 0;padding: 0;}
#menu li {float: left; height: 50px; margin: 0;}
#menu li a {font-weight: bold; color: #FFF; text-decoration:none;float: left; display: block; background:none; width: auto; height: 35px; margin: 0; 
padding: 7px 15px 0 15px;display:block;}
#menu li a:hover {background: url(../images/menu/menu_hover.png) no-repeat top center;}

/* start main sections */
/* index appears on index page main appears on all other pages */
#index {width: 1024px; float: left; background:#FFF; margin: 0 0 0 11px; border-left: 2px #3661C0 solid; border-right: 2px #3661C0 solid;}

#index_left {float: left; width: 220px; background:#FFF; padding: 20px 13px 20px 27px;}
	#index_search, #index_mailing, #index_mortgage {float: left; width:200px; background: url(../images/index_form_bg.png) bottom repeat-x #F2F2F2; padding: 10px;}
		#index_left h4 {float: left; color: #666; margin: 5px auto; width: 210px;}
		#index_left h4 img {float:left;margin: 0;padding:0;}
		#index_left form {float: left; background: #FFF; padding: 10px;font-size: 12px; color: #666; }
		#index_left form h4, #index_left form p {float: left;width: 100%;margin-top: 3px; margin-bottom: 3px;}
		#index_left form label {float: left; width: 50px;}
		#index_left form input {float: left; width: 120px;}
		#index_left form input.submit {float: right; width: auto !important; background: url(../images/buttonbg.png) repeat-x top; height: 30px;border:0;color: #FFF; font-weight:bold;cursor: pointer;margin-top: 5px;}
		#index_left form input.submit:hover {background: url(../images/buttonbg_on.png) repeat-x top;}
		#index_left form input.check {float: left; width: 30px;}
	 #index_mailing, #index_mortgage {margin: 20px 0 0 0;}
		.blue {color: #3661C0;}
		.menutopindex {float: left; width: 100%; background:none; padding: 0; margin: 10px 0 0 0; font-size: 14px;}
	 	#index_left form .hidespanindex {float: left; width: 100%; background: #F2F2F2; padding: 5px 0 5px 0; margin: 0; font-size: 12px;}
		#index_left form .hidespanindex label {float: left; width: 140px !important; }
		#index_left form .hidespanindex input {float: left; width: 20px !important; }
	

#index_right {float: left; width: 720px; padding: 20px; background: #FFF; height: auto;}
	#index_towns {float: left; width: 700px; background: url(../images/towns_bg.png) repeat-x bottom #F2F2F2; padding: 10px;}
		#index_towns h4 {color: #666; margin: 0 auto 5px auto;}
		#index_towns a {color: #3661C0; text-decoration:none;}
		#index_towns a:hover {color: #1A2E5E;}
		#index_towns .purple {color: #606; text-decoration:none;}
		#index_towns .purple:hover {color: #306;}
	#index_latest {float: left;width: 480px; background:#FFF; height: 300px;}
		#index_latest_title {float: left;width: 50px; background:#FFF; height: 240px; padding-top: 80px;}
		#index_latest_slideshow {float: left;width: 388px; background:#FFF; height: 248px; margin: 20px 20px 0 0;padding: 10px; border: 1px dotted #3661C0;}
		#index_latest_slideshow:hover {border: 1px solid #3661C0;}
		#index_latest_slideshow a img {float: left; width: 390px; height:250px; background:#666;}
	#index_links {float: left;width: 220px; background:#FFF; padding: 10px;}
		#index_links h4 {color: #666; margin: 5px auto; }
		#index_links p {text-align: center;}
		#index_links p img {margin: 0 0 15px 0; clear:both;}
	#index_text {float: left;width: 700px; background:#FFF; height: auto; padding: 10px; color: #999; font-size: 12px;}

#main {width: 1024px; float: left; background: #FFF; border: 2px #3661C0 solid; border-bottom: none !important; margin: 10px 0 0 11px;}

/* seen on buying and renting pages */
#main #leftmenu {width: 240px; background: #FFF;float: left;padding: 0 0 20px 0;}
	#leftmenu #searchall {float: left; width: 230px; padding: 20px 0 20px 10px; background: url(../images/accordian_bg.png) repeat-x top #F2F2F2;}
		#leftmenu #searchall a {float:left; color: #3661C0; text-decoration:none; border: 1px solid #CCC; padding: 8px 3px 3px 6px; background:url(../images/accordian_bg.png) repeat-x bottom; margin: 0 0 1px 0;}
		#leftmenu #searchall a:hover {margin: 1px 0 0 0;}
	#keywordform, #resetform {width: 227px; float: left; background: #F2F2F2; padding:0 3px 10px 10px;}
		#keywordform input {float: left; width: auto;}
		#keywordform .submit2, #resetform input {float: right; width: auto !important; background: url(../images/buttonbg.png) repeat-x top; height: 25px;border:0;color: #FFF; font-weight:bold;cursor: pointer; margin: 0 22px 0 0;}
		#keywordform .submit2:hover, #resetform input:hover {background: url(../images/buttonbg_on.png) repeat-x top;}
		
	.submit {float: left; width: auto !important; background: url(../images/buttonbg.png) repeat-x top; height: 25px;border:0;color: #FFF; font-weight:bold;cursor: pointer; margin: 0;}
	.submit:hover {background: url(../images/buttonbg_on.png) repeat-x top;}
	.go {margin:0 0 0 5px !important; height: 25px !important;}
		
	#leftmenu form {float: left; width: 240px; margin: 0;font-size: 14px;}
	#leftmenu form #propertyvalue {float: left; width: 240px; background: url(../images/towns_bg.png) repeat-x bottom #F2F2F2; padding: 10px 0 10px 0; margin:0;border-top: 1px solid #CCC;}
	#leftmenu form #propertyvalue input {float: left; width: 60px;}
	#leftmenu form #propertyvalue label {float: left; width: 30px; margin-left: 10px;}
	#leftmenu form .menutop {float: left; width: 227px; background: url(../images/towns_bg.png) top repeat-x; padding: 3px 3px 3px 10px;margin: 0;border-top: 1px solid #CCC;font-size: 14px;}
	#leftmenu form .submit  {float: right; width: auto !important; background: url(../images/buttonbg.png) repeat-x top; height: 30px;border:0;color: #FFF; font-weight:bold;cursor: pointer; margin: 5px 10px 0 0;}
	#leftmenu form .submit:hover {background: url(../images/buttonbg_on.png) repeat-x top;}
.go {margin:0 0 0 5px !important; height: 25px !important;}
	#leftmenu .hidespan {float: left; width: 227px; background: url(../images/accordian_bg.png) repeat-x top #F2F2F2;padding: 10px 3px 10px 10px;margin: 0;font-size: 12px;}
	#leftmenu .hidespan label {float: left; width: 160px;}
	#leftmenu #mortgageform {float: left; width: 227px; background:url(../images/towns_bg.png) repeat-x bottom #F2F2F2;padding: 10px 3px 10px 10px;font-size: 12px;}
	#leftmenu #mortgageform input {float: right;}

	
	.toggle1, .toggle2, .toggle3, .toggle4, .toggle5, .toggle6, .toggle7, .toggle8 {cursor: pointer;}
	

#main #right {width: 784px; background: #FFF;float: left;}
	/* price slider */
	#main #right #priceslider {width: 96%;margin: 10px 2% 10px 2%;float: left;background: url(../images/slider_bg.png) top right no-repeat #FFF;}
	#main #right #priceslider p {width: 100%; float: left; font-size: 12px; color: #666; margin: 0 0 8px 0;}
	#main #right #priceslider span {width: 4%; float: left;font-size: 12px; color:#666;margin-top: 5px;}
	#main #right #priceslider #slider {width: 73%;float: left;margin: 5px 1% 0 0;}
	#main #right #priceslider #gradients {width: 73%; float: left; margin: -5px 0 0 32px;}
#main #right #priceslider #gradients .value {margin-right: 32px; margin-top: -14px;color: #999;}
	/* end price slider */
	#main #right #viewselector {width: 48%; float: left;margin: 5px 0 5px 2%;font-size: 12px;}
	#main #right #viewselector a {color: #3661C0;text-decoration: none;}
	#main #right #viewselector a:hover {text-decoration: underline;}
	#main #right #sortbyprice {width: 48%; float: left; text-align: right;margin: 5px 2% 5px 0;font-size: 12px;}
	#main #right #sortbyprice a {color: #3661C0;text-decoration: none;}
	#main #right #sortbyprice a:hover {text-decoration: underline;}
	#main #right #map {height: 500px; width: 96%; margin: 0 2% 10px 2%; border: solid #3661C0 1px; float: left;}

/* pagination */
#paging {float: left;width: 94%;margin: 10px 0 20px 0; padding: 0 3% 0 3%;font-size: 12px; color:#666;}
#paging .active {color: #3661C0;text-decoration: none;}
#paging .active:hover {text-decoration: underline;}

/* seen on 'content' pages */
#main #content {width: 984px; background: #FFF;float: left; padding: 20px;}
#main #content #content_text {width: 942px;background: #F2F2F2; float: left;border: 1px dotted #666; padding: 0 20px 20px 20px;margin: 0 0 20px 0;font-size:14px;color: #333;}

/* halfpage columns split the page in half and appear on contact page */
.halfpagecolumn {width: 440px;background: #F2F2F2; float: left;border: 1px dotted #666; padding: 0 20px 20px 20px;color: #333;}
.halfpagecolumn form label {float: left; width: 200px;}
.halfpagecolumn form input {float: left; width: 150px;}
.halfpagecolumn form .verimage {float: left; width: auto; margin: 0 0 0 245px;clear:both;}
.halfpagecolumn form .submit  {float: left; width: auto !important; background: url(../images/buttonbg.png) repeat-x top; height: 30px;border:0;color: #FFF; font-weight:bold;cursor: pointer;margin-top: 5px;}
.halfpagecolumn form .submit:hover {background: url(../images/buttonbg_on.png) repeat-x top;}
.go {margin:0 0 0 5px !important; height: 25px !important;}

.halfpageleft {margin: 0 20px 0 0;} 
.bordertopcolumn {margin: 20px 0 0 0;}

/* footer details */

#foot{color: #FFF; float: left; font-size: 11px; padding: 15px 20px; width: 984px; margin: 0 0 0 11px; background: url(../images/footer_bg.png) repeat-x top #000; border-left: solid 2px #3661C0;border-right: 2px #3661C0 solid; }

#footer_towns {float: left; width: 100%;}
#footer_towns h4 {margin-bottom: 5px;color:#666;}
#foot a {color:#FFF;text-decoration: none;}
#foot a:hover {text-decoration: underline;}
.grey {color: #666;}

/*  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 #3661C0;
}
	

.bubble span a {
	font-size: 16px;
	font-weight: bold;
	color: #3661C0; text-decoration: none;
}

.bubble span a:hover {
	font-size: 16px;
	font-weight: bold;
	color: #3661C0; text-decoration: none;
}

#bubble_text a {font-size: 14px; color: #3661C0; text-decoration: none;}

#bubble_text a:hover {text-decoration: underline; }


/*googlebubble end*/

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

#popupaddress {color: #3661C0;font-weight: bold;}