/* CSS Document */
body {color: #707070; margin: 0; padding: 0; font: 1em/1.4em "Arial", Lucida, Verdana, sans-serif; background-repeat: repeat-x;}
a img {border: 0;}
h1, h2, h3, h4 {margin: 0; padding: 0;}
h1 a, h2 a, h3 a {text-decoration: none; color: #707070;}
hr {border: 0; border-top: 4px solid #F2F0F0; height: 4px; clear: both; margin: 20px 0 20px 0;}
a{color: #5f8732; text-decoration: underline;}
a:hover {text-decoration: none;}
textarea {height: 150px; font: 1em/1.4em "Arial", Lucida, Verdana, sans-serif;}
form {margin: 0px; padding: 0px;}
.home {background-image: url(images/background.gif);}
.content {background-image: url(images/background-content.gif);}

/* HEADER AREA */
#header {width: 950px; margin: 0 auto 0 auto; padding: 0px; text-align: right; font-size: 0.8em;}
#header h1 {padding: 0px; font-size: 18px; font-weight: normal; color: #707070; margin-bottom: 10px;}
#header h2 { font-size: 15px; font-weight: normal; color: #707070;}
#header h* a {text-decoration: underline;  cursor:pointer; }
.flags {float: left; }
.flags img {margin: 12px 5px 0 0;}
.login {height: 60px; float: right; text-align: right; padding: 0px; margin: 0px 0px 0px 0px;}
.login input {width: 150px;  font-size: 11px;}
.login select {width: 150px; font-size: 11px; padding: 1px;}
.login #button {font-size: 11px; width: 75px; }
.login table {margin: 7px 0 0 0;}
.login td {vertical-align: bottom; color: #fff; padding: 0 5px 0 0; line-height: 20px; text-align: left;}
.logo { float: left; margin: 0px 0 10px 0; width: 200px;}
.headtitle {float: right; margin: 6px 0px 0 0; clear: both; }

/* CONTENT AREA */
#outer {width: 950px; margin: 0 auto 0 auto; font-size: 0.8em; padding: 0 0 20px 0;  }
   
/* CONTENT */
#content, #contentresults {float: right; width: 640px; margin: 30px 20px 30px 0;_margin: 15px 15px 30px 0; /*background-color: Red;*/}
#contentresults {width: 900px;}
#content h1 {margin: 0px 0 10px 0; font-weight: normal;  line-height: 35px; }
#title {width: 450px; padding-top: 25px; display: block;}
#content h2 {margin: 10px 0 20px 0; font-size: 18px; font-weight: normal;}
#content h3 {margin: 0 0 15px 0; font-size: 16px; font-weight: normal;}
#content h4 {margin: 0 0 15px 0; font-size: 14px; font-weight: normal;}
#content p {text-align: justify;}
#content hr {margin: 20px 0 20px 0;}
.cap {text-transform: capitalize;}
.lowcap {text-transform: lowercase;}
#content li, #contentresults li {list-style-image: url(images/icon-li.gif);}
#content blockquote {font-style: italic; font-weight: bold; font-size: 13px;}
.filter {font-size: 12px; float: right; font-weight: bold;color: #222;}
.filter a { font-weight: normal; margin: 0px 5px 0px 5px;color: #222;}
.filter a:hover {color: #222; text-decoration: none;}
.price { width: 180px; float: right; text-align: center; font-size: 12px;}
/* ie 6 bug */
.contentpic {float: right; background-color: #f7f6f6; border: 1px solid #cecccc; padding: 4px; margin: 10px 0 20px 15px;}
.picright {float: right; margin: 0 0 20px 20px;  padding: 5px; margin: 0 0 0 20px; border: none;}
.pic {background-color: #f7f6f6; border: 1px solid #cecccc; padding: 4px;}
.theader {background-color:  #707070; color: #fff; font-weight: bold; text-align: left;}
#resalestbl {width: 100%; margin: 0 0 20px 0;}
#resalestbl td {padding: 5px;}
.trdark {background-color: #F0EFEF;}
.thumb {border: 5px solid #ccc; margin: 0 10px 10px 0;}
.thumb2 {border: 5px solid #ccc; margin: 0 10px 10px 0; width: 190px; height: 143px;}
.butt {width: 170px; height: 31px; padding: 4px 0 0 10px; display: block; background-image: url(images/butt-blank.gif); background-repeat: no-repeat; color: #fff; text-decoration: none; margin: 10px 0px 10px 0px; }
.buttsmall {width: 83px; height: 31px; padding: 4px 0 0 10px; display: block; background-image: url(images/butt-small.gif); background-repeat: no-repeat; color: #fff; text-decoration: none; margin: 10px 0px 10px 0px; }
fieldset {background-image: url(images/quote.jpg); font-weight: normal; background-repeat: no-repeat; border: none; margin: 0 0 0 0; padding: 15px 20px 0px 40px; height: 140px;}
fieldset h4 {padding: 10px 0 0 40px;}

/* SIDEBAR */
#sidebar {width: 265px; margin: 30px 0px 30px 0px; float: left; /*background-color: Yellow;*/}
#sidebar h1  {margin: 10px 0 20px 0; font-size: 16px; font-weight: normal;}
#sidebar h3 {margin: 20px 0 0 0;}
.notsexy li {margin: 0px; list-style-type: none; padding: 0px 0px 5px 0px; line-height: normal; vertical-align: middle; margin-bottom: 5px; border-bottom: 1px dotted #ccc; font-style: italic; display: block;}
#sexy {width: 260px; margin-bottom: 30px;background-image: url(images/nav-mid.jpg); background-repeat: repeat-y;}
#sexy h2 {background-image: url(images/nav-top.jpg); background-repeat: no-repeat; color: #fff; line-height: 38px; margin: 0 0 0 0px; padding: 0 0 0 30px; font-weight: normal; font-size: 16px;}
#sexy ul {padding: 20px 0 10px 30px; margin: 0 0 0 0;}
#sexy li {list-style: none;  margin: 0 40px 0 0px;}
#sexy li a {text-decoration: none; display:block;padding: 7px 0 7px 0;}
#pageon, #sexy li a:hover {padding-left: 20px;}
#sexy img {clear: both;}
#sexy p {margin: 15px 30px 0 30px;}
.navline {border-bottom: 1px solid #ccc;}
.marg {margin-left: 30px;}

/* DEFAULT SPLASHES */
.splash {width: 250px; margin: 0px 0px 20px 0px; _margin: 0px 0px 30px 0px; float: left;}
.splash p {text-align: justify; margin: 15px 0 0 0;}
.splash h2 {margin: 0px 0px 0px 0px; padding: 0px;font-size: 19px; font-weight: bold;}
.splash h3 {margin: 0px 0 10px 0; font-size: 13px; font-weight: bold;}
.splash p a {color: #707070; text-decoration: none;}
#foot .splash h2  {font-size: 19px; font-weight: normal;}
.splash h2 a {text-decoration: none;} 
.splash td {padding: 7px 5px 7px 5px;}
.spacer {margin: 0px 100px 0 100px; _margin: 0 95px 0 95px;}
.splashimg {float: left; border: 1px solid #cecccc; padding: 4px; display: block; margin: 0 0 20px 0;width: 242px; height: 145px;}
.smallresort{ margin: 15px 0px 30px 0px;}
.blog {width: 350px; float: right; margin: 15px 0 0 0; width: 300px;}
.splash ul {margin: 20px 0 28px 0; padding: 0 0 0 35px; list-style-type: none; font-size: 12px;}
.splash li {margin: 10px 0 10px 0; padding: 0; font-size: 12px; font-weight: bold;  list-style-image: url(images/icon-li.gif); background-repeat: no-repeat;  background-position:center; }
.maintitle {padding: 0px 0px 0px 0px; _padding: 15px 0px 0px 0px; font-size: 16px; color: #707070; font-weight: normal;}
.maintitle b {font-size: 18px;}
.resorticon {height: 80px;}
.resorticon a {margin: 8px 19px 8px 19px; float: left;}
.resorticon a {background-repeat: no-repeat; background-position:top; width:80px; height: 80px; display: block;}
.resorticon a:hover {background-position:bottom;}
.clubbenavista {background-image: url(images/logo-club-bena-vista.jpg);}
.lasbrisas {background-image: url(images/logo-las-brisas.jpg);}
.lascasitas {background-image: url(images/logo-las-casitas.jpg);}
.losclaveles {background-image: url(images/logo-los-claveles.jpg);}
.lasrosas {background-image: url(images/logo-las-rosas.jpg);}
.suenoazul {background-image: url(images/logo-sueno-azul.jpg);}
.elmarques {background-image: url(images/logo-el-marques.jpg);}
.pueblodonthomas {background-image: url(images/logo-pueblo-don-thomas.jpg);}
.resorticon h2 {font-weight: normal; font-size: 16px; margin-bottom: 20px;}
#associates img {width: 75px; height: 50px;}
#associates td {font-size: 10px; color:#3D756C; padding: 3px; line-height: normal;}
.large { width: 560px; }
.fleft {margin: 10px; float: left;}

/* SEARCH RESULTS */
.filteresults {background-color: #F1F0F0; line-height: 36px; padding: 10px;  font-size: 11px; width: 860px; margin: 15px 0px 15px 0px;}
.filteresults table {margin: 0 auto 0 auto; width: 100%;}
.filteresults td {padding: 3px;}
.filteresults label {margin: 0 0px 0 0;}
.filteresults h3 {font-size: 16px; font-weight: bold; margin: 0px 0px 5px 0px;}
.filteresults select {font-size: 11px; margin: 0 0px 0 0px; width: 230px; padding: 2px;}
#short {width: 110px; margin-right: 10px;}
button {line-height: 18px; vertical-align: middle; margin: 2px; padding: 2px; _padding: 0px 2px 0px 2px; cursor:pointer; font-size: 11px; }
button:hover {color: orange;}
.complex {border-bottom: 1px solid #F1F0F0;}
.filteresults button {width: 80px; padding: 2px;}
.property h2 {font-size: 15px; margin: 0 0 10px 0; }
.property span {float: right; font-size: 20px; margin: 0 25px 0 0; font-weight: bold;}
.property p {width: 615px; clear: both;}
.propertyimg {float: left; border: 1px solid #cecccc; padding: 4px; width: 185px; height: 138px; display: block; margin: 0 15px 20px 0;}
.desc {text-align: justify; font-size: 11px; padding: 0px 2px 0px 2px;}
.pagenumbers {background-color: #F1F0F0; line-height: 36px; padding: 0 0 0 0px; text-align: left; margin: 10px 0 30px 0; float: left; width: 880px;}
.pagenumbers button {font-size: 11px;}
.pagenumbers span {width: 100%; float: left;}
.pagenumbers p {text-align: right;}
#pnavon {font-weight: bold; color: #000; font-size: 12px; padding: 5px; background-color: #f1f1f1; border: 1px solid #f1f1f1; }
.smltext {font-size: 10px;}
.incentive {font-size: 10px; color: #354049; font-weight: bold; }
.incentive span {color:#FBAA29; }
.incentive small {color: #999; font-size: 9px;}
.linko {position: absolute; }
.morelink {cursor: pointer; margin: 10px 0px 10px 0px; float: left;}
.basket {height: 600px; }

/* PROPERTY DETAILS */
.aboutprop {float: left; width: 300px; margin: 50px 50px 0 0;}
.facilities {float: left; width: 300px; margin: 50px 0 0 0;}
.facilities ul {margin: 0 0 30px 0; padding: 0 0 0 20px; }
.facilities li {list-style-position: outside; list-style-type:circle;  margin-top: 8px; }
.facilities a {color: #333; text-decoration: underline;}
.facilities a:hover {text-decoration: none;}
#flashcontent {width: 650px; margin-top: 1px;}
.facilitiesprice {font-size: 30px; color: #FBAA29;line-height: 35px;}
.sm {width: 35px; margin-right: 5px;}
#price {width: 70px;}
.mini {width: 80px; height: 60px; border: 1px solid #222;}
.incentive {font-weight: bold; color: orange; font-size: 12px; text-transform: uppercase;}

/* FOOTER AREA */
#footer {margin: 0 auto 0 auto; background-color: #7CB041; padding: 30px 0 30px 0; clear: both; font-size: 0.8em;}
#foot {margin: 0 auto 0 auto; width: 950px; color: #fff;}
#foot a {color: #fff;}
#foot span {float: left; margin: 0 60px 0 20px;}
#foot h3 {font-size: 16px;}
#foot ul {margin: 20px 0 0 0; padding: 0;}
#foot li {list-style: none; margin: 2px 0 2px 0; padding: 0;}
.newsletter {float: right; margin: 0 20px 0 0;}
.cc {width: 200px;}
.newsletter table {margin: 20px 0 20px 0;}
.copyright {margin: 30px 0 0 20px; font-size: 11px; color:#fff;}
.tel {font-size: 18px; font-weight: bold;}

/* OTHER SHIIIIIIII */
.yellowtext {color: #FBAA29;}
.right {float: right;}
.left {float: left;}
.picleft {float: left; margin: 0 20px 0px 0;}
.popup {padding: 20px;}
.popup #content  {width: 400px;}
.popup #content p {font-size: 13px;}
.popup a, .popup td {font-size: 12px; color: #222;}
.searchbutton {border: 0px solid #ccc; width:138px; height: 30px; padding: 0px; background-color:orange; cursor: pointer;}
.picleft {float: left; margin: 0 20px 0 0;}
.searchresultsend {text-align: center;}
.searchresultsend img {margin: 10px;}
.searchresultsend p, .searchresultsend h4 {text-align: left;}
.print {display:none;}
#formus input, #formus select, #formus textarea {width: 280px;}
#formus .tickbox {width: 20px;}
.splashes {border-top: 4px solid #F2F0F0; border-bottom: 4px solid #F2F0F0; height: 500px; margin: 30px 0 30px 0; }
.splashes a {float: left; margin: 30px 15px 0 0;}
.showevenmore {float: right; width: 350px; background-color: #f8f8f8; padding: 10px;}
.showmore {margin: 0 0 20px 0;}
.showmore img, .showmore p {float: left;}
.showmore img {margin: 0px 10px 10px 0px;}
.orangetxt {color: orange;}
.orangelnk {text-align: left;font-size: 11px;}
.orangelnk a {color: Orange; text-decoration: none; font-size: 11px;}
.upcap {text-transform: uppercase;}
.profile h1 {font-size: 14px; line-height: normal; margin: 10px 0px 10px 0px;}
.profile p {font-size: 12px; line-height: normal;}
.profile img {margin: 0px 10px 10px 0px;float: left; }
.formfield {width: 250px;}
.full {width: 100%;}
#wx_module_103, #wx_module_2604, #wx_module_3433 {margin-left: 40px;}

.social small {line-height: 12px;}
.social a {text-decoration: none;}