/* 1000 */
body{font-family: arial; margin: 0; border: 0; padding: 0; direction: rtl}
a{font-family: arial;}
a{text-decoration: none;}
img {border: 0; /*behavior: url('iepngfix.htc');*/ -ms-interpolation-mode: bicubic;}
/*universal styles*/
table{border-collapse: collapse; margin: 0;}
td {vertical-align: middle;}
td.valign_top {vertical-align: top;}
p {margin: 0;}
h1, h2, h3, h4, h5, h6{margin-top: 0}
ul{-webkit-padding-start: 0px;}
textarea {overflow: auto;}
.sitemap ul{-webkit-padding-start: 40px;}
.content object, .content embed {border: 2px solid gray;}
.content{overflow: hidden;}
.content img{max-width: 750px;}
.content>ul{list-style: none;}

.comment_form  {width: 360px; background: #f0f0f0; font-size: 13px; border: 1px solid #9099ca; margin-bottom: 10px;}
.comment_table th{border-top: 2px solid white;}
.comment_table tr{background: #f0f0f0;}
.comment_table {font-size: 12px; width: 360px;}
.comment_table blockquote{margin: 2px 4px;}
.comment_name {color: #335599; font-weight: bold; font-size: 11px;}
.comment_time {color: #aa0000;}
.comment_h4 {margin: 9px 3px 3px 3px;}
.comment_form  textarea{width: 220px;}
.comment_form  th{padding: 0 5px;}
.comment_form  td{text-align: center;}

a{text-decoration: none;}
.clr {clear: both}
.nobr {white-space: nowrap}
.semi-transparent{background: url('/styles/semi_trans.png'); /*opacity: 0.75; -moz-opacity: 0.75;  filter:alpha(opacity=75); -khtml-opacity: 0.75;*/}
.trail a{color: black;text-decoration: none;}
.trail a:hover{text-decoration: underline;}
.category_link{font-weight: bold;}
.article_link {font-style: italic;}
body{background-color:#FFFFFF;}
.bg_gradient{width: 100%; height: 100%; background: url('/images/bg_gradient.png') top left repeat-x; text-align: center; margin: 0;/* border: 1px solid transparent;*/}
/*fixed background elements*/
.site_bg{width: 100%; /*height: 100%;*/ background: url('/images/site_bg.png') center center repeat-y; text-align: center; overflow: hidden;}
.site_base_center{ background: url('/images/site_base.png') top center repeat-x; height: 13px; float: right}
/*#site {width: 1000px; margin: 0 auto; text-align: right; border-left: 1px solid gray;border-right: 1px solid gray;border-top: 1px solid black;border-bottom: 1px solid black;}*/
#site {position: relative; width: 1000px; margin: 10px auto 0 auto; text-align: right; border-left: 1px solid gray;border-right: 1px solid gray;border-top: 1px solid black;border-bottom: 1px solid black; background: white;}

.left_ads {position: absolute; width: -8px; overflow: hidden; left: --3px; text-align: right;}
.left_ads img, .left_ads object {margin: 0 0 4px auto;}
.right_ads {position: absolute; width: -8px; overflow: hidden; right: --3px;text-align: left;}
.right_ads img, .right_ads object {margin: 0 auto 4px 0;}

/*header*/
.header{position: relative; width: 1000px; overflow: hidden;}
.header_image{width: 1000px; text-align: center;}
.header_image img{margin: 0 auto;}
.header_text_layer{ position: absolute; top:0; right: 0;}
/* menu*/
.menu{width: 1000px; background: black; border-top: 0px solid black; border-bottom: 1px solid gray;}
 /* $sitewidth=1000, $numitems= 6,$first_width= 170,$menu_width=166 */
.menu_bg_color1{cursor: pointer; background: #F52D05; float: right;}
.menu_item1{display: block; width: 170px; height: 20px; padding: 3px 0 2px 0; text-align: center; background:  url('/images/menu_gradient.png') bottom left repeat-x; overflow: hidden}
.menu_item1 span{color: #FFFFFF;font-weight: bold; text-decoration: none;}
.menu_item1:hover{background-position:  top left;}
#selected_menu span{color: black;}
 /* $sitewidth=1000, $numitems= 6,$first_width= 170,$menu_width=166 */
.menu_bg_color2{cursor: pointer; background: #3D2FBD; float: right;}
.menu_item2{display: block; width: 166px; height: 20px; padding: 3px 0 2px 0; text-align: center; background:  url('/images/menu_gradient.png') bottom left repeat-x; overflow: hidden}
.menu_item2 span{color: #FFFFFF;font-weight: bold; text-decoration: none;}
.menu_item2:hover{background-position:  top left;}
#selected_menu span{color: black;}
 /* $sitewidth=1000, $numitems= 6,$first_width= 170,$menu_width=166 */
.menu_bg_color3{cursor: pointer; background: #F7981B; float: right;}
.menu_item3{display: block; width: 166px; height: 20px; padding: 3px 0 2px 0; text-align: center; background:  url('/images/menu_gradient.png') bottom left repeat-x; overflow: hidden}
.menu_item3 span{color: #FFFFFF;font-weight: bold; text-decoration: none;}
.menu_item3:hover{background-position:  top left;}
#selected_menu span{color: black;}
 /* $sitewidth=1000, $numitems= 6,$first_width= 170,$menu_width=166 */
.menu_bg_color4{cursor: pointer; background: #77BF77; float: right;}
.menu_item4{display: block; width: 166px; height: 20px; padding: 3px 0 2px 0; text-align: center; background:  url('/images/menu_gradient.png') bottom left repeat-x; overflow: hidden}
.menu_item4 span{color: #0D0D0D;font-weight: bold; text-decoration: none;}
.menu_item4:hover{background-position:  top left;}
#selected_menu span{color: black;}
 /* $sitewidth=1000, $numitems= 6,$first_width= 170,$menu_width=166 */
.menu_bg_color5{cursor: pointer; background: #000000; float: right;}
.menu_item5{display: block; width: 166px; height: 20px; padding: 3px 0 2px 0; text-align: center; background:  url('/images/menu_gradient.png') bottom left repeat-x; overflow: hidden}
.menu_item5 span{color: #FCFCFC;font-weight: bold; text-decoration: none;}
.menu_item5:hover{background-position:  top left;}
#selected_menu span{color: black;}
 /* $sitewidth=1000, $numitems= 6,$first_width= 170,$menu_width=166 */
.menu_bg_color6{cursor: pointer; background: #EBE8DB; float: right;}
.menu_item6{display: block; width: 166px; height: 20px; padding: 3px 0 2px 0; text-align: center; background:  url('/images/menu_gradient.png') bottom left repeat-x; overflow: hidden}
.menu_item6 span{color: #0D0D0D;font-weight: bold; text-decoration: none;}
.menu_item6:hover{background-position:  top left;}
#selected_menu span{color: black;}
/*main*/
.main {width: 1000px;}
.main > table {width: 100%; table-layout: fixed;}
/* side menu */
.side_menu_container, .side_menu {width: 250px; }
/* side menu items ******************************************/
	/* quick contact form */
	.heading{position: relative; height: 28px; font: bold 15px arial; color: #122B45; text-align: center; border: 1px solid black; margin: 2px; background: #297EFF;}
	.sideblock_gradient{position: absolute; top: 0; left: 0; width: 100%; height: 28px; background: url(/images/sideblock_bg.png) top left repeat-x; padding: 5px; }
	.contact_form_body{font-size: 12px; font-weight: bold; margin: 5px}
	.contact_form_body input, .contact_form_body textarea{width: 120px;}
	#submitter {cursor: pointer; color: black; font-weight: bold;}
	
	/* sound player*/
	.player div{padding-right: 16px; margin: 4px; cursor: pointer;}
	.player div a{text-decoration: none; font-weight: bold;}
	.player div a:hover{color: gray;}
	.sound_play{background: url('/images/play.png') no-repeat center right;}
	.sound_play a{color: black;}
	.sound_pause{background: url('/images/pause.png') no-repeat center right;}
	.sound_pause a{color: blue;}
	#now_playing{;}
	
	/* side marquees*/
	.main_box .marquee{margin: 4px; width: 192px; height: 220px;}
	.main_box .marquee img{max-width: 192px;}
	
	/* side-categories */
	.poll{padding: 4px;}
	/* side-categories */
	.ddsmoothmenu-v .categories{font-weight: bold; color: white;}
	.ddsmoothmenu-v .articles{color: gold;}

	/* featured properties */
	.featured_properties img {width: 100%;}
	.featured_properties > div {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.featured_properties > div > h3 {
		position: absolute;
		margin: 0;
		font-size: 30px;
		pointer-events: none;
		text-align: center;
	}
	html[lang="he"] .featured_properties > div > h3 {
		transform: rotate(35deg);
	}
	html[lang="en"] .featured_properties > div > h3 {
		transform: rotate(-35deg);
	}
	.featured_properties > h4 {
		margin: 0;
		padding: 7px;
	}
	.featured_properties > h4 a {
		color: #2f4f4f;
	}
	.featured_properties > h4 a:hover {
		color: #539d9d;
	}
/************************************************************/
/*  home page */
.home, .homepage{padding: 12px;}

.promos .promo_title{border: 2px solid #e4e4e4; border-width:; padding: 2px 5px; font-weight: bold;}
.promos{width: 425px; margin-left: 5px;}
.promos h5{margin: 3px 0}
.promos .promo_sub_title{font-weight: bold; color: black; font-size: 13px; text-decoration: underline;}
.promos .promo_sub_title:hover{text-decoration: none;}
.promo_content{padding-bottom: 3px; font-size: 13px; font-weight: normal; text-align: justify;}
.promo_bottom_border{ border-bottom: 1px dotted gray;}
.read_more{float: left}
.read_more a{color: #12497b; font-weight: bold; font-size: 12px;}
.read_more a:hover{color: #62b9eb;}

/* drop-shadows for gallery pictures*/
.gallery_object {float: right; margin-top: 7px; text-align: center;}
/*div.img-dec {background: url('/images/shadowAlpha.png') no-repeat bottom right; float: right; margin: 0 0 0 15px; padding: 0; position: relative;}
div.img-dec img {background-color: #fff; border: 1px solid #a9a9a9; display: block; margin: -5px 5px 5px -5px; padding: 4px; position: relative; }*/
.gallery_object table,.gallery_object td {padding: 0;}
.gallery_object p{color: gray; font-size: 12px; font-weight: bold;}
/* drop-shadows for other objects*/
.shadow_container {position: relative; margin: 8px; direction: ltr;}
.side_menu .shadow_container {width: 230px;}
.shadow_container .main_box {border: 1px solid #a9a9a9; position: relative; direction: rtl; background: #FFFFFF}
.side_menu .shadow_container .main_box {width: 230px;}
.shadow {position: absolute; top: 0; left: 0; margin-top: 6px; margin-left: 6px; width: 100%; height: 100%; background: url('/images/shadowAlpha.png') no-repeat bottom right;}
.side_menu .shadow {margin-left: 7px;}
.thumb {margin: 8px;}
/* footer */
.footer{text-align: center; width: 1000px; margin: 0 auto;}
.footer_links table{margin: 0 auto; text-align: center;}
.footer a{text-decoration: none; font-size: 13px; color: black;}
.footer a:hover{text-decoration: underline; color: #2d3d5d;}
.footer_text {text-align: center;}
.company_text{margin: 3px auto; direction: ltr}
.company_text td{vertical-align: middle; font-size: 13px;}
.company_text a{font-weight: bold;text-decoration: none; color: black;}
.company_text a:hover{text-decoration: underline;}
/* poll results */
.graph {width: 700px;}
.graph  table{width: 100%;white-space: nowrap}
.graph_body{width: 100%;border-left: 1px solid black; text-align: left;}
.graph_bar{height: 20px; margin: 0 auto 0 0;}
/* sitemap */
.sitemap a {color: black;}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background: #3CB5C2;
color:  #FFFFFF;/*background of menu items (default state)*/
}


.ddsmoothmenu-v ul li a.selected, .ddsmoothmenu-v ul li a#side_selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: white;
background: black; 
}

.ddsmoothmenu-v ul li a:hover{
color: white;
background: black; /*background of menu items during onmouseover (hover state)*/
}

.search_box {text-align: center; font-size: 13px; white-space: nowrap; padding: 2px;}
.search_box table,
.search_box table select,
.search_box table input.text {
    box-sizing: border-box;
    width: 100%;
}

.property_listing {width: 100%;}
.property_listing em{font-style: normal; color: orange; font-weight: bold;}
.property_listing tr:hover em{color: white;}
.property_listing > tbody > tr > td > div {display: none}
.property_listing > tbody > tr:nth-child(odd){height:33px;background:rgb(224,244,244);cursor:pointer}
.property_listing > tbody > tr:nth-child(odd):hover td{background: orange}
.property_listing > tbody > tr:nth-child(odd) td{padding-left: 4px; padding-right: 4px;}
.property_listing > tbody > tr:nth-child(odd) td:last-child{white-space: nowrap}
/* .property_listing > tbody > tr > td:first-child{width: 120px} */
.property_listing .current,
.property_listing .exclusive,
.property_listing .featured {
	font-weight: bold;
}
.property_listing td:first-child span{display: block; background: orange; white-space: nowrap}
.property_listing .current td:first-child span{ background: yellow; }
.property_listing .exclusive td:first-child span{ background: lawngreen; }
.property_listing .featured td:first-child span{ background: pink; }

.features{width: 100%; border-collapse: collapse;}
.features h3 {color: white; font-weight: bold; font-size: 14px; background: orange; margin: 0; padding: 2px; text-align: center;}
.features table {width: 100%;}
.features div {height: 255px; border: 1px solid black; background: #ffe782; border-bottom: 2px solid orange;}
.features td {vertical-align: top;}
.gallery_page_features {clear: both;}
.gallery_page_features .nobr {white-space: normal;}
.gallery_page_features table {table-layout: fixed;}
.gallery_page_features > table > tbody > tr > td:first-child,
.gallery_page_features > table > tbody > tr > td:last-child {
	width: 39%;
}
.gallery_page_features > table > tbody > tr > td:nth-child(2) th {
	width: 70%;
}
.gallery_page_features > table > tbody > tr > td:nth-child(2) td {
	white-space: nowrap;
}
.gallery_page_features > table > tbody > tr > td:first-child th,
.gallery_page_features > table > tbody > tr > td:last-child th {
	width: 30%;
	word-break: break-word;
	white-space: break-spaces;
}
.gallery_page_features > table > tbody > tr > td th {
	padding: 3px;
}
.gallery_page_features td {height: 1px;}
.gallery_page_features .features div {height: 100%;}
.gallery_page_features th:first-child,
.gallery_page_features th:last-child {
}
.gallery_page_features .features td > div {padding: 3px;}
.gallery_page_features .features h3{border-top: 1px solid black;}
.gallery_page_features .features td:first-child > h3{border-right: 1px solid black;}
.gallery_page_features .features td:last-child > h3{border-left: 1px solid black;}
.features td td{vertical-align: middle;}
.features a{font-weight: bold;}
.features a:hover{color: black;}
	.property_listing thead th{border-left: 0; border-right: 0; height: 34px; background: url('/graphics/property_table_head_bg.png'); text-align: center; font-size: 14px;}
	.property_listing tbody td,.property_listing tbody th{border-left: 0; border-right: 0; text-align: right;  border-color: white; font-size: 14px; text-align: center;}
	.property_listing tbody td b{display: block; width: 100%; height: 100%; cursor: pointer; height: 19px; overflow: hidden;}
	.close_details{display: none; height: 16px;}
	.property_listing tbody td div img{width: 16px;}
	.property_listing tbody td div div td,.property_listing tbody td div div th{padding: 1px 4px; font-size: 14px; font-weight: normal; color: #000070; text-align: right}
	/* .property_listing tbody td div th {white-space:nowrap;} */
	.p_notes {width: 24%;float: left; text-align: right}
	.listing_image {width: 100px;}
		.image_container{width: 96px; height: 96px; overflow: hidden; border-right: 1px dotted #102398; border: 2px solid #eeeeee;}
		.hoverable  {width: 96px; height: 96px; border-top: 2px solid #aaaaaa; border-left: 2px solid #aaaaaa; border-bottom: 2px solid #122433; border-right: 2px solid #122433;}
		.hoverable:hover {width: 96px; height: 96px; border-top: 2px solid #5689ee; border-left: 2px solid #5689ee; border-bottom: 2px solid #122489; border-right: 2px solid #122489;}
		.listing_image img{width: 100px;}
		/*.listing_image a:hover img {border-left: 1px dotted #102398;border-right: 1px dotted #102398;}*/
	.listing_info {padding-left: 30px;}
	.listing_more_info form{margin: 0; border: 0; padding: 0;}
	.listing_bottom_border{border-bottom: 1px dotted #102398; height: 1px;}
		.border_cell {height: 1px; overflow: hidden;}
		
.page_numbers_table {width: 100%;}
	.page_numbers_table td.sides{width: 20%;}
	.page_link{border: 1px solid #102398; color: #102398; width: 20px; height: 20px;padding: 4px; float: left; margin: 2px; text-align: center; cursor: pointer;}
	.page_link_selected{border: 1px solid #102398; color: #102398; width: 20px; height: 20px;padding: 4px; float: left; margin: 2px; text-align: center; background: #eeeeee;}
	.page_link a, .page_link_selected a{color: #102398; text-decoration: none; font-weight: bold}
	.page_link_selected a{cursor: default;}
	.page_link a:hover, .page_link:hover a{color: #6081c3; }
	.page_link_here{border: 1px solid #6081c3; background-color: #7485c7;color: rgb(240,238,15); width: 20px; height: 20px;padding: 4px; float: left; margin: 2px;}
	.page_link_here a{color: white; text-decoration: none; font-weight: bold;}

.gallery_all_wrapper {padding: 15px 6px 6px; border: 1px solid orange; float: left; text-align: center; margin-bottom: 20px; margin-left: 50px;}
.large_img_wrapper{width: 600px; height: 450px; overflow: hidden; border: 1px solid #ffe782; margin: 0 auto;}
.gallery_all_wrapper > iframe {margin-top: -9px;}
#large_img{
	margin-left: 5px;
    max-width: 600px;
    max-height: 450px;
}
.gallery_table {margin-top: 0;}
	.gallery_table td{vertical-align: middle; width: 24px;}
	.hover_up_container {width: 11px; height: 18px; overflow: hidden;}
	html[lang="en"] td:first-child .hover_up_container {float: right}
	html[lang="he"] td:first-child .hover_up_container {float: left}
	.hover_up {width: 11px; height: 36px}
	.hover_up:hover {margin-top: -18px;}
	.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 615px; /*Width of Carousel Viewer itself*/
	height: 82px; /*Height should enough to fit largest content's height*/
	}

	.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	}

	.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 9px; /*margin around each panel*/
	width: 94px; /*Width of each panel holding each content.*/
	border: 1px solid #cccccc;
	}
	.panel img {width: 94px; height: 62px; cursor: pointer;}
	#mygallery .panel.selected {outline: 1px solid gray;}

.lang {background: white;height: 23px; margin-top: -8px; border-top: 1px solid black; border-bottom: 1px solid black; padding: 3px 33px 0; z-index: 9; position: relative;}
.lang a{display: block; margin-right: 28px; float: right; font-size: 16px; color: red; font-weight: bold; text-decoration: none;}
.lang a:hover{color: #ffaaaa;}
#modal{
    background: rgba(0, 0, 0, .2);
    display: none;
    align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
	#modal > div {
		position: absolute;
		top: calc(30vh - 130px);
		width: 92%;
		left: 4%;
	}
		#modal > div > span {
			position: absolute;
			top: -10px;
			right: -10px;
			display: block;
			border-radius: 50%;
			width: 30px;
			height: 30px;
			background: red;
			color: white;
			line-height: 30px;
			font-size: 30px;
			text-align: center;
			cursor: pointer;
		}
input[type="submit"] {
	background-image: linear-gradient(#0dccea, #0d70ea);
	border: 0;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, .3) 0 5px 15px;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	font-family: Montserrat,sans-serif;
	font-size: 1.3em;
	margin: 5px;
	padding: 8px 15px;
	text-align: center;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}

input[type="submit"]:active {
	box-shadow: none;
}
/* CSS */
.button-89 {
  --b: 3px;   /* border thickness */
  --s: .45em; /* size of the corner */
  --color: #373B44;

  padding: calc(.5em + var(--s)) calc(.9em + var(--s));
  color: var(--color);
  --_p: var(--s);
  background:
    conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0)
    var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p));
  transition: .3s linear, color 0s, background-color 0s;
  outline: var(--b) solid #0000;
  outline-offset: .6em;
  font-size: 16px;
  border: 0;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-89:hover,
.button-89:focus-visible{
  --_p: 0px;
  outline-color: var(--color);
  outline-offset: .05em;
}

.button-89:active {
  background: var(--color);
  color: #fff;
}

/* content page */
.content_page_content {padding: 10px;}