@import url('reset.css');
@import url('thickbox.css');

/* General and Layout
------------------------------------------------------------------------------*/
html {
	background-image: url('../images/bg_grad.png');
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}

body {
	padding: 0 0 0 0;
	margin: 0;
	text-align: center; /* IE Fix */
	background-image: url('../images/bg_continuous.png');
	background-repeat: repeat-y;	
	background-position: center 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.65em;
}

h1, h2, h3, p {
	color: #4c4c4d;
	padding: 0 0 10px 0;
}

a {	color: #4c4c4d; }

h1 {
	font-family: Times, serif;	
	font-size: 250%;
	padding: 0 0 15px 0;
}

h1.ir, h2.ir {
	height: 27px;
	background-repeat: no-repeat;
}
h1.ir span, h2.ir span {
	display: none;
}

h1.ir.featured_property {	background-image: url(../images/hd_featured_property.png); }
h1.ir.featured_properties {	background-image: url(../images/hd_featured_properties.png); }
h1.ir.call_back_request {	background-image: url(../images/hd_call_back_request.png); }
h1.ir.hips {	background-image: url(../images/hd_hips.png); }
h1.ir.home_information_packs {	background-image: url(../images/hd_home_information_packs.png); }
h1.ir.key_facts_about_hips {	background-image: url(../images/hd_key_facts_about_hips.png); }
h1.ir.just_received {	background-image: url(../images/hd_just_received.png); }
h1.ir.register_to_buy {	background-image: url(../images/hd_register_to_buy.png); }
h1.ir.request_a_valuation {	background-image: url(../images/hd_request_a_valuation.png); }
h1.ir.testimonials {	background-image: url(../images/hd_testimonials.png); }
h1.ir.our_area {	background-image: url(../images/hd_our_area.png); }
h1.ir.viewing_request {	background-image: url(../images/hd_viewing_request.png); }
h1.ir.contact {	background-image: url(../images/hd_contact.png); }
h1.ir.privacy_policy {	background-image: url(../images/hd_privacy_policy.png); }
h1.ir.terms_of_use {	background-image: url(../images/hd_terms_of_use.png); }
h1.ir.property_search_results {	background-image: url(../images/hd_property_search_results.png); }

h2.ir.map_view {	background-image: url(../images/hd_map_view.png); }
h2.ir.viewing_request {	background-image: url(../images/hd_viewing_request.png); }
h2.ir.call_back_request {	background-image: url(../images/hd_call_back_request.png); }



h2 {
	font-size: 140%;
	font-weight: bold;
}

h3 {
	font-size: 130%;
	font-weight: bold;
}

p, ul, ol, label {
	font-size: 120%;;
	line-height: 130%;
}

ul {
	padding: 0 0 0 0;
}

li {
	padding: 0 0 10px 20px;
	background-image: url('../images/bullet_point.png');
	background-repeat: no-repeat;
	background-position: 5px 4px;
}

strong { font-weight: bold; }
em { font-style: italic; }

div#wrapper {
	text-align: left; /* IE Fix - Recovery */
	margin: 0;	
	background-image: url('../images/bg_top.png');
	background-repeat: repeat-x;	
	background-position: 49.99% 0;
}

div#main_content {
	margin: 0 auto 0 auto;
	width: 800px;
	background-repeat: no-repeat;
	padding: 0 0 0 0;
	background-image: url(../images/bg_main.png);
	background-position: 10px 0;
	background-repeat: repeat-y;
}


div#content {
	float:left;
	margin: 15px 0 0 45px;
	padding: 0 35px 235px 0;
	/*width: 720px;*/
	width: 460px;
}

* html div#content {
	margin: 15px 0 0 22.5px;
}
/*----------------------------------------------------------------------------*/


/* Header
------------------------------------------------------------------------------*/
div#header {
	margin: 0 10px 0 10px;
	width: 780px;
	height: 187px;
	background-image: url(../images/bg_header.png);
}

div#header p.logo {
	position: absolute;
	margin: 42px 0 0 12px;
	width: 294px;
	height: 92px;
	background-image: url(../images/jk_logo.png);
	background-repeat: no-repeat;
}

div#header p.logo a {
	display: block;
	width: 294px;
	height: 92px;
}

div#header p.logo span {
	display: none;
}

div#header ul#main_menu {
	position: absolute;
	padding: 10px 0 1px 0;
	width: 188px;
	margin: 0 0 0 353px;
	background-position: 0 bottom;
	background-repeat: no-repeat;
	background-image: url(../images/bg_menu_footer.png);
	list-style: none;
}

div#header ul#main_menu li {
	margin: 0;
	padding: 0;
	height: 23px;
	display: inline;
}

div#header ul#main_menu li a {
	color: #464f41;
	margin: 0;
	padding: 5px 0 0 20px;
	height: 18px;
	text-decoration: none;
	display: block;
	background-image: url(../images/bg_menu_item.png);
	background-repeat: no-repeat;
}

div#header ul#main_menu li a span {	display: none; }

div#header #main_menu li a:link, div#header #main_menu li a:visited {
	background-position: 0 0;
}
div#header #main_menu li a:hover,
div#header #main_menu li a:active,
body.home a#m_home,
body.testimonials a#m_testimonials,
body.our_area a#m_our_area,
body.request_a_valuation a#m_request_a_valuation,
body.register_to_buy a#m_register_to_buy,
body.hips a#m_hips,
body.contact a#m_contact


{
	background-position: 0 -23px !important;
}


div#header #main_menu li a#m_home { background-image: url(../images/menu_home.png); }
div#header #main_menu li a#m_testimonials { background-image: url(../images/menu_testimonials.png); }
div#header #main_menu li a#m_our_area { background-image: url(../images/menu_our_area.png); }
div#header #main_menu li a#m_request_a_valuation { background-image: url(../images/menu_request_a_valuation.png); }
div#header #main_menu li a#m_register_to_buy { background-image: url(../images/menu_register_to_buy.png); }
div#header #main_menu li a#m_hips { background-image: url(../images/menu_hips.png); }
div#header #main_menu li a#m_contact { background-image: url(../images/menu_contact.png); }
/*----------------------------------------------------------------------------*/


/* Promo
------------------------------------------------------------------------------*/
div#promo {
	margin: 0 10px 0 10px;
	width: 780px;
	height: 300px;
}
div#promo.home {
	height: 581px;
}
/*----------------------------------------------------------------------------*/


/* Footer
------------------------------------------------------------------------------*/
div#footer {
	clear: both;
	width: 800px;
	margin: 0 auto 0 auto;
	padding: 17px 0 0 0;
	height: 25px;
	background-image: url('../images/bg_footer.png');
	background-repeat: no-repeat;
	background-position: center 0;
}

div#footer p.footer {
	
	width: 790px;
	color: #4c4c4d;
	padding: 0 0 0 32px;
	margin: 0 0 0 -9px;
	height: 25px;
}

div#footer p.footer a {	color: #4c4c4d; }

div#footer p.footer a:link, div#footer p.footer a:visited {
	text-decoration: none;
}

div#footer p.footer a:hover, div#footer p.footer a:active {
	text-decoration: underline;
}

div#footer p.last {
	position: fixed;
	width: 820px;
	margin: 0 0 0 -9px;
	background-image: url('../images/bg_footer_repeat.png');
	background-repeat: repeat-y;
	background-position: 0 bottom;
}

/* Fix IE problems */
* html div#footer p.footer  {	padding: 0 0 0 45px; }
* html div#footer p.last {display: none; }
/*----------------------------------------------------------------------------*/


/* Search
------------------------------------------------------------------------------*/
form#search {
	position: absolute;
	width: 237px;
	margin: 10px 0 0 542px;
}

form#search h1 {
	height: 28px;
	width: 238px;
	margin: 0;
	padding: 0;
	background-image: url(../images/hd_search_properties.png);
}
form#search h1 span {	display: none; }

form#search select, form#search input {	float: right; }

form#search select {
	width: 120px;
	font-size: 120%;
}

form#search label {
	color: #454e41;
	display: block;
	float: left;
	font-size: 120%;
	padding-top: 5px;
}

form#search div.input {
	height: 16px;
	padding: 6px 20px 5px 20px;
	clear: both;
}

* html form#search div.input {
	padding: 6px 20px 0 20px;
}
/*----------------------------------------------------------------------------*/


/* PD Window (Property Details)
------------------------------------------------------------------------------*/

html#pd, html#pd body {
	background-image: none;
	text-align: left !important;
}
div#pd_wrapper {
	width: 680px;
	height: 533px;
	
}
div#pd_header {
	width: 680px;
	height: 105px;
	background-image: url(../images/bg_window_header.png);
}

div#pd_header p.logo {
	width: 239px;
	height: 73px;
	background-image: url(../images/jk_window_logo.png);
	background-repeat: no-repeat;
	position: absolute;
	margin: 20px 0 0 33px;
}
div#pd_header p.logo span {
	display: none;
}

div#pd_header p.telephone_number {
	position: absolute;
	background-image: url(../images/interested_telephone.png);
	width: 376px;
	height: 103px;
	margin: 0 0 0 264px;
	padding: 0;
}

div#pd_header p.telephone_number span {
	display: none;
}

div.pd_drop_shadow_top, div.pd_drop_shadow_bottom {
	width: 665px;
	height: 28px;
	position: absolute;
	background-repeat: repeat-x;
}

div.pd_drop_shadow_top {
	background-image: url(../images/alpha_shadow_top.png);
	margin: 105px 0 0 0;
}

div.pd_drop_shadow_bottom {
	background-image: url(../images/alpha_shadow_bottom.png);
	margin: -28px 0 0 0;
}

* html div.pd_drop_shadow_top, * html div.pd_drop_shadow_bottom {
	background-image: none !important;
}

div#pd_content {
	width: 680px;
	height: 379px;
	overflow: auto;
	background-image: url(../images/bg_window.png);
	background-repeat: repeat;
	background-position: 0 0;
}

div#pd_content h1 {
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 20px;
	font-family: Times, serif;
	width: 617px;
	height: 26px;
	padding: 20px 0 0 20px;
	margin: 0 0 0 22px;
	background-image: url(../images/bg_window_sub_header.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
div#pd_content h1 span.location {
	font-size: 80%;
}

div#pd_content div.content {
	width: 574px;
	padding: 10px 0 10px 42px;
}

div#pd_images {
	margin: 0 0 0 22px;
	width: 617px;
	height: 300px;
	background-image: url(../images/bg_window_images.png);
}

div#pd_images ul {
	width: 230px;
}


div#pd_images div.thumbnails {
	float: right;
	width: 220px;
	padding: 15px 0 0 0;
}

* html div#pd_images div.thumbnails ul {
	width: 220px;
}

div#pd_images div.thumbnails p {
	padding: 0 9px 15px 9px;
}



div#pd_images li {
	background-image: none;
	margin: 0;
	padding: 0 0 9px 8px;
	float: left;
	width: 62px;
	height: 62px;
}

div#pd_large_image {
	padding: 1px 0 0 1px;
	overflow: hidden;
	width: 378px;
	height: 284px;
}


div#pd_menu {
	height: 28px;
}

div#pd_menu ul {
	margin: 1px 0 0 0;
	padding: 0;
	position: absolute;
}

div#pd_menu ul li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

div#pd_menu ul li a {
	float: left;
	height: 27px;
}

div#pd_menu ul li a.map_view { background-image: url(../images/pd_m_map_view.png); width: 120px; }
div#pd_menu ul li a.viewing_request { background-image: url(../images/pd_m_viewing_request.png); width: 134px; }
div#pd_menu ul li a.call_back_request { background-image: url(../images/pd_m_call_back_request.png); width: 141px; }
div#pd_menu ul li a.email_a_friend { background-image: url(../images/pd_m_email_a_friend.png); width: 121px; }
div#pd_menu ul li a.print_details { background-image: url(../images/pd_m_print_details.png); width: 164px; }

div#pd_menu ul li a span {
	display: none;
}

div#pd_footer {
	height: 21px;
	background-image: url(../images/bg_window_footer.png);
	background-repeat: repeat-x;
}

div#pd_footer p {
	padding: 5px 5px	 0 0;
	text-align: right;
	font-size: 11px;
}

div#pd_viewing_request div.content,
div#pd_call_back_request div.content,
div#pd_map_view div.content {
	padding-top: 20px;
}


/*----------------------------------------------------------------------------*/

div#aux_content {
	width: 188px;
	margin: 67px 46px 225px 0;
	padding: 0;
	background-image: url(../images/bg_aux_content_repeat.png);
	background-repeat: repeat;	
	border: 1px solid #eff3f0;
	float: right;
}


.side_image_1,
.side_image_2 {
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 227px !important;
	height: 1000px;
	margin: 58px 23px 0 -50px !important;
	border: none !important;
}

.side_image_1 {
	height: 1530px;
}

.side_image_2 {
	height: 1000px;
}

div#aux_content.side_image_1 div.content { display: none; }
div#aux_content.side_image_2 div.content { display: none; }

.side_image_1 {
	background-image: url(../images/side_image_1.jpg) !important;
}

div#aux_content.side_image_2 {
	background-image: url(../images/side_image_2.jpg);	
}


* html div#aux_content {
	margin: 66px 23px 225px 0;
}

* html .side_image_1,
* html .side_image_2 {
	margin: 58px 0 0 -26px !important;
	position: absolute;
}


div#aux_content h2 {
	font-weight: normal;
	font-size: 20px;
	line-height: 1.2;
}
div#aux_content div.block {	
	background-position: bottom;
	background-repeat: repeat-x;
	background-image: url(../images/hz_dashed_line.png);
	padding: 0 0 15px 0;
	margin: 20px;
}

div#aux_content div.block.last {
	background-image: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

div#aux_content div.content {
	padding: 0;
	background-repeat: repeat-x;
	background-image: url(../images/bg_aux_content.png);
}


form.standard {
	padding: 0 0 0 0;
	width: 490px;
}

form.standard.center {
	margin: 0 auto 0 auto;
}

form.standard input.title {
	width: 37px;
	margin-right: 2px;
}

form.standard table {
	border-collapse: collapse;
	width: 495px;
}	

form.standard table th,
form.standard  table td {
	vertical-align: bottom;
}

form.standard table tr, form.standard div.input {
	background-position: bottom;
	background-repeat: repeat-x;
	background-image: url(../images/hz_dashed_line.png);
}

form.standard input.name {
	width: 119px;
}

form.standard input.price, form.standard input.rooms {
	width: 143px;
}

form.standard label {
	font-weight: bold;
	display: block;
	width: 160px !important	;
	padding: 5px 15px 5px 0;
	color: #4c4c4d;
}

form.standard table label {
	padding: 5px 9px 5px 0 !important;
}

form.standard div.input {
	width: 489px;
}

form.standard div.input label {
	padding: 5px 19px 5px 0;
}

form.standard div.input input,
form.standard div.input textarea {
	width: 300px;
}

form.standard div.input.buttons input {
	width: auto;
	margin: 0 0 0 178px;
}

form.standard div.input textarea {
	height: 100px;
}

input.checkbox {
	width: auto !important;
}

label.checkbox {
	font-weight: normal !important;
}

form.standard table,
form.standard div.input {
	clear: both;
}

form.standard table th, form.standard table td {
	padding: 0px 0 10px 4px;
}

form.standard div.input {
	padding: 10px 4px 10px 4px;
}

form.standard div.input label {
	width: 150px;
	display: block;
	float: left;
}

form.standard label.aux {
	color: #999;
	font-weight: normal;
	width: auto !important;
}

form.standard fieldset {
	margin: 20px 0 0 0;
	clear: both;
}

form.standard legend {
	font-size: 140%;
	font-weight: bold;
	color: #0b6a37;
	padding: 0;
	margin: 10px 0 0 0;
}

form.standard ul.checkboxes {
	width: 310px;
	padding-bottom: 8px;
	float: left;
}

form.standard ul.checkboxes li {
	width: 155px;
	padding: 0 0px 0 0;
	float: left;
	background-image: none;
	display: block;
	height: 25px;
}

form.standard ul.checkboxes.single_col li {
	width: 310px;
	clear: both;
}

form.standard ul.checkboxes li label {
	font-size: 100%;
	width: auto !important;
}

form.standard p {
	padding: 10px 0 0 185px;
}


div.featured_property {
	width: 497px;
	background-image: url(../images/bg_box_fp.png);
	background-repeat: repeat-y;
	background-position: bottom;
	margin: 0 0 18px 0;
}



div.featured_property div.header {
	background-image: url(../images/bg_box_header_bar.png);
}

div.featured_property div.header h2 {
	font-weight: normal;
	padding: 18px 0 14px 10px;
	margin: none;
	background-image: url(../images/bg_box_fp_header_finish.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

div.featured_property div.content div.images {
	float: left;
	padding: 15px 0 15px 20px;
	width: 265px;
}


div.featured_property div.content div.images ul {
	margin: 0;
	padding: 0;
	width: 50px;
	float: left;
}

div.featured_property div.content div.images ul li {
	height: 53px;
	margin: 0;
	padding: 0;
	float: left;
}

div.featured_property div.content div.images ul li img {
	margin: 0 0 0px 0;
	padding: 0;
	float: left;
}

div.fp_large_image {
	float: left;
	padding-right: 15px;
}



div.featured_property div.content div.details {
	padding: 15px 15px 20px 0;
	float: right;
	width: 162px;
}

div.featured_property div.footer {
	height: 17px;
	background-image: url(../images/bg_box_fp_footer.png);
	background-repeat: no-repeat;
	background-position: bottom;
	clear: both;
}


a.bt_view_details {
	margin-left: -5px;
	width: 122px;
	height: 33px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/bt_view_details.png);
}

/* IE can't do alpha */
* html a.bt_view_details { 
	background-image: url(../images/bt_view_details_no_alpha.png);
}

a.bt_view_details span {
	display: none;
}

div.fp_thumbnails li {
	list-style: none;
	background-image: none;
	display:block;
	width:45px;
	height:45px;
	overflow:hidden;
	margin-bottom: 7px;
}

div.fp_thumbnails li a {
	display:block;
	margin-left: -7px;	
}


div#pd_images div.thumbnails li {
	list-style: none;
	background-image: none;
	display:block;
	width:54px;
	height:62px;
	margin-right: 7px;
	overflow:hidden;
}


div#pd_images div.thumbnails li a {
	display:block;
	margin-left: -20px;
}

div#pd_images div.thumbnails li a.placeholder {
	display:block;
	margin-left: -8px;
}



div.prop {
	width: 497px;
	background-image: url(../images/bg_box_prop.png);
	background-repeat: repeat-y;
	background-position: bottom;
	margin: 0 0 20px 0;
}

div.prop div.header {
	background-image: url(../images/bg_box_header_bar.png);
}

div.prop div.header h2 {
	font-weight: normal;
	padding: 18px 0 14px 10px;
	margin: none;
	background-image: url(../images/bg_box_prop_header_finish.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

div.prop div.footer {
	height: 17px;
	background-image: url(../images/bg_box_prop_footer.png);
	background-repeat: no-repeat;
	background-position: bottom;
	clear: both;
}

div.prop div.content div.details {
	padding: 15px 20px 20px 0;
	float: right;
	width: 230px;
}

div.prop_large_image {
	float: left;
	padding-right: 15px;
}

div.prop div.content div.images {
	float: left;
	padding: 15px 0 15px 22px;
	width: 200px;
}

div.pagination {
	padding: 10px 10px 0 10px;
	margin: 10px 0 15px 0;
	height: 20px;
	color: #4c4c4d;
	background-color: #eff6ec;
	font-size: 120%;
	clear: left;
	width: 477px;
}

div.pagination div.buttons {
	float: right;
	color: #ccc;
}
div.pagination div.buttons a {
	color: #588347;
}

div.pagination div.buttons a, div.pagination div.buttons span {
	padding: 0 0 0 5px;
}

div.pagination div.status {
	float: left;
}

div.pagination div.status span {
	font-weight: bold;
}

div#flash_opening {
	width: 190px;
	height: 320px;
}

div#flash_opening {
}

a.icon {
	font-size:12px;
	display: inline-block;
	padding: 2px 2px 2px 20px;
	background-position: 0 0;
	background-repeat: no-repeat;
	line-height: 100%;
}

/* This is for IE 6... */
a.icon span {
	background-image: none !important;
}

a.icon.pdf {	background-image: url('../images/pdf.png'); }

div.clearer {
	clear: both;
}

p.pu_form_footer {
	padding: 20px 20px 20px 45px;
}


div#pd_map_view div#map {
	width: 575px; height: 215px;
	border: 1px solid #CCC;
	margin: 0 0 15px 0;	
}


div#map_our_area {
	width: 492px; height: 300px;
	border: 1px solid #CCC;
	margin: 10px 0 15px 0;	
}

div#wanted_properties_footer {
	position: absolute;
	margin: -250px 0 0 30px;
}

* html div#wanted_properties_footer {
	margin: -250px 0 0 52px;
}

*:first-child+html div#wanted_properties_footer {margin: -250px 0 0 40px;}

a.nav.prev, a.nav.next {
	display: block;
	width: 65px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: right;
	display: absolute;
	margin: 8px 0 0 40px;
}

a.nav.prev {
	
	background-image: url(../images/img_nav_prev.png);

}

a.nav.next {

	background-image: url(../images/img_nav_next.png);

	
}

a.nav.next span, a.nav.prev span {
	
	display: none;
	
}

div.featured_links {
	padding: 10px 0 28px 18px;
	margin: -24px -23px 0px -20px;
	height: 63px;
	background-image: url(../images/bg_featured_links.png);
	background-position: bottom;
}

div.featured_links h2 {
	color: #fff;
	padding: 8px 0 5px 6px;
	margin: 0;
	background-image: url(../images/hd_featured_links.png);
	background-repeat: no-repeat;
	background-position: 6px 2px;
	width: 115px;
	height: 15px;
}

div.featured_links h2 span {
	display: none;
}

* html div.featured_links {
	margin: 0 0 20px 0;
}

div.featured_links a {
	font-size: 120%;
	padding: 10px 20px 8px 35px;
	background-image: url(../images/icon_link.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	font-weight: bold;
	color: #eee;
}

* html div.featured_links a {
	background-image: url(../images/icon_link_no_alpha.png);
}

div#epc {
	height: 350px;
}

div#eer {
	padding: 0 0 0 20px;
	float: left;
}

div#eir {
	padding: 0 0 0 20px;
	float: left;
}

span.sold_status {
	background-color: #de1a00;
	color: #fff;
	border: 2px solid #d25444;
	padding: 2px 5px 0 5px;
	margin: -2px 0 2px 8px;
	font-size: 85%;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 100%;
}

h1 span.sold_status {
	font-size: 70%;
	padding: 2px 5px 0px 5px;
}

*:first-child+html span.sold_status {
	margin: 0px 0 2px 8px;
}

* html span.sold_status {
	margin: 0px 0 2px 8px;
}

