/**
 * General
 */

#content {
  float: left;
  width: 585px;
  margin-top: 10px;
}

#right {
  float: right;
  width: 395px;
  margin-top: 16px;
  border-top: 2px solid #cc0000;
}

#right .padding {
  border: 1px solid #dddcdb;
  padding: 4px 20px;
}

#right A {
  color: #000000;
}

#right A:hover {
  color: #cc0000;
}


/**
 *  Index
 */

#index #content {
  height: 365px;
  background: url('/images/bgs/homeowner/index.jpg') top right no-repeat;
}

#index #content #login-form {
  position: relative;
  float: left;
  top: 100px;
  left: 100px;
  border-top: 4px solid #cc0000;
  background: #ffffff;
}

#index #content #login-form {
  padding: 10px 15px;
}

#index #right .padding {
  height: 300px;
  border: 1px solid #dddcdb;
  padding: 12px 20px;
}

#index #right #supporting-materials {
  border-top: 1px solid #eeeded;
  border-bottom: 1px solid #eeeded;
  padding: 8px 0px;
  margin-top: 8px;
  margin-bottom: 16px;
}

#index #right #supporting-materials A {
  display: block;
  padding-left: 15px;
  background: url('/images/arrow.gif') 5px center no-repeat;
}


/**
 * My Home
 */

#photo-gallery #content {
  width: auto;
}

#photo-gallery #thumbnails {
  float: left;
  width: 150px;
  height: 452px;
  overflow-y: scroll;
  overflow-x: hidden;
}

#photo-gallery #thumbnails IMG {
  border: 1px solid #666666;
  margin-bottom: 4px;
}

#photo-gallery #picture {
  float: left;
  width: 602px;
  text-align: center;
  margin-left: 4px;
}

#photo-gallery #picture IMG {
  border: 1px solid #666666;
}

#photo-gallery #picture #caption {
  margin: 10px 0px;
  text-align: center;
}

#photo-gallery #status {
  float: left;
  color: green;
  line-height: 24px;
}

#photo-gallery #myhomemailer INPUT {
  width: 686px;
}

#photo-gallery #myhomemailer TEXTAREA {
  width: 750px;
}


/**
 * Contact Customer Care
 */

#contact-form #column1 {
  float: left;
}

#contact-form #column2 {
  float: left;
  margin-left: 12px;
}

#contact-form .label{
  padding-right: 5px;
  color: #666666;
}

#contact-form .red {
  color: #cc0000;
  font-weight: bold;
}

#contact-form .field {
  float: left;
  margin: 2px 0px;
  padding: 2px;
  background: #edebeb;
}

#contact-form .field INPUT {
  border: 1px solid #989898;
  color: #000000;
  font-size: 11px;
  padding: 2px;
}

#contact-form .field SELECT {
  border: 1px solid #989898;
  color: #000000;
  font-size: 11px;
  padding: 2px;
}

#contact-form .submit {
  clear: both;
  text-align: right;
}

#contact-form #divider {
  float: left;
  margin-left: 10px;
  margin-top: -10px;
  width: 1px;
  height: 240px;
  background: url('/images/bgs/vertical_divider.gif');
}

#contact-form #column2 .checkbox {
  float: left;
  width: 90px;
}

#contact-form #contentbox {
  margin-bottom: 20px;
  border-top: 2px solid #cc0000;
  background: url('/images/bgs/form_gradient.gif') left top repeat-x;
}

#contact-form #contentbox .padding {
  border: 1px solid #ececef;
  padding: 10px 10px 10px 25px;
}

#contact-form #contentbox .left {
  float: left;
  width: 625px;
}

#contact-form #contentbox .right {
  float: right;
  width: 296px;
  background: url('/images/bgs/captcha_bg.gif') repeat-x;
}

#contact-form #contentbox .right .padding {
  border: 1px solid #e8e8e8;
  padding: 4px 15px 15px 15px;
}

#contact-form #contentbox .right P {
  margin: 8px 0px;
}

#contact-form #contentbox .right A {
  display: block;
  padding-left: 9px;
  color: #666666;
  line-height: 18px;
}

#contact-form #contentbox .right A:hover {
  color: #cc0000;
  background: url('/images/arrow.gif') left center no-repeat;
}

#contact-form #contentbox .right A.active,
#contact-form #contentbox .right A.active:hover {
  background: url('/images/arrow.gif') left center no-repeat;
  color: #cc0000;
  font-weight: bold;
}

#contact-form #captcha {
  width: 150px; 
  height: 42px; 
  border: 1px solid #cccccc;
}

#contact-form .button {
  width: 130px;
}