body {
 font-family: Arial;
 font-size: 10pt;
 cursor: default;
 margin: 0;
 background-image: url(/img/background.jpg);
 background-position: center 0;
 background-repeat: repeat-y;
 background-color: #C0B8A8;
 color: #303030;
}

form {
 margin: 0;
 padding: 0;
}

form .error {
 color: Red;
 font-size: 80%;
}

#content {
 width: 970px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 margin-bottom: 10px;
 background-color: white;
 border-style: solid;
 border-width: 1px;
 border-color: #8B8381;
}

a img {
 border-style: none;
}

a {
 color: inherit;
}

strong {
 color: #505050;
}

.advice {
 font-weight: normal;
 color: #606060;
}

p.message {
 text-align: center;
}

p {
 cursor: default;
 text-align: left;
 margin-top: 0;
}

sup {
 font-size: 5pt;
}

h1, .h1 {
 font-size: 14pt;
 font-variant: small-caps;
 color: #8B8381;
 margin-top: 0;
 margin-bottom: 20px;
}

h2, .h2 {
 font-size: 13pt;
 font-variant: small-caps;
 margin-top: 0;
 margin-bottom: 10px;
 white-space: nowrap;
 color: #454545;
 color: #7389B7;
 color: #AA937E;
}

h2 a, .h2 a {
 color: inherit;
 text-decoration: underline;
}

h3, .h3 {
 font-size: 12pt;
 font-weight: bold;
 font-variant: small-caps;
 color: #AA9C7E;
 margin-top: 0;
 margin-bottom: 5px;
}

h3 a, .h3 a {
 color: inherit;
 text-decoration: underline;
}

h4 {
 font-size: 11pt;
 font-variant: small-caps;
 color: #AA9C7E;
 margin-bottom: 0;
}

ul {
 padding-left: 16px;
}

li {
 list-style-image: url(/img/common/li.png);
 margin-bottom: 3px;
}

.input-bar {
 padding-top: 10px;
 text-align: right;
 clear: both;
}

.input-bar * {
 margin-left: 5px;
}

.input-button {
 border-style: none;
 border-width: 1px;
 border-color: #a4a6a9;
 background-color: #DCD0D2;
 background-color: white;
 font-weight: bold;
 padding: 0;
 cursor: pointer;
 color: #7389B7;
 color: #505050;
}

.input-button:hover {
 color: #2266AA;
 color: Black;
}

.working-message {
 display: none;
 color: #606060;
 font-size: 9pt;
 text-align: center;
 padding-top: 10px;
 padding-bottom: 10px;
 height: 100px;
 vertical-align: middle;
}

.working-message span {
 display: block;
 width: 130px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 10px;
 padding-right: 10px;
 background-image: url('/img/common/working.gif');
 background-repeat: no-repeat;
 background-position: 0 middle;
 padding-left: 35px;
}

.form-invalid-input {
 background-color: #FF8E77;
 background-color: #be095c;
 color: White;
}

.mailToContact {
 text-decoration: underline;
 cursor: pointer;
}

.notes {
 font-size: 8pt;
 background-image: url(/img/notes2.jpg);
 border: solid 1px #AAA08A;
 padding: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
}

.main-points {
 float: right;
 width: 300px;
 padding: 10px;
 margin-bottom: 20px;
 margin-left: 20px;
 background-image: url(/img/showroom-background2.jpg);
 border: solid 1px #AA9C7E;
}

.main-points ul {
 margin: 0;
}

.main-points li {
 margin-bottom: 10px;
}

.warning {
 color: red;
}

.showroom-item {
 background-image: url(/img/showroom-background2.jpg);
 border: solid 1px #AA9C7E;
 padding: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
}

.action-block {
 display: block;
 padding: 3px;
 text-align: center;
 color: White;
 font-weight: bold;
 font-size: 110%;
 background-image: url(/img/action.jpg);
 background-repeat: repeat-x;
 background-position: left center;
 border: solid 1px #AAA08A;
}

.note {
 font-size: 80%;
 font-style: italic;
}

.link { /* after all "default" elements */
 cursor: pointer;
}

.link * {
 cursor: pointer;
}

.tag-list {
 color: #606060;
 font-weight: bold;
 margin-right: 10px;
 margin-bottom: 10px;
}

/* Header ******************************************************************/

.header {
 height: 132px;
 background-image: url(/img/header-v2.png);
 background-repeat: no-repeat;
 position: relative;
}

.header .logo-block {
 float: left;
 position: relative;
 left: 20px;
 top: 10px;
 text-align: center;
}

.header .logo-block h2, .header .logo-block .h2 {
 border-style: none;
 position: relative;
 left: 90px;
 top: -10px;
 margin: 0;
 padding: 0;
 font-size: 10pt;
 font-variant: small-caps;
 font-weight: normal;
 background-image: none;
 color: #AA937E;
}

.header .phone-block {
 float: left;
 clear: left;
 position: relative;
 left: 20px;
 top: 12px;
 width: 400px;
}

.header .phone-block .number {
 font-size: 110%;
}

.header .social-links {
 position: absolute;
 right: 100px;
 top: 10px;
}

.header .social-links .button {
 display: inline-block;
}

.navigation {
  padding: 20px;
  padding-right: 0;
}

.navigation .localizations {
 float: right;
 padding-top: 10px;
 padding-right: 20px;
}

.navigation .localizations a {
 margin-left: 10px;
}

.navigation .localizations img.flag {
 border-style: solid;
 border-width: 1px;
 border-color: #AAA89E;
}

.navigation .sections {
 font-variant: small-caps;
 font-weight: bold;
 font-size: 13pt;
 border-top: solid 1px #40372F;
 padding-top: 5px;
}

.navigation .sections a {
 display: inline-block;
 text-decoration: none;
 margin-right: 20px;
 padding-bottom: 10px;
 color: #8B8381;
}

.navigation .sections a:hover {
 text-decoration: underline;
}

.navigation .sections a.selected {
 background-image: url(/img/section-mark-15.png);
 background-repeat: no-repeat;
 background-position: center bottom;
 text-decoration: underline;
}

.navigation .sub-sections {
 background-image: url(/img/sub-sections.jpg);
 background-repeat: repeat-x;
 background-position: left center;
 font-size: 10pt;
 font-variant: small-caps;
 border: solid 1px #40372F;
 margin-right: 20px;
}

.navigation .sub-sections a, .navigation .sub-sections span {
 display: inline-block;
 text-decoration: none;
 color: #8B8381;
 color: White;
 font-weight: bold;
 padding : 15px;
 padding-top: 5px;
 padding-bottom: 5px;
}

.navigation .sub-sections a.selected, .navigation .sub-sections span.selected {
 text-decoration: underline;
}

/* Panel ******************************************************************/

.panel {
 min-height: 800px;
 padding-left: 20px;
 padding-right: 20px;
 position: relative;
}

/* Footer ******************************************************************/

.footer {
 clear: both; /* Needed to adapt body height */
 text-align: right;
 color: #606060;
 border-top: none 1px #8B8381;
 margin-top: 30px;
 padding: 10px;
 text-align: center;
 font-size: 8pt;
 line-height: 16px;
}

.footer a {
 text-decoration: none;
 color: #606060;
}

.footer span.separator {
 border-left: solid 1px #8B8381;
 margin-left: 10px;
 margin-right: 10px;
}

#contactSpan {
 cursor: pointer;
}

/* Columns *************************************************************/

.column-section {
 clear: both;
}

.column-left {
 float: left;
 width: 230px;
}

.column-left h3, .column-left .h3 {
 margin-top: 0;
}

.column-right {
 float: right;
 width: 220px;
 height: 100%;
 border-left: solid 1px #AAA08A;
 padding-left: 10px;
}

.column-right h3, .column-right .h3 {
 margin-top: 0;
}

.column-center {
}

.column-center-wl {
 margin-left: 250px;
}

.column-center-wr {
 margin-right: 250px;
}

/* Block ******************************************************************/

.block {
 margin-bottom: 30px;
}

.block-toolbar {
 text-align: right;
 margin-bottom: 5px;
}

.block-toolbar * {
 float: none;
 top: -8px;
}

table.block-decoration {
 border-collapse: collapse;
}

table.block-decoration td {
  vertical-align: top;
}

table.block-decoration td.decoration {
 padding-right: 20px;
 text-align: center;
}

table.block-decoration.showroom td.content {
}

/* Vignettes *********************************************************************/

.vignette-link {
 cursor: pointer;
}

.vignette-link * {
 cursor: pointer;
}

/* Grid ******************************************************************/

table.grid {
 width: 100%;
 border-collapse: collapse;
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
}

table.grid td {
 padding: 0;
 vertical-align: top;
}

/* Vignette gird ******************************************************************/

.vignette-grid {
 text-align: left;
 background-image: url(/img/showroom-background2.jpg);
 border: solid 1px #AA9C7E;
 clear: none;
 margin-bottom: 20px;
 overflow: hidden;
}

.vignette-grid img {
 border-style: none;
 border-width: 0px;
 border-color: #454545;
}

.vignette-grid h3, .vignette-grid .h3 {
 display: block;
 margin-bottom: 5px;
 margin-top: 5px;
 padding-left: 8px;
 padding-right: 8px;
}

.vignette-grid p {
 margin-top: 5px;
 padding-left: 8px;
 padding-right: 8px;
 color: #494949;
 font-size: 90%;
}

/* List command ******************************************************************/

.list-command {
 font-size: 9pt;
 margin-bottom: 20px;
 text-align: right;
 color: #606060;
}

.list-command div.block {
 display: inline;
 margin-right: 20px;
}

.list-command span {
 white-space: nowrap;
 margin-right: 5px;
}

.list-command span.title {
 font-weight: bold;
}

.list-command span.selected {
 color: #AAA89E;
}

.list-command span.value {
 cursor: pointer;
}

.list-command span.disabled {
 color: #CCCCCC;
 cursor: inherit;
}

.list-command span.value:hover {
 color: #AAA89E;
}

.list-command span.disabled:hover {
 color: #CCCCCC;
}

.list-command .search .input-text {
  width: 70%;
}

.list-command .search img{
 position: relative;
 top: 4px;
 margin-left: 3px;
 cursor: pointer;
}

/* Inquiry ******************************************************************/

.inquiry {
}

.inquiry div.label {
 font-size: 8pt;
 margin-top: 3px;
}

.inquiry select {
 width: 210px;
 font-size: 8pt;
}

.inquiry input[type = "text"] {
 width: 210px;
 font-size: 8pt;
}

.inquiry textarea {
 width: 210px;
 height: 80px;
 font-family: Arial;
 font-size: 8pt;
}

.inquiry input[type = "submit"] {
 color: White;
 font-weight: bold;
 padding : 15px;
 padding-top: 5px;
 padding-bottom: 5px;
 margin-top: 10px;
 background-image: url(/img/sub-sections.jpg);
 background-repeat: repeat-x;
 background-position: left center;
 font-size: 10pt;
 font-variant: small-caps;
 border: solid 1px #40372F;
 text-align: center;
 width: 100%;
 cursor: pointer;
}

.inquiry-success {
 display: none;
}

.inquiry-error {
 display: none;
}

/* Phone ******************************************************************/

.phone {
 background-image: url(/img/phone-light.jpg);
 padding: 10px;
 padding-left: 9px;
 padding-right: 9px;
 width: 198px;
}

.phone * {
 color: white;
 font-weight: bold;
 margin: 0;
 text-align: center;
}

.phone span.number {
 display: block;
 font-size: 14pt;
 text-align: center;
 margin-top: 5px;
}

/* Address ******************************************************************/

.address h3, .address .h3 {
 margin-bottom: 0;
}

.address p {
 margin-top: 5px;
 color: #8B8381;
}

.address .mailToContact {
 display: block;
 margin-top: 5px;
}

/* Place ******************************************************************/

.place-notice {
 margin-bottom: 20px;
}

.place-carousel {
 float: left;
 margin-right: 20px;
}

.place-carousel ul {
 padding: 0;
 margin: 0;
}

.place-carousel li {
 list-style-image: none;
 list-style-type: none;
 text-align: center;
}

.place-carousel img {
 cursor: pointer;
}

.place-content {
}

.place-content .notes {
 clear: both;
}

.place-picture {
 text-align: center;
}

.place-picture img {
 margin-bottom: 30px;
}

.place-properties {
 float: right;
 width: 280px;
 padding: 10px;
 margin-bottom: 20px;
 margin-left: 20px;
 background-image: url(/img/showroom-background2.jpg);
 border: solid 1px #AA9C7E;
}

.place-clear {
 clear:both;
}

.pricing {
 color: #606060;
 border: 1px solid #DDDDDD;
 width: 100%;
}

.pricing td {
 vertical-align: top;
}

.pricing td.label {
 text-align: right;
}

.pricing td.value {
 font-weight: bold;
}

.pricing td.value .note {
 font-weight: normal;
}

/* FAQ ******************************************************************/

.faq li {
  margin-top: 10px;
}

.faq .q {
 font-weight: bold;
 cursor: pointer;
}

.faq .a {
 display: none;
 padding-top: 5px;
 padding-left: 10px;
 padding-right: 10px;
}

/* Document download ******************************************************************/

.document-download {
 float: right;
 padding: 10px;
 padding-left: 10px;
 padding-right: 10px;
 width: 300px;
 font-size: 10pt;
 margin-bottom: 20px;
 margin-left: 20px;
}

.document-download * {
 font-variant: small-caps;
}

/* Offer ******************************************************************/

.offers a {
 font-size: 90%;
 text-decoration: none;
}

.offers a:hover {
 text-decoration: underline;
}

.offer-content {
 /*width: 450px;*/
}

.offer-properties {
 float: right;
}

/* Mentions ******************************************************************/

.agency-mentions {
 background-image: url(/img/showroom-background2.jpg);
 border: solid 1px #AA9C7E;
 padding: 20px;
}

.agency-mentions table {
 width: 100%;
}

.agency-mentions table td {
 vertical-align: top;
}

.agency-mentions .map {
 border: solid 1px #AA9C7E;
 width: 314px;
 height: 314px;
}

/* Property ******************************************************************/

.property-vignette-description-sold {
 background-image: url(/img/sold-200x100.png);
 background-repeat: no-repeat;
 background-position: center center;
}

.property-description-sold {
 background-image: url(/img/sold-300x150.png);
 background-repeat: no-repeat;
 background-position: 20px center;
}

/* Jquery UI ******************************************************************/

.ui-widget {
 font-size: 8pt;
}

/* Gallery ******************************************************************/

.gallery {
 margin-left: auto;
 margin-right: auto;
 border: none;
}

.galleria-container {
 background-color: inherit;
}

.galleria-stage .galleria-image img {
 border-style: solid;
 border-width: 1px;
 border-color: #AAA89E;
}

.galleria-thumbnails .galleria-image {
 border-color: #AAA89E;
}

.galleria-thumb-nav-left:hover {
 background-color: inherit;
}

.galleria-thumb-nav-right:hover {
 background-color: inherit;
}

.galleria-loader {
 background-image: none;
}

.galleria-counter {
 color: #303030;
}
.galleria-thumb-nav-left, .galleria-thumb-nav-right, .galleria-info-link, .galleria-info-close, .galleria-image-nav-left, .galleria-image-nav-right {
 background-image: url(/img/galleria-map.png);
}

/* Social recommendation buttons ******************/
.social-recommendation {
 position: absolute;
 top: -55px;
 right: 30px;
 vertical-align: top;
 text-align: right;
}

.social-recommendation .button {
 display: inline-block;
}