/**
 * SINGLE-PROPERTY.CSS
 */

html {
  background-color: #d8d8d8;
}

body {
  margin:0;
  padding:0;
}

/* Head */
div#content div#hd {
  width:100%;
  height: 96px;
  background: url(/img/search/hd-bkg.gif) repeat-x 0 0;
  min-width: 1075px;
}
div#hd2 {
  width: 100%;
}

div#hd-inner {
  float:left;
  width:100%
}

/* #000219 - убрать, иначе лого наезжает на блок поиска
div#hd-inner-wrap {
  margin: 0 220px 0 220px;
}*/

div#hd-inner-wrap2 {
  width: 100%;
  overflow: hidden;
}
div#userButtons{float:left;width:243px;margin-left:-243px}

/* Body */
div#bd {
  background: url(/img/search/body-bkg.gif) repeat-x 0 0;
}

/* Footer */
div#ft {
  text-align: center;
  background-color: #340500;
  padding: 0 0 40px 0;
}
div#ft p {
  font-size: 85%;
  color: #a03b2c;
  background-color: #4a0800;
  margin: 0;
  border-bottom: 1px solid #1c0100;
}
div#ft p span {
  border-bottom: 1px solid #790f01;
  display: block;
  padding: 10px 0;
}
div#ft p a {
  padding: 0 5px;
}
div#ft p a:link, div#ft p a:visited {
  color: #ebaaac;
  text-decoration: none;
}

div#wrapper {
  float:left;
  width:100%
}
div#content {
  margin:0 193px 0 10px;
}
div#sidebar {
  float:left;
  width:200px;
  margin-left:-200px
}
div#extra {
  float:left;
  width:200px;
  margin-left:-100%
}
div#ft {
  clear:left;
  width:100%
}

div.result-box:hover {
  background-color:#FFFFFF;
  border:1px solid #B0B0B0;
}

div#logo a {
  float:left;
  color:white;
  font-size:0.78em;
  font-family:Arial, sans-serif;
  padding-left:230px;
  padding-top:50px;
  text-decoration: none;
}

/* Head Search Box */
/*div#hd div.search {
  width: 490px;
  height: 52px;
  background: url(/img/search/hd-search-middle.gif) repeat-x 0 0;
  margin-top: 33px;
  margin-left: auto;
  margin-right: auto;
}

div#hd div.search2 {
  width: 460px;
  height: 37px;
  padding: 15px 30px 0 30px;
}
div#hd div.search input.txt {
  font-size: 108%;
  border: 1px solid #1b3146;
  padding: 3px;
  color: #9a0700;
  vertical-align: middle;
  width: 190px;
  margin-right: 10px;
}
div#hd div.search input.btn {
  vertical-align: middle;
  margin-right: 10px;
}
div#hd div.search label {
  margin-right: 10px;
  color: #fff;
  font-weight: bold;
  font-size: 108%;
  vertical-align: middle;
}*/

/* Content */
#bd #wrapper #content {
  background: #FFFFFF url(/img/search/content-fade-top.gif) repeat-x scroll 0 0;
}

#property-detailed #container #content {
  background: #fff;
}
div.contentwrap1 {
  background: url(/img/search/content-bkg-left.gif) repeat-y 0 0;
}
div.contentwrap2 {
  background: url(/img/search/content-bkg-right.gif) repeat-y 100% 0;
  padding: 8px 20px;
  overflow: hidden;
}

/* Sidebar Column */
div#sidebar {

}
div#sidebar div.sidebar-content {
  width: 160px;
  margin-left: 10px;
}
div#sidebar p.advertisement {
  font-size: 85%;
  color: #2f2f2f;
  text-align: center;
}

/* Side Headings */
div.extra-content h2 {
  font-size: 100%;
  background-color: #bababa;
  padding: 4px 10px 4px 10px;
  margin: 0;
  font-size: 116%;
  color: #2f2f2f;
  font-weight: bold;
}

/* @group Misc */
.clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* INPUT FIELDS, FORMS, ETC */
#wrapper #content .contentwrap1 .contentwrap2 #generalContent .fieldSet {
  padding: 32px 10px 3px 12px;
  border: 1px solid #666;
  margin:10px 0px 5px 0;
}

#wrapper #content .contentwrap1 .contentwrap2 #generalContent h2.fieldTitle {
  float:left;
  margin:0 0 0 10px;
  background:white;
  padding:2px;
  font-size: 16px;
  font-weight: bold;
}

#wrapper #content .contentwrap1 .contentwrap2 #generalContent form {
  width:100%;
  float:left;
  color:black;
}

#wrapper #content .contentwrap1 .contentwrap2 #generalContent form .requiredField {
  margin:14px 0;
  padding: 0px;
  border-top: 1px solid #b0c5d8;
  border-bottom: 1px solid #b0c5d8;
  background-color: #e5eff9;
}

#wrapper #content .contentwrap1 .contentwrap2 #generalContent .requiredField label {
  vertical-align: middle;
  color: #33495d;
  padding: 4px 0;
  margin-right: 20px;
  font-weight: bold;
  font-size: 1em;
  text-align: right;
}

#wrapper #content .contentwrap1 .contentwrap2 #generalContent form input {
  font-size: 108%;
  border: 1px solid #6f8aa4;
  padding: 3px;
  vertical-align: middle;
  margin:4px 10px 4px 5px;
  width:200px;
}

#wrapper #content .contentwrap1 .contentwrap2 #generalContent form input#submit {
  font-size: 108%;
  border: 1px solid #6f8aa4;
  padding: 3px;
  vertical-align: middle;
  margin:4px 10px 4px 5px;
  width: 150pt;
}

#wrapper #content .contentwrap1 .contentwrap2 #generalContent form textarea,select {
  font-size: 108%;
  border: 1px solid #6f8aa4;
  padding: 3px;
  vertical-align: middle;
  margin:4px 10px 4px 5px;
  width: 300px;
}

#wrapper #content .contentwrap1 .contentwrap2 #generalContent form select {
  font-size: 108%;
  border: 1px solid #6f8aa4;
  padding: 3px;
  vertical-align: middle;
  margin:4px 10px 4px 5px;
  width: 200px;
}

#wrapper #content .contentwrap1 .contentwrap2 #generalContent form input.btn {
  vertical-align: middle;
  margin-right: 10px;
}

/**
 * Detailed property page
 */

div#property-detailed {
  color: #142d46;
  font-family: arial,tahoma,verdana,helvetica,sans-serif;
}

div#property-detailed #container #left-column {
  float:left;width:100%
}

div#property-detailed #container #left-column #content {
  margin-right:420px
}

div#property-detailed #container #right-column {
  float:right;
  width: 410px;
  margin-left: -410px
}

div#property-detailed h1 {
  color: #132c44;
  font-size: 1.5em;
  margin: 5px;
  border-bottom: 1px solid #33689b;
}

div#property-detailed h2 {
  color: #273e54;
  font-size: 1.2em;
  margin: 3px;
}

div#property-detailed h3 {
  color: #102438;
  font-size: 1.2em;
  margin: 5px;
  border-bottom: 1px solid #33689b;
  font-weiight: bold;
}

div#property-detailed p {
  margin-bottom: 5px;
  margin-left: 5px;
  font-size: 1em;
}

div#property-detailed .description {
  font-size: 1em;
  font-weight: bold;
}
div#property-detailed .description .highlight {
  color: #DB4A00;
}

#single-property-map {
	background-color:#E5E3DF;
	height:300px;
	margin-bottom:10px;
	position:relative;
}

#photo-gallery {
  margin: 5px 0;
}

#photo-gallery a img, #full-size-photo img {
  border: 2px solid #B0C5D8;
}

#actions {
  display:inline;
  ___float:right;
  margin: 0px;
}


/* Result Box */
div.result-box2 {
    border: 1px solid #d5d5d5;
    padding: 9px 9px 0 9px;
    margin-top: 10px;
}

div.result-box2 div.photo {
    width: 104px;
    height: 104px;
    padding: 3px;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    margin: 0 10px 0 0;
    float: left;
    display: inline;
}
div.result-box2 h2 {
    margin: 0 0 2px 0;
    font-size: 108%;
    font-weight: bold;
    color: #0c366a;
}
div.result-box2 h2 a:link, div.result-box2 h2 a:visited {
    color: #0c366a;
    text-decoration: none;
}
div.result-box2 h2 a:hover {
    text-decoration:underline;
}
div.result-box2 div.company {
    width: 100px;
    height: 60px;
    margin: 0 0 0 10px;
    border: 1px solid #d4d4d4;
    float: right;
    display: inline;
}
div.result-box2 p {
    font-size: 85%;
    margin: 0 0 10px 0;
    line-height: 150%;
}

div.result-box2 a.bed {
    background: url(/img/common/icon-bed.gif) no-repeat 0 50%;
    padding: 5px 0 5px 25px;
    margin-right: 10px;
    margin-left: 10px;
    font-weight: bold;
}
div.result-box2 a.bed:link, div.result-box2 a.bed:visited {
    color: #2f2f2f;
    text-decoration: none;
}
div.result-box2 a.bath {
    background: url(/img/common/icon-bath.gif) no-repeat 0 50%;
    padding: 5px 0 5px 25px;
    margin-right: 10px;
    margin-left: 10px;
    font-weight: bold;
}
div.result-box2 a.bath:link, div.result-box2 a.bath:visited {
    color: #2f2f2f;
    text-decoration: none;
}
div.result-box2 a.house {
    background: url(/img/common/icon-house.gif) no-repeat 0 50%;
    padding: 5px 0 5px 25px;
    margin-right: 10px;
    margin-left: 10px;
    font-weight: bold;
}
div.result-box2 a.house:link, div.result-box2 a.house:visited {
    color: #2f2f2f;
    text-decoration: none;
}
div.result-box2 a.house sup {
    line-height: 90%;
    font-weight: normal;
    font-size: 77%;
}

div.result-box2 p.company-text {
    font-weight: bold;
    margin: 0;
}
div.result-box2 p.company-text a:link, div.result-box2 p.company-text a:visited {
    color: #8b8b8b;
    text-decoration: none;
}
div.result-box2 p.company-text a:hover {
    color: #c8220c;
    text-decoration: underline;
}

div.result-box2 ul.util-links {
    clear: both;
    font-size: 77%;
    margin: 0;
    padding: 0;
    float: right;
    display: inline;
}
div.result-box2 ul.util-links li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
}
div.result-box2 ul.util-links li a {
    padding: 3px 30px 3px 6px;
    margin: 0 0 0 3px;
    display: block;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    float: left;
    display: inline;
}
div.result-box2 ul.util-links li a.favorites {
    background: url(/img/common/favorites-star.gif) no-repeat 100% 40%;
}
div.result-box2 ul.util-links li a.viewmap {
    background: url(/img/common/view-map-arrow.gif) no-repeat 100% 40%;
}
div.result-box2 ul.util-links li a.similar {
    background: url(/img/common/similar-icon.gif) no-repeat 100% 50%;
}
div.result-box2 ul.util-links li a:link, div.result-box2 ul.util-links li a:visited {
    color: #878787;
    text-decoration: none;
    background-color: #f5f5f5;
}
div.result-box2 ul.util-links li a:hover {
    color: #4c4c4c;
    text-decoration: underline;
    background-color: #fff;
}


/* кнопка Подробнее - открывает страницу агента здесь search/templates/_singlePropertyDetailed.php */
#button_agent
{
  background:transparent url(/img/search/moredetails-orange.jpg) repeat-x scroll 0 0;
  border :0 solid;
  cursor:pointer;
  padding:10px 20px;
  width:143px;
}


#button_agent:hover
{
  border-style:0 solid;
  background:transparent url(/img/search/moredetails-grey.jpg) repeat-x scroll 0 0;
}

/* блок слайдшоу */
#slideShow
{
	width: 300px;
	height: 200px;
	border: 1px solid #ccc;
	padding: 10px;
	background-color: #fff;
	margin: 10px;
}

.pagelinks a
{
	font-weight: bold;
	color: #666;
}
/*.slideCaption
{
	background-color: #FFFFCC;
	padding: 4px;
	text-align: center;
	font-weight: bold;
}*/
.pagelinks a.activeSlide
{
	color: #f90;
}
/* this is for IE so the prev/next links can be hovered*/
.nextSlide,.prevSlide
{
	background-image: url(/img/common/spacer.gif);
}
.nextSlide:hover
{
	background-image: url(/img/common/next.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.prevSlide:hover
{
	background-image: url(/img/common/prev.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.slideshowLinks {
	background-color:#FFFFFF;
	text-align: center;
}