/* Property Select Sub Site's Template */
  /*  Don't hesitate to call about any issues.

Andrew 082 7222818
andrew@hitdelete.com */
  /* Please remove all these comments before posting live, thanks! */
  /* All the colour specific images are marked so, these are images that will
need to be changed for each site. The only colour specific image not
in the css is the logo*/
  
/* General */                          
html {
  font-size: 100%; /* IE hack */
}

body {
  background: url(/img/bg.jpg) repeat-x top; /* Colour specific */
  margin: 0;
  padding: 0;
  color: #333;
 
  font-family: verdana, geneva, arial, helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: 1.0;
  font-weight: normal;
}

a {
  color: #00316c;  
}

a img {
  border: none;
}

p {
  line-height: 1.5em;
  margin: 0 0 12px 0;
}

h1,h2,h3 {
  font-family: verdana, arial, helvetica, sans-serif;
}

h1 {
  font-size: 24px;
  margin: 0 0 15px 0;
  padding: 0;
}

h2 {
  font-size: 1.2em;
  margin: 0 0 15px 0; /* Assuming an H2 never starts a page off */
  padding: 0;
}

h3 {
  font-size: 1.1em;
  margin: 0 0 15px 0;
  padding: 0;
}

.align_left {
  float: left;
}

.align_right {
  float: right;
}

.align_left_full {
  float: left;
  width: 100%;
}

.highlight {
  color: #D40000; /* Colour specific */
}

a .highlight {
  color: #00316c;
}

.highlight2 {
  color: #d40000;
}

a.highlight2 {
  font-size: 13px;
}

.highlight3 {
  color: #999;
}

.relative {
  position: relative;
}

.top_pad {
  padding-top: 20px;
}

.picture_left {  
  padding: 6px 12px 6px 6px;
}

.picture_right {  
  padding: 6px 6px 6px 10px;
}

.bottom_pad {
  padding-bottom: 20px;
}

/* Main container */
#container {
  width: 866px;
  margin: 29px auto 0 auto;
  background: #fff;
}

/* Repeating background for site body (drop shadow on the sides */
#bdy {
  width: 866px;
  float: left;
  background: url(/img/bdy.jpg) repeat-y #fff;
}

/* Top of the box */
#hdr {
  width: 866px;
  height: 15px;
  background: url(/img/hdr.jpg); /* Colour specific */
}

/* Bottom of the box */
#ftr {
  width: 866px;
  height: 15px;
  float: left;
  background: url(/img/ftr.jpg) no-repeat;
}

#ftr_text {
  margin: 20px auto 0 auto;
  padding: 0 0 10px 0;
  color: #999;
  float: left;
  width: 866px;
  font-size: 0.9em;
  text-align: center;
}

/* Div's in the header */
#top_content {
  width: 820px;
  height: 52px;
  margin: 0 23px 0 23px;
  padding: 9px 0 10px 0;
  border-bottom: 1px solid #ddd;
}

#bdy #left {
  width: 8px;
  height: 143px;
  position: absolute;
  top: -81px;
  left: 0px;
  background: url(/img/bdy_top_left.jpg) no-repeat;
}

#bdy #right {
  width: 8px;
  height: 143px;
  position: absolute;
  top: -81px;
  right: 0;
  background: url(/img/bdy_top_right.jpg) no-repeat;
}

/* Top icons */
#icons {
  float: right;
  margin: 26px 0 0 0;
}

#icons a {
  color: #333;
  text-decoration: none;
}

#icons a:hover {
  text-decoration: underline;
}

#icons .link {
  padding: 3px 0 0 5px;
  margin: 0;
  float: left;
}

#icons .ico,#nav_bdy_right .ico {
  margin: 0 0 0 15px;
  padding: 0;
  float: left;
}

/* General navigation header - left and right column */
.nav_hdr, .buyers_guide {
  width: 165px;
  height: 23px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  color: #fff;
  float: left;
  font-size: 1.1em;
  padding: 9px 0 0 15px;
  background: url(/img/nav_hdr.jpg) repeat-x; /* Colour specific */
}

.buyers_guide {
  background: url(/img/portugal-guide-banner.jpg) no-repeat;
  margin-top: 35px;
  width: 165px;
  height: 97px;
  cursor: pointer;
  cursor: hand;
}

/* Left navigation column */
#left_col {
  width: 180px;
  float: left;
  padding: 0 0 0 8px;
  margin-top: 10px;
}

#left_col a,#right_col a {
  text-decoration: none;
}

#left_col a:hover,#right_col a:hover {
  text-decoration: underline;
}

#left_col ul,#right_col ul {
  list-style: none;
  padding: 0;
  margin: 15px 0 15px 15px;
}

#left_col li,#right_col li {
  list-style: none;
  padding: 0 0 2px 0;
}

.nav_bdy_left {
  width: 179px;
  float: left;
  border-right: 1px #999 solid;
  font-size: 1.1em;
}

.nav_bdy_left_last {
  width: 179px;
  float: left;
  border-right: 1px #999 solid;
  border-bottom: 1px #999 solid;
}

/* Center column - content goes here*/
#center_col {
  width: 830px;
  float: left;
  padding: 5px 20px 20px 20px;
  margin-top: 10px;
  font-size: 1.1em;
}

  /* An H2 class to make H2's look like H1's for home page formatting only. Reason is for SEO we
only want one H1 per page - so for a normal page dont apply index class to H2's */

.index {
  font-size: 1.3em;
  margin: 0 0 15px 0;
  padding: 0;
}

/* Right navigation column */
#right_col {
  width: 180px;
  float: left;
  padding: 0;
  margin-top: 10px;
}

.nav_bdy_right {
  width: 179px;
  float: left;
  border-left: 1px #999 solid;
  font-size: 1.1em;
}

.nav_bdy_right_last {
  width: 179px;
  float: left;
  border-left: 1px #999 solid;
  border-bottom: 1px #999 solid;
  font-size: 1.1em;
}

/* Mailing List */
#mailing_list {
  margin: 15px 0 15px 15px;  
}

#mailing_list_container {
  min-height: 80px;
  height: auto;  
}

#mailing_list .name, #mailing_list .email, #mailing_list .phone, #login .password, #login .name {
  font-weight: bold;
  float: left;
  width: 70%;
}

#mailing_list .field, #login .field {
  float: left;
  width: 144px;
  height: 16px;
  padding: 3px 3px 0 3px;
  margin: 2px 0 5px 0;
  border: 1px #ccc solid;
  background: #f1f1f1;
  font-size: 0.9em;
}

#mailing_list small, #popular small {
  float: left;
  margin-bottom: 5px;  
}

#popular small {
  clear: both;
}

#mailing_list .button, #login .button, #popular .button {
  height: 24px;
  width: 80px;
  color: #fff;
  font-weight: bold;
  font-size: 0.9em;
  padding: 0 5px 1px 5px;
  margin: 0 15px 15px 0;
  text-align: center;
  border: 1px #333 solid;
  background: url(/img/button_bg.gif);
  float: right;
}

/* Mailing List violator */
#updates {
  position: absolute;
  top: -58px;
  left: 95px;
  width: 83px;
  height: 80px;
  background: url(/img/free_property_updates.jpg);
}

/* Property development blocks */
.dev_block {
  margin-bottom: 23px;  
}

.dev_block img {
  padding: 4px;
  border: 1px #ccc solid;
  float: left;
  margin-right: 15px;
}

.dev_block p {
  margin: 0;
  padding: 0;
  padding-top: 9px;
}

.dev_block .alert {
  color: #ff0000;
  float: right;
  font-weight: bold;
}

/* Dotted horizontal rules */
.break {
  width: 450px;
  height: 1px;
  padding: 0;
  margin: 15px 0 15px 0;
  background: url(/img/dotted.gif) repeat-x;
}

/* Contact form */
#contact_form {
  width: 90%;
  margin: 25px 0 0 0;
  font-weight: bold;
  float: left;
}

#contact_form .field {
  width: 174px;
  height: 16px;
  float: left;
  padding: 3px 3px 0 3px;
  margin: 0 0 10px 0;
  border: 1px #999;
  font-size: 1em;
  border: 1px #555 solid;
  background: #fff;
}

#contact_form .value {
  float: left;
  width: 140px;
  text-align: right;
  margin: 0 20px 0 0;
  padding: 3px 0 0 0;
}

#contact_form textarea {
  width: 174px;
  height: 100px;
  border: none;
  padding: 3px;
  float: left;
  margin: 0 0 10px 0;
  border: 1px #555 solid;
  background: #fff;
  font-size: 1em;
}

#contact_form .button {
  height: 24px;
  width: 153px;
  color: #fff;
  float: left;
  font-weight: bold;
  font-size: 0.9em;
  padding: 0 5px 1px 5px;
  margin: 1px 0 0 185px;
  text-align: center;
  border: 1px #333 solid;
  background: url(/img/button_bg.gif);
  cursor: pointer;
  cursor: hand;  
}

select {
  width: 180px;
  float: left;
  margin: 0 0 10px 0;
  border: 1px #999;
  font-size: 1em;
  border: 1px #555 solid; /* OSI bg border */
  background: #fff;
}

/* Additions */

.smallicon, .smallicon_margin {
  vertical-align: middle;
  margin: 0 10px 0 0;
}

.smallicon2 {
  position: relative;
  top: 2px;
  margin: 0px 8px 0 0;
}

.smallicon_margin {
  margin: 0 10px 0 10px;
}

.prolist {
  margin: 0.5em 0 0.5em 0;
  padding: 0 3em 0.5em 1em;  
}

.prolist li {
  list-style-type: none;
  background: url(/img/bullet.gif) no-repeat 0 5px;
  padding: 0 0.3em 0 2em;
  line-height: 1.6em;
}

.center {
  margin: 0 auto 0 auto;
  text-align: center;
  width: 100%;
}

.clear {
  clear: both;
}

.inline {
  display: inline;
}

#popular select {
  clear: both;
}

.membertable {
  width: 100%;
}

.membertable th {
  background: #EFEFEF;
  color: #9F4A42;
  font-weight: bold;
  text-align: left;
  padding: 1px 4px 1px 4px;
}
  
.membertable td {
  padding: 1px 4px 1px 4px;
}

.small {
  font-size: 8px;
}

.bigger {
  font-size: 13px;
  font-weight: bold;
}

.devlist_pad {  
  margin-bottom: 0px;  
}

.floatleft {
  float: left;
  margin-bottom: -1px;
}

.floatright {
  padding-top: 1px;
  float: right;
  margin-bottom: -1px;
}

.devcontent {
  margin-top: 12px;
  text-align: justify;  
}