/**
 * global styles
 */
html, body {
    font-family: arial;
    font-size: 13px;
    color: #444;
    text-align: center;
    background-color: #e9e9e9;
}
body {
    background-image: url(../../images/layout/back.jpg);
    background-repeat: repeat-x;
}
a {
    text-decoration: none;
    color: #00065F;
}
a:hover {
    text-decoration: underline;
}
input:focus, textarea:focus, select:focus {
    outline: none;
}
.padded15 {
    padding: 15px;
}
.spacer {
    clear: both;
    overflow: hidden;
    height: 1px;
}
.back {
    display: block;
    width: 200px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 14px;
    color: #3366cc;
    background-image: url(../../images/layout/left.jpg);
    background-repeat: no-repeat;
    background-position: 0px 3px;
}
.none {
    border: 1px solid #ccc;
    padding: 20px;
}
.none h1 {
    color: #f60 !important;
    font-size: 20px !important;
}
/**
 * main layout
 * header
 */
#layout {
    width: 962px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: #fff;
}
#header {
    height: 100px;
    position: relative;
}
#header img {
    margin-left: 20px;
    margin-top: 15px;
}
#header #call {
    text-align: right;
    position: absolute;
    top: 25px;
    right: 15px;
    font-weight: bold;
    color: #3399CC;
}
#call b {
    font-size: 30px;
    display: block;
    color: #00065F;
}
/**
 * search bar
 */
#searchbar {
    height: 137px;
    background-color: #3399CC;
    position: relative;
}
#searchbar fieldset {
    padding: 12px 20px;
}
.location {
    border: 1px solid #00065F;
    border-radius: 6px;
    background-color: #fff;
    width: 440px;
    height: 41px;
    position: relative;
}
.location .searchbox {
    font-size: 20px;
    color: #ACCDDE;
    position: absolute;
    width: 320px;
    top: 8px;
    left: 8px;
    border: none;
}
.location .searchbutton {
    position: absolute;
    top: 5px;
    right: 5px;
}
.headerimage {
    position: absolute;
    top: 0px;
    right: 0px;
}
.searchoptions {
    width: 442px;
}
.searchoption select {
    background: transparent;
    width: 260px;
    border: none;
    color: #010860;
    -webkit-appearance: none;
    cursor: pointer;
}
.searchoption {
    margin-top: 10px;
    margin-right: 10px;
    width: 200px;
    height: 22px;
    border: 1px solid #00065F;
    overflow: hidden;
    float: left;
    background-color: #fff;
    background: url(../../images/layout/dropdown.gif) no-repeat right #fff;
}
.option1 { width: 228px; }
.option2, .option4 { margin-right: 0; }
.option3text { line-height: 44px; float: left; width: 90px; font-size: 11px; font-weight: bold; color: #fff; }
.option3 { width: 138px; }

/**
 * main menu
 */
#menu {
    background-color: #020961;
    height: 30px;
    border-top: 5px solid #020961;
    border-bottom: 5px solid #020961;
}
#menu ul li {
    float: left;
    height: 30px;
    border-right: 1px solid #353A81;
    position: relative;
    z-index: 2;
}
#menu ul li div {
    display: none;
    background-color: #020961;
    width: 200px;
    position: absolute;
    top: 30px;
    left: 0px;
    border-top: 5px solid #020961;
    z-index: 3;
}
#menu ul li div ul li {
    border-right: none !important;
    float: none !important;
}
#menu ul li div ul li a {
    background-color: #020961;
    display: block;
    line-height: 30px;
    font-weight: normal;
}
#menu ul li div ul li a:hover {
    background-color: #222981;
}
#menu ul li a {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    color: #BEC7E6;
    font-weight: bold;
    line-height: 30px;
}
#menu ul li a:hover {
    text-decoration: none;
    color: #fff;
}
/**
 * main page layout
 */
.leftcolumn {
    float: left;
    width: 321px;
}
.rightcolumn {
    float: right;
    width: 591px;
}
.content h1 {
    color: #00065F;
    font-size: 24px;
    margin-bottom: 15px;
}
.content p {
    margin-bottom: 15px;
}
.bar {
    background-color: #3399CC;
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 15px;
}
.paging {
    background-color: #BCDDEE;
    border-radius: 6px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
    font-size: 12px;
    margin-bottom: 15px;
}
.paging div {
    float: right;
}
.paging div a {
    font-weight: bold;
    color: #00065F;
}
ul.marked {
    font-size: 12px;
}
ul.marked li {
    background-image: url(../../images/layout/li.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 10px;
    margin-bottom: 3px;
}
/**
 * footer
 */
#footer {
    background-color: #3399CC;
    border-bottom: 2px solid #020961;
    padding: 20px;
}
#footer .panel {
    width: 305px;
    float: left;
    color: #fff;
    font-size: 12px;
}
#footer .panel a {
    color: #fff !important;
}
#footer .panel h2 {
    color: #020961;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 15px;
}
#footer .panel h3 {
    font-size: 14px;
    margin-bottom: 15px;
}
#footer .panel ul li {
    margin-bottom: 10px;
}
#subfooter, #misact {
    background-color: #e9e9e9;
}
#subfooter p, #misact p {
    padding: 10px 15px;
    font-size: 10px;
    color: #666;
}
#subfooter div {
    float: right;
    text-align: right;
}
/**
 * property
 */
.property {
    position: relative;
    margin-bottom: 15px;
}
.spaced-property {
    padding-bottom: 15px;
    border-bottom: 1px solid #BCDDEE;
}
.property .photo {
    float: left;
}
.property .details {
    margin-left: 209px;
}
.property .more {
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.spaced-property .more {
    bottom: 15px !important;
}
.property h2 {
    margin-bottom: 0px !important;
    font-size: 18px !important;
}
.property h3 {
    font-size: 16px;
    color: #00065F;
    margin-bottom: 10px;
}
.property li {
    margin-bottom: 10px;
}
.property li label {
    display: block;
    float: left;
    width: 70px;
    font-weight: bold;
}
/**
 * property page
 */
.pdetails {
    border-top: 1px solid #BCDDEE;
    margin-top: 15px;
    padding-top: 15px;
    clear: right;
}
.pdetails h2 {
    color: #00065F;
    font-weight: bold;
    font-size: 20px;
}
.pdetails h3 {
    margin-top: 15px;
    font-weight: bold;
    color: #00065F;
}
a.file {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #3399CC;
    text-decoration: underline;
}
.buttons {
    margin-top: 15px;
}
.buttons a {
    display: block;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
.gallery {
    background-color: #eaeaea;
    width: 530px;
}
.gallery img.thumb {
    display: block;
    float: left;
    margin-left: 8px;
    margin-top: 10px;
    cursor: pointer;
}
.sharepanel, .emailpanel {
  width: 200px;
  height: 250px;
  position: absolute;
  top: -260px;
  left: -100px;
  background-color: #39c;
  border-radius: 5px;
}
.emailpanel {
    width: 300px;
    left: -200px;
    height: 270px;
    top: -280px;
}
.sharepanel h3, .emailpanel h3 {
    color: #fff;
    font-size: 16px;
    margin: 10px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #b5d5f5;
}
.sharepanel .base, .emailpanel .base {
  position: absolute;
  bottom: -10px;
  left: 143px;
  height: 10px;
  overflow: hidden;
  background-color: #39c;
  background-image: url(../../images/layout/point.png);
  background-position: top left;
  background-repeat: no-repeat;
  width: 37px;
}
.emailpanel .base {
    left: 243px;
}
.emailpanel fieldset {
    margin: 10px;
}
.emailpanel fieldset label {
    display: block;
    float: left;
    width: 120px;
    color: #fff;
    line-height: 24px;
}
.emailpanel fieldset input, .emailpanel fieldset textarea {
    width: 140px;
    padding: 3px;
    border: 2px solid #fff;
    color: #555;
}
.sharepanel a.close, .emailpanel a.close {
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    background-image: url(../../images/layout/close.png);
    cursor: pointer;
    margin-right: 0;
}
.sharepanel a:hover, .emailpanel a:hover {
    text-decoration: none;
}
a.close:hover {
    background-image: url(../../images/layout/close_blue.png);
}
.sharepanel ul {
    margin: 10px;
}
.sharepanel ul li {
    margin-bottom: 8px;
}
a.icon {
    padding-left: 40px;
    height: 30px;
    line-height: 30px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    color: #fff;
    float: none;
    margin: 0;
    -webkit-transition: all .1s ease-in;
}
a.icon:hover {
    text-decoration: underline;
    background-position: 0px -30px;
}
fieldset div.actions {
    padding-right: 10px;
    text-align: right;
    color: #fff;
}
.button {
    width: auto !important;
    padding: 3px 15px 3px 15px !important;
    cursor: pointer;
}
/**
 * commerce boxes
 */
.commerce-box {
    border: 2px solid #CCC;
    width: 100%;
}
.commerce-box td.spaced {
    padding: 15px 15px 30px 15px;
}
.commerce-box td.actions {
    padding: 10px;
    background-color: #EFEFEF;
    border-top: 1px dashed #CCC;
    text-align: right;
}
.commerce-box td.error {
    padding: 10px 15px 10px 15px;
    border-bottom: 1px solid #E81A24;
    background-color: #FCDADC;
    color: #E81A24;
    font-size: 11px;
}
.commerce-box td.message {
    padding: 10px 15px 10px 15px;
    border-bottom: 1px solid #339900;
    background-color: #D5FFD5;
    color: #339900;
    font-size: 11px;
}
/**
 * buttons
 */
input.commercebutton {
    background-image: url(../../images/highlight-sprites.jpg);
    background-repeat: repeat-x;
    border: none;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    color: #FFF;
}
input.commercebutton:hover {
    background-position: 0px -26px;
}
/**
 * fieldset
 */
.commerce-box fieldset label {
    display: block;
    font-weight: bold;
    color: #555;
    font-size: 11px;
    margin-bottom: 3px;
    margin-top: 15px;
}
.commerce-box fieldset label span {
    color: #E81A24;
}
.commerce-box fieldset input, fieldset select, fieldset textarea {
    line-height: 18px;
    padding: 3px;
}
.commerce-box fieldset input.placeholder {
    font-style: italic;
    color: #888;
}