/* COLORS

Background:					#fff
Main Text:					#666
Links:						#369
red:						#f5443e;


*/

@import url("common.css");

html {background: #fff; color: #666; font-size: 16px;}
body {font-family: arial, helvetica, sans-serif; font-size: 62.5%; text-align: center; background: url(../images/bg-body.gif) repeat-x 50% 0; padding: 1px 0;}



/*	=GENERIC
	------------------------------------------------------ */
h1, h2, h3, h4, h5, h6, p {font-weight: normal;}

h1 {font-size: 1.8em;}
h2 {font-size: 3.2em;}
h3 {font-size: 1.8em;}
h4 {}

p {font: 1.2em/1.6em arial, helvetica, sans-serif; margin: 0 0 .7em;}
	p em,
	p strong {line-height: 1.6em;}

strong {font-weight: bold;}

ul, ol {}
	li {font-size: 1.2em; line-height: 1.6em;}
	ol li {list-style-type: decimal; list-style-position: inside;}

ul.ad-types-list li {float: left; width: 100%; border-bottom: 1px dashed #DDDDDD; margin-top: 6px;}
ul.ad-types-list li a {background: #ffffff url('/images/building-icons.gif') no-repeat 0 50px; padding: 8px 0 0 35px; margin-left: 10px; height: 25px; font-weight: bold; font-size: 1.2em; float: left; clear: both;}
ul.ad-types-list li a.sell {background-position: 0 -13px;}
ul.ad-types-list li a.rent {background-position: 0 -52px;}
ul.ad-types-list li a.buy  {background-position: 0 -90px;}
ul.ad-types-list li a.look {background-position: 0 -126px;}

input {overflow: visible;}

a:link,
a:visited {color: #369;}
a:focus,
a:hover {color: #000;}

pre,
code {font: 125% monospace; line-height: 1.5em;}

table {width: 100%;}
	caption {padding: 5px; text-align: left; font-weight: bold; border: 0;}
	tr, th, td {border: 1px solid #fff; padding: 5px; text-align: center;}
	th, td:first-child {background: #369; font-weight: bold; text-align: left; color: #fff;}

blockquote {}



/*	=CLASSES
	------------------------------------------------------ */
.ad-125x125 {width: 125px; height: 125px; background: url(../images/ad-125x125.gif) no-repeat;}
.ad-300x250 {width: 300px; height: 250px; background: url(../images/ad-300x250.gif) no-repeat;}
.ad-728x90 {width: 728px; height: 90px; background: url(../images/ad-728x90.gif) no-repeat;  margin-left: auto; margin-right: auto; margin-top: 20px;}
#header .ad-125x125 {float: right; display: inline; margin: 15px 15px 0 0;}
#right-sidebar .ad-300x250 {margin: 0 0 20px;}
#right-sidebar .ad-125x125 {float: left; margin: 0 0 17px 17px}
.ad-example { background: #8DCBD9 !important; color: #FFFFFF !important; font-size: 1.6em !important; font-weight: bold !important; line-height: 1.6em !important; text-align: center !important; text-transform: uppercase !important; border: none !important;}

/*.ad-125x125 div {width: 125px; height: 125px; background-color: #ffffff;}*/

.pic-holder {margin: 10px 0 20px;}

.info {padding: 10px; border: 1px dashed #eee; margin: 10px 0; background: #fffdde;}

a.logo {float: left; margin: 0 10px 5px 0;}

.footer-block {float: left; display: inline; width: 220px; margin-right: 20px;}

.pagination {border: 1px dashed #ddd; border-width: 1px 0; padding: 5px 0 3px; margin: 10px 0;}

#site-slogan {color: #fff; line-height: 33px; float: left; font-size: 1.8em}

/*	=H1
	------------------------------------------------------ */
#top h1 {color: #fff; line-height: 33px; float: left;}


/*	=H2
	------------------------------------------------------ */
h1 small, h2 small {position: absolute; right: 0; font-size: .7em; text-transform: none; color: #f5443e;}
#header h2 {color: #fff; font-size: 1.8em; margin: 0 0 .5em;}
#content h1 {color: #a26427; font-size: 1.4em; font-weight: bold; text-transform: uppercase; margin: 0 0 1em; line-height: 1.6em; border-bottom: 3px solid #f1f1f1;}
.property-list h1 {width: 200px; border-bottom: none!important;}
#content h2 {color: #a26427; font-size: 1.4em; font-weight: bold; text-transform: uppercase; margin: 0 0 1em; line-height: 1.6em; border-bottom: 3px solid #f1f1f1;}
#sidebar h2 {color: #a8a8a8; font-size: 1.3em; font-weight: bold; text-transform: uppercase; margin: 10px 0;}
#sidebar .accordion h3 {color: #a8a8a8; font-size: 1.2em; font-weight: bold; text-transform: uppercase;}
#right-sidebar h2 {color: #a8a8a8; font-size: 1.4em; font-weight: bold; text-transform: uppercase; margin: 0 0 .5em; line-height: 1.6em; border-bottom: 3px solid #f1f1f1;}
#footer h2 {color: #27504e; font-size: 1.2em; font-weight: bold; text-transform: uppercase; margin: .5em 0; line-height: 1.6em; border-bottom: 3px solid #ebebeb;}



/*	=H3
	------------------------------------------------------ */
#content h3 {color: #2697ba; font-size: 0.9em; font-weight: bold; text-transform: uppercase; margin: .5em 0;}
#content form h3 {font-size: 1.1em;}


/*	=H4
	------------------------------------------------------ */
h4 {color: #2697ba; font-size: 1.1em; font-weight: bold; margin: 0 0 1em;}



/*	=P
	------------------------------------------------------ */
#mycarousel li p {font-size: 1.1em; line-height: 1.3em;}
li p {margin: 0; font-size: .9em; line-height: 1.3em;}
li p.descript-result {float: left; width: 90px; padding: 0 5px;}
.pagination p {float: left; display: inline; width: auto; margin: 0; line-height: 1em;}
p.developer {clear: both; text-align: center; margin: 1em auto;}

/*	=UL & OL
	------------------------------------------------------ */

/*top*/
#top ul {float: right;}
	#top li {display: inline; font-size: 1.1em; text-transform: lowercase;}
		#top li a {float: left; display: block; padding: 0 1em; line-height: 33px; color: #fff;}
		#top li a:hover {text-decoration: underline;}

/*header form*/
#header form li {display: inline; float: left; width: 140px;}
	#header form li.keywords {display: block; float: none; width: 100%;}

/*nav*/
#nav {clear: both; display: block;}
	#nav li {display: inline; font-size: 1.4em;}
		#nav li a {float: left; font-weight: bold; text-transform: lowercase; line-height: 35px; display: block; padding: 0 0.9em; color: #8b8b8b; border: 1px solid #f6f6f6; border-width: 0 1px;}
		#nav li a:hover {color: #000; background: #fff; border: 1px solid #ececec; border-width: 0 1px;}

/*pagination*/
.pagination ul {font-size: .9em; line-height: 1em; float: right;}
	.pagination li {display: inline; float: left; width: auto;}
		.pagination li a {padding: 0 7px; background: #f1f1f1; float: left; width: auto; margin: 0 0 0 1px;}
			.pagination li a:hover {background: #67B5C7; color: #fff;}
		.pagination li.current {font-weight: bold; padding: 0 7px; background: #999; color: #fff;}

/*property list*/
.property-list li { float:left; padding: 10px; background: #f5f5f5; position: relative; margin: 0 0 10px; overflow: auto;}
  .property-list li.sponsored {background: #ffe7e7 url(../images/bg-sponsored.gif) no-repeat 100% 100%; color: #981414;}
  .property-list li.agency {background: #ffe7e7 url(../images/bg-agency.gif) no-repeat 100% 100%; color: #981414;}
  .property-list li.no-agency {background: #f5f5f5 url(../images/bg-bez-posrednika.gif) no-repeat 100% 100%; color: #981414;}
  .property-list li.featured {background: #EEE url(../images/top.png) no-repeat 100% 100%; color: #981414;}
  .property-list li.rent-class {background-color: #E6FFE6;}
  .property-list li.buy-class {background-color: #E0F1FF;}
  .property-list li.looking-class {background-color: #FFF5C0;}
	.property-list li:hover {background: #fff;}
	.property-list li ul {float: left; width: 265px; padding: 0 0 0 10px; border-left: 1px dashed #ccc;}
	.property-list li ul li {margin: 0; padding: 0; font-size: .9em; line-height: 1.4em; background: none; overflow: hidden; clear: left;}
		.property-list li ul li:hover {background: none; border: 0;}
    .property-list li ul li strong {float: left; width: 85px;}
		.property-list li ul li strong.wide {width: auto;}
	.property-list a img {border: 5px solid #fff; float: left; margin: 0 10px 0 0; width: 80px;}
	.property-list a:hover img {border-color: #67B5C7;}

/*popularni-list*/
ul.popularni-list ul {margin:0; padding: 0;}
ul.popularni-list li {padding: 0px 10px; background: #f5f5f5; text-transform: uppercase;}

/*carousel*/
#mycarousel { margin: 18px 10px 0; min-height: 196px; height: auto !important; height: 196px; padding: 0 0 0 0;}
#mycarousel li {display: inline; float: left; width: 298px; font-size: 1em; position: relative; height: 208px;}
#mycarousel li .item-div {float: left; width: 130px;}
#mycarousel li a img {float: left; margin: 0 10px 7px 0; border: 5px solid #fff;}
#mycarousel li a:hover img {border: 5px solid #67B5C7;}
#mycarousel li li {padding: 0; display: block; font-size: 1.1em; width: auto; min-height: 0; height: auto !important;}
#mycarousel li li strong {float: left; width: 65px;}
#mycarousel ul {display: inline; margin: 0;}
#mycarousel a.read-more {position: absolute; bottom: 10px; right: 10px; background: url(../images/bg-a-readmore.gif) no-repeat 0 0; width: 22px; height: 23px; text-indent: -99999px;}
.item-car {display: inline; float: left; background: #f1f1f1; width: 255px; font-size: 1em; position: relative; min-height: 151px; height: auto !important; height: 151px; margin-right: 20px; padding: 10px;}
.carusel-body { float: left; height: 208px; width: 960px; overflow:hidden; background: #fbfbfb}
.top-slider { float: left; height: 28px; width: 100%; background-image: url(../images/bgn-slider-top.gif); background-repeat: no-repeat; margin-top: 10px; }
.bottom-slider { float: left; height: 13px; width: 100%; background-image: url(../images/bgn-slider-bottom.gif); background-repeat: no-repeat; }
a.car-previous {float: left; width: 33px; height: 208px; background-image: url(../images/bgn-slider-left.gif); background-repeat: no-repeat; cursor:pointer; }
a.car-next {float: left; width: 33px; height: 208px; background-image: url(../images/bgn-slider-right.gif); background-repeat: no-repeat;  cursor:pointer;}
div.carousel-wrap {float: left; width: 894px;}

/*my controls*/
#my-controls {display: block;}
#my-controls li a {float: left; width: 170px; height: 47px; line-height: 47px; margin: 0 0 10px; padding: 0 0 0 50px; background: #8dcbd9 url(../images/bg-mycontrols.gif) no-repeat 0 0; color: #fff; font-weight: bold; text-transform: uppercase;}
#my-controls li a.active {background-position: 0 -47px;}
#my-controls li a:hover {background: #f5443e url(../images/bg-mycontrols.gif) no-repeat 0 -47px;}
#my-controls li a.place-an-estate {background: #8dcbd9 url(../images/bg-mycontrols.gif) no-repeat 0 -94px;}
#my-controls li a.place-an-estate.active,
#my-controls li a.place-an-estate:hover {background: #f5443e url(../images/bg-mycontrols.gif) no-repeat 0 -141px;}

ul.latest li {background: #f4f4f4; padding: 5px; margin-bottom: 5px; overflow: auto;}
ul.latest li:hover {background: #f8fea3;}
ul.latest li img {float: left; margin: 0 10px 0 0; border: 5px solid #fff;}
ul.latest li img:hover {border: 5px solid #67B5C7;}
ul.latest li li {margin: 0; padding: 0; font-size: 1em; background: none;}

ul.latest li {
	display: block;
	}
ul.latest li img {
	float: left;
	}
ul.latest li ul {
	float: left;
	width: 140px;
	}

ul.details li {display: block; text-align: right; border-bottom: 1px dashed #eee; line-height: 1.2em; padding: 2px 0;}
	ul.details li.price {border-bottom: 0; color: #fff; font-size: 1.6em; background: #f5443e; margin-top: 10px; line-height: 30px; height: 30px; position: relative; padding: 0 105px 0 10px;}
		ul.details li.price a.cc {padding: 0 10px; background: #8dcbd9; line-height: 30px; height: 30px; color: #fff; font-size: .7em; font-weight: normal; text-transform: lowercase; position: absolute; right: 0; top: 0;}
		ul.details li.price a.cc:hover {background: #67B5C7;}
  ul.details li.rent {height: auto;}
  ul.details li.price-rate {border-bottom: 0; color: #000; border: 1px solid #dddddd; font-size: 1.6em; background: #fff; margin-bottom: 0px; line-height: 40px; height: 23px; position: relative; padding: 0 0 37px 10px;}
    ul.details li.price-rate a.cc {background: #ffffff; border-left: 1px solid #dddddd;; line-height: 30px; height: 60px; color: #fff; font-size: .7em; font-weight: normal; text-transform: lowercase; float: right;}
    ul.details li.price-rate a.cc:hover {background: #ffff00;}
    ul.details li.price-rate a.rate-value {color: #000000; float: left; background-color: #ffff00; padding: 12px 10px 0 10px; height: 48px; float: right; border-left: 1px solid #dddddd;}
    ul.details li.price-rate a.rate-value:hover {background-color: #ffff55; }
  ul.details li.rate-calc { background-color: #DDFFC0; padding-left: 10px;}
    ul.details li.rate-calc h4 {color: #000000; margin: 4px 0;}
    ul.details li.rate-calc span#rate-message {display: block; text-align: center; padding: 55px 0 8px; color: #0000FF; font-weight: bold;}
    ul.details li.rate-calc div {display: block; float: left;}
      ul.details li.rate-calc div div {width: 44%; float: left; padding-left: 17px;}
        ul.details li.rate-calc div div input {width: 150px;}

  ul.details li.rfb-label p {text-align: center; margin-bottom: 10px; font-size: 0.9em; font-weight: bold; color: #000000}
	ul.details li strong {float: left; width: auto;}
    ul.details li.price-rate strong {padding-top: 12px;}
	ul.details li a {font-weight: bold;}
	ul.details li .info {margin: 10px 0 -2px; background: #fff; border-bottom: 0; display: none;}

span.price-plus {color: #ffff33;}
/*tabs*/
ul.idTabs {color: #A26427; font-size: 1em; line-height: 1em; overflow: hidden; background: url(../images/bg-ul-idtabs.png) repeat-x 0 100%;}
	ul.idTabs li {float: left; display: inline; margin-right: 5px; font-size: 1.4em; line-height: 1.8em; font-weight: bold; padding-top: 3px;}
	ul.idTabs li a {padding: 0 5px; color: #999; background-color: #fff; border: 3px solid #ccc; float: left; display: inline; margin-top: -3px;}
	ul.idTabs li a:hover {color: #000;}
	ul.idTabs li a.selected {padding: 0 5px 3px; margin-bottom: -3px; color: #A26427; background-color: #f1f1f1; cursor: text;}
#today ul,
#lastweek ul {overflow: hidden; margin-bottom: 10px; padding-top: 10px; border-bottom: 3px solid #ccc; background-color: #f1f1f1;}
#today ul ul,
#lastweek ul ul {border: 0; margin: 0; padding: 0;}
#today li,
#lastweek li {float: left; display: inline; width: 95px; margin: 0 3px 10px 2px;}
#today li li,
#lastweek li li {float: none; display: block; width: auto; margin: 0; font-size: 11px; line-height: 1.2em;}
#today li a.thumb,
#lastweek li a.thumb {width: 95px; height: 70px; display: block; margin-bottom: 10px; overflow: hidden; background: url(../images/bg-a-thumbs.png) no-repeat 0 0;}
#today li.lokacija,
#lastweek li.lokacija,
#today li.cena,
#lastweek li.cena {font-weight: bold;}
#today li.cena,
#lastweek li.cena {color: #f90;}
#today li:hover,
#lastweek li:hover,
#today li:hover li.cena,
#lastweek li:hover li.cena {color: #000;}

/*search form uiTabs*/
div.search-tabs { border-color: #CCCCCC; border-width: 0 3px 3px 3px; border-style: solid; padding: 5px; background-color: #F1F1F1;}
  div#rent-tab { background-color: #E6FFE6; display: none;}
  div#buy-tab { background-color: #E0F1FF; display: none;}
  div#looking-tab { background-color: #FFF5C0; display: none;}
    ul.idTabs li a.sell { background-color: #F1F1F1;}
    ul.idTabs li a.rent { background-color: #E6FFE6;}
    ul.idTabs li a.buy { background-color: #E0F1FF;}
    ul.idTabs li a.looking { background-color: #FFF5C0;}


ul#thumbnail {margin: 10px 0 0; width: 305px; overflow: hidden;}
	ul#thumbnail li {display: inline;}
		ul#thumbnail li a img {float: left; border: 3px solid #f1f1f1; margin-right: 5px; display: inline;}
		ul#thumbnail li a:hover img {border-color: #67B5C7;}

ul.contact {margin: 20px 0;}
	ul.contact li {display: inline; line-height: 1em; font-size: 1.1em;}
		ul.contact li a {float: right; display: block; width: auto; margin-left: 5px; padding: 8px 10px; background: #8dcbd9; color: #fff;}
		ul.contact li a:hover {background: #f5443e;}
			ul.contact li.back a {float: left; margin-left: 0;}

/*footer*/
#footer ul {margin: 20px 0;}
	#footer li a {display: block; padding: 5px 0; line-height: 1.2em; border-top: 1px dotted #ccc;}
	#footer li:first-child a {border-top: 0;}
	#footer li a:hover {border-top: 1px dotted #999; color: #000;}
	#footer li:first-child a:hover {border-top: 0;}
	#footer .featured-blog-post {border: 3px solid #BD9977; background: white; padding: 8px 12px;}


/*	=FORMS
	------------------------------------------------------ */

form {margin: 0 0 15px 0;}
	form li {padding: 7px 0; border-bottom: 1px dashed #ddd;}

	form li.inlinelabels label {float: none; width: auto;}
		form li.inlinelabels label input {width: auto; border: 0;}
	form span { background:#f0c6c3; border:1px solid #cc6622; font-size: 9px; color:#FF0000; float: right; text-transform:none; clear:both;}
	label,
	p.label {float: left; width: 150px; font-size: 1em; font-weight: bold; margin: 0 0 .5em;}
		p.error {color: #f00;}
	select {width: auto;}
	input,
	select,
	button,
	textarea {width: 250px; border: 1px solid #999; border-color: #eee #999 #999 #eee; padding: 3px;}
	textarea {height: 100px;}
	button {width: auto; padding: 1px;}
		input.error {background: #fcc;}
		/*input:focus,*/
		textarea:focus,
		button:focus,
		select:focus {background: #ffc; border-color: #999 #eee #eee #999;}

/*search form*/

#header form {float: left; display: inline; margin: 11px 0 0 20px; padding: 15px 20px; width: 680px; background: #67b5c7; min-height: 104px; height: auto !important; height: 104px;}
	#header form li {padding: 0; border: 0;}
	#header label {color: #fff; display: block; font-weight: bold; float: none; margin: 0;}
	#header select {width: 130px; border: 1px solid #56a6b9; padding: 2px; font-size: 1em;}

    #header form li.keywords label {display: none;}
	#header form li.keywords input {width: 98%; border: 1px solid #56a6b9; padding: 3px; font-size: 1.4em; margin: 0 0 .2em;}
	#header form li.button {width: 100px; margin: 1.6em 0 0;}
	#header form li.button input {width: 95px; padding: 0; border: 0; height: 23px; background: #1f6d7f; color: #fff; cursor: pointer;}
	#header form li.button input:hover {background: #f5443e;}

/*my-properties-search*/
.search-buildings  {float: left; display: inline; margin: 11px 0 0 20px; padding: 15px 20px; width: 680px; background: #67b5c7; min-height: 104px; height: auto !important; height: 104px; border-radius: 5px 5px 5px 5px}
    .search-buildings li {padding: 0; border: 0; float:left;}
    .search-buildings li.button {width: 100px; margin: 1.6em 0 0;}
    .search-buildings li.button input {width: 95px; padding: 0; border: 0; height: 28px; background: #1f6d7f; color: #fff; cursor: pointer;}
    .search-buildings li.button input:hover {background: #f5443e;}
    .search-buildings #keywords {height: 20px;}

/*newsletter*/
#newsletter {margin: 10px 0 20px;}
	#newsletter label {display: none;}
	#newsletter input {font-size: 1.4em; float: left; width: 134px;}
		#newsletter input#sign-up {width: auto; float: right; font-size: 1.1em; padding: 0 10px; border: 0; line-height: 24px; height: 24px; background: #1f6d7f; color: #fff; cursor: pointer;}
		#newsletter input#sign-up:hover {background: #f5443e;}

/*forms in modal boxes*/
#nyroModalWrapper form {margin: 0 15px;}
#nyroModalWrapper .move-right {padding: 7px 0 7px 150px;}
	#nyroModalWrapper .move-right input {width: auto;}
#nyroModalWrapper p {margin: 7px 0;}
#nyroModalWrapper img {margin: 1px;}

/*add/edit property forms*/

form#edit-property li {overflow: auto;}
#edit-property input,
#edit-property select {width: 220px; float: right; margin: 3px 0; padding: 1px;}
#edit-property button {float: left; padding: 1px;margin: 3px 0;color: red;}
#edit-property select {width: 100px;}
#edit-property textarea {width: 98%; margin: 0 0 .5em;}
#edit-property .price {padding: 0 10px;}
#edit-property .price input {width: auto; margin: 5px 0 0;}

form#edit-property li.inlinelabels label {float: none; width: auto;}
	form#edit-property li.inlinelabels label input {width: auto; border: 0; float: none;}

	#edit-property input#submit {width: auto;}
	#edit-property input#m2 {width: 50px;}


/*marketing*/
table#marketing th{
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	color: #ffffff;
	background-color: #336699;
	}
table#marketing td {
	font-size: 1.2em;
	vertical-align: middle;
	}
table#marketing input {
	width: 70px;
	}

/* Boxes */
.error-box {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	}

/*error box*/
div.error-box {
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url('../images/error.png');
	}

/*info box*/
div.info-box {
  background-color: #CCFFBA;
  background-image: url('../images/success.png');
  background-repeat: no-repeat;
  background-position: 5px center;
  border: 1px solid #00FF00;
  padding: 10px 5px 10px 40px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  margin: 10px 0px;
  color: #4F8A10;
  }

/*message box*/
div.message-box {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin: 10px 0px;
	padding:27px 50px 10px 55px;
	background-repeat: no-repeat;
	color: #4F8A10;
	background-image:url('../images/messageback.png');
	height: 75px;
	}

/*image descriptions form*/
#image-descript-form label{
	font-size: 12px;
	padding-top: 8px;
	width: 45px;
	}

#image-descript-form input.dtext {
	width: 175px;
	}

#image-descript-form input.dsubm {
	width: 60px;
	}

/*

------------------------------------------------------
=LAYOUT
------------------------------------------------------
*/
#wrap {width: 960px; margin: 0 auto;}


/*	=header
	------------------------------------------------------ */

/*top*/
#top {height: 33px; background: #1f6d7f;}

/*logo*/
#logo {background: url(../images/logo.gif) no-repeat 0 0; width: 220px; height: 155px; float: left; margin: 1px 0 0;}
#logo img {display: block; width: 0;}



/*	=main
	------------------------------------------------------ */
#main {width: 640px; float: left; margin: 20px 0 0;}

/*content*/
#content {float: right; width: 400px;}

/*sidebar*/
#sidebar {float: left; width: 220px;}

/*right-sidebar*/
#right-sidebar {float: right; width: 300px; margin: 20px 0 0; overflow: hidden;}
	/*large pic*/
	#large {border: 3px solid #f1f1f1; width: 294px; min-height: 100px; height: auto !important; height: 100px; background: #fff url(../images/bg-loading.gif) no-repeat 50% 50%;}




/*	=footer
	------------------------------------------------------ */
#footer-holder {width: 100%; background: #f4f4f4; clear: both; margin: 30px 0 0; padding: 1px 0;}
	#footer {width: 960px; margin: 10px auto; overflow: hidden;}

/*YouTube video */

.video {
  padding-top: 20px;
}

#marketing td, tr, th {
  padding: 3px;
}
ul.details li.new-option {
    background-color: #F8FEA3;
    border-bottom: 0 none;
    font-size: 1.6em;
    margin-top: 10px;
    position: relative;
}

.payment-methods li {
  width: 50px;
  height: 30px;
  display: inline-block;
  float: left;
}

.payment-methods-discount li {
  width: 40px;
  height: 24px;
  display: inline-block;
  float: left;
}

.payment-methods li a {
  display: inline-block;
  margin-left: 5px;
}

.moneybookers {
  width: 50px;
  height: 30px;
  background: url(../images/skrill.gif) no-repeat 0 0;
  display: block;
/*  background-image:url('../images/moneybookers.gif');*/
}

.moneybookers-discount {
  width: 40px;
  height: 24px;
  background: url(../images/skrill-discount.gif) no-repeat 0 0;
  display: block;
/*  background-image:url('../images/moneybookers.gif');*/
}
.paypal {
  width: 50px;
  height: 30px;
  background: url(../images/paypal.gif) no-repeat 0 0;
  display: block;
/*  background-image:url('../images/paypall.gif');*/
}

.paypal-discount {
  width: 40px;
  height: 24px;
  background: url(../images/paypal-discount.gif) no-repeat 0 0;
  display: block;
/*  background-image:url('../images/paypall.gif');*/
}


/* flash messages */
.messages { width: 100%; -moz-border-radius: 4px; border-radius: 4px; display: block; padding: 10px 0; margin: 10px auto 10px; clear: both; }
.messages a.closeMessage { margin: -14px -8px 0 0; display:none; width: 16px; height: 16px; float: right; background: url(images/messages/close.png) no-repeat; }
/*.messages:hover a.closeMessage { visibility:visible; }*/
.messages p { margin: 3px 0 3px 10px !important; padding: 0 10px 0 23px !important; font-size: 14px; line-height: 16px; }
.messages.error { border: 1px solid #C42608; color: #c00 !important; background: #FFF0EF; }
.messages.error p { background: url(images/messages/cross.png ) no-repeat 0px 50%; color:#c00 !important; }
.messages.success {background: #E0FBCC; border: 1px solid #6DC70C; }
.messages.success p { background: url(images/messages/tick.png) no-repeat 0px 50%; color: #2B6301 !important; }
.messages.warning { background: #FFFCD3; border: 1px solid #EBCD41; color: #000; }
.messages.warning p { background: url(images/messages/warning.png ) no-repeat 0px 50%; color: #5F4E01; }
.messages.information, .messages.info { background: #DFEBFB; border: 1px solid #82AEE7; }
.messages.information p, .messages.info p { background: url(images/messages/help.png ) no-repeat 0px 50%; color: #064393; }
.messages.information a { text-decoration: underline; }



/*custom pagination*/
#content .property-list .search-pagination ul li.inactive,
#content .property-list .search-pagination ul li.inactive:hover{
    background-color:#ededed;
    color:#bababa;
    border:1px solid #bababa;
    cursor: default;
}
#content .property-list .data ul li{
    list-style: none;
    font-family: verdana;
    margin: 5px 0 5px 0;
    color: #000;
    font-size: 13px;
}

#content .property-list .search-pagination{
    width: 400px;
    height: 25px;
    float: left;
}
#content .property-list .search-pagination ul li{
    list-style: none;
    float: left;
    border: 1px solid #2697BA;
    padding: 2px 6px 2px 6px;
    margin: 0 3px 0 3px;
    font-family: arial;
    font-size: 14px;
    color: #2697BA;
    font-weight: bold;
    background-color: #f2f2f2;
}
#content .property-list .search-pagination ul li:hover{
    color: #fff;
    background-color: #2697BA;
    cursor: pointer;
}
.go_button
{
background-color:#f2f2f2;border:1px solid #2697BA;color:#cc0000;padding:2px 6px 2px 6px;cursor:pointer;margin-left: 10px;
}
.total
{
float:right;font-family:arial;color:#999;
}

/*main-search*/
ul.main-search {clear: both;}
ul.main-search li{
    display: inline-block;
}
ul.main-search li label{
    width: auto;
}

ul.main-search li input{
    margin-bottom: 0;
}

.accordion-inner label {
    float: right;
    font-size: 1em;
    font-weight: bold;
    margin: 0 0.5em 0.5em;
    width: 150px;
}

#sort-result {
    float: right;
    z-index: 5552222222;
}

#less-floor-area, #less-price {
    margin: 10px 0 10px 0;
}

.reset-buttons {
    margin: 10px 0 10px 0;
    height: 20px;
}

.hide {
    display: none;
}

/*Overlay */
.loading {
display:none;
position:absolute;
left:48%;
top:48%;
height: 50%;
z-index:20;
}
.overlaybg {
position:absolute;
left:0px;
top:0px;
display:none;
margin-left:auto;
margin-right:auto;
width:100%;
height:100%;
z-index:10;
background-color:#000000;

/* Opacity settings for all browsers */
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.2;
}

.accordion-group{
    border: 2px solid #e5e5e5;
}

.accordion-inner {
    border-top: 2px solid #E5E5E5;
}

.social-links a {
    display: inline!important;
    border: none!important;
    margin: 0 10px;
}
li.social-links {
    border-top: 1px dotted #CCCCCC;
}

.accordion input:focus,
.accordion textarea:focus,
.accordion button:focus,
.accordion select:focus {background: none; border-color: rgba(82, 168, 236, 0.8);}

.terms {
    width: auto;
}

a.back-to-top, a.back-to-top:link, a.back-to-top:visited a.back-to-top:hover, a.back-to-top:active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
    border-radius: 0;
    bottom: 14px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: none;
    font-size: 0.875em;
    padding: 11.6667px 14px;
    position: fixed;
    right: 14px;
    transition-property: none;
}
/* 404page */

.text-center {
    text-align: center;
}
.color-black {
    color: #000000;
}
.error-container {
    margin-top: 75px;
}
.error-container h1 {
    font-size: 45px;
    font-weight: bold;
    margin-bottom: 20px;
}
.error-container p {
    font-size: 15px;
    font-weight: bold;
}

.error-container button {
    background-color: #1f6d7f;
    color: white;
    border: none;
    border-radius: 8px;
    width: 370px;
    padding: 20px 0px;
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 165px;
}