/* realtybid.com   |   screen.css   |   2/9/10 */

/* RESET =================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
img{
	box-sizing: content-box;
}

/* FONTS =================================================== */

@font-face {
  font-family: "uniform";
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/uniform.eot?#iefix") format("embedded-opentype"), url("/fonts/uniform.woff2") format("woff2"), url("/fonts/uniform.woff") format("woff"), url("/fonts/uniform.ttf") format("truetype"), url("/fonts/uniform.svg#uniform") format("svg");
}

@font-face {
  font-family: "uniform";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/uniform-medium.eot?#iefix") format("embedded-opentype"), url("/fonts/uniform-medium.woff2") format("woff2"), url("/fonts/uniform-medium.woff") format("woff"), url("/fonts/uniform-medium.ttf") format("truetype"), url("/fonts/uniform-medium.svg#uniform") format("svg");
}

@font-face {
  font-family: "uniform-condensed";
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/uniform-condensed.eot?#iefix") format("embedded-opentype"), url("/fonts/uniform-condensed.woff2") format("woff2"), url("/fonts/uniform-condensed.woff") format("woff"), url("/fonts/uniform-condensed.ttf") format("truetype"), url("/fonts/uniform-condensed.svg#uniform-condensed") format("svg");
}

@font-face {
  font-family: "uniform-condensed";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/uniform-condensed-medium.eot?#iefix") format("embedded-opentype"), url("/fonts/uniform-condensed-medium.woff2") format("woff2"), url("/fonts/uniform-condensed-medium.woff") format("woff"), url("/fonts/uniform-condensed-medium.ttf") format("truetype"), url("/fonts/uniform-condensed-medium.svg#uniform-condensed") format("svg");
}

/* IMPORTED SASS STYLES =================================================== */
@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b{
	font-weight: 500;
}
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@font-face {
  font-family: "uniform";
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/Uniform.eot?#iefix") format("embedded-opentype"), url("/fonts/Uniform.woff2") format("woff2"), url("/fonts/Uniform.woff") format("woff"), url("/fonts/Uniform.ttf") format("truetype"), url("/fonts/Uniform.svg#uniform") format("svg");
}

@font-face {
  font-family: "uniform";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/Uniform-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/Uniform-Medium.woff2") format("woff2"), url("/fonts/Uniform-Medium.woff") format("woff"), url("/fonts/Uniform-Medium.ttf") format("truetype"), url("/fonts/Uniform-Medium.svg#uniform") format("svg");
}

@font-face {
  font-family: "uniform-condensed";
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/Uniform-Condensed.eot?#iefix") format("embedded-opentype"), url("/fonts/Uniform-Condensed.woff2") format("woff2"), url("/fonts/Uniform-Condensed.woff") format("woff"), url("/fonts/Uniform-Condensed.ttf") format("truetype"), url("/fonts/Uniform-Condensed.svg#uniform-condensed") format("svg");
}

@font-face {
  font-family: "uniform-condensed";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/Uniform-Condensed-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/Uniform-Condensed-Medium.woff2") format("woff2"), url("/fonts/Uniform-Condensed-Medium.woff") format("woff"), url("/fonts/Uniform-Condensed-Medium.ttf") format("truetype"), url("/fonts/Uniform-Condensed-Medium.svg#uniform-condensed") format("svg");
}

a.button,
button, input[type="button"],
input[type="reset"],
input[type="submit"],
a.btn,
.btn,
#sub-content a.btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #e9193a;
  border: 0;
  border-radius: 2px;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif !important;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1.5em .65em;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  /*white-space: nowrap;*/
}

a.button:hover, a.button:focus,
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
  background-color: #ba142e;
  color: #fff;
	outline: none;
}

button.active {
  background-color: #ba142e !important;
}

button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

button:disabled:hover, input[type="button"]:disabled:hover, input[type="reset"]:disabled:hover, input[type="submit"]:disabled:hover {
  background-color: #e9193a;
}

fieldset {
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  margin: 0 0 0.75em;
  padding: 1.5em;
}

input,
label,
select {
  display: block;
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1rem;
}

label {
  font-weight: 600;
  margin-bottom: 0.375em;
}

label.required:after {
  content: "*";
}

label abbr {
  display: none;
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea,
select[multiple=multiple] {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 1em;
  transition: border-color 150ms ease;
 
}

input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input:not([type]):disabled, textarea:disabled,
select[multiple=multiple]:disabled {
  background-color: #f2f2f2;
  cursor: not-allowed;
}

input[type="color"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder,
select[multiple=multiple]::-webkit-input-placeholder {
  font-style: italic;
}

input[type="color"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder,
select[multiple=multiple]::-moz-placeholder {
  font-style: italic;
}

input[type="color"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="week"]:-moz-placeholder, input:not([type]):-moz-placeholder, textarea:-moz-placeholder,
select[multiple=multiple]:-moz-placeholder {
  font-style: italic;
}

input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder,
select[multiple=multiple]:-ms-input-placeholder {
  font-style: italic;
}

textarea {
  resize: vertical;
}

input[type="search"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin-right: 0.375em;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
}

input[type="file"] {
  margin-bottom: 0.75em;
  width: 100%;
}

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto;
}

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

dl {
  margin-bottom: 0.75em;
}

dl dt {
  font-weight: 600;
  margin-top: 0.75em;
}

dl dd {
  margin: 0;
}

table {
  border-collapse: collapse;
  margin: 0.75em 0;

}

th {
  border-bottom: 1px solid #a6a6a6;
  font-weight: 600;
  padding: 0.75em 0;
  text-align: left;
}

td {
  border-bottom: 1px solid #ddd;
  padding: 0.75em 0;
}

tr,
td,
th {
  vertical-align: middle;
}

@media only screen and (max-width: 600px) {
  .tabbed.vertical ul.tabs {
    display: table;
    margin: 0;
    position: relative;
    font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: .9rem;
  }
  .tabbed.vertical ul.tabs > li {
    display: table-cell;
    vertical-align: middle;
    list-style-type: none;
    position: relative;
    background-color: #ececee;
    border: 1px solid #fff;
  }
  .tabbed.vertical ul.tabs > li.active {
    background-color: #f5f5f7;
    border-bottom: 1px solid #f5f5f7;
  }
  .tabbed.vertical ul.tabs > li.active strong {
    color: #000000;
  }
  .tabbed.vertical ul.tabs a.tab {
    display: block;
    padding: 10px 9px 8px;
    line-height: 18px;
    color: #2f2f36;
    border-bottom: none;
    transition: all .25s ease;
    height: 100%;
  }
  .tabbed.vertical ul.tabs a.tab strong {
    font-weight: 300;
  }
  .tabbed.vertical ul.tabs a.tab img, .tabbed.vertical ul.tabs a.tab p {
    display: none;
  }
}

@media only screen and (min-width: 601px) {
  .tabbed.vertical ul.tabs {
    margin: 0;
    position: relative;
    background-color: #ececee;
    padding: 25px 0 40px 3%;
    display: table-cell;
    vertical-align: top;
    width: 33.33%;
  }
  .tabbed.vertical ul.tabs > li {
    list-style-type: none;
    position: relative;
  }
  .tabbed.vertical ul.tabs > li.active:after {
    right: -29px;
    top: 13px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #f5f5f7;
    border-left-color: #ecedef;
    border-width: 15px;
    margin-top: -15px;
  }
  .tabbed.vertical ul.tabs > li.active strong {
    color: #e9193a;
  }
  .tabbed.vertical ul.tabs > li a.tab {
    display: block;
    position: relative;
    padding-left: 36px;
    padding-right: 10%;
    margin-bottom: 30px;
    font-size: .9rem;
    line-height: 18px;
    font-weight: 300;
    color: #2f2f36;
    border-bottom: none;
    transition: all .25s ease;
  }
  .tabbed.vertical ul.tabs > li a.tab img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 24px;
  }
  .tabbed.vertical ul.tabs > li a.tab strong {
    display: block;
    padding: 3px 0 10px 0;
    font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 1.5rem;
    line-height: 22px;
    font-weight: 300;
  }
  .tabbed.vertical ul.tabs > li a.tab p {
    margin-bottom: 0;
  }
}

.tabbed.vertical .tab-content {
  padding: 25px 4% 40px;
  background-color: #f5f5f7;
}

@media only screen and (min-width: 601px) {
  .tabbed.vertical .tab-content {
    display: table-cell;
    vertical-align: top;
    width: 66.66%;
  }
}

.tabbed.vertical .tab-content h2 {
  margin-top: 0;
  font-size: 1.75rem;
}

.tabbed.vertical .tab-content ul {
  margin-top: 10px;
}

.tabbed.vertical .tab-content ul.active {
  display: block;
}

.tabbed.vertical .tab-content .toc ul.collapse > li .wrapper {
  background-color: #ececee;
}

body {
  color: #333;
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6,
.subheader {
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  line-height: 1.2;
  margin: 0 0 0.75em;
  font-weight: normal;
}

span.subheader {
  display: inline-block;
}

legend {
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  line-height: 1.2;
  margin: 0 0 8px;
}

p {
  margin: 0 0 0.75em;
}

a {
  color: #e9193a;
  text-decoration: none;
  transition: color 150ms ease;
}
a:focus, a:hover {
  color: #af132c;
}

hr {
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5em 0;
}

img,
picture {
  margin: 0;
  max-width: 100%;
}

html {
  box-sizing: border-box;
}

*, *:after, *::before {
  box-sizing: inherit;
}

header {
  z-index: 4;
  background-color: #f5f5f6;
  /* Medium and large resolutions */
}

header .container, header .generic main, .generic header main {
  position: relative;
  padding-top: 12px;
  font-size: 1em;
  text-align: center;
}

header #toggle-responsive-menu {
  color: #595860;
  position: absolute;
  bottom: 10px;
  left: 10px;
  border: 1px solid #595860;
  border-radius: 2px;
  padding: 4px 3px 2px;
  font-size: 0.8125em;
  font-weight: bold;
  text-transform: uppercase;
}

header #toggle-responsive-menu span {
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
}

header #toggle-responsive-menu span:not(.on) {
  display: none;
}

header #toggle-responsive-menu:hover, header #toggle-responsive-menu:focus {
  color: #000000;
  border-color: #000000;
}

header a.logo img {
  height: 32px;
}

header nav {
  z-index: 4;
  display: none;
  position: absolute;
  line-height: 0;
  top: 100%;
  left: 0;
  text-align: left;
}

header nav ul, header nav li {
  display: block;
}

header ul.aux {
  color: #595860;
  border-bottom: 1px solid #ccc;
}

header ul.aux > li > a {
  font-weight: 500;
  color: #e9193a;
}

header ul.aux > li > a:hover, header ul.aux > li > a:focus {
  color: #ba142e !important;
}

header ul.aux > li.sign-in {
  padding-left: 20px;
  padding-right: 20px;
}

header ul.aux > li.sign-in > a {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
}

header nav > ul {
  margin-left: 0;
  background: #f5f5f6;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

header nav > ul > li {
  position: relative;
  display: block;
  border-bottom: 1px solid #ccc;
}

header nav > ul > li:hover a:hover, header nav > ul > li:hover a:focus, header nav > ul > li:focus a:hover, header nav > ul > li:focus a:focus {
  color: #000000;
}

header nav > ul > li:hover > ul, header nav > ul > li:focus > ul {
  visibility: visible;
  opacity: 1;
}

header nav > ul > li:last-child {
  border-bottom: 0px;
}

header nav > ul > li a {
  display: block;
  padding: 20px 20px;
  font-weight: 500;
  color: #595860;
}

header nav > ul > li ul {
  padding: 10px 0 5px;
  box-sizing: border-box;
}

header nav > ul > li ul li {
  display: block;
  float: none;
  height: auto;
  padding: 0;
  margin: 0;
}

header nav > ul > li ul li:first-child a {
  padding-top: 0;
}

header nav > ul > li ul li a {
  float: none;
  padding: 15px 25px;
  margin: 5px 12px;
}

@media only screen and (min-width: 601px) {
  header .container, header .generic main, .generic header main {
    padding-top: 29px;
    padding-bottom: 12px;
  }
  header #toggle-responsive-menu {
    display: none;
  }
  header h1, header a.logo img {
    display: block;
    float: left;
    height: 45px;
    margin: -12px 0 0 0;
  }
  header nav {
    display: block !important;
    position: relative;
  }
  header nav ul, header nav li {
    display: inline-block;
  }
  header nav > ul {
    float: left;
    margin-left: 10px;
    padding-left: 20px;
    box-shadow: none;
    border: none;
  }
  header nav > ul > li {
    border: none;
    float: left;
  }
  header nav > ul > li.has-dropdown {
    margin-right: 10px;
  }
  header nav > ul > li:hover > ul, header nav > ul > li:focus > ul {
    visibility: visible;
    opacity: 1;
  }
  header nav > ul > li:hover.has-dropdown:after, header nav > ul > li:focus.has-dropdown:after {
    z-index: 4;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -12px;
    left: 60%;
    box-sizing: border-box;
    border: 6px solid white;
    border-color: transparent transparent #fff #fff;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.15);
  }
  header nav > ul > li a {
    display: block;
    font-weight: 500;
    line-height: 1;
    padding: 11px 12px;
  }
  header nav > ul > li a.dropdown {
    padding-right: 12px;
  }
  header nav > ul > li a.dropdown:after {
    position: absolute;
    top: 15px;
    right: 0;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-color: #595860 transparent transparent transparent;
  }
  header nav > ul > li ul {
    visibility: hidden;
    opacity: 100;
    transition: visibility 0s, opacity 0.1s linear;
    z-index: 4;
    position: absolute;
    top: 38px;
    top: 2.35em;
    left: 0px;
    min-width: 150px;
    margin: 0;
    padding-top: 12px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
  }
  header nav > ul > li ul li {
    display: block;
    float: none;
    height: auto;
    padding: 0;
    margin: 0;
  }
  header nav > ul > li ul li a {
    float: none;
    padding: 5px 0;
    margin: 5px 12px;
    font-size: 14px;
  }
  header nav ul, header nav li {
    display: inline-block;
  }
  header nav > ul.aux {
    float: right;
    border-bottom: 0;
  }
  header nav > ul.aux > li.sign-in > a {
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
  }
  header nav > ul.aux > li.has-dropdown ul {
    left: inherit;
    right: 0;
    width: inherit;
    min-width: inherit;
  }
  header nav > ul.aux > li.has-dropdown ul a {
    white-space: nowrap;
  }
}

footer {
  background: #27292b;
  padding: 30px 0 0 0;
  overflow: auto;
}

footer .container > ul, footer .generic main > ul, .generic footer main > ul {
  float: left;
  width: 20%;
  padding: 0 20px 40px 0;
}

@media screen and (max-width: 840px) {
  footer .container > ul, footer .generic main > ul, .generic footer main > ul {
    width: 25%;
  }
  footer .container > ul:nth-child(4), footer .generic main > ul:nth-child(4), .generic footer main > ul:nth-child(4) {
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 720px) {
  footer .container > ul, footer .generic main > ul, .generic footer main > ul {
    width: 50%;
    padding-right: 0;
  }
}

footer .container > ul li, footer .generic main > ul li, .generic footer main > ul li {
  line-height: 1.375em;
}

footer .container > ul li span, footer .generic main > ul li span, .generic footer main > ul li span {
  display: block;
  margin-bottom: 10px;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  color: #a8abad;
  font-weight: 500;
  text-transform: uppercase;
}

footer .container > ul li a, footer .generic main > ul li a, .generic footer main > ul li a {
  font-size: 0.875em;
  color: #f6f7f8;
}

footer .container > ul li a[class^="socicon-"], footer .generic main > ul li a[class^="socicon-"], .generic footer main > ul li a[class^="socicon-"] {
  display: block;
  float: left;
  margin-right: 10px;
  font-size: 18px;
}

footer .container > ul li a[class^="socicon-"] span, footer .generic main > ul li a[class^="socicon-"] span, .generic footer main > ul li a[class^="socicon-"] span {
  display: none;
}

footer .legal {
  background: #000000;
}

footer .legal .container, footer .legal .generic main, .generic footer .legal main {
  display: table;
  width: 100%;
  padding: 0 20px;
}

footer .legal .container div, footer .legal .generic main div, .generic footer .legal main div {
  overflow: auto;
  padding: 20px 0 15px 0;
}

footer .legal .container div:last-child, footer .legal .generic main div:last-child, .generic footer .legal main div:last-child {
  padding-top: 0;
}

footer .legal .container div a, footer .legal .generic main div a, .generic footer .legal main div a {
  display: inline-block;
}

footer .legal .container div a:not(:last-child), footer .legal .generic main div a:not(:last-child), .generic footer .legal main div a:not(:last-child) {
  margin-right: 10px;
}

@media screen and (min-width: 1060px) {
  footer .legal .container div, footer .legal .generic main div, .generic footer .legal main div {
    display: table-cell;
    vertical-align: top;
    padding: 20px 0 15px 0;
  }
  footer .legal .container div:last-child, footer .legal .generic main div:last-child, .generic footer .legal main div:last-child {
    padding-top: 20px;
    padding-left: 10px;
    text-align: right;
  }
}

footer .legal ul {
  margin: 0;
  padding: 0;
  width: auto;
}

footer .legal ul li {
  display: inline-block;
  line-height: 1;
  margin-right: 10px;
}

footer .legal ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}

footer .legal ul li a {
  font-size: 0.75em;
  color: #e6e8ec;
  line-height: 1;
}

footer .legal p {
  margin: 5px 0 0 0;
  font-size: 0.6875em;
  color: #93979a;
}

/* Table of contents */
.toc {
  /* FAQs */
}

.toc.generic {
  font-weight: 300;
  position: relative;
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}

@media only screen and (min-width: 601px) {
  .toc.generic.icons {
    padding-left: 34px;
  }
}

.toc.generic > img {
  display: block;
  position: absolute;
  left: 0px;
  width: auto;
  height: 24px;
}

.toc.generic h2 {
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
  border-bottom: none;
  margin-bottom: .2em;
  padding-left: 34px;
}

@media only screen and (min-width: 601px) {
  .toc.generic h2 {
    padding-left: 0;
  }
}

.toc.generic ul.collapse {
  position: relative;
  margin: 0;
  list-style-type: none;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}

.toc.generic ul.collapse ul.collapse {
  padding-left: 3px;
}

.toc.generic ul.collapse > li {
  display: block;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 5px 0 0 14px;
  transition: all .25s ease;
}

.toc.generic ul.collapse > li > a {
  font-size: 1rem;
  color: #4e5153;
}

.toc.generic ul.collapse > li > a:hover, .toc.generic ul.collapse > li > a:focus {
  color: #e9193a;
}

.toc.generic ul.collapse > li:not(.on) {
  padding-top: 5px;
  font-size: 1rem;
}

.toc.generic ul.collapse > li.on > a {
  display: block;
}

.toc.generic ul.collapse > li.on > a:before {
  position: absolute;
  top: 8px;
  left: 0;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #595860;
}

.toc.generic ul.collapse > li.open > a:before {
  top: 10px;
  left: 1px;
  border-width: 5px 4px 0 4px;
  border-color: #595860 transparent transparent transparent;
}

.toc.generic ul.collapse > li .wrapper {
  background: #f1f1f1;
  padding: 12px;
  margin: 5px 0;
  overflow: auto;
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}

.toc.generic > ul.collapse > li {
  border-bottom: 1px solid #a1a1a1;
  outline: 1px solid transparent;
}

.toc.generic > ul.collapse > li > a {
  font-weight: 500;
}

.toc.generic > ul.collapse > li.on {
  padding: 12px 0 10px 14px;
}

.toc.generic > ul.collapse > li.on > a {
  padding-bottom: 4px;
}

.toc.generic > ul.collapse > li.on > a:before {
  top: 16px;
}

.toc.generic > ul.collapse > li.open > a:before {
  top: 18px;
}

.toc.generic > ul.collapse > li:not(.on) {
  font-weight: 500;
  padding-top: 12px;
  padding-bottom: 12px;
}

.toc.generic > ul.collapse > li:last-child a {
  margin-bottom: 10px;
}

.toc.faqs {
  position: relative;
  max-width: 1060px;
  margin: 25px auto;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 300;
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}

@media only screen and (min-width: 601px) {
  .toc.faqs.icons {
    padding-left: 34px;
  }
}

.toc.faqs > img {
  display: block;
  position: absolute;
  left: 0px;
  width: auto;
  height: 24px;
}

.toc.faqs h2 {
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
  border-bottom: none;
  margin-top: 25px;
  margin-bottom: .2em;
  padding-left: 34px;
}

@media only screen and (min-width: 601px) {
  .toc.faqs h2 {
    padding-left: 0;
  }
}

.toc.faqs ul.collapse {
  position: relative;
  margin: 0;
  list-style-type: none;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.375;
}

.toc.faqs ul.collapse ul.collapse {
  padding-left: 24px;
}

.toc.faqs ul.collapse > li {
  display: block;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 5px 0 6px 14px;
  transition: all .25s ease;
}

.toc.faqs ul.collapse > li > a {
  font-size: 1.1rem;
  font-weight: 500;
  color: #4e5153;
}

.toc.faqs ul.collapse > li > a:hover, .toc.faqs ul.collapse > li > a:focus {
  color: #e9193a;
}

.toc.faqs ul.collapse > li:not(.on) {
  padding-top: 5px;
  font-size: 1rem;
}

.toc.faqs ul.collapse > li.on > a {
  display: block;
}

.toc.faqs ul.collapse > li.on > a:before {
  position: absolute;
  top: 10px;
  left: 0;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #595860;
}

.toc.faqs ul.collapse > li.open > a:before {
  top: 13px;
  left: 0 px;
  border-width: 5px 4px 0 4px;
  border-color: #595860 transparent transparent transparent;
}

.toc.faqs ul.collapse > li .wrapper {
  padding: 0px 0;
  margin: 5px 0 0;
  overflow: auto;
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}

.toc.faqs ul.collapse > li .wrapper h3 {
  font-weight: 500;
  font-size: 1.05rem;
  margin-bottom: .35rem;
}

.toc.faqs ul.collapse > li ul.collapse .wrapper {
  margin-top: 10px;
}

.toc.faqs > ul.collapse > li {
  padding-top: 7px;
  border-bottom: 1px solid #a1a1a1;
}

.toc.faqs > ul.collapse > li > a {
  font-weight: 500;
  font-size: 1.25rem;
}

.toc.faqs > ul.collapse > li.on {
  padding: 12px 0 7px 14px;
}

.toc.faqs > ul.collapse > li.on > a {
  padding-bottom: 4px;
}

.toc.faqs > ul.collapse > li.on > a:before {
  top: 20px;
}

.toc.faqs > ul.collapse > li.open > a:before {
  top: 22px;
}

.toc.faqs > ul.collapse > li:not(.on) {
  padding-top: 12px;
  padding-bottom: 12px;
}

/* Left navigation */
@media only screen and (max-width: 600px) {
  aside.left-rail {
    margin-bottom: -15px;
  }
}

aside.left-rail .toc {
  padding-left: 0;
  font-weight: 300;
  position: relative;
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  line-height: 1.3em;
  /* First collapse list */
}

aside.left-rail .toc > img {
  float: right;
  display: block;
  position: relative;
  margin: 5px 8px 0 8px;
  left: 0px;
  width: auto;
  height: 24px;
}

@media only screen and (min-width: 601px) {
  aside.left-rail .toc > img {
    top: 0px;
    margin: 0 -20px 10px 0;
  }
}

aside.left-rail .toc > p {
  margin-top: -.5rem;
  font-size: .8rem;
}

aside.left-rail .toc h2 {
  position: relative;
  padding: 8px 12px 4px 22px;
  font-family: inherit;
  font-size: 0.9375em;
  line-height: 1.25em;
  font-weight: 500;
  border: 1px solid #a1a1a1;
  border-radius: 5px;
  cursor: pointer;
  background-color: #ecedef;
  margin-bottom: 5px;
}

aside.left-rail .toc h2:before {
  position: absolute;
  top: 10px;
  left: 8px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0px 5px 8px;
  border-color: transparent transparent transparent #595860;
}

aside.left-rail .toc h2.active:before {
  top: 11px;
  border-width: 8px 5px 0px 5px;
  border-color: #595860 transparent transparent transparent;
}

@media only screen and (max-width: 600px) {
  aside.left-rail .toc h2:after {
    content: ' Menu';
  }
  aside.left-rail .toc h2 + p {
    display: none;
  }
}

@media only screen and (min-width: 601px) {
  aside.left-rail .toc h2 {
    padding: 0;
    border: none;
    cursor: default;
    background-color: transparent;
    margin-bottom: .75em;
    font-size: 1.125em;
  }
  aside.left-rail .toc h2:before {
    content: none;
  }
}

aside.left-rail .toc ul.collapse {
  position: relative;
  margin: 0;
  list-style-type: none;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: .9rem;
  color: #2f2f36;
}

aside.left-rail .toc ul.collapse a {
  color: #2f2f36;
}

aside.left-rail .toc ul.collapse a:hover, aside.left-rail .toc ul.collapse a:focus {
  color: #e9193a;
}

aside.left-rail .toc ul.collapse ul.collapse {
  padding-left: 4px;
}

aside.left-rail .toc ul.collapse ul.collapse ul.collapse {
  padding-left: 0;
  margin-bottom: 5px;
}

aside.left-rail .toc ul.collapse ul.collapse ul.collapse > li {
  padding-left: 0px;
}

aside.left-rail .toc ul.collapse > li {
  display: block;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 3px 0 0 12px;
  transition: all .25s ease;
}

aside.left-rail .toc ul.collapse > li:not(.on) {
  padding-top: 5px;
}

aside.left-rail .toc ul.collapse > li.on > a {
  display: block;
  padding-right: 12px;
}

aside.left-rail .toc ul.collapse > li.on > a:before {
  position: absolute;
  top: 9px;
  left: 0;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #595860;
}

aside.left-rail .toc ul.collapse > li.open > a:before {
  top: 10px;
  border-width: 5px 4px 0 4px;
  border-color: #595860 transparent transparent transparent;
}

aside.left-rail .toc ul.collapse > li .wrapper {
  background: #ccc;
  padding: 12px;
  margin: 5px 0;
  overflow: auto;
}

@media only screen and (max-width: 600px) {
  aside.left-rail .toc > ul.collapse {
    border: 1px solid #a1a1a1;
    padding: 0px 15px;
    background-color: #ecedef;
    display: none;
  }
}

@media only screen and (min-width: 601px) {
  aside.left-rail .toc > ul.collapse {
    display: block !important;
  }
}

aside.left-rail .toc > ul.collapse > li {
  border-top: 1px solid #a1a1a1;
}

@media only screen and (max-width: 600px) {
  aside.left-rail .toc > ul.collapse > li:first-child {
    border-top: 0px;
  }
}

aside.left-rail .toc > ul.collapse > li > a {
  font-weight: 500;
  font-size: 1rem;
}

aside.left-rail .toc > ul.collapse > li.on {
  padding: 12px 0 10px 0px;
}

aside.left-rail .toc > ul.collapse > li.on > a {
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  padding-bottom: 1px;
}

aside.left-rail .toc > ul.collapse > li.on > a:before {
  display: none;
}

aside.left-rail .toc > ul.collapse > li.open > a:before {
  top: 18px;
}

aside.left-rail .toc > ul.collapse > li:not(.on) {
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  padding-top: 12px;
  padding-bottom: 12px;
}

aside.left-rail .toc > ul.collapse > li:last-child a {
  margin-bottom: 10px;
}

aside.left-rail .toc > ul.collapse > li > ul.collapse > li > a {
  font-weight: 500;
}

/*
 *  Remodal - v1.0.6
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

.spotlight {
  background: #dadbdd;
}

.spotlight .container, .spotlight .generic main, .generic .spotlight main {
  padding: 30px 20px;
  position: relative;
}

@media screen and (min-width: 600px) {
  .spotlight .container, .spotlight .generic main, .generic .spotlight main {
    padding: 30px;
  }
}

.spotlight h2 {
  width: 100%;
  margin: 5px 0 30px 0;
  font-size: 36px;
  text-align: center;
}

@media only screen and (max-width: 1140px) {
  .spotlight .bx-wrapper {
    width: 800px;
  }
}

@media only screen and (max-width: 930px) {
  .spotlight .bx-wrapper {
    width: 605px;
  }
}

@media only screen and (max-width: 740px) {
  .spotlight .bx-wrapper {
    padding-bottom: 20px;
  }
}

.spotlight ul li {
  width: 270px;
  float: left;
}

.spotlight ul li:nth-child(2) {
  margin: 0 75px;
}

.spotlight ul li a {
  display: block;
  color: #4f5052;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
  overflow: auto;
}

.spotlight ul li a img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

@media only screen and (max-width: 740px) {
  .spotlight ul li a img {
    float: left;
    width: 120px;
    margin-right: 15px;
  }
}

.spotlight ul li a p {
  margin: 0 auto;
}

@media only screen and (max-width: 740px) {
  .spotlight ul li a p {
    float: left;
    width: 145px;
    font-size: 13px;
    line-height: 18px;
    text-align: left;
  }
}

.spotlight .arrow a {
  position: absolute;
  overflow: hidden;
  display: inline-block;
  font-size: 12px;
  width: 4em;
  height: 4em;
  margin-top: -12px;
  top: 50%;
  text-indent: -999em;
}

@media only screen and (max-width: 740px) {
  .spotlight .arrow a {
    top: auto;
    bottom: 30px;
    height: 38px;
    width: 100px;
    display: block;
    float: right;
    margin: -22px 0 0 0;
    font-size: 1em;
    line-height: 2.5em;
    color: #ffffff;
    font-weight: 500;
    text-align: center;
    background-color: #e9193a;
    border-radius: 2px;
    transition: background-color 150ms ease;
    text-indent: 0;
  }
  .spotlight .arrow a:hover, .spotlight .arrow a:focus {
    background-color: #ba142e;
    color: #fff;
  }
}

.spotlight .arrow a.bx-prev {
  border-top: 1px solid #a9a9a9;
  border-left: 1px solid #a9a9a9;
  -webkit-transform: rotate(-54deg) skew(-20deg);
          transform: rotate(-54deg) skew(-20deg);
  left: -30px;
}

@media only screen and (max-width: 1140px) {
  .spotlight .arrow a.bx-prev {
    left: 20px;
  }
}

@media only screen and (max-width: 740px) {
  .spotlight .arrow a.bx-prev {
    border: none;
    -webkit-transform: none;
            transform: none;
  }
}

.spotlight .arrow a.bx-next {
  border-top: 1px solid #a9a9a9;
  border-right: 1px solid #a9a9a9;
  -webkit-transform: rotate(54deg) skew(20deg);
          transform: rotate(54deg) skew(20deg);
  right: -30px;
}

@media only screen and (max-width: 1140px) {
  .spotlight .arrow a.bx-next {
    right: 20px;
  }
}

@media only screen and (max-width: 740px) {
  .spotlight .arrow a.bx-next {
    border: none;
    -webkit-transform: none;
            transform: none;
  }
}

.spotlight.small h2 {
  margin-bottom: 15px;
}

.spotlight.small ul li a {
  padding-left: 85px;
}

.spotlight.small ul li a img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 75px;
  margin: 0 10px 0 0;
}

.spotlight.small ul li a p {
  margin: 0;
  text-align: left;
}

.alerts {
  background: #36383c;
}

@media only screen and (max-width: 600px) {
  .alerts {
    text-align: center;
  }
}

.alerts .container, .alerts .generic main, .generic .alerts main {
  padding: 30px 30px 25px 30px;
}

@media screen and (min-width: 600px) {
  .alerts .container, .alerts .generic main, .generic .alerts main {
    display: table;
    width: 100%;
  }
}

@media screen and (min-width: 600px) {
  .alerts .container > div, .alerts .generic main > div, .generic .alerts main > div {
    display: table-cell;
  }
}

@media screen and (min-width: 600px) {
  .alerts .container > div.cta, .alerts .generic main > div.cta, .generic .alerts main > div.cta {
    padding-left: 25px;
    text-align: right;
    vertical-align: middle;
  }
}

.alerts .container > div.cta a, .alerts .generic main > div.cta a, .generic .alerts main > div.cta a {
  display: inline-block;
  margin-top: 20px;
  font-size: 0.9375em;
  font-weight: 300;
  line-height: 1em;
  padding: 13px 24px 12px;
  color: #ffffff;
  font-weight: 500;
  white-space: nowrap;
  background-color: #e9193a;
  border-radius: 2px;
  transition: background-color 150ms ease;
}

.alerts .container > div.cta a:hover, .alerts .generic main > div.cta a:hover, .generic .alerts main > div.cta a:hover, .alerts .container > div.cta a:focus, .alerts .generic main > div.cta a:focus, .generic .alerts main > div.cta a:focus {
  background-color: #ba142e;
  color: #fff;
}

@media screen and (min-width: 600px) {
  .alerts .container > div.cta a, .alerts .generic main > div.cta a, .generic .alerts main > div.cta a {
    margin: 0;
    font-size: 1.1875em;
  }
}

.alerts h3, .alerts p {
  display: block;
}

.alerts h3 {
  margin: 0 0 10px 0;
  font-size: 1.125em;
  color: #ffffff;
}

@media screen and (min-width: 600px) {
  .alerts h3 {
    font-size: 1.3125em;
  }
}

.alerts p {
  margin: 0;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 0.9375em;
  line-height: 1.375em;
  color: #dadbdd;
}

@media screen and (min-width: 600px) {
  .alerts p {
    font-size: 1.0625em;
    line-height: 1.25em;
  }
}

.grid-list--3-cols {
  margin-top: 30px;
  margin-bottom: 30px;
}

.grid-list--3-cols .container, .grid-list--3-cols .generic main, .generic .grid-list--3-cols main {
  padding: 0 30px;
}

@media screen and (min-width: 1060px) {
  .grid-list--3-cols .container, .grid-list--3-cols .generic main, .generic .grid-list--3-cols main {
    padding-bottom: 30px;
  }
}

.grid-list--3-cols h2 {
  display: block;
  margin: 1em 0;
  font-size: 2.25em;
  line-height: 1.25em;
  color: #36383c;
  text-align: center;
}

.grid-list--3-cols .grid li {
  margin-bottom: 25px;
}

.grid-list--3-cols .grid .box {
  text-align: center;
}

.grid-list--3-cols .grid .box > img {
  width: auto;
  height: 38px;
  margin: 0 auto 10px auto;
}

.grid-list--3-cols .grid .box h3 {
  margin: 0;
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1.125em;
  line-height: 1.5em;
  font-weight: 500;
  color: #36383c;
}

.grid-list--3-cols .grid .box p {
  margin: 8px 0 10px 0;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1.0625em;
  line-height: 1.375em;
  color: #4e5153;
}

.grid-list--3-cols .grid .box a {
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 500;
}

.property-search {
  z-index: 3;
  position: relative;
}

.property-search fieldset {
  display: block;
  margin: 0;
  padding: 24px 0 0 0;
  background: none;
  border: none;
}

.property-search .tabs {
  /* Medium and large resolutions */
}

.property-search .tabs:after {
  clear: both;
  content: "";
  display: table;
}

.property-search .tabs li {
  float: left;
  position: relative;
  margin-right: 2px;
  padding: 7px 2% 4px;
  background-color: rgba(39, 41, 43, 0.95);
}

.property-search .tabs li.on {
  background-color: rgba(54, 56, 60, 0.9);
}

.property-search .tabs li.on a {
  color: #ffffff;
}

.property-search .tabs li:last-child {
  margin-right: 0;
}

.property-search .tabs li a {
  display: block;
  color: #cccccc;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 0.65625em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 0 1px #000;
}

.property-search .tabs li a:hover {
  color: #ffffff;
}

@media only screen and (min-width: 601px) {
  .property-search .tabs li {
    padding: 6px 18px 3px 18px;
  }
  .property-search .tabs li a {
    font-size: 1.125em;
    font-weight: normal;
    text-transform: inherit;
  }
}

.property-search .main-menu {
  clear: both;
  background-color: #292d31;
  padding: 24px 0;
  padding: 12px 0;
  /* suggestion */
}

.property-search .main-menu .main-display {
  display: table;
}

.property-search .main-menu .main-display > div {
  display: table-cell;
  vertical-align: top;
}

@media only screen and (min-width: 900px) {
  .property-search .main-menu .main-display,
  .property-search .main-menu .filter-menu {
    float: left;
    font-size: 1rem;
  }
}

.property-search .main-menu input.location {
  height: 40px;
  font-size: 0.8125em;
  min-width: 225px;
  max-width: 275px;
  border-radius: 2px 0 0 2px;
  border: 1px solid #fff;
  margin: 0;
}

.property-search .main-menu input[type="submit"] {
  border-radius: 0 2px 2px 0;
}

.property-search .main-menu .filter-menu {
  display: table;
  margin: 15px auto 0;
}

.property-search .main-menu .filter-menu.on a {
  color: #ffffff;
  background-color: #000000;
}

@media only screen and (min-width: 900px) {
  .property-search .main-menu .filter-menu {
    margin: 3px 0 0 24px;
  }
}

.property-search .main-menu .filter-menu h3 {
  margin: 0 14px 0 0;
  padding-top: 3px;
  font-size: 0.875em;
  color: white;
}

@media only screen and (min-width: 900px) {
  .property-search .main-menu .filter-menu h3 {
    padding-top: 0px;
    font-size: 1.0625em;
  }
}

.property-search .main-menu .filter-menu h3, .property-search .main-menu .filter-menu ul {
  display: table-cell;
  vertical-align: middle;
}

.property-search .main-menu .filter-menu li {
  display: table-cell;
}

.property-search .main-menu .filter-menu li a {
  display: block;
  margin: 0 6px 0 0;
  padding: 5px 12px 3px 12px;
  font-size: .8rem;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  color: #d9d9d9;
  background: #111;
  border-radius: 2px;
  height: calc(100%);
}

.property-search .main-menu .filter-menu li a:hover {
  color: #ffffff;
  background: #000000;
}

@media only screen and (min-width: 900px) {
  .property-search .main-menu .filter-menu li a {
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 0.9375em;
  }
}

.property-search .main-menu .filter-menu li:last-child a {
  margin-right: 0;
}

.property-search .filter-options {
  /**/
  display: none;
  z-index: 2;
  width: 100%;
  max-width: 1050px;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  background: rgba(54, 56, 60, 0.95);
  box-shadow: 0px 0px 4px #666;
  padding: 0 0 30px 0;
}

@media only screen and (max-width: 600px) {
  .property-search .filter-options .container, .property-search .filter-options .generic main, .generic .property-search .filter-options main {
    max-width: 380px;
  }
}

.property-search .filter-options legend {
  float: left;
  color: #ffffff;
  font-size: 1em;
  text-shadow: 1px 1px #000;
}

@media only screen and (min-width: 900px) {
  .property-search .filter-options legend {
    font-size: 1.0625em;
    padding-right: 10px;
  }
}

.property-search .filter-options legend + input[type="button"] {
  margin-left: 0;
}

.property-search .filter-options input:not(.apply), .property-search .filter-options label {
  font-size: 0.875em;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  line-height: 1em;
}

.property-search .filter-options input[type="button"]:not(.close) {
  display: block;
  float: left;
  margin: 0 2px 0 0;
  padding: 8px 8px 5px 8px;
  color: #d9d9d9;
  background: #1c1d1f;
  border-radius: 2px;
  text-shadow: 1px 1px #000;
}

.property-search .filter-options input[type="button"]:not(.close).active {
  color: #ffffff;
  background: #3b99fc;
}

.property-search .filter-options input[type="button"]:not(.close):hover:not(.active) {
  color: #ffffff;
  background: #111;
}

@media only screen and (min-width: 900px) {
  .property-search .filter-options input[type="button"]:not(.close) {
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 8px 12px 5px 12px;
  }
}

.property-search .filter-options input[type="text"] {
  display: inline-block;
  text-align: center;
  width: 100px;
  font-size: 0.875em;
  padding: 8px 6px 4px 20px;
}

@media only screen and (min-width: 900px) {
  .property-search .filter-options input[type="text"] {
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 8px 12px 5px 12px;
    width: 120px;
  }
}

.property-search .filter-options input.apply {
  float: right;
  margin-top: 15px;
  margin-right: 20px;
  font-size: 0.875em;
}

.property-search .filter-options input.close {
  float: right;
  margin-top: 15px;
  margin-right: 15px;
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 0.875em;
  background: #444;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  height: 35px;
}

.property-search .filter-options input.close:hover, .property-search .filter-options input.close:focus {
  background-color: #363636;
  color: #fff;
}

.property-search .filter-options span.price:before {
  content: "$";
  color: #666;
  position: absolute;
  left: 5px;
  top: 4px;
  font-size: 0.875em;
}

@media only screen and (min-width: 900px) {
  .property-search .filter-options span.price:before {
    top: 7px;
  }
}

.property-search .filter-options span.price {
  display: inline-block;
  position: relative;
}

.property-search .filter-options span.to {
  padding: 0 13px;
  color: #ffffff;
  font-size: 0.75em;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}

@media only screen and (min-width: 900px) {
  .property-search .filter-options span.to {
    margin: 3px 0;
    font-size: 0.9375em;
  }
}

.property-search .filter-options label {
  color: #ffffff;
  text-shadow: 1px 1px #000;
}

.property-search .filter-options .checkbox-grid {
  width: 100%;
  min-width: 280px;
  padding-right: 15px;
  margin-top: 4px;
}

@media only screen and (min-width: 601px) and (max-width: 899px) {
  .property-search .filter-options .checkbox-grid {
    min-width: inherit;
  }
}

@media only screen and (min-width: 900px) {
  .property-search .filter-options .checkbox-grid {
    min-width: 290px;
  }
}

.property-search .filter-options .checkbox-grid li {
  float: left;
  width: 50%;
  padding-right: 5px;
}

@media only screen and (min-width: 601px) and (max-width: 899px) {
  .property-search .filter-options .checkbox-grid li {
    float: none;
    width: inherit;
  }
}

.property-search .filter-options .segmented-control {
  text-align: center;
}

.property-search .filter-options .segmented-control label {
  margin-bottom: 0;
}

.property-search .filter-options .segmented-control .label {
  margin-right: 2px;
  margin-bottom: 2px;
  cursor: pointer;
  float: left;
  padding: 8px 10px 5px 10px;
  text-align: center;
  background: #1c1d1f;
  color: #d9d9d9;
}

.property-search .filter-options .segmented-control .label:first-child .label {
  border-radius: 2px 0 0 2px;
}

.property-search .filter-options .segmented-control .label:last-child .label {
  border-radius: 0 2px 2px 0;
  margin-right: 0;
}

.property-search .filter-options .segmented-control input {
  /* .reader CSS */
  left: -9000px !important;
  display: block;
  position: absolute;
}

.property-search .filter-options .segmented-control input:checked + .label {
  background-color: #1a6f8f;
  border-color: #3d8df5;
  color: #ffffff;
}

.property-search .filter-options .bed-number .segmented-control .label {
  width: 30px;
  padding: 8px 5px 5px 7px;
}

.property-search .filter-options .results {
  float: right;
  padding: 22px 20px 0 0;
  color: #ffffff;
  font-size: 14px;
}

@media only screen and (min-width: 601px) {
  .property-search .filter-options {
    padding: 5px 0 30px 0;
  }
  .property-search .filter-options .cols {
    display: table;
    width: 100%;
  }
  .property-search .filter-options .cols .col {
    display: table-cell;
    vertical-align: top;
  }
  .property-search .filter-options .cols .col:not(:last-child) {
    padding-right: 25px;
  }
}

@media only screen and (min-width: 601px) and (max-width: 899px) {
  .property-search .filter-options .cols .col:first-child {
    width: 45%;
  }
  .property-search .filter-options .cols .col {
    width: 35%;
  }
  .property-search .filter-options .cols .col:last-child {
    width: 20%;
  }
}

@media only screen and (min-width: 900px) {
  .property-search .filter-options .cols .col:first-child {
    width: 40%;
  }
  .property-search .filter-options .cols .col {
    width: 30%;
  }
  .property-search .filter-options .cols .col:last-child {
    width: 30%;
  }
}

.property-search form {
  margin: 0 auto;
}

.property-search h3 {
  padding-right: 10px;
}

/* Homepage-specific styling */
.page-home .property-search {
  /* Medium and large resolutions */
}

.page-home .property-search .main-menu {
  padding-top: 18px;
  background: rgba(54, 56, 60, 0.9);
}

.page-home .property-search .main-menu .main-display {
  width: 100%;
}

.page-home .property-search .main-menu .main-display > div:first-child {
  width: calc(100% - 100px);
}

.page-home .property-search .main-menu .main-display > div:first-child input {
  max-width: 100%;
  min-width: inherit;
}

.page-home .property-search .main-menu .main-display > div:last-child {
  width: 100px;
}

.page-home .property-search .main-menu .filter-menu {
  margin-top: 15px;
  margin-left: 0;
}

.page-home .property-search .main-menu .filter-menu li.sale-type {
  display: none;
}

.page-home .property-search .filter-options {
  padding: 0 0 18px 0;
  position: absolute;
  background: rgba(58, 60, 63, 0.98);
}

.page-home .property-search .filter-options .cols .col {
  display: block;
  width: 100%;
  padding-right: 0;
}

.page-home .property-search .filter-options .cols .col fieldset {
  padding-top: 18px;
}

.page-home .property-search .filter-options .cols .col fieldset.sale-type {
  display: none;
}

.page-home .property-search .filter-options .cols .col .checkbox-grid li {
  float: left;
  width: 50%;
}

.page-home .property-search .filter-options .cols .col span.to {
  padding: 0 5px;
}

.page-home .property-search .filter-options .cols .col input[type="text"] {
  width: 110px;
}

.page-home .property-search .recent {
  position: relative;
  overflow: auto;
  margin: 0;
  background-color: rgba(39, 41, 43, 0.95);
  padding: 7px 10px;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}

.page-home .property-search .recent h2, .page-home .property-search .recent li, .page-home .property-search .recent .clear-recent {
  color: #dadbdd;
  text-shadow: 0 0 1px #000000;
}

.page-home .property-search .recent h2 {
  margin: 0;
  padding: 0px 20px 0px 0px;
  font-size: 15px;
  font-weight: bold;
}

.page-home .property-search .recent h2, .page-home .property-search .recent a {
  color: #dadbdd;
  white-space: nowrap;
}

.page-home .property-search .recent ul {
  display: inline;
}

.page-home .property-search .recent ul li {
  display: inline;
}

.page-home .property-search .recent ul li a {
  padding: 11px 20px 8px 0px;
  font-size: 0.8125em;
  line-height: 1.375em;
}

.page-home .property-search .recent ul li a:hover {
  color: #ffffff;
}

.page-home .property-search .recent .clear-recent {
  padding: 3px 8px 2px 8px;
  line-height: 1.3125em;
  border: 1px solid #000000;
  border-radius: 2px;
  font-size: 0.8125em;
  background-color: #27292b;
  transition: all .25s ease;
}

.page-home .property-search .recent .clear-recent:hover, .page-home .property-search .recent .clear-recent:focus {
  color: #ffffff;
  background-color: #222;
}

@media only screen and (min-width: 601px) {
  .page-home .property-search {
    padding-bottom: 50px;
  }
  .page-home .property-search .container, .page-home .property-search .generic main, .generic .page-home .property-search main, .page-home .property-search .recent {
    padding-right: 20px;
    padding-left: 20px;
  }
  .page-home .property-search .tab-content {
    padding: 20px 20px 0 20px;
  }
  .page-home .property-search .tab-content form {
    overflow: auto;
  }
  .page-home .property-search .tab-content form input {
    display: block;
    float: left;
    margin: 0;
  }
  .page-home .property-search .tab-content form input[type=text] {
    width: calc(100% - 105px);
    padding: 15px 15px 12px 15px;
    font-size: 0.875em;
  }
  .page-home .property-search .tab-content form input[type=submit] {
    width: 105px;
    padding: 13px 15px 10px 15px;
    font-size: 1.1875em;
  }
  .page-home .property-search .filter-options .cols .col {
    float: left;
    width: 50%;
  }
  .page-home .property-search .filter-options .cols .col:first-child, .page-home .property-search .filter-options .cols .col:last-child {
    float: right;
    width: 48%;
  }
  .page-home .property-search .filter-options input.apply {
    float: none;
    left: -9000px !important;
    display: block;
    position: absolute;
  }
  .page-home .property-search .recent h2 {
    display: inline;
  }
  .page-home .property-search .recent .clear-recent {
    float: right;
  }
}

.container, .generic main {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.container:after,
.generic main:after {
  clear: both;
  content: "";
  display: table;
}

/* .container conflicts with legacy */
#wrap .container,
#sub-content .container{
	padding:0;
}
#sub-content .container:after{
	clear:none;
	display: block;
	content: none;
}


@media only screen and (max-width: 600px) {
  .container, .generic main {
    padding-left: 12px;
    padding-right: 12px;
  }
	body #sub-content{
		padding-left: 0;
		padding-right: 0;
	}
	body #sub-nav-agents{
		width:45%;
		margin-left:12px;
		font-size: .95rem;
	}
}

.clear-floats:after {
  content: "";
  display: table;
  clear: both;
}

/* Screen reader-only. Hide from normal browsers. */
.reader {
  left: -9000px !important;
  display: block;
  position: absolute;
}

.email {
  word-wrap: break-word;
}

.hide {
  display: none;
}

.main-content h1 {
  font-size: 225%;
  font-weight: bold;
  margin: .75em 0;
}

.main-content h2 {
  font-size: 200%;
  font-weight: bold;
  margin: .75em 0;
}

.main-content h3 {
  font-size: 175%;
  font-weight: bold;
  margin: .75em 0;
}

.main-content h4 {
  font-size: 150%;
  font-weight: bold;
  margin: .75em 0;
}

.main-content h5 {
  font-size: 125%;
  font-weight: bold;
  margin: .75em 0;
}

.main-content h6 {
  font-size: 100%;
  font-weight: bold;
  margin: .75em 0;
}

.main-content ol {
  list-style: inside decimal;
}

.main-content ul {
  list-style: inside disc;
}

.page-home .hero {
  z-index: 1;
  padding-bottom: 70px;
  background: url("../../../images/tmp-hero.jpg") 50% 50% no-repeat;
  background-size: cover;
}

.page-home .hero .container, .page-home .hero .generic main, .generic .page-home .hero main {
  max-width: 630px;
}

.page-home .hero h2.hero-heading {
  width: 100%;
  padding: 50px 0 0px 0;
  font-size: 2.9375em;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 0 1px #000;
  margin-bottom: .275em;
  /* Medium and large resolutions */
}

@media only screen and (min-width: 601px) {
  .page-home .hero h2.hero-heading {
    font-size: 4.0625em;
    padding-top: 110px;
  }
}

.page-home .hero .tab-content {
  padding: 20px 20px 0 20px;
}

.page-home .hero .tab-content form {
  overflow: auto;
}

.page-home .hero .tab-content form input {
  display: block;
  float: left;
  margin: 0;
}

.page-home .hero .tab-content form input[type=text] {
  width: calc(100% - 100px);
  padding: 12px 15px 12px 15px;
  font-size: 0.875em;
  color: #36383c;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.page-home .hero .tab-content form input[type=submit] {
  width: 100px;
  padding: 11px 15px 11px 15px;
  font-size: 1.0625em;
  font-weight: 500;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.page-home .hero .tab-content .filters {
  overflow: auto;
}

.page-home .hero .tab-content .filters li {
  float: left;
}

.page-home .hero .tab-content .filters li a {
  display: block;
  float: left;
}

.page-home .hero .tab-content .filters {
  margin: 15px 0 12px 0;
}

.page-home .hero .tab-content .filters li a {
  margin-right: 10px;
  padding: 8px 12px 5px 12px;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 0.9375em;
  color: #d9d9d9;
  background: #000000;
  border-radius: 2px;
}

.page-home .hero .tab-content .filters li a:hover {
  color: #ffffff;
}

.page-home .hero .tab-content .filters li:last-child a {
  padding: 7px 0 6px 0;
  background: none;
  color: #ffffff;
}

.search-results {
  background-color: #f2f2f4;
}

.search-results h1 {
  padding-top: 25px;
  margin: 0;
  font-size: 2.0625em;
}

.search-results .summary-and-sort {
  position: relative;
  margin-bottom: 16px;
}

@media only screen and (max-width: 600px) {
  .search-results .summary-and-sort .sort-by {
    display: block;
    margin-top: 15px;
  }
}

@media only screen and (min-width: 601px) {
  .search-results .summary-and-sort .sort-by {
    position: absolute;
    right: 0;
    bottom: 5px;
  }
}

.search-results .summary-and-sort .sort-by select {
  background: #ffffff;
  border: none;
  height: 30px;
  margin-bottom: 0;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}

.search-results .properties {
  clear: both;
}

.search-results .properties h2.auction {
  color: #2b8db2;
}

.search-results .properties h2 .occupied {
  color: #e9193a;
}

.search-results .properties h2 .occupied:before {
  content: "  -  ";
  color: #666;
}

.search-results .properties .status .sold {
  color: #c33d20;
}

.search-results .properties .actions {
  text-align: center;
}

.search-results .properties .actions a {
  display: block;
  background-repeat: no-repeat;
  background-size: 200%;
}

.search-results .properties .actions a.watch {
  width: 20px;
  height: 16px;
  background-position: 0 0;
  background-image: url("../../../images/sprites/image-sprites.png");
  margin-bottom: 7px;
}

.search-results .properties .actions a.watch:hover, .search-results .properties .actions a.watch:focus {
  background-position: 0 -20px;
}

.search-results .properties .actions a.map {
  width: 16px;
  height: 20px;
  background-size: 300%;
  background-position: -24px 0px;
  background-image: url("../../../images/sprites/image-sprites.png");
  margin-left: 3px;
}

.search-results .properties .actions a.map:hover, .search-results .properties .actions a.map:focus {
  background-position: -24px -24px;
}

@media only screen and (max-width: 600px) {
  .search-results .properties > li {
    font-size: 0.6875em;
  }
  .search-results .properties .big {
    font-size: 1.5em;
    margin-bottom: -2px;
  }
  .search-results .properties .pic {
    height: 82px;
  }
  .search-results .properties .address {
    width: 94%;
    padding: 0 0 17px 31%;
  }
  .search-results .properties .features {
    top: 95px;
    max-height: 4.5em;
  }
  .search-results .properties .features li:after {
    content: " ";
    padding: 0 8px 0 0;
  }
}

@media only screen and (min-width: 601px) {
  .search-results .properties > li {
    font-size: 0.875em;
  }
  .search-results .properties .big {
    font-size: 1.6875em;
    margin-bottom: -4px;
  }
}

@media only screen and (min-width: 601px) and (max-width: 899px) {
  .search-results .properties .pic {
    height: 120px;
  }
  .search-results .properties .address {
    width: 69%;
    padding: 0 0 17px 0%;
    margin-left: 31%;
  }
  .search-results .properties .features {
    top: 128px;
    max-height: 4.5em;
  }
  .search-results .properties .features li:after {
    content: " ";
    padding: 0 8px 0 0;
  }
}

@media only screen and (max-width: 899px) {
  .search-results .properties {
    margin-top: 15px;
  }
  .search-results .properties > li {
    position: relative;
    background: #fff;
    margin-bottom: 13px;
    font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    padding: 15px 15px 15px 15px;
    box-sizing: border-box;
    border: 1px solid #f2f2f4;
    transition: border-color 1s ease;
  }
  .search-results .properties > li:last-child {
    margin-bottom: 0px;
  }
  .search-results .properties > li:hover, .search-results .properties > li:focus {
    border: 1px solid #000;
  }
  .search-results .properties > li > a:not(.button) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
  .search-results .properties > li .pic {
    position: absolute;
    width: 30%;
    left: 0;
    right: 30%;
    top: 0;
    background-size: cover;
    background-position: center;
  }
  .search-results .properties > li .pic .photo-count {
    background: rgba(54, 56, 60, 0.9);
    padding: 4px 5px;
    font-size: 0.875em;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .search-results .properties > li .actions .icon {
    max-width: 20px;
    max-height: 20px;
  }
  .search-results .properties > li .big {
    display: block;
    margin-bottom: -2px;
  }
  .search-results .properties h2 {
    display: block;
    margin-bottom: 1px;
    font-size: 0.75em;
    font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
  }
  .search-results .properties .address {
    float: left;
    border-bottom: 1px solid #eaeaea;
  }
  .search-results .properties .price {
    float: left;
    width: 70%;
    padding: 12px 0 0 31%;
  }
  .search-results .properties .status {
    float: left;
    width: 30%;
    padding-top: 12px;
  }
  .search-results .properties .actions {
    position: absolute;
    top: 11px;
    right: 0;
    z-index: 2;
    width: 20px;
    margin-right: 15px;
  }
  .search-results .properties .features {
    position: absolute;
    left: 2%;
    width: 28%;
    overflow: hidden;
  }
  .search-results .properties .features li {
    display: inline;
    white-space: nowrap;
  }
  .search-results .properties .features li:last-child:after {
    content: "";
  }
}

@media only screen and (max-width: 899px) and (max-width: 899px) {
  .search-results .properties .view-details {
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .search-results .properties .view-details .text {
    left: -9000px !important;
    display: block;
    position: absolute;
  }
}

@media only screen and (max-width: 899px) and (min-width: 900px) {
  .search-results .properties .view-details {
    clear: left;
    position: absolute;
    right: 0px;
    bottom: 15px;
  }
}

@media only screen and (min-width: 900px) {
  .search-results .properties {
    margin-top: 15px;
  }
  .search-results .properties > li {
    position: relative;
    background: #fff;
    margin-bottom: 13px;
    font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    padding: 15px 15px 15px 255px;
  }
  .search-results .properties > li:last-child {
    margin-bottom: 0px;
  }
  .search-results .properties > li > a:not(.button) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
  .search-results .properties > li .pic {
    position: absolute;
    width: 235px;
    top: 0;
    right: 235px;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
  }
  .search-results .properties > li .pic .photo-count {
    background: rgba(54, 56, 60, 0.9);
    padding: 8px 10px;
    font-size: 0.875em;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .search-results .properties > li .actions a .icon {
    max-width: 20px;
    max-height: 20px;
  }
  .search-results .properties > li .big {
    display: block;
  }
  .search-results .properties > li a.button {
    margin-top: 15px;
    margin-right: 15px;
    padding: 0.75em 1.5em;
    font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 0.875em;
    background: #969799;
    color: #ffffff;
    box-sizing: border-box;
    height: 35px;
  }
  .search-results .properties > li a.button:hover, .search-results .properties > li a.button:focus {
    background-color: #78797a;
    color: #fff;
  }
  .search-results .properties h2 {
    display: block;
    margin-bottom: 1px;
    font-size: 0.8125em;
    font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
  }
  .search-results .properties .address {
    float: left;
    width: 45%;
  }
  .search-results .properties .price {
    float: left;
    width: 25%;
  }
  .search-results .properties .status {
    float: left;
    width: 25%;
  }
  .search-results .properties .actions {
    position: absolute;
    top: 11px;
    right: 0;
    z-index: 1;
    width: 20px;
    margin-right: 15px;
  }
  .search-results .properties .features {
    padding-top: 12px;
    float: left;
    width: 75%;
  }
  .search-results .properties .features li {
    display: inline;
  }
  .search-results .properties .features li:after {
    content: "·";
    padding: 0 7px 0 10px;
  }
  .search-results .properties .features li:last-child:after {
    content: "";
  }
  .search-results .properties .view-details {
    clear: left;
    position: absolute;
    right: 0px;
    bottom: 15px;
  }
}

.search-results .pagination {
  margin: 0 auto;
  padding: 35px 0;
  text-align: center;
}

.search-results .pagination ul {
  text-align: center;
}

.search-results .pagination ul li {
  display: inline-block;
  background: #ffffff;
  margin: 0 -2px 2px 0;
  font-size: 1.0625em;
}

.search-results .pagination ul li:last-child {
  margin-right: 0;
}

.search-results .pagination ul li a {
  display: block;
  padding: 5px 14px 4px;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  color: #898b8a;
}

.search-results .pagination ul li a:hover, .search-results .pagination ul li a:focus {
  background-color: #cccccc;
  color: #ffffff;
}

.search-results .pagination ul li a.selected {
  color: #ffffff;
  background: #e91939;
}

.property-detail {
  background-color: #f2f2f4;
  /* Custom Elastislide Styling for property detail page gallery */
}

.property-detail a:not(.button):hover, .property-detail a:not(.button):focus {
  text-decoration: underline;
}

@media only screen and (min-width: 601px) {
  .property-detail .show-small {
    display: none;
  }
}

@media only screen and (max-width: 600px) {
  .property-detail .show-not-small {
    display: none;
  }
}

.property-detail .sale-type {
  padding: 27px 0 0;
  display: block;
  margin-bottom: 1px;
  font-size: 0.75em;
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

.property-detail .sale-type.auction {
  color: #2b8db2;
}

.property-detail .detail-heading {
  padding-bottom: 6px;
  border-bottom: 1px solid #d3d7dd;
}

@media only screen and (min-width: 900px) {
  .property-detail .detail-heading {
    display: table;
    width: 100%;
  }
}

.property-detail .detail-heading .subheader {
  margin-bottom: .25em;
}

.property-detail .address {
  font-size: 0.9375em;
}

.property-detail .address h1 {
  margin: 0 0 2px 0;
  font-size: 1.5625em;
}

@media only screen and (min-width: 601px) {
  .property-detail .address h1 {
    margin: 0;
    font-size: 2.0625em;
  }
}

@media only screen and (min-width: 900px) {
  .property-detail .address {
    display: table-cell;
  }
}

.property-detail .actions {
  padding: 0px 0;
}

.property-detail .actions a {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  font-size: 0.75em;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px 8px 8px 30px;
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: auto 18px;
  margin-bottom: 5px;
}

.property-detail .actions a:not(:last-child) {
  margin-right: 5px;
}

.property-detail .actions a:hover .watch, .property-detail .actions a:focus .watch {
  background-position: 0 -20px;
}

.property-detail .actions a:hover .map, .property-detail .actions a:focus .map {
  background-position: -24px -24px;
}

.property-detail .actions a span {
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  top: 5px;
  left: 5px;
}

.property-detail .actions a span.watch {
  top: 11px;
  width: 20px;
  height: 16px;
  background-size: 200%;
  background-position: 0 0;
  background-image: url("../../../images/sprites/image-sprites.png");
  margin-bottom: 7px;
}

.property-detail .actions a span.map {
  top: 10px;
  width: 16px;
  height: 20px;
  background-size: 300%;
  background-position: -24px 0px;
  background-image: url("../../../images/sprites/image-sprites.png");
}

@media only screen and (min-width: 900px) {
  .property-detail .actions {
    display: table-cell;
    text-align: right;
    vertical-align: top;
  }
}

@media only screen and (min-width: 601px) {
  .property-detail .actions a {
    font-size: 0.875em;
    padding: 10px 20px 8px 50px;
  }
  .property-detail .actions a span {
    left: 20px;
  }
}

.property-detail .property-id {
  font-size: 0.8125em;
  padding: 10px 0 15px 0;
}

.property-detail .property-id .label {
  font-weight: bold;
}

.property-detail .box {
  font-size: 0.875em;
  background: #fff;
  margin-bottom: 12px;
}

.property-detail .box > div {
  padding: 15px 3%;
}

.property-detail .box > div ~ div {
  border-top: 1px solid #d3d7dd;
}

@media only screen and (min-width: 601px) {
  .property-detail .box {
    margin-bottom: 30px;
  }
  .property-detail .box > div {
    padding: 20px 4%;
  }
}

.property-detail .box h2 + p {
  margin-top: -12px;
}

.property-detail .box p:last-child {
  margin-bottom: 0;
}

.property-detail .box ul.disclaimers li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 45px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 20px auto;
}

.property-detail .box ul.disclaimers li:before {
  content: "·";
  position: absolute;
  top: 11px;
  left: 12px;
  font-size: 2.5em;
  line-height: 0;
}

.property-detail .box ul.disclaimers li.icon:before {
  content: "";
}

.property-detail .box ul.disclaimers li.warning {
  background-image: url("../../../images/icons/warning.png");
}

.property-detail .box ul.disclaimers li.no-fee {
  background-image: url("../../../images/icons/no-cash.png");
}

.property-detail .box ul.disclaimers li.cash {
  background-image: url("../../../images/icons/cash.png");
}

.property-detail .box ul.disclaimers h3 {
  font-size: 0.9375em;
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: bold;
  margin-bottom: 0;
  text-transform: uppercase;
}

.property-detail .box.auction-info {
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}

.property-detail .box.auction-info .icon {
  display: inline-block;
  font-size: 0.9375em;
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: auto 18px;
  min-height: 18px;
}

.property-detail .box.auction-info .reserve {
  background-image: url("../../../images/icons/reserve.png");
  margin-right: 12px;
}

.property-detail .box.auction-info .financing {
  background-image: url("../../../images/icons/financing.png");
}

.property-detail .box.auction-info .button.bid {
  display: inline-block;
  width: 100%;
  max-width: 250px;
  margin: 10px 0 8px;
  text-align: center;
  border-radius: 2px;
  color: #ffffff;
  background: #e9193a;
  font-size: 1.5625em;
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  text-transform: lowercase;
  padding: 8px;
}

.property-detail .box.auction-info .button.bid:hover, .property-detail .box.auction-info .button.bid:focus {
  background-color: #ba142e;
}

.property-detail .box.auction-info .history {
  display: block;
  max-width: 250px;
  text-align: right;
}

.property-detail .box.auction-info.sold .price {
  margin-top: -5px;
}

.property-detail .box.auction-info.sold .history {
  display: inline-block;
  float: right;
}

.property-detail .box .vcard {
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}

.property-detail .box .vcard:not(:last-child) {
  margin-bottom: 12px;
}

.property-detail .box .vcard span {
  display: block;
  line-height: 1.4em;
}

.property-detail .box .vcard span.fn {
  font-size: 1.125em;
  font-weight: bold;
  margin-bottom: .05em;
}

.property-detail .box .faqs {
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}

.property-detail .box .faqs h3 {
  font-size: 1.125em;
  font-weight: bold;
  margin-bottom: .25em;
}

.property-detail .box .faqs ul li {
  position: relative;
  padding: 0 0 .2em 12px;
}

.property-detail .box .faqs ul li:before {
  content: "·";
  position: absolute;
  top: 14px;
  left: 0px;
  font-size: 2.5em;
  line-height: 0;
}

.property-detail .box h2 {
  font-size: 1.6875em;
}

.property-detail .box table {
  table-layout: auto;
  margin-top: 0;
}

.property-detail .box table:last-child {
  margin-bottom: 0;
}

.property-detail .box table caption {
  font-size: 1.6875em;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  text-align: left;
}

.property-detail .box table tr:last-child td {
  border-bottom: 0;
}

.property-detail .box table td {
  vertical-align: top;
  font-size: 1em;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  padding: .5em 0;
}

.property-detail .box table td:not(:last-child) {
  padding-right: 12px;
}

.property-detail .box table td:first-child {
  font-weight: bold;
}

.property-detail .box p ~ h2,
.property-detail .box ul ~ h2 {
  margin-top: 30px;
}

.property-detail .box .bidder {
  display: inline-block;
  white-space: nowrap;
  padding-bottom: .5em;
}

.property-detail .box .date {
  font-weight: bold;
}

.property-detail .box .disclaimer {
  margin-bottom: 0;
  font-size: 0.9375em;
}

.property-detail #countdown {
  margin-bottom: 20px;
}

.property-detail #countdown > div {
  float: left;
  width: 22%;
  padding: 10px 5px;
  text-align: center;
  background-color: #e9e9eb;
  font-size: 0.9375em;
}

.property-detail #countdown > div:not(:last-child) {
  margin-right: 4%;
}

.property-detail #countdown .value {
  font-size: 1.375em;
  line-height: 1.4em;
}

.property-detail #countdown .label {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
}

.property-detail .price {
  display: inline-block;
  line-height: 1em;
  margin: -12px 0 2px;
  padding-right: 5px;
  font-size: 3em;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}

.property-detail h3 ~ .price {
  margin-top: -14px;
}

@media only screen and (min-width: 601px) {
  .property-detail .main-column {
    float: left;
    width: 70%;
    padding-right: 30px;
  }
}

.property-detail .main-column .features li {
  display: inline-block;
  padding-bottom: 4px;
}

.property-detail .main-column .features li:after {
  content: "·";
  padding: 0 7px 10px;
}

.property-detail .main-column .features li:last-child:after {
  content: "";
}

@media only screen and (min-width: 601px) {
  .property-detail .secondary-column {
    float: left;
    width: 30%;
  }
}

.property-detail .license-info,
.property-detail .cooperating-partner {
  font-size: 0.75em;
  margin-top: -10px;
  margin-bottom: 2em;
}

.property-detail .elastislide-wrapper.elastislide-horizontal {
  background-color: #ffffff;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 1px solid #d3d7dd;
}

.property-detail .elastislide-wrapper.elastislide-horizontal nav span {
  transition: background-color 0.25s ease;
  border-radius: inherit;
  top: 11px;
  width: 40px;
  height: 70px;
  background-color: #dadbdd;
  background-repeat: no-repeat;
  background-image: url("../../../images/sprites/image-sprites.png");
  background-size: 250%;
}

.property-detail .elastislide-wrapper.elastislide-horizontal nav span.elastislide-prev {
  left: 0;
  background-position: -38px -91px;
}

.property-detail .elastislide-wrapper.elastislide-horizontal nav span.elastislide-prev:hover, .property-detail .elastislide-wrapper.elastislide-horizontal nav span.elastislide-prev:focus {
  background-position: -38px -141px;
}

.property-detail .elastislide-wrapper.elastislide-horizontal nav span.elastislide-next {
  right: 0;
  background-position: 15px -91px;
}

.property-detail .elastislide-wrapper.elastislide-horizontal nav span.elastislide-next:hover, .property-detail .elastislide-wrapper.elastislide-horizontal nav span.elastislide-next:focus {
  background-position: 15px -141px;
}

.property-detail .elastislide-wrapper.elastislide-horizontal nav span:hover, .property-detail .elastislide-wrapper.elastislide-horizontal nav span:focus {
  background-color: #bebebe;
}

.property-detail .elastislide-wrapper.elastislide-horizontal .elastislide-list {
  max-height: 49px !important;
}

.property-detail .elastislide-horizontal.elastislide-loading {
  background-image: url(../../../images/icons/loading.gif);
}

.property-detail .elastislide-wrapper .elastislide-carousel ul li {
  margin: 0 5px;
}

.property-detail .elastislide-carousel ul li a {
  border: 2px solid #fff;
  transition: border 0.5s;
}

.property-detail .elastislide-wrapper .elastislide-carousel ul li a img {
  border-radius: 1px;
  border: none;
  height: 45px;
}

.property-detail .elastislide-wrapper nav span {
  box-shadow: none;
}

.property-detail .image-preview {
  overflow: hidden;
  margin-bottom: 5px;
  padding: 0 0 15px 0;
  background: transparent;
}

@media only screen and (max-width: 600px) {
  .property-detail .image-preview {
    max-height: 250px;
  }
}

@media only screen and (min-width: 601px) {
  .property-detail .image-preview {
    max-height: 350px;
  }
}

.property-detail .image-preview img {
  border-radius: 0;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

@media only screen and (max-width: 600px) {
  .property-detail .image-preview img {
    max-width: 400px;
  }
}

@media only screen and (min-width: 601px) and (max-width: 899px) {
  .property-detail .image-preview img {
    max-width: 500px;
  }
}

.property-detail .elastislide-carousel ul li.current-img {
  z-index: 2;
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: auto 4px;
  background-image: url("https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-arrow-up-b-128.png");
}

.property-detail .elastislide-carousel ul li.current-img a {
  position: relative;
  border: 2px solid #2b8db2;
}

.generic main {
  position: relative;
}

@media screen and (min-width: 600px) {
  .generic main.has-left-rail article {
    float: right;
    padding: 30px 0 0 40px;
  }
  .generic main.has-left-rail:before {
    position: absolute;
    content: '';
    top: 0;
    right: 100%;
    margin-right: -240px;
    width: 100%;
    height: 100%;
    background: #ecedef;
    z-index: 0;
  }
}

.generic aside, .generic article {
  position: relative;
  z-index: 1;
}

.generic aside.left-rail {
  padding: 20px 0 0 0;
}

@media screen and (min-width: 600px) {
  .generic aside.left-rail {
    width: 220px;
    float: left;
    padding: 40px 40px 40px 0;
  }
}

.generic aside.left-rail h3 {
  position: relative;
  padding: 8px 8px 4px 8px;
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1.125em;
  line-height: 1.25em;
  font-weight: 500;
  border: 1px solid #a1a1a1;
  border-radius: 5px;
  cursor: pointer;
}

.generic aside.left-rail h3:after {
  position: absolute;
  top: 12px;
  right: 10px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #595860 transparent transparent transparent;
}

.generic aside.left-rail h3.active:after {
  border-width: 0 6px 10px 6px;
  border-color: transparent transparent #595860 transparent;
}

@media screen and (min-width: 600px) {
  .generic aside.left-rail h3 {
    padding: 0;
    border: none;
    cursor: default;
  }
  .generic aside.left-rail h3:after {
    content: none;
  }
}

.generic aside.left-rail > div {
  display: none;
  margin-bottom: 20px;
  border-bottom: 1px solid #a1a1a1;
}

.generic aside.left-rail > div.active {
  display: block;
}

@media screen and (min-width: 600px) {
  .generic aside.left-rail > div {
    display: block;
    border-bottom: none;
  }
}

.generic aside.left-rail > div h4 {
  margin: 0;
  padding: 15px 0 5px 0;
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  font-weight: 500;
  color: #2f2f36;
  border-top: 1px solid #a1a1a1;
}

.generic aside.left-rail > div p {
  margin-top: 16px;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.generic aside.left-rail > div ul {
  margin: 0 0 6px 20px;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}

.generic aside.left-rail > div ul > li a {
  display: block;
  position: relative;
  padding: 4px 0 4px 0;
  color: #2f2f36;
}

.generic aside.left-rail > div ul > li a:hover, .generic aside.left-rail > div ul > li a:focus {
  color: #e9193a;
}

.generic aside.left-rail > div ul > li a[href^="#"]:before {
  content: none;
  position: absolute;
  top: 7px;
  left: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #595860;
}

@media screen and (min-width: 600px) {
  .generic aside.left-rail > div ul > li a[href^="#"]:before {
    content: '';
  }
}

.generic aside.left-rail > div ul > li a[href^="#"].active:before {
  top: 9px;
  left: -16px;
  border-width: 5px 4px 0 4px;
  border-color: #595860 transparent transparent transparent;
}

.generic aside.left-rail > div ul > li a[href^="#"].active + ul {
  display: block;
}

.generic aside.left-rail > div ul > li ul {
  margin: 0;
  font-weight: 300;
}

@media screen and (min-width: 600px) {
  .generic aside.left-rail > div ul > li ul {
    /*display: none;*/
  }
}

@media screen and (min-width: 600px) {
  .generic aside.left-rail + article {
    width: calc(100% - 220px);
  }
}

.generic article {
  padding-top: 30px;
  padding-bottom: 40px;
  font-size: 0.875rem;
}

@media screen and (min-width: 600px) {
  .generic article {
    padding: 30px 0 0 40px;
  }
}

.generic article h1 {
  margin: 0 0 10px 0;
  font-size: 2.15em;
  line-height: 1.3em;
  -webkit-font-smoothing: antialiased;
}

.generic article h2 {
  margin: 25px 0 10px 0;
  font-size: 1.5em;
  -webkit-font-smoothing: antialiased;
}

.generic article p {
  margin: 0 0 10px 0;
}

.generic article p.intro {
  margin: 0 0 1.5em 0;
  font-size: 1.2em;
}

.generic article ul, .generic article ol {
  margin: 10px 0 10px 30px;
  font-size: 0.875rem;
  line-height: 1.375em;
}

.generic article ul li, .generic article ol li {
  margin-bottom: 5px;
}

.generic article ul {
  list-style-type: disc;
}

.generic article ol,
ol.decimal {
  list-style-type: decimal;
}
ol.decimal {
  margin-left: 16px;
}
ol.decimal li {
    margin-bottom: 1rem;
		padding-left: 10px;
}


.generic article .banner {
  margin-bottom: 10px;
}

.generic article .video-container {
  margin: 30px 0;
  max-width: 400px;
}

.generic article .video-container .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.generic article .video-container iframe, .generic article .video-container object, .generic article .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.generic article .topics {
  display: table;
  width: 100%;
}

.generic article .topics.col-3 .topic {
  width: 100%;
  margin: 0 0 15px 0;
}

@media screen and (min-width: 1060px) {
  .generic article .topics.col-3 .topic {
    margin: 0;
    display: table-cell;
    width: 33%;
  }
}

.generic article .topics .topic {
  vertical-align: top;
  list-style-type: disc;
}

.generic article .topics .topic li {
  display: block;
  overflow: auto;
  margin-bottom: 0;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}

.generic article .topics .topic li:not(:first-child) {
  position: relative;
  padding-left: 10px;
  font-size: 15px;
  line-height: 22px;
}

@media screen and (min-width: 1060px) {
  .generic article .topics .topic li:not(:first-child) {
    margin-left: 55px;
  }
}

.generic article .topics .topic li:not(:first-child):before {
  position: absolute;
  top: 0;
  left: 0;
  content: '•';
  color: #4e5153;
}

.generic article .topics .topic li img {
  display: block;
  float: left;
  margin: 5px 0 8px 0;
  width: auto;
  height: 28px;
}

.generic article .topics .topic li h3 {
  display: block;
  float: left;
  margin: 5px 0 8px 12px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
}

.generic article .topics .topic li a {
  color: #4e5153;
}

.generic article .topics .topic li a:hover, .generic article .topics .topic li a:focus {
  color: #e9193a;
}

.generic article .nav {
  margin: 30px 0;
  list-style: none;
}

.generic article .nav > li:first-child {
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 14px;
  line-height: 28px;
  font-weight: 300;
  border-bottom: none;
}

.generic article .nav > li:first-child img {
  display: block;
  position: absolute;
  top: 0;
  left: -36px;
  width: auto;
  height: 24px;
}

.generic article .nav > li:first-child strong {
  display: block;
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
}

.generic article .nav li {
  display: block;
  list-style: none;
  font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  position: relative;
  margin: 0 0 0 36px;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #a1a1a1;
}

.generic article .nav li a, .generic article .nav li span {
  display: block;
  padding: 12px 0 10px 16px;
  color: #4e5153;
}

.generic article .nav li a:hover {
  color: #e9193a;
}

.generic article .nav li a[href^="#"]:before {
  position: absolute;
  top: 16px;
  left: 0;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #595860;
}

.generic article .nav li a[href^="#"].active:before {
  top: 18px;
  left: -1px;
  border-width: 5px 4px 0 4px;
  border-color: #595860 transparent transparent transparent;
}

.generic article .nav li a[href^="#"].active + ul {
  display: block;
}

.generic article .nav li span {
  padding-left: 0;
}

.generic article .nav li span a {
  display: inline-block;
  padding: 0;
  color: #e9193a;
}

.generic article .nav li span a:before {
  content: none;
}

.generic article .nav li ul {
  /*display: none;*/
  margin: 0 0 10px 0;
}

.generic article .nav li ul li {
  border: none;
  font-weight: 300;
}

.generic article .nav li ul li a {
  padding: 0;
  margin-bottom: 5px;
}

.generic article .nav li ul li a[href^="#"]:before {
  top: 3px;
  left: -15px;
}

.generic article .nav li ul li a[href^="#"].active:before {
  top: 5px;
  left: -16px;
}

.generic article .nav li ul li ul {
  margin: 0;
  display: none;
}

.generic article .nav li ul li ul li {
  margin-left: 0;
}

.generic article .spotlight {
  margin-top: 30px;
  background: none;
  border-top: 1px solid #a1a1a1;
}

.generic article .spotlight .container, .generic article .spotlight main {
  padding: 0;
}

.landing .tab-nav-2 {
  display: block;
  position: relative;
  padding-left: 36px;
  margin-bottom: 30px;
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: 300;
  color: #2f2f36;
  border-bottom: none;
}

.landing .tab-nav-2 img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 24px;
}

.landing .tab-nav-2 strong {
  display: block;
  padding: 3px 0 5px 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
}

.landing .tab-nav-2.active:after {
  right: -70px;
  top: 13px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(236, 237, 239, 0);
  border-left-color: #ecedef;
  border-width: 15px;
  margin-top: -15px;
}

.landing .tab-nav-2.active strong {
  color: #e9193a;
}

.landing .tab-content-2 ul {
  display: none;
  margin-top: 10px;
}

.landing .tab-content-2 ul.active {
  display: block;
}

.landing .tab-content-2 ul li {
  margin-left: 0;
}

.landing .tab-content-2 ul li li {
  margin-left: 36px;
}

/*! Avalanche | MIT License | @colourgarden */
/*------------------------------------*    SETTINGS
\*------------------------------------*/
/*------------------------------------*    LOGIC aka THE MAGIC
\*------------------------------------*/
/*------------------------------------*    GRID LAYOUT
\*------------------------------------*/
.grid {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: -20px;
  font-size: 0;
}

.grid__cell {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding: 0;
  padding-left: 20px;
  margin: 0;
  vertical-align: top;
  font-size: 1rem;
}

.grid--center {
  text-align: center;
}

.grid--center > .grid__cell {
  text-align: left;
}

.grid__cell--center {
  display: block;
  margin: 0 auto;
}

.grid--right {
  text-align: right;
}

.grid--right > .grid__cell {
  text-align: left;
}

.grid--middle > .grid__cell {
  vertical-align: middle;
}

.grid--bottom > .grid__cell {
  vertical-align: bottom;
}

.grid--flush {
  margin-left: 0;
}

.grid--flush > .grid__cell {
  padding-left: 0;
}

.grid--small {
  margin-left: -10px;
}

.grid--small > .grid__cell {
  padding-left: 10px;
}

.grid--large {
  margin-left: -40px;
}

.grid--large > .grid__cell {
  padding-left: 40px;
}

.grid--huge {
  margin-left: -80px;
}

.grid--huge > .grid__cell {
  padding-left: 80px;
}

.grid--rev {
  direction: rtl;
}

.grid--rev > .grid__cell {
  direction: ltr;
}

/*------------------------------------*    GRID WIDTHS
\*------------------------------------*/
.\31\/2, .\32\/4 {
  width: 50%;
}

.\31\/3 {
  width: 33.3333333333%;
}

.\32\/3 {
  width: 66.6666666667%;
}

.\31\/4 {
  width: 25%;
}

.\33\/4 {
  width: 75%;
}

@media screen and (max-width: 600px) {
  .\31\/2--small, .\32\/4--small {
    width: 50%;
  }
  .\31\/3--small {
    width: 33.3333333333%;
  }
  .\32\/3--small {
    width: 66.6666666667%;
  }
  .\31\/4--small {
    width: 25%;
  }
  .\33\/4--small {
    width: 75%;
  }
}

@media screen and (min-width: 601px) and (max-width: 900px) {
  .\31\/2--medium, .\32\/4--medium {
    width: 50%;
  }
  .\31\/3--medium {
    width: 33.3333333333%;
  }
  .\32\/3--medium {
    width: 66.6666666667%;
  }
  .\31\/4--medium {
    width: 25%;
  }
  .\33\/4--medium {
    width: 75%;
  }
}

@media screen and (min-width: 601px) {
  .\31\/2--medium-and-up, .\32\/4--medium-and-up {
    width: 50%;
  }
  .\31\/3--medium-and-up {
    width: 33.3333333333%;
  }
  .\32\/3--medium-and-up {
    width: 66.6666666667%;
  }
  .\31\/4--medium-and-up {
    width: 25%;
  }
  .\33\/4--medium-and-up {
    width: 75%;
  }
}

@media screen and (min-width: 900px) {
  .\31\/2--large, .\32\/4--large {
    width: 50%;
  }
  .\31\/3--large {
    width: 33.3333333333%;
  }
  .\32\/3--large {
    width: 66.6666666667%;
  }
  .\31\/4--large {
    width: 25%;
  }
  .\33\/4--large {
    width: 75%;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .\31\/2--retina, .\32\/4--retina {
    width: 50%;
  }
  .\31\/3--retina {
    width: 33.3333333333%;
  }
  .\32\/3--retina {
    width: 66.6666666667%;
  }
  .\31\/4--retina {
    width: 25%;
  }
  .\33\/4--retina {
    width: 75%;
  }
}

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 30px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

.bxslider {
  margin: 0;
  padding: 0;
}

ul.bxslider {
  list-style: none;
}

.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}

/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

@media only screen and (max-width: 739px) {
  .bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto {
    bottom: -15px;
  }
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}

.bx-wrapper .bx-next {
  right: 10px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("../../../images/controls.png") -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("../../../images/controls.png") -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/* Elastislide Style */
.elastislide-list {
  list-style-type: none;
  display: none;
}

.no-js .elastislide-list {
  display: block;
}

.elastislide-carousel ul li {
  min-width: 20px;
  /* minimum width of the image (min width + border) */
}

.elastislide-wrapper {
  position: relative;
  background-color: #fff;
  margin: 0 auto;
  min-height: 60px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.elastislide-wrapper.elastislide-loading {
  background-image: url("../../../images/icons/loading.gif");
  background-repeat: no-repeat;
  background-position: center center;
}

.elastislide-horizontal {
  padding: 10px 40px;
}

.elastislide-vertical {
  padding: 40px 10px;
}

.elastislide-carousel {
  overflow: hidden;
  position: relative;
}

.elastislide-carousel ul {
  position: relative;
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.elastislide-horizontal ul {
  white-space: nowrap;
}

.elastislide-carousel ul li {
  margin: 0;
  -webkit-backface-visibility: hidden;
}

.elastislide-horizontal ul li {
  height: 100%;
  display: inline-block;
}

.elastislide-vertical ul li {
  display: block;
}

.elastislide-carousel ul li a {
  display: inline-block;
  width: 100%;
}

.elastislide-carousel ul li a img {
  display: block;
  border: 2px solid white;
  max-width: 100%;
}

/* Navigation Arrows */
.elastislide-wrapper nav span {
  position: absolute;
  background: #ddd url(../../../images/nav.png) no-repeat 4px 3px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  text-indent: -9000px;
  cursor: pointer;
  opacity: 0.8;
}

.elastislide-wrapper nav span:hover {
  opacity: 1.0;
}

.elastislide-horizontal nav span {
  top: 50%;
  left: 10px;
  margin-top: -11px;
}

.elastislide-vertical nav span {
  top: 10px;
  left: 50%;
  margin-left: -11px;
  background-position: -17px 5px;
}

.elastislide-horizontal nav span.elastislide-next {
  right: 10px;
  left: auto;
  background-position: 4px -17px;
}

.elastislide-vertical nav span.elastislide-next {
  bottom: 10px;
  top: auto;
  background-position: -17px -18px;
}

@font-face {
  font-family: "socicon";
  src: url("/fonts/socicon.eot");
  src: url("/fonts/socicon.eot?#iefix") format("embedded-opentype"), url("/fonts/socicon.woff") format("woff"), url("/fonts/socicon.ttf") format("truetype"), url("/fonts/socicon.svg#socicon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "socicon" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="socicon-"]:before,
[class*=" socicon-"]:before {
  font-family: "socicon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.socicon-modelmayhem:before {
  content: "\e000";
}

.socicon-mixcloud:before {
  content: "\e001";
}

.socicon-drupal:before {
  content: "\e002";
}

.socicon-swarm:before {
  content: "\e003";
}

.socicon-istock:before {
  content: "\e004";
}

.socicon-yammer:before {
  content: "\e005";
}

.socicon-ello:before {
  content: "\e006";
}

.socicon-stackoverflow:before {
  content: "\e007";
}

.socicon-persona:before {
  content: "\e008";
}

.socicon-triplej:before {
  content: "\e009";
}

.socicon-houzz:before {
  content: "\e00a";
}

.socicon-rss:before {
  content: "\e00b";
}

.socicon-paypal:before {
  content: "\e00c";
}

.socicon-odnoklassniki:before {
  content: "\e00d";
}

.socicon-airbnb:before {
  content: "\e00e";
}

.socicon-periscope:before {
  content: "\e00f";
}

.socicon-outlook:before {
  content: "\e010";
}

.socicon-coderwall:before {
  content: "\e011";
}

.socicon-tripadvisor:before {
  content: "\e012";
}

.socicon-appnet:before {
  content: "\e013";
}

.socicon-goodreads:before {
  content: "\e014";
}

.socicon-tripit:before {
  content: "\e015";
}

.socicon-lanyrd:before {
  content: "\e016";
}

.socicon-slideshare:before {
  content: "\e017";
}

.socicon-buffer:before {
  content: "\e018";
}

.socicon-disqus:before {
  content: "\e019";
}

.socicon-vkontakte:before {
  content: "\e01a";
}

.socicon-whatsapp:before {
  content: "\e01b";
}

.socicon-patreon:before {
  content: "\e01c";
}

.socicon-storehouse:before {
  content: "\e01d";
}

.socicon-pocket:before {
  content: "\e01e";
}

.socicon-mail:before {
  content: "\e01f";
}

.socicon-blogger:before {
  content: "\e020";
}

.socicon-technorati:before {
  content: "\e021";
}

.socicon-reddit:before {
  content: "\e022";
}

.socicon-dribbble:before {
  content: "\e023";
}

.socicon-stumbleupon:before {
  content: "\e024";
}

.socicon-digg:before {
  content: "\e025";
}

.socicon-envato:before {
  content: "\e026";
}

.socicon-behance:before {
  content: "\e027";
}

.socicon-delicious:before {
  content: "\e028";
}

.socicon-deviantart:before {
  content: "\e029";
}

.socicon-forrst:before {
  content: "\e02a";
}

.socicon-play:before {
  content: "\e02b";
}

.socicon-zerply:before {
  content: "\e02c";
}

.socicon-wikipedia:before {
  content: "\e02d";
}

.socicon-apple:before {
  content: "\e02e";
}

.socicon-flattr:before {
  content: "\e02f";
}

.socicon-github:before {
  content: "\e030";
}

.socicon-renren:before {
  content: "\e031";
}

.socicon-friendfeed:before {
  content: "\e032";
}

.socicon-newsvine:before {
  content: "\e033";
}

.socicon-identica:before {
  content: "\e034";
}

.socicon-bebo:before {
  content: "\e035";
}

.socicon-zynga:before {
  content: "\e036";
}

.socicon-steam:before {
  content: "\e037";
}

.socicon-xbox:before {
  content: "\e038";
}

.socicon-windows:before {
  content: "\e039";
}

.socicon-qq:before {
  content: "\e03a";
}

.socicon-douban:before {
  content: "\e03b";
}

.socicon-meetup:before {
  content: "\e03c";
}

.socicon-playstation:before {
  content: "\e03d";
}

.socicon-android:before {
  content: "\e03e";
}

.socicon-snapchat:before {
  content: "\e03f";
}

.socicon-twitter:before {
  content: "\e040";
}

.socicon-facebook:before {
  content: "\e041";
}

.socicon-googleplus:before {
  content: "\e042";
}

.socicon-pinterest:before {
  content: "\e043";
}

.socicon-foursquare:before {
  content: "\e044";
}

.socicon-yahoo:before {
  content: "\e045";
}

.socicon-skype:before {
  content: "\e046";
}

.socicon-yelp:before {
  content: "\e047";
}

.socicon-feedburner:before {
  content: "\e048";
}

.socicon-linkedin:before {
  content: "\e049";
}

.socicon-viadeo:before {
  content: "\e04a";
}

.socicon-xing:before {
  content: "\e04b";
}

.socicon-myspace:before {
  content: "\e04c";
}

.socicon-soundcloud:before {
  content: "\e04d";
}

.socicon-spotify:before {
  content: "\e04e";
}

.socicon-grooveshark:before {
  content: "\e04f";
}

.socicon-lastfm:before {
  content: "\e050";
}

.socicon-youtube:before {
  content: "\e051";
}

.socicon-vimeo:before {
  content: "\e052";
}

.socicon-dailymotion:before {
  content: "\e053";
}

.socicon-vine:before {
  content: "\e054";
}

.socicon-flickr:before {
  content: "\e055";
}

.socicon-500px:before {
  content: "\e056";
}

.socicon-instagram:before {
  content: "\e057";
}

.socicon-wordpress:before {
  content: "\e058";
}

.socicon-tumblr:before {
  content: "\e059";
}

.socicon-twitch:before {
  content: "\e05a";
}

.socicon-8tracks:before {
  content: "\e05b";
}

.socicon-amazon:before {
  content: "\e05c";
}

.socicon-icq:before {
  content: "\e05d";
}

.socicon-smugmug:before {
  content: "\e05e";
}

.socicon-ravelry:before {
  content: "\e05f";
}

.socicon-weibo:before {
  content: "\e060";
}

.socicon-baidu:before {
  content: "\e061";
}

.socicon-angellist:before {
  content: "\e062";
}

.socicon-ebay:before {
  content: "\e063";
}

.socicon-imdb:before {
  content: "\e064";
}

.socicon-stayfriends:before {
  content: "\e065";
}

.socicon-residentadvisor:before {
  content: "\e066";
}

.socicon-google:before {
  content: "\e067";
}

.socicon-yandex:before {
  content: "\e068";
}

.socicon-sharethis:before {
  content: "\e069";
}

.socicon-bandcamp:before {
  content: "\e06a";
}

.socicon-itunes:before {
  content: "\e06b";
}

.socicon-deezer:before {
  content: "\e06c";
}

/*
 *  Remodal - v1.0.6
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}




body body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	/*border-spacing: 0;*/
}


/*-----------------------------------------end css reset------------------------------*/

/* When #wrap is the root of the content area. */
#wrap + #sub-content {
	float: left;
	max-width: 1060px;
	padding:0;
}

/* When #wrap and #sub-content are the root of the content area. */
header ~ #wrap,
#sub-content {
	width:100%;
	max-width: 1060px;
	margin: 30px auto 40px;
	padding:0 12px;
	text-align: left;
	min-height: 250px;
}
article #wrap #sub-content{
	margin: 0;
	padding: 0;
}

/* When #wrap is part of content area.  */
body > #wrap #sub-content {
	float: none;
}
#sub-content a.button{
	background-color: #e9193a;
	display: inline-block;
	color: #fff;
	line-height: 1.2em;
	padding: 11px 18px 12px;
	border-radius: 2px;
	font-weight: bold;
	font-size: .9em;
	margin-bottom: .5em;
}
#sub-content a.button:hover,
#sub-content a.button:focus{
	background-color: #ba142e;
	text-decoration: none;
}

.cb{
	margin: 0;
	padding: 0;
	font: 62.5%  Helvetica, Arial, sans-serif;
	text-align: center;
	background-image: url(../investmentproperties/i/header_bg.jpg);
	background-repeat: repeat-x;
}

.sub-page iframe {height:0px;}

.cb_sub-page {
	margin: 0;
	padding: 0;
	font: 62.5%  Helvetica, Arial, sans-serif;
	background-image: url(../investmentproperties/i/header_bg.jpg);
	background-repeat: repeat-x;
}

.cb_sub-page iframe {height:0px;}

h2 {font-size:3em; color:#0a1538; font-weight:lighter; }

a {text-decoration:none;}

#header { background: url(/i/header-bg.png) no-repeat; width:953px; height:95px; }
#header .login { float:right; margin: 6px 5px 0 0; }
#header .login-welcome {float:right; margin: 7px 20px 0 0;}
#header .login-welcome a {color:#e9193a;}
#header .login-welcome a:hover {text-decoration:underline;}

h1 a { display:block; text-indent:-9999em; background:url(/i/logo.png) no-repeat; width:303px; height:55px; float:left; margin: 19px 0 0

20px;}

* html h1 a {margin: 19px 0 0 10px; cursor:pointer;}

#cm_header { background: url(/i/header-bg.png) no-repeat; width:953px; height:95px; }

#cm_header .login { float:right; margin: 6px 5px 0 0; }

#cm_header .login-welcome {float:right; margin: 7px 20px 0 0;}

#cm_header .login-welcome a {color:#e9193a;}
#cm_header .login-welcome a:hover {text-decoration:underline;}

#cm_header h1 a { display:block; text-indent:-9999em; background:url(/i/cm_bid_logo.png) no-repeat; width:303px; height:55px; float:left;

margin: 19px 0 0 20px;}

#cb_header { width:953px; height:135px; }

#cb_header .login { float:right; margin: 6px 5px 0 0; }

#cb_header .login-welcome {float:right; margin: 7px 20px 0 0;}

#cb_header .login-welcome a {color:#e9193a;}
#cb_header .login-welcome a:hover {text-decoration:underline;}

#cb_header h1 a {
	display:block;
	text-indent:-9999em;
	width:303px;
	height:94px;
	float:left;
	margin: 5px 0 0 10px;
	background-image: url(../investmentproperties/i/logo_small.jpg);
	background-repeat: no-repeat;
}



.print-logo {display:none;}
.print-map {display:none;}


.registration-table {margin: 0 0 7px 0;}

h1#commercial a { display:block; text-indent:-9999em; background:url(/i/silver_logo.png) no-repeat; width:303px; height:55px; float:left;

margin: 19px 0 0 20px;}

* html h1#commercial a {margin: 19px 0 0 10px; cursor:pointer;}

/*--------------------------------------------------------navigation-------------------------------------*/

#nav { width:613px; height:58px; background:url(/i/nav-bg.png) no-repeat; float:right; margin: 2px 1px 0 0; border-bottom:none; }


#nav li {float:left;}

* html #nav li {float:none; line-height:0;}





a.home {display:block; text-indent:-9999em; background:url(/i/nav-home.jpg) 0 0 no-repeat; float:left; height:38px; width:79px;}
a:hover.home { background: url(/i/nav-home.jpg) 0 -38px no-repeat; }
a.home-active {display:block; text-indent:-9999em; background:url(/i/nav-home.jpg) 0 -38px no-repeat; float:left; height:38px; width:79px;}

a.search { display:block; text-indent:-9999em; background: url(/i/nav-search.jpg) 0 0 no-repeat; float:left; width:87px; height:38px;}
a:hover.search { background: url(/i/nav-search.jpg) 0 -38px no-repeat; }
a.search-active { display:block; text-indent:-9999em; background: url(/i/nav-search.jpg) 0 -38px no-repeat; float:left; width:87px;

height:38px; }

a.register { display:block; text-indent:-9999em; background: url(/i/nav-register.jpg) 0 0 no-repeat; float:left; width:88px; height:38px;}
a:hover.register { background: url(/i/nav-register.jpg) 0 -38px no-repeat; }
a.register-active { display:block; text-indent:-9999em; background: url(/i/nav-register.jpg) 0 -38px no-repeat; float:left; width:88px;

height:38px;}

a.agents { display:block; text-indent:-9999em; background: url(/i/nav-agents.jpg) 0 0 no-repeat; float:left; width:79px; height:38px;}
a:hover.agents { background: url(/i/nav-agents.jpg) 0 -38px no-repeat;}
a.agents-active { display:block; text-indent:-9999em; background: url(/i/nav-agents.jpg) 0 -38px no-repeat; float:left; width:79px;

height:38px;}

a.brokers { display:block; text-indent:-9999em; background: url(/i/nav-brokers.jpg) 0 0 no-repeat; float:left; width:79px; height:38px;}
a:hover.brokers { background: url(/i/nav-brokers.jpg) 0 -38px no-repeat;}
a.brokers-active { display:block; text-indent:-9999em; background: url(/i/nav-brokers.jpg) 0 -38px no-repeat; float:left; width:79px;

height:38px;}

a.learn { display:block; text-indent:-9999em; background: url(/i/nav-learn.jpg) 0 0 no-repeat; float:left; width:72px; height:38px;}
a:hover.learn { background: url(/i/nav-learn.jpg) 0 -38px no-repeat;}
a.learn-active {display:block; text-indent:-9999em; background: url(/i/nav-learn.jpg) 0 -38px no-repeat; float:left; width:72px;

height:38px;}

a.about { display:block; text-indent:-9999em; background: url(/i/nav-about.jpg) 0 0 no-repeat; float:left; width:95px; height:38px;}
a:hover.about { background: url(/i/nav-about.jpg) 0 -38px no-repeat;}
a.about-active {display:block; text-indent:-9999em; background: url(/i/nav-about.jpg) 0 -38px no-repeat; float:left; width:95px;

height:38px;}

a.contact { display:block; text-indent:-9999em; background: url(/i/nav-contact.jpg) 0 0 no-repeat; float:left; width:113px; height:38px;}
a:hover.contact { background: url(/i/nav-contact.jpg) 0 -38px no-repeat;}
a.contact-active { display:block; text-indent:-9999em; background: url(/i/nav-contact.jpg) 0 -38px no-repeat; float:left; width:113px;

height:38px;}

a.investors { display:block; text-indent:-9999em; background: url(/i/nav-investors.jpg) 0 0 no-repeat; float:left; width:113px; height:38px;}
a:hover.investors { background: url(/i/nav-investors.jpg) 0 -38px no-repeat;}
a.investors-active { display:block; text-indent:-9999em; background: url(/i/nav-investors.jpg) 0 -38px no-repeat; float:left; width:113px;

height:38px;}

* html a.contact {width:110px;}
* html a.contact-active {width:110px;}
/*------------------------------------------------------------------- Coldwell Banker Commercial main nav styles ------------------------*/


#cb_nav { width:613px; height:58px; background:url(/i/nav-bg.png) no-repeat; float:right; margin: 2px 1px 0 0; border-bottom:none; }


#cb_nav li {float:left;}

* html #cb_nav li {float:none; line-height:0;}

a.cbhome {display:block; text-indent:-9999em; background:url(../investmentproperties/i/nav-cbhome.jpg) 0 0 no-repeat; float:left; height:38px;

width:65px;}
a:hover.cbhome { background: url(../investmentproperties/i/nav-cbhome.jpg) 0 -38px no-repeat; }
a.cbhome-active {display:block; text-indent:-9999em; background:url../investmentproperties/i/nav-cbhome.jpg) 0 -38px no-repeat; float:left;

height:38px; width:65px;}

/*------------------------------------------------------------------- Commercial main nav styles ------------------------*/

a.cmhome {display:block; text-indent:-9999em; background:url(/i/nav-cmhome.jpg) 0 0 no-repeat; float:left; height:38px; width:65px;}
a:hover.cmhome { background: url(/i/nav-cmhome.jpg) 0 -38px no-repeat; }
a.cmhome-active {display:block; text-indent:-9999em; background:url(/i/nav-cmhome.jpg) 0 -38px no-repeat; float:left; height:38px;

width:65px;}

a.cmregister { display:block; text-indent:-9999em; background: url(/i/nav-cmregister.jpg) 0 0 no-repeat; float:left; width:78px;

height:38px;}
a:hover.cmregister { background: url(/i/nav-cmregister.jpg) 0 -38px no-repeat; }
a.cmregister-active { display:block; text-indent:-9999em; background: url(/i/nav-cmregister.jpg) 0 -38px no-repeat; float:left; width:78px;

height:38px;}

a.cmbrokers { display:block; text-indent:-9999em; background: url(/i/nav-brokersmall.jpg) 0 0 no-repeat; float:left; width:73px;

height:38px;}
a:hover.cmbrokers { background: url(/i/nav-brokersmall.jpg) 0 -38px no-repeat;}
a.cmbrokers-active { display:block; text-indent:-9999em; background: url(/i/nav-brokersmall.jpg) 0 -38px no-repeat; float:left; width:73px;

height:38px;}

a.cmlearn { display:block; text-indent:-9999em; background: url(/i/nav-cmhowtobid.jpg) 0 0 no-repeat; float:left; width:103px; height:38px;}
a:hover.cmlearn { background: url(/i/nav-cmhowtobid.jpg) 0 -38px no-repeat;}
a.cmlearn-active {display:block; text-indent:-9999em; background: url(/i/nav-cmhowtobid.jpg) 0 -38px no-repeat; float:left; width:103px;

height:38px;}

a.cmabout { display:block; text-indent:-9999em; background: url(/i/nav-cmabout.jpg) 0 0 no-repeat; float:left; width:85px; height:38px;}
a:hover.cmabout { background: url(/i/nav-cmabout.jpg) 0 -38px no-repeat;}
a.cmabout-active {display:block; text-indent:-9999em; background: url(/i/nav-cmabout.jpg) 0 -38px no-repeat; float:left; width:85px;

height:38px;}

a.cmcontact { display:block; text-indent:-9999em; background: url(/i/nav-cmcontact.jpg) 0 0 no-repeat; float:left; width:100px;

height:38px;}
a:hover.cmcontact { background: url(/i/nav-cmcontact.jpg) 0 -38px no-repeat;}
a.cmcontact-active { display:block; text-indent:-9999em; background: url(/i/nav-cmcontact.jpg) 0 -38px no-repeat; float:left; width:100px;

height:38px;}

a.cmfaq { display:block; text-indent:-9999em; background: url(/i/nav-cmfaqs.jpg) 0 0 no-repeat; float:left; width:79px; height:38px;}
a:hover.cmfaq { background: url(/i/nav-cmfaqs.jpg) 0 -38px no-repeat;}
a.cmfaq-active { display:block; text-indent:-9999em; background: url(/i/nav-cmfaqs.jpg) 0 -38px no-repeat; float:left; width:79px;

height:38px;}
/*------------------------------------------------------------------- end main nav styles ------------------------*/

.menu {width:613px; height:50px; position:relative; z-index:100; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:613px; w\idth:613px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:1.5em; text-decoration:none; height:38px; border-bottom:1px solid #b4763d;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {}
/* style the second level hover */
.menu ul ul a.drop:hover{}
.menu ul ul :hover > a.drop {}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {}
/* style the third level hover */
.menu ul ul ul a:hover {}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:39px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ffa853; color:#434e55; height:auto; line-height:1em; padding:5px 10px; width:128px;border-

width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */

.menu ul ul a:hover{color:#FFFFFF; background:#e08125;}
.menu :hover > a, .menu ul ul :hover > a {color:#FFFFFF;}




/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/*------------------------------------------------------------------- faq pages -------------------------------------*/

.faq-question {font-size:1.8em; color:#FFF; display:block; background-color:#688597; width:730px; padding:5px;}

.faq-answer {display:block; width:730px; padding:5px;}
/*--------------------------------------------------------------- end drop menu styles ------------------------------*/


#left-bar {float:left; width:330px; height:254px; margin: 0; padding: 0;}

#news { background: url(/i/news-bg.jpg) no-repeat; height:254px; width:327px; margin: 9px 0 0 7px;}

#news.commercial { background: url(/i/commercial-news-bg.jpg) 0 0 no-repeat; }


.top-story {width:327px; height:77px; margin: 52px 0 0 10px; float:left; display:block;}
.news-story {width:327px; height:77px; float:left; margin: 28px 0 0 10px; display:block; overflow:hidden;}
.ads {width:327px; height:385px; float:left; margin: 0px 0 0 0px; display:block; overflow:hidden; background: url(/i/ban/mm_tiki_ad.jpg) 0 0

no-repeat;}



* html .top-story {margin: 47px 0 0 5px;}
* html .news-story {margin: 21px 0 0 5px;}
* html .ads {margin: 0px 0 0 0px;}

#news img {float:left; margin: 0 10px 0 0}
#news p {font-size:1.2em; line-height:1.5em; color:#5c5c5c; padding: 0 10px 0 0; overflow:hidden;}
#news h4 {font-size:1.3em; font-weight:bold; color:#555b64;}
#news a {color:#a84b10; text-decoration:underline;}
#news a:hover {color:#a84b10; text-decoration:none;}
.orange { color: #ed7f00; }

#news .more {font-size:1.6em; color:#688597; float:right; margin: 0 10px 0 0;}
.news-headline { font-size: 1.3em; font-weight: bold; }

a.enews {display:block; background:url(/i/enews-button.jpg) 0 0 no-repeat; width:327px; height:38px; margin: 7px 0 0 7px; float:left; text-

indent:-9999em;}

* html a.enews {margin: 7px 0 0 4px;}


#enews-signup {width:325px; background-color:#3C586E; margin: 10px 0 0 7px; padding:0 0 8px 0; border:1px solid #FFF}

#enews-signup h3 {font-size:1.5em; font-weight:lighter; color:#ffffff; margin: 0 0 0 14px; letter-spacing:.8px;padding: 8px 0 0 0;}

.enews-submit {background:url(/i/enews-submit.png) no-repeat; margin: 8px 10px 0 0; text-indent:-9999em; border:none; width:93px;

height:23px; float:right;}

.enews-field {margin: 8px 0 0 14px; color:#666666; width: 180px;}
a:hover.enews {background:url(/i/enews-button.jpg) 0 -38px no-repeat;}

#social-networks {width:325px; height:36px; background-color:#C6CED1; margin: 10px 0 0 7px; padding:5px 0 5px 0; border:1px solid #FFF}
a.twitter, a.facebook {
	display: block;
	width: 111px;
	height: 30px;
	color: #3C586E;
	text-decoration: none;
	text-align:center;
	font-size: 14px;
	background: url(/i/twitter.png) 0 0px no-repeat;
	float: left;
	margin: 3px 0 0 10px;
	padding: 0px 0 0 18px;
	}

a.facebook { background: url(/i/facebook.png) 35px 0 no-repeat; padding-left:55px}

a:visited.twitter, a:visited.facebook { color: #3C586E; }
a:hover.twitter, a:hover.facebook { text-decoration: underline; }

#content {margin: 30px 0 0 7px; float:left;}
#content .search-title {font-size:2.5em; color:#0a1538; font-weight:lighter;}
#content h3 {font-size:1.8em; color:#51728a; font-weight:lighter;}
#content h4 {font-size:2.1em; color:#ce7a28; font-weight:lighter; margin: 5px 0 10px 0;}
#content p { color:#0a1538; margin: 10px 0 13px 0;}

/* HEADERS (LEGACY) =================================================== */
#wrap #header {
	display: none;
}
#wrap h1 {
	font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 10px;
	padding-bottom:5px;
	border-bottom: 1px solid #d0d0d0;
}
#wrap h1 ~ p{
	margin-top:.9rem;
}
#wrap h2 {
	color: #333;
	font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 10px;
 }
#wrap h2.title { width: 600px; }
#wrap h3 {
	font-size:1.5em;
	color:#333;
	font-weight:normal;
	margin: 10px 0 15px 0;
}
main.has-left-rail article #wrap h2 {
	font-size: 14px;
	text-transform: uppercase;
}

main.has-left-rail article #wrap h3 {
	font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
	font-size: 21px;
	font-weight: normal;
	margin: 0 0 10px;
	padding-bottom:5px;
}
main.has-left-rail article .alert.alert-success{
	margin-top: -30px;
	margin-bottom: 30px;
	border-radius: 0 0 4px 4px;
	font-size: 1rem !important;
	font-weight: normal !important;
}
main.has-left-rail article .alert.alert-success .title{
	font-weight: bold;
}

/* Redesigned h2 with a twist */
#sub-content h4 {
	margin: 25px 0 10px 0;
	font-size: 1.5em;
	line-height: 1.2;
	font-weight:normal;
}

#sub-content h3 ~ h4{
	font-size: 1.35em;
}

/* Behave like the redesigned h2 */
#sub-content h5 {
	font-size:16.8px;
	font-weight:500;
	margin: 1.25em 0 10px 0;
}

/* Behave like the redesigned h3 */
#sub-content h6 {

}

#sub-content h7 {font-size:1.2em; color:#ce7a28; margin: 0 0 3px 13px;}


#sub-content .bulleted {list-style:disc;  margin-left:15px;}

#sub-content .numbered {list-style:decimal; margin-left:20px;}

#sub-content .lettered {list-style:upper-alpha; margin-left:20px;}

* + html #sub-content .numbered {list-style:decimal; margin-left:25px;}
* + html #sub-content .lettered {list-style:upper-alpha; margin-left:25px;}

#sub-content li {padding: 0 0 7px 0;}

#sub-content ul li ul {font-size:1em; color:#ce7a28; margin: 7px 0 0 15px; padding: 3px 0 0 10px;}
#sub-content ul li ul a:hover {text-decoration:underline;}

#sub-content ol {
	font-size:1rem;
	margin: 7px 0 7px 0;
	line-height: 1.5em;
}

#sub-content p { color:#0a1538; margin: 10px 0 13px 0;}

#sub-content .error-text {font-size:1.5em;}

#sub-content .img-right {float:right; margin: 5px 5px 10px 5px;}
#sub-content .img-left {float:left; margin: 5px 5px 10px 5px;}

#sub-content .login-text {margin: 0; padding: 0; font-weight:bold;}
#sub-content .login-input {margin:0 0 18px 0; padding:0;}

#sub-content .news_element {font-size:1.3em; line-height:1.6em;}
#sub-content .side_arrow {font-size:1.3em;}
#sub-content .news_title {font-size:1.3em;}
#sub-content .error_box  {font-size:1.3em;}
#sub-content .bidregister_message {font-size:1.3em;}
#sub-content  a#displayCity, #sub-content a#displayPrice, #sub-content  a#displayCounty, #sub-content  a#displayType, #sub-content

a#displayBed  {font-size:1.4em; color:#494949; margin: 8px 0 7px 10px; padding: 3px 0 0 0; font-weight:normal;}
#sub-content  a:hover#displayCity, #sub-content a:hover#displayPrice {}
li.privacy  {width:750px;
            line-height:1.7em;
	        list-style-type:disc;
	        list-style-position: outside;
	        margin-left: 35px;
}

#sub-nav { float:right; width:260px; height:auto; padding: 0 0 0 20px; margin: 0}
#sub-nav li {display:block; overflow:hidden; background:url(/i/subnav-bg.png) 0 0 repeat-x; width:250px; height:49px; color:#ffffff;

padding: 0; }
#sub-nav li a {color:#ffffff; display:block; width:250px; height:49px; font-size:1.4em; font-weight:lighter; text-align:left; padding: 6px 0 0

7px;}
#sub-nav li a:hover {color:#ff9e41; text-decoration:none;}
#sub-nav ul {}

#sub-nav img {border:1px solid #7f897e; margin: 5px 0 10px 0;}

#sub-nav .clear {clear:both;}

.italic {font-style:italic; text-align:center}
/*---------------------------------search results-------------------------------------------------*/

/* LEFT NAVIGATION (LEGACY) =================================================== */

aside.left-rail #left-nav {
  padding-left: 0;
  font-weight: 300;
  position: relative;
  font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  line-height: 1.3em;
  /* First collapse list */
}

aside.left-rail #left-nav > p {
  margin-top: -.5rem;
  font-size: .8rem;
}

.left-nav-search {}
.left-nav-search h6{
	font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
	font-size: 1rem;
	font-weight: 500;
	margin-bottom: 0;
	border-top: 1px solid #a1a1a1;
	padding-top: 12px;
	padding-bottom: 1px;
}
.left-nav-search h6:only-child{
	border-top: 0;
}
#left-nav .left-nav-search ul {
	margin: 0 0 10px 0;
	padding-left: 4px;
}
#left-nav .left-nav-search li {
	display: block;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 5px 0 0 12px;
	transition: all .25s ease;
}
#left-nav .left-nav-search a {
	font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
	font-size: .875rem;
	font-weight: 500;
	color: #2f2f36;
	text-decoration:none;
}
#left-nav .left-nav-search li a:hover {text-decoration:underline;}
.left-nav-search li a:hover {text-decoration:underline;}

#left-nav .state {float:left;}
#left-nav .search-results-state {width:74px; height:auto; float:left; margin: 7px 0 0 3px;}
#results-content {}

#left-nav p.zip-text {font-size:1.1em; color:#717171; margin: 0 0 3px 14px; padding: 0;}
#left-nav .zip {width:46px; float:left; margin: 0 0 0 12px;}
#left-nav .search-results-zip {float:left; width:80px; margin: 0 0 0 5px;}
#left-nav .go-button {font-size:1em; width:26px; height:22px; padding:0; margin:0 0 0 3px;}


#results-content { width:700px; height:auto; float:left; margin: 0 0 0 20px;}
#results-content ul.tabs {font-size:1.3em; width:696px; height:21px; padding: 8px 0; margin: 0; background:#cedae1;}
#results-content ul.tabs li {display:inline; background:#cedae1; padding: 0; margin:0; line-height:0; border-right: #666 solid 1px;}
#results-content ul.tabs li a {color:#626364;  padding: 10px; margin: 0 4px 0 0;}
#results-content ul.tabs li.last {border-right: 0;}
#results-content ul.tabs li a:hover {background:#607e92; color:#ffffff; text-decoration:none;}
#results-content ul.tabs li.last a:hover {background: none;}
#results-content ul.tabs li a.active {background:#607e92; color:#ffffff;}

#results-content .address {text-align:left;}


#map {padding: 20px 0 5px 0; background:#607e92; width:696px; margin: 0 0 10px 0;}
#map .collapse {float:right; margin: 2px 5px 0 0 ;}



#search-results-search { width:925px; margin: 10px 0 10px 0;}

#search-results-search th {font-size:1.3em; padding: 0 0 0 10px; border:none;}

#search-results-search .th-center {text-align:center; padding: 0; border-left:none; border:none;}

#search-results-search td {border-top:0px solid #CCCCCC; border-bottom:0px solid #CCCCCC;}

#search-results-search a {color:#e9193a;}



/*--------------------------------------------- search results table --------------------------------- */

#search-results { width:696px; margin: 10px 0 10px 0;}

#search-results th {font-size:1.3em; padding: 0 0 0 10px; border:none;}

#search-results .th-center {text-align:center; padding: 0; border-left:none; border:none;}

#search-results td {border-top:0px solid #CCCCCC; border-bottom:0px solid #CCCCCC;}

tr.listing {border:1px solid #CCCCCC;}

tr.listing2 {background:#dae7ea; border:1px solid #CCCCCC;}

tr.listing2 td {background:#dae7ea;}

tr.listing img {padding: 15px 0 15px 10px;}

tr.listing2 img {padding: 15px 0 15px 10px;}

.details {float:right; margin: 0 10px 0 0;}

.house-image { width:130px;  border-left:1px solid #CCCCCC;}

.address { border-right:1px solid #CCCCCC; vertical-align:bottom; padding: 7px 0 0 20px; font-size:1.2em;}

* + html .address {vertical-align:middle; font-size:1.2em; border-right:1px solid #CCCCCC;}

.current-bid {border-right:1px solid #CCCCCC; vertical-align:top; padding: 10px 0 0 5px; font-size:1.2em; text-align:center;}

.current-status {vertical-align:top; font-size:1.2em; padding: 10px 0 0 5px; text-align:center; border-right:1px solid #CCCCCC;}

p.pagination a {padding: 0 2px 0 2px;}
.pagination {padding: 0 0 0 10px;}

/*--------------------------------------------------------- properties page --------------------------------------*/

#sub-content h2.properties {margin: 13px 0 17px 0; width:955px;}

#breadcrumbs {margin: 0; float:left;}
#breadcrumbs p {margin: 0 0 5px 0; width:500px;}
#breadcrumbs a {color:#7c868d;}
#breadcrumbs a.back {color:#455560;}
#breadcrumbs img {float:left; height:13px; width:13px; padding:6px 4px 0 0;}

* html #breadcrumbs img {padding:6px 4px 0 0; margin: 6px 0 0 0;}


#properties-interface { width:700px; height:auto; background:#bdc4c9; float:left; margin: 0 0 20px 0; padding: 0 0 5px 0;}

#interface-top {background:url(/i/property-bg.png) repeat; width:687px; height:auto; margin: 5px 0 0 6px;}




#property-images {width:420px; height:auto; border-top:2px solid #b4bbc2; float:left; margin:0 0 0 2px;}

#property-images img {margin: 4px 0 0 6px;}

#thumbnails img {padding: 0 0 0 5px; margin: 3px 0 0 0;}

/*------------------------- note there is a min height set to the right column here ---------------------*/

#auction-status {width:255px; min-height:330px; height:auto; border-top:2px solid #b4bbc2; float:left; margin:0 0 0 8px;}

* + html #auction-status {min-height:333px;}

#auction-status h5 {float:left;}
#auction-status p {margin: 0 0 3px 15px;}
#auction-status .blue {color:#6188a1;}

#time p {float:left; margin:0; font-size:2em; color:#eb8a2d;}
#time p.time-left {color:#415360; margin: 0 8px 0 10px;}
#days p{float:left; margin: 0; font-size:2em; color:#eb8a2d;}
#hours p{float:left; font-size:2em; color:#eb8a2d; margin: 0 0 0 6px;}
#minutes p{float:left; font-size:2em; color:#eb8a2d; margin: 0 0 0 6px;}
#seconds p{float:left; font-size:2em; color:#eb8a2d; margin: 0 0 0 6px;}
#auction-status p.end-auction {text-align:center; color:#b8b8b8; margin: 0;}

#price {}
#price p.starting-bid {color:#415360; float:left; margin: 0 8px 0 10px;}
#price p {font-size:2em; color:#eb8a2d; margin: 0;}
#price h5 {margin:0; padding:0;}
#price p.history {float:left; font-size:1.2em; color:#969696; margin: 0 10px 0 15px;}
#price a {color:#969696;}

.bidding {margin: 0 0 5px 10px}

#auction-status a.bid-individual {height:45px; width:173px; display:block; background:url(/i/bid-button-individual.png) 0 0 no-repeat;

overflow:hidden; margin: 0 0 5px 10px; text-indent:-9999em;}
#auction-status a:hover.bid-individual {background:url(/i/bid-button-individual.png) -173px 0 no-repeat; text-decoration:none;}

* html #auction-status a.bid-individual {cursor:pointer;}


#auction-status a.bid-agent {height:45px; width:173px; display:block; background:url(/i/bid-button-agent.png) 0 0 no-repeat;

overflow:hidden; margin: 0 0 5px 10px; text-indent:-9999em;}
#auction-status a:hover.bid-agent {background:url(/i/bid-button-agent.png) -173px 0 no-repeat; text-decoration:none;}

* html #auction-status a.bid-agent {cursor:pointer;}


#auction-status a.bid-investor {height:45px; width:173px; display:block; background:url(/i/bid-button-investor.png) 0 0 no-repeat;

overflow:hidden; margin: 0 0 5px 10px; text-indent:-9999em;}
#auction-status a:hover.bid-investor {background:url(/i/bid-button-investor.png) -173px 0 no-repeat; text-decoration:none;}

* html #auction-status a.bid-investor {cursor:pointer;}


#property-details {background:url(/i/properties-bg.jpg) repeat-y; width:683px; border:2px solid #b4bbc2; height:auto; float:left; margin:

3px 0 7px 6px;}

* html #property-details {margin:4px 0 0 3px;}

#left-details {width:410px; float:left; margin: 10px 0 0 10px;}

* html #left-details {margin: 10px 0 0 5px;}

#left-details h5 {font-size:1.5em; color:#608898; font-weight:bold; border-bottom: 2px solid #608898; width:410px;}
#left-details ul {font-size:1.3em;}


#right-details {width:240px; float:right; margin: 10px 0 0 0 ;}
#right-details h5 {font-size:1.5em; color:#608898; font-weight:bold; border-bottom: 2px solid #608898; width:233px;}

.mortgage {line-height: 1.5em; margin-bottom:0px;}
.nationstar-button {margin-top:-10px}

#left-details .property-questions h5 {color:#de8e40; border:none; width:200px; text-decoration:underline;}
#left-details .property-questions {float:left; width:204px; height:auto;}

#left-details .auction-questions h5 {color:#de8e40; border:none; width:200px; text-decoration:underline;}
#left-details .auction-questions {float:right; width:204px; height:auto;}

#properties-column h5 {margin: 5px 0 10px 0; text-decoration:underline; font-size:1.8em;}
#properties-column {width:230px; height:auto; float:right; margin: 0 0 0 10px;}
#properties-column a {color:#5f849e;}
#properties-column select {width:120px; margin: 0 0 0 15px;}
#properties-column td {font-size:1.4em;}
#properties-column tr {height:30px;}

#properties-column a.search-button {color:#b4e3fb; display:block; width:100px; height:25px; background:#445f74; text-align:center; margin: 0 0

0 90px; border:1px solid #667c8d;}
#properties-column a:hover.search-button {display:block; width:100px; height:25px; background:#de8e40; text-decoration:none;}

/*-------------------------------------------------------magnets-----------------------------------------------*/

#magnets { float:right; width:260px; height:auto; text-align: center; padding: 20px 0 20px 20px; }
#magnets p {margin: 0; padding: 0;}
#magnets a {color:#ffffff;}
#magnets a:hover { text-decoration:none; color:#ff9e41;}
#magnets p.commercial {
	display: block;
	width: 247px;
	text-indent: -9999em;
	background-image: url(/i/commercial-magnetsmall2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 210px;
	}

.register-magnet { height:167px; width:257px; display:block; background:url(/i/register-button.png) no-repeat; font-size:2.4em;

color:#fefefe; padding: 0 0 0 0; }
.register-magnet a, .land-magnet a, .commercial-real-estate-magnet a { color:#fefefe; height:150px; width:250px; display:block; padding: 6px 0

0 0;}

.land-magnet { height:167px; width:257px; display:block; background:url(/i/land-button.png) no-repeat; font-size:2.4em; color:#fefefe;

padding: 0 0 0 0; }

.commercial-real-estate-magnet { height:167px; width:257px; display:block; background:url(/i/commercial-button.png) no-repeat; font-

size:2.4em; color:#fefefe; padding: 0 0 0 0; }

.residential-magnet {display:block; width:256px; height:57px; background:url(/i/residential-props.png) no-repeat; margin: 0; padding: 0;}

.residential-magnet a {display:block; width:256px; height:57px; color:#fefefe; font-size:1.4em;}

.residential-magnet-02 {display:block; width:256px; height:57px; background:url(/i/residential-props.png) no-repeat; margin: 0; padding: 0;}

.residential-magnet-02 a {display:block; width:256px; height:57px; color:#fefefe; font-size:1.4em; padding:12px 0 0 0;}

.commercial-magnet {display:block; width:256px; height:57px; background:url(/i/commercial-props.png) no-repeat; margin: 0; padding: 0;}
.commercial-magnet a {display:block; width:256px; height:57px; color:#fefefe; font-size:1.4em; padding:0px 0 0 0;}

.builder-magnet {display:block; width:256px; height:57px; background:url(/i/builders.png) no-repeat; margin: 0; padding: 0;}
.builder-magnet a {display:block; width:256px; height:57px; color:#fefefe; font-size:1.4em; padding: 12px 0 0 0;}

.asset-magnet {display:block; width:256px; height:57px; background:url(/i/magnet-04-bg.png) no-repeat; margin: 0; padding: 0;}
.asset-magnet a {display:block; width:256px; height:57px; color:#fefefe; font-size:1.4em; padding: 12px 0 0 0;}

.biddirect-magnet {display:block; width:256px; height:57px; background:url(/i/biddirect-props.png) no-repeat; margin: 0; padding: 0;}

.biddirect-magnet a {display:block; width:256px; height:57px; color:#fefefe; font-size:1.4em; padding: 12px 0 0 0;}


/*------------------------------------------------contact page---------------------------*/

#contact-table {
	margin: 0 3px 0 0;
	font-size: .9rem;
}
#sub-content #contact-right p{
	margin-top:0;
}
#contact-table input,
#contact-table input#phone,
#contact-table textarea,
#contact-table select {
	width:200px;
	max-width:200px;
	margin: 0;
}

#contact-table tr {height:30px;}
#contact-table td{
	padding: 0 0 12px;
}
#contact-table tr td:first-child{
	vertical-align: top;
	padding: 8px 15px 0 0;
}

#contact-right {
	width: 100%;
	max-width: 400px;
	height:auto;
	margin: 25px 0 0 24px;
}
@media only screen and (min-width: 601px) {
	#contact-right {
		float:right;
	}
}

* + html .contract-submit {margin: 8px 0 13px 0;}
* + html .enews-magnet {width:170px;}

.contact-submit {
	margin: 8px 3px 13px 0;
	width: auto !important;
}

.enews-magnet {width:170px; height:37px; display:none; background:url(/i/enews-magnet.png) no-repeat; float:right;}
#contact-right a.enews-magnet {color:#333333; font-size:1.4em; padding: 40px 0 0 12px; line-height:1.5em;}
#contact-right a:hover.enews-magnet {text-decoration:none;}
.field-example{
	font-size: .9em;
  padding-top: .5em;
}

/*------------------------------------------------freddiemac contact page---------------------------*/
#freddiemac-contact-table {width:100%}
#freddiemac-contact-table input {width:175px; margin: 0 0 0 15px;}
#freddiemac-contact-table select {width:180px; margin: 0 0 0 15px;}
#freddiemac-contact-table input.search-button {width:80px;}
#freddiemac-contact-table td {font-size:1.2em;}
#freddiemac-contact-table tr {height:30px;}
#sub-content p.freddiemac-thanks {
	color:#C00;
	text-align:center;
	line-height: normal;
}

/*--------------------------------------------------agents page--------------------------------------------*/

#sub-nav-agents {
	float:right;
	width:250px;
	margin-left: 25px;
}
#sub-nav-agents a.button{
	width:100%;
	text-align: center;
}
#sub-content .agents-menu {
	display:block;
	margin: 5px 0 15px 0;
	padding: 12px;
	background-color: #f5f5f6;
}
#sub-content .ie-agents-menu {
	background:url(/i/agent-menu.png) 0 0 no-repeat;
	 background-color: #f5f5f6;}

#sub-content .agents-menu h4 {
	font-size:1.15em;
	margin: 0 0 .5em 0;
}
#sub-content .agents-menu ul {margin-bottom:12px;}
#sub-content .agents-menu li {background:none;}
#sub-content .agents-menu li a {color:#000000;}
#sub-content .agents-menu li a:hover {color:#ff9e41;}
#sub-content .agents-menu p {margin: 5px 0 5px 0;}
.videos { clear: both; }

#sub-content .video-tutorials {width:220px; float:left; height:auto; padding: 10px 20px 15px 0;}
#sub-content .video-tutorials:last-child {padding-right:0;}
@media only screen and (min-width: 900px) {
	#sub-content .video-tutorials-wrapper.multiple{
		display: table;
		table-layout: fixed;
		width: 100%; /* Required for table-layout: fixed to work */
	}
	#sub-content .video-tutorials-wrapper.multiple .video-tutorials{
		display: table-cell;
		float: none;
		width: auto;
	}
}

#sub-content .cm-login-text {width:450px; float:left; height:auto; margin: 10px 0 15px 40px;}

/*-------------------------------------------------------- agent profile -------------------------------------------------*/

#sub-content h3.agent {margin: 0 0 10px 0px;}
#sub-content p.agent-welcome {float:right; margin: 0 35px 0 0;}

#agent-photo p {margin: 5px 0 5px 10px;}
#agent-profile {
	margin-bottom: 15px;
}
#agent-profile .edit {
	display: inline;
	padding-left: 14px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
}
#agent-profile-internal {
	padding: 0 0 5px 0;
}
#agent-profile ul {margin: 0 0 0 15px;}



#agent-profile-investor .edit {float:right; margin: 10px 5px 0 0;}

#agent-profile-investor {width:870px; background:#bdc4c9; float:left; margin: 0 0 15px 20px; padding: 3px 0 5px 0;}

#agent-profile-investor-internal {width:870px; height:auto; float:left; margin: 0 0 15px 20px; padding: 0 0 5px 0;}

#agent-profile-investor ul {margin: 0 0 0 15px;}




#profile-top {
	height:auto; margin: 7px 0 5px 5px;
}
/* Clear child floats */
#wrap:after,
#profile-top:after{
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

* html #profile-top {margin: 7px 0 5px 3px;}
* html #alerts {margin: 0 0 5px 3px;}
* html #information {margin: 0 0 5px 3px;}
* html #agent-photo h5 {float:right; padding: 0 4px 0 0; width:232px;}
* html #agent-information h5 {float:left; padding: 0 4px 0 0; width:353px;}
* html #agent-information ul {float:left; margin: 0 0 0 5px; width:390px;}


#agent-information {width:400px; height:auto; float:left; padding: 0 0 5px 3px; }
#agent-photo {width:277px; float:left; height:auto; margin: 0 0 0 8px;}
#agent-photo img {margin: 5px 0 10px 15px;}

#alerts {
	margin-bottom: 25px;
}
#alerts:after {
    content: '';
    display: block;
    clear: both;
}

#alerts .alert {
	display: inline-block;
	margin: 5px 30px 10px 0px;
	vertical-align: bottom; /* fixes Safari bug */
}
#alerts .alert:last-child{
	margin-right: 0;
}
#alerts .alert a {font-size:.9rem;}
#alerts img {
	float:left;
	padding: 3px 8px 0 0;
	margin:0;
}
td.subject { color: #e9193a; cursor: pointer; }
td.subject:hover {text-decoration: underline; }

#information {
	margin: 0 0 25px;
}
#information-investor {background:#dfdfdf; width:840px; border:2px solid #b4bbc2; margin: 0 0 5px 5px; float:left; padding: 10px; }
#information h4 {margin: 0 0 7px 0;}
#information h5 {margin: 0 0 8px 0; font-size:1.8em; color:#415360;}
#information ul {
	font-size:1rem;
}
#information table td, #information table th{
	border-bottom: 0;
	vertical-align: top;
}
#sub-content p.note { margin:0; width: 200px;}

#profile-top-bidder {
	margin: 0 0 25px 0;
}
#agent-information-bidder {
	width:675px;
}
#agent-profile h5 {
	font-size:1rem;
	color:#333;
	font-weight:500;
	margin: 5px 0 10px;
}
#agent-profile ul {
	list-style-type: none;
	margin: 0;
}
#agent-profile ul li{
	padding-bottom: 3px;
}

.agent-table {width:660px; margin: 0 0 0 10px;}

.agent-table tr {border:1px solid #cccccc;}

td.agent-table-image {float:left; margin: 15px 10px 0 5px; width:100px;}

* + html td.agenet-table-image {border-top:1px solid #CCCCCC; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc;}

td.agent-table-info {width:300px; padding: 0 0 0 10px; float:left; margin: 0 0 0 20px; border-left:1px solid #cccccc; border-right:1px solid

#cccccc;}

* + html td.agent-table-info {border-top:1px solid #CCCCCC; border-bottom:1px solid #cccccc;}

td.agent-table-remove {width:200px; float:left; padding: 0 0 0 10px;}

* + html td.agent-table-remove {border-top:1px solid #CCCCCC; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;}


/*-----------------------------------------------------------------bidder internal pages-----------------------------------*/


/*---------alert-------------------*/
.bidder-alert-table {
	margin: 5px 0 15px 0;
	font-size:.9rem;
}
.bidder-alert-table table {margin: 0; font-size:0.9em;}
.bidder-alert-table td { padding: 5px; }
/* Header row */
.bidder-alert-table tr:nth-child(3) td{
	background-color: #ececee;
	font-weight: 500;
}
.bidder-alert-table tr:nth-child(1) td{
	text-align: right !important;
}
.bidder-alert-table td{
	text-align: left !important;
	position: relative;
}
.bidder-alert-table td:first-child{
	text-align: center !important;
}
.bidder-alert-table u{
	text-decoration: none;
}
.bidder-alert-table input[name="delete"]{
	padding: 0.5em .75em .3em;
}
.bidder-alert-table img[src*='read.gif']{
	position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -8px;
}


/*----------------current bids----------*/

.current-bid-top {float:left; padding-right:5px;}
.current-bid-drop {float:left; margin-right:6px;}

/*----------properties-------------------*/


.bidder-properties-table {margin: 5px 0 5px 10px;}

.bidder-properties-table td { padding: 10px; }

#sub-content a.btn { display: block; width: 185px; height: 33px; background: url(/i/btn.png) 0 0 no-repeat; color: #fff; font-weight: bold;

font-size: 1.4em; text-align: center; padding: 7px 0 0 0; }

table.modify-property {}
.modify-property td { padding: 5px; }

td h4 { font-size: 1.0em; }

.reoffer {}

.msg {
	background: url(http://images.realtybid.com/i/ico/stop.gif) 0 0 no-repeat;
	padding: 8px 0 8px 0; font-weight: bold; font-size: 1.3em;
	margin-top: 10px;
}
.msg h3{
	main.has-left-rail article #sub-content h3 {
		font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
		font-size: 30px;
		font-weight: normal;
		margin: 0 0 10px;
		padding-bottom:5px;
		border-bottom: 0;
	}
}

.left { float:left; }

/*---------------------- agent internal pages ------------------------------*/

/*---------------------- verify property ---------------------------*/

.table-arrow {font-size:1.1em;}

.property-status {font-size:1.2em; margin: 5px 0 5px 10px;}

/*----------------------one step reserve update--------------------------------*/

.page_labels {

}
.page_labels td input[type="submit"]:first-child{
	margin-left:12px;
}

/*----------------add new property---------------------------*/

#new-property-flash {background-color:#dfdfdf; margin: 0; padding:0;}

/*-------------------my active clients------------------------*/

.accounts_box {}

#agent-profile .active-clients {float:left; font-size:1.5em;}

.accounts_text {margin: 0 0 4px 10px; font-size:1.2em;}
.accounts_text li {margin: 0 0 4px 0;}

/*------------properties I'm watching------------------------*/

.chbox01-left {font-size:1.3em; float:left; margin: 0 8px 0 0; padding: 0;}

.chbox02-left {float:left; margin: 0 8px 0 0; font-size: 1.3em;}

.left {font-size:1.3em; margin: 0 8px 0 0;}

#bid-table td { padding: 5px; font-size: 1.3em; line-height: 18px; }

#bid-table td table td { padding: 0; font-size: 1.0em; }

a.submit { float: right; font-size: 1.3em; }

/*---------------------add a new customer--------------------------------*/

.accounts_element {margin: 0 0 5px 0;}


/*-------------------activity report-----------------------------------*/

.activity-option {margin: 3px 0 5px 10px;}


/*-------------------------------------------------------------footer styles-----------------------------------------*/


#footer { background:url(/i/footer-bg.jpg) repeat-x; height:360px; width:100%; background-color:#607382; float: left; }
#footer p {margin: 0 0 0 7px; color:#3f5e75; }

#footer-content {width:955px; margin: 0 auto; padding: 15px 0 0 0; text-align:left;}

#footer-content .state-list-first {float:left; font-size:1.2em; margin: 10px 0 0 7px;}
#footer-content .state-list {float:left; font-size:1.2em; margin: 10px 0 0 50px;}

#footer li {padding: 0 0 9px 0;}

#footer img {float:right;}


.state-list-first li a {text-decoration:none; color:#3f5e75;}
.state-list-first li a:hover {text-decoration:none; color:#213749; }

.state-list li a {text-decoration:none; color:#3f5e75;}
.state-list li a:hover {text-decoration:none; color:#213749; }

.contact-info { text-align:right; color:#5e7277; font-size:1.2em; padding: 7px 0 0 0;}
.contact-info a {color:#5e7277;}
.contact-info a:hover {text-decoration:underline;}


#lower-footer {width:950px; margin:18px auto; display:block; height:30px; float:left;}
#lower-footer img {margin: 3px 7px 0 0; padding: 15px 0 0 0; float:left;}
#lower-footer p {float:right; color:#FFFFFF; margin: 0; padding:15px 0 0 0;}
#lower-footer a {color:#FFFFFF; margin: 0; padding: 0;}
#lower-footer a:visited { color: #fff; }
#lower-footer a:hover {color:#FFFFFF; text-decoration:underline;}



* html #lower-footer img {margin: 4px 0 0 0;}
* html #lower-footer p {margin: 5px 0 0 0;}

a.privacylink {text-decoration:none}
/*-------------------------------------------map styling---------------------------------------*/

#unitip {
	position: absolute;
	z-index: 1000;
	top: -1000px;
	color: #fff;
	display: none;
	font-size:.9em;
	font-family: Arial, Helvetica, sans-serif;
}

#unitippoint, #unitipmid, #unitipcap {
	position: relative;
	top: 0px;
	left: 0px;
	width: 165px;
	display: block;
	}

#unitippoint {
	background: url(/i/TipPoint-orange.png) no-repeat;
	height: 15px;
	overflow: hidden;
	}

#unitipmid {
	background: url(/i/TipMid-orange.png) repeat;
	width: 145px;
	height: auto;
	padding: 0 10px;
	}

#unitipcap {
	background: url(/i/TipCap-orange.png) no-repeat;
	height: 6px;
	overflow: hidden;
	}

/*-----------------------------------------------SLIDER CSS------------------------------------------------*/

#slider {
	width: 596px;
	height: 400px;
	float: left;
	position: relative;
	margin: 0 0 0 20px;
	}


* + html #slider {margin: 4px 0 0 0;}
* html #slider {margin: 2px 0 0 0;}

.scroll {
    width: 596px;
	height: 380px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	}

.scrollContainer div.panel {
    height: 405px;
    width: 630px;
	}

.scrollContainer .search-map { background: url(/i/search-bg.jpg) 20px 5px no-repeat; }

.scrollContainer h2 {
	font-size: 21px;
	color: #475b66;
	font-weight: normal;
	margin: 8px 0 0 50px;
	}

.scrollContainer h3 {
	font-size: 17px;
	color: #fed0a4;
	font-weight: normal;
	margin: 10px 0 0 0;
	line-height: 14px;
	}

.scrollContainer p {
	font-size: 12px;
	color: #d4dadc;
	margin: 0;
	}

.scrollContainer .column-01 {
	width: 180px;
	margin: 10px 100px 0 0;
	padding-left: 50px;
	float: left;
	}

.scrollContainer .column-02 {
	width: 180px;
	margin: 10px 0 0 0;
	float: left;
	}

#slider select { width: 180px; height: 22px; }
#slider select#radius { width: 72px; }

* html select#radius {width:72px; float:right;}

.scrollContainer input {
	width: 90px;
	float: left;
	margin: 0 3px 0 0;
	}

.scrollContainer input.search-btn {
	display: block;
	width: 153px;
	height: 30px;
	background: url(/i/search-btn-bg.jpg) 0 0 no-repeat;
	text-align: center;
	color:#333333;
	font-weight:bolder;
	text-decoration: none;
	border: none;
	font-size: 16px;
	float: left;
	margin-top: 35px;
	cursor: pointer;
	}

input.search-btn:hover { background: url(/i/search-btn-bg.jpg) -153px 0 no-repeat; }

ul.navigation {
    list-style: none;
    margin: 0;
	position: absolute;
	top: 350px;
	left: 350px;
	}

ul.navigation a {
    color: #fff;
    text-decoration: none;
	display: block;
	width: 225px;
	height: 30px;
	padding: 6px 0 0 0;
	font-size: 18px;
	text-align: center;
	}

#copy ul.navigation a:visited, #copy ul.navigation-commercial a:visited { color: #fff; }

ul.navigation a#map-btn { background: url(/i/map-button-bg.png) 0 0 no-repeat; }
ul.navigation a:hover#map-btn { background: url(/i/map-button-bg.png) -225px 0 no-repeat; }
ul.navigation a#search-btn { background: url(/i/search-button-bg.png) 0 0 no-repeat; }
ul.navigation a:hover#search-btn { background: url(/i/search-button-bg.png) -225px 0 no-repeat; }
ul.navigation-commercial {
    list-style: none;
    margin: 0;
	position: absolute;
	top: 350px;
	left: 275px;
	}
ul.navigation-commercial a#map-btn {
    color: #fff;
    text-decoration: none;
	display: block;
	width: 275px;
	height: 30px;
	padding: 6px 0 0 15px;
	font-size: 18px;
	text-align: center;
	}
ul.navigation-commercial a#map-btn { background: #e99442 url(/i/map-btn-commercial.jpg) 0 0 no-repeat; }
ul.navigation-commercial a:hover#map-btn { background: #bcc9d4 url(/i/map-btn-commercial.jpg) 0px -36px no-repeat; }

#copy ul.navigation a:focus { outline: none; }

#three-pack {
	width: 175px;
	position: absolute;
	top: 267px;
	left: 0;
	}

* + html #three-pack { left: 20px; }
* html #three-pack { left: 20px; }

#three-pack a {
	display: block;
	width: 165px;
	height: 23px;
	padding: 4px 0 0 20px;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	background: url(/i/sm-btn-bg.jpg) 0 0 no-repeat;
	margin-bottom: 19px;
	}

#three-pack a.last { margin-bottom: 0; }

#three-pack a:visited { color: #fff; }

#three-pack a:hover { background: url(/i/sm-btn-bg.jpg) 0 -27px no-repeat; }

.clear { clear: both; }

/* COMMERCIAL ROTATOR */
ul#rotate {
	width: 596px;
	height: 380px;
	overflow: hidden;
	float: left;
	margin: 5px 0 0 20px;
	}

#rotate li {
	list-style: none;
	font-size: 14px;
	color: #fff;
	width: 596px;
	height: 375px;
	}

.text {
	display: block;
	width: 596px;
	height: 50px;
	background: url(/i/text-bg.png) 0 0 repeat;
	padding: 10px;
	margin-top: 290px;
	}

#rotate li.rotator-01 { background: url(/i/commercial-rotator-01.jpg) 0 0 no-repeat; }
#rotate li.rotator-02 { background: url(/i/commercial-rotator-02.jpg) 0 0 no-repeat; }
#rotate li.rotator-03 { background: url(/i/commercial-rotator-03.jpg) 0 0 no-repeat; }
#rotate li.rotator-04 { background: url(/i/commercial-rotator-04.jpg) 0 0 no-repeat; }

#commercial-login {
	width: 230px;
	background-color: #ccc;
	border: #666;
	padding: 10px 10px 0 10px;
	float: left;
	margin: 10px 0 20px 0;
	text-align: left;
	}

#commercial-login input {
	float: left;
	width: 225px;
	margin-bottom: 10px;
	}

#commercial-login p {
    margin-bottom: 10px;
 }

.agent-direct-costs {
	margin-left:15px;
	list-style-position: outside;
	list-style-type: disc;
	line-height: 1.8em;
}

.agent-direct-list  {
	margin-left:15px;
	margin-bottom:-10px;
	padding-bottom:0px;
	list-style-position: outside;
	list-style-type: disc;

}
p.agent-fyi {
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 35px;
}
/*-----------------------------------------------BidDirect Bid Offer Grey Box------------------------------------------------*/
#step1 {font-family:Helvetica, Arial, sans-serif; width:100%}
#step1 .numbered {
	list-style-type:disc;
	list-style-position:inside
}
.directbid-prop-info {height:50px;background-image: url(/i/ojgradient.jpg);
	background-repeat: repeat-x;

}
.biddirectwrapper{
	padding: 0px 0px 0px 15px;
	background-color:#fff;
	background-repeat: repeat-x;
	background-position: top;
}
.biddirectoffer-table{
	background-color:#fff;
	font-size:1.2em;
	width:100%
}

.biddirectoffer-table tr{height:30px;
	background-color:#fff;


}
h3.popupheader {
	text-align:left;
	font-size:1.5em;
	font-family:arial;
	color:#fff;
	margin:15px 0px 0px 15px;
	font-weight:normal
}

#id_div {margin-top:-142px; position:absolute }

#BidDirect_Offer {width:100%;}/*Form ID must have width to work in IE & FF*/

#PA_BidDirect_Offer {font-size:1.1em; margin-left: 0px; background-color:#FFF; height:100%; width:100%; min-width:700px }

#agent-biddirect-wrap {min-width:680px;}

.radiobutton {margin:0px; padding:0px}

.underline {text-decoration:underline}

/*-----------------------------------------------BidDirect Bid Bidpage------------------------------------------------*/

.biddirect-jazz {
	padding:5px;
	margin-left:5px;
	width:235px;
	background-color:#bdc4c9;

}
.biddirect-jazz h1{
	padding:5px 0px 5px 0px;
	background-color:#fc8a1d;
	color:#617483;
	text-align:center;
	font-size:1.3em;
	background-image: url(/i/ojgradient.jpg);
	background-repeat: repeat-x;
}

#auction-status .biddirect-jazz p{
	color:#fff;
	text-align:left;
	line-height:1.3em;
	background-image: url(/i/top-bg-no-line.jpg);
	background-repeat: repeat-x;
	padding: 8px 8px;
	margin:0px;
}

#auction-status .biddirect-jazz a{
	color:#fff;
	text-decoration:underline;
}

.alert {
background-color: #f5f5f6;
border: 1px solid #d0d0d0;
border-radius: 4px;
margin-bottom: 20px;
padding: 8px 14px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.alert-success {
  color: #2f2e36;
  background-color: #e1ecf2;
  border-color: #e1ecf2;
}
.alert-success a{
  color: #1a6f8e;
}
.alert-success b{
	font-weight: normal;
}



.alert-success h4 {
  color: #468847;
}

/*=======================================

Reskin CSS

*/


header {
    z-index: 4;
    background-color: #f5f5f6
}

.generic header main,header .container,header .generic main {
    position: relative;
    padding-top: 12px;
    font-size: 1em;
    text-align: center
}

header #toggle-responsive-menu {
    color: #595860;
    position: absolute;
    bottom: 10px;
    left: 10px;
    border: 1px solid #595860;
    border-radius: 2px;
    padding: 4px 3px 2px;
    font-size: .8125em;
    font-weight: 700;
    text-transform: uppercase
}

header #toggle-responsive-menu span {
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease
}

header #toggle-responsive-menu:focus,header #toggle-responsive-menu:hover {
    color: #000;
    border-color: #000
}

header a.logo img {
    height: 32px
}

header nav {
    z-index: 4;
    position: absolute;
    line-height: 0;
    top: 100%;
    left: 0;
    text-align: left
}

header nav li,header nav ul {
    display: block
}

header ul.aux {
    color: #595860;
    border-bottom: 1px solid #ccc
}

header ul.aux>li>a {
    font-weight: 500;
    color: #e9193a
}

header ul.aux>li>a:focus,header ul.aux>li>a:hover {
    color: #ba142e!important
}

header nav>ul {
    margin-left: 0;
    background: #f5f5f6;
    border-top: 1px solid #ccc;
    box-shadow: 1px 1px 1px 0 #666
}

header nav>ul>li {
    position: relative;
    display: block;
    border-bottom: 1px solid #ccc
}

header nav>ul>li:focus a:focus,header nav>ul>li:focus a:hover,header nav>ul>li:hover a:focus,header nav>ul>li:hover a:hover {
    color: #000
}

header nav>ul>li:focus>ul,header nav>ul>li:hover>ul {
    visibility: visible;
    opacity: 1
}

header nav>ul>li:last-child {
    border-bottom: 0
}

header nav>ul>li a {
    display: block;
    padding: 20px;
    font-weight: 500;
    color: #595860
}

header nav>ul>li ul {
    padding: 10px 0 5px;
    box-sizing: border-box
}

header nav>ul>li ul li {
    display: block;
    float: none;
    height: auto;
    padding: 0;
    margin: 0
}

header nav>ul>li ul li:first-child a {
    padding-top: 0
}

header nav>ul>li ul li a {
    float: none;
    padding: 15px 25px;
    margin: 5px 12px
}

@media only screen and (min-width: 601px) {
    header nav>ul,header nav>ul>li {
        border:none;
        float: left
    }

    .generic header main,header .container,header .generic main {
        padding-top: 29px;
        padding-bottom: 12px
    }

    header #toggle-responsive-menu {
        display: none
    }

    header a.logo img,header h1 {
        display: block;
        float: left;
        height: 45px;
        margin: -12px 0 0
    }

    header nav {
        display: block!important;
        position: relative
    }

    header nav>ul {
        margin-left: 10px;
        padding-left: 20px;
        box-shadow: none
    }

    header nav>ul>li.has-dropdown {
        margin-right: 10px
    }

    header nav>ul>li:focus>ul,header nav>ul>li:hover>ul {
        visibility: visible;
        opacity: 1
    }

    header nav>ul>li:focus.has-dropdown:after,header nav>ul>li:hover.has-dropdown:after {
        z-index: 4;
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        bottom: -12px;
        left: 60%;
        box-sizing: border-box;
        border: 6px solid #fff;
        border-color: transparent transparent #fff #fff;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        box-shadow: -2px 2px 5px 0 rgba(0,0,0,.15)
    }

    header nav>ul>li a {
        display: block;
        font-weight: 500;
        line-height: 1;
        padding: 11px 12px
    }

    header nav>ul>li a.dropdown {
        padding-right: 12px
    }

    header nav>ul>li a.dropdown:after {
        position: absolute;
        top: 15px;
        right: 0;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 4px 0;
        border-color: #595860 transparent transparent
    }

    header nav>ul>li ul {
        visibility: hidden;
        opacity: 100;
        transition: visibility 0s,opacity .1s linear;
        z-index: 4;
        position: absolute;
        top: 38px;
        top: 2.35em;
        left: 0;
        min-width: 150px;
        margin: 0;
        padding-top: 12px;
        background: #fff;
        box-sizing: border-box;
        box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
        border-radius: 5px
    }

    header nav>ul>li ul li {
        display: block;
        float: none;
        height: auto;
        padding: 0;
        margin: 0
    }

    header nav>ul>li ul li a {
        float: none;
        padding: 5px 0;
        margin: 5px 12px;
        font-size: 14px
    }

    header nav li,header nav ul {
        display: inline-block
    }

    header nav>ul.aux {
        float: right;
        border-bottom: 0
    }

    header nav>ul.aux>li.sign-in>a {
        display: inline-block;
        padding-left: 0;
        padding-right: 0
    }

    header nav>ul.aux>li.has-dropdown ul {
        left: inherit;
        right: 0;
        width: inherit;
        min-width: inherit
    }

    header nav>ul.aux>li.has-dropdown ul a {
        white-space: nowrap
    }
}

.accordion-tabs:after,.property-search .tabs:after {
    content: "";
    clear: both
}

footer {
    background: #27292b;
    padding: 30px 0 0;
    overflow: auto
}

.generic footer main>ul,footer .container>ul,footer .generic main>ul {
    float: left;
    width: 20%;
    padding: 0 20px 40px 0
}

@media screen and (max-width: 840px) {
    .generic footer main>ul,footer .container>ul,footer .generic main>ul {
        width:25%
    }

    .generic footer main>ul:nth-child(4),footer .container>ul:nth-child(4),footer .generic main>ul:nth-child(4) {
        padding-bottom: 15px
    }
}

@media screen and (max-width: 720px) {
    .generic footer main>ul,footer .container>ul,footer .generic main>ul {
        width:50%;
        padding-right: 0
    }
}

.generic footer main>ul li,footer .container>ul li,footer .generic main>ul li {
    line-height: 1.375em
}

.generic footer main>ul li span,footer .container>ul li span,footer .generic main>ul li span {
    display: block;
    margin-bottom: 10px;
    color: #a8abad;
    font-weight: 500;
    text-transform: uppercase
}

.generic footer main>ul li a,footer .container>ul li a,footer .generic main>ul li a {
    font-size: .875em;
    color: #f6f7f8
}

.generic footer main>ul li a[class^=socicon-],footer .container>ul li a[class^=socicon-],footer .generic main>ul li a[class^=socicon-] {
    display: block;
    float: left;
    margin-right: 10px;
    font-size: 18px
}

.generic footer main>ul li a[class^=socicon-] span,footer .container>ul li a[class^=socicon-] span,footer .generic main>ul li a[class^=socicon-] span {
    display: none
}

footer .legal {
    background: #000
}

.generic footer .legal main,footer .legal .container,footer .legal .generic main {
    display: table;
    width: 100%;
    padding: 0 20px
}

.generic footer .legal main div,footer .legal .container div,footer .legal .generic main div {
    overflow: auto;
    padding: 20px 0 15px
}

.generic footer .legal main div:last-child,footer .legal .container div:last-child,footer .legal .generic main div:last-child {
    padding-top: 0
}

.generic footer .legal main div a,footer .legal .container div a,footer .legal .generic main div a {
    display: inline-block
}

.generic footer .legal main div a:not(:last-child),footer .legal .container div a:not(:last-child),footer .legal .generic main div a:not(:last-child) {
    margin-right: 10px
}

@media screen and (min-width: 1060px) {
    .generic footer .legal main div,footer .legal .container div,footer .legal .generic main div {
        display:table-cell;
        vertical-align: top;
        padding: 20px 0 15px
    }

    .generic footer .legal main div:last-child,footer .legal .container div:last-child,footer .legal .generic main div:last-child {
        padding-top: 20px;
        padding-left: 10px;
        text-align: right
    }
}

footer .legal ul {
    margin: 0;
    padding: 0;
    width: auto
}

footer .legal ul li {
    display: block;
    float: left;
    line-height: 1;
    padding-right: 6px;
    margin-right: 6px;
    border-right: 1px solid #e6e8ec
}

footer .legal ul li:last-child {
    padding-right: 0;
    margin-right: 0;
    border: none
}

footer .legal ul li a {
    display: block;
    float: left;
    padding-top: 2px;
    font-size: .75em;
    color: #e6e8ec;
    line-height: 1
}

footer .legal p {
    float: left;
    clear: left;
    margin: 5px 0 0;
    font-size: .6875em;
    color: #93979a
}

/*=======================================
FORMS
*/

.legacy b, .legacy strong{
	font-weight: 500;
}
.legacy label{
	display: inline-block;
}
.legacy label:only-child {
    margin-top: .25rem;
}

.legacy input[type="email"],
.legacy input[type="number"],
.legacy input[type="password"],
.legacy input[type="search"],
.legacy input[type="tel"],
.legacy input[type="text"],
.legacy input[type="datefield"]{
	max-width: 250px;
	border: 1px solid #999;
	padding: .5rem;
	margin: 0 .5rem .5rem 0;
	height: 34px;
}
/* Questionmark tooltip images */
.legacy input[src$="questionmark.jpg"]{
	width: 16px !important;
	height: 16px !important;
}
.legacy input{
	display: inline-block;
}

.legacy input#Postal_code,
.legacy input#bedroom_count,
.legacy input#bath_count,
.legacy input#half_bath_count,
.legacy input#sq_ft,
.legacy input#acres,
.legacy input#year_built{ max-width: 80px; }
.legacy input#phone { max-width: 175px; }
.legacy select:not([multiple="multiple"]){
	-webkit-appearance: none;
	display: inline-block;
	border: 1px solid #999;
	border-radius: 0;
	height: 34px;
	padding:0 34px 0 .5rem;
	background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, #666, #666);
	background-position: calc(100% - 12px) calc(1em), calc(100% - 6px) calc(1em), 100% 0;
	background-size: 6px 6px, 6px 6px, 24px 5.75em;
	background-repeat: no-repeat;
	margin-bottom: .5rem;
	font-weight: normal;
}

.legacy select[multiple="multiple"]{
	background-size: 6px 6px, 6px 6px, 54px 5.75em;
	border: 1px solid #999;
}
.legacy textarea{
	border: 1px solid #999;
	font-weight: normal;
}
.legacy td{
	border-bottom: 0;
}
#upDateText table td{
	padding: 12px 0;
}
#upDateText table td p{
	margin: 0 0 .8rem 0;
}
#upDateText table td p:last-child{
	margin-bottom: 0;
}

/* ADD PROPERTY FORM  */

#addproperty .lineBR{
	clear: both;
}
#addproperty .innerPad{
	border-top: 1px solid #d0d0d0;
  margin-top: 25px;
}
#addproperty .innerPad:first-child{
	border-top: 0;
}
#addproperty .innerTitle{
	margin: 25px 0 10px 0;
	font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
	font-size: 1.45rem;
	-webkit-font-smoothing: antialiased;
	line-height: 1.2;
	font-weight: normal;
}
#addproperty .innerTitle label{
	font-weight: inherit;
}
/* DateChooser image */
img[src*='DateChooser.png']{
	padding-right: 15px;
	padding-top: 6px;
}

/* RIGHT RAIL  */

.sub-nav-agents a.button{
	margin-left: 15px;
  margin-bottom: 10px;
}

/* NOTIFICATION BOXES */

.notifyBox{
	background-color: #e0edf3;
	overflow: auto;
}
.notifyBox .msg{
	padding: 8px 0 8px 0px;
	font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
	font-weight: 500;
	font-size: 1.3rem;
	margin: 10px 12px 10px 15px;
}
.notifyBox.bad .msg{
	background: url(http://www.realtybid.com/i/ico/bad.gif) 0 9px no-repeat;
	background-size: 18px;
}
.notifyBox.bad .msg h3:only-child{
	padding-left: 28px;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.notifyBox.bad img[src*='bad.gif']{
	display: none;
}

/* INVESTORS: Add A New Property Form =================================================== */

/* LANDING PAGE */

.investor-menu{
	width: auto;
	background-color: #f5f5f7;
	margin-top: 30px;
	margin:25px auto;
}
.investor-menu td {
	padding:10px;
}

.investor-menu .button{
	font-size:1.25rem;
	text-shadow: 0 0 1px #000;
	text-align: center;
	width: 100%;
}
.investor-menu .button .description{
  display:block;
  font-size:.9rem;
  font-weight: 500;
	margin-top: 4px;
}


/* FORMs =================================================== */

form.inline{
	display: inline-block;
	margin-top:15px;
}

.screenname_error {
	color: red;
	font-weight: bold;
}
.ccnumber_error {
	color: red;
	font-weight: bold;
}
.email_address_error {
	color: red;
	font-weight: bold;
}
.other_source_desc_error {
	color: green;
	font-weight: bold;
	float: left;
	width: 400px;
	padding: 10px;
}
table {
	border-collapse:separate;
}
.activeDiv {
	color: #0a1538 !important;
	border-top:1px solid #dedede;
	padding: 12px 0 25px 14px;
	font-family: "uniform-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.25rem !important;
	text-transform: inherit !important;
	font-weight: 500 !important;
	margin: 0 !important;
}
#step1 h2.activeDiv{
	border-top:0px;
}
.historyTitleDiv {
	border-top:1px solid #dedede;
	color: #777 !important;
	padding: 12px 0 12px 14px;
	font-family: "uniform-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.25rem !important;
	text-transform: inherit !important;
	font-weight: 500 !important;
	cursor:pointer;
	background-color: #f5f5f6;
	margin: 0 !important;
}
.historyTitleDiv a{
	color: #777;
}
.historyTitleDiv:hover,
.historyTitleDiv:focus,
.historyTitleDiv a:hover,
.historyTitleDiv a:focus{
	color: #0a1538;
}
.historyTitleDiv2 {
	border-top:1px solid #CCCCCC;
	font-family: "uniform-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.25rem !important;
	text-transform: inherit !important;
	font-weight:500 !important;
	color: #cccccc !important;
	padding: 12px 0 12px 14px;
	margin: 0 !important;
}
h2.activeDiv,
h2.historyTitleDiv,
h2.historyTitleDiv2 {
	padding-left: 8px;
}

BODY,H1 {
	margin-top:0px !important
}
.sub-page {
	margin-top:0px !important

}
H1 {
	margin: 0 0 !important
}
IMG {
	border: none;
}

.well > label{
	display: block;
}
.legacy .well label input,
.legacy .well label select{
	margin-bottom: 0;
	font-weight: normal;
}
label input,
label select,
label + input{
	margin-left: 10px;
}

table.choose-registration-type{
	width: 730px;
	margin-bottom:75px;
}
table.select-seller-agent-type{
	width: 730px;
	background-color:#fff;
	margin-bottom:75px;
}

/* WARNING PAGE */
.button-group form{
	display: inline;
	padding-right: 25px;
}

/* AGENT REGISTRATION */
.register-tpl{
	margin-top: 20px;
}
.register-tpl #step1,
.register-tpl #step2,
.register-tpl #step3{
	margin-bottom: 25px;
}
.register-tpl table.step{
	width: auto;
	margin-left: 8px;
}
table.form > tbody > tr > td:first-child,
.register-tpl table.step > tbody > tr > td:first-child{
	width: 25%;
	padding-top: 8px;
	padding-right: 24px;
}
.register-tpl table.step p{
	margin-top: 0;
}
.register-tpl .style17{
	display: block;
}
.register-tpl .form-buttons{
	display: block;
	margin-bottom: 25px;
}
.register-tpl .form-buttons a{
	padding-right: 20px;
}
.register-tpl .nonflasherrormessage{
	color: #e9193a;
  font-weight: 700;
  padding-top: 8px;
}
.register-tpl .field-example{
	margin-top: -2px;
	margin-bottom: 7px;
	padding-top: 0;
}
.register-tpl select{
	font-size: .9rem;
}
.register-tpl input[type="radio"]:not(:first-child){
	margin-left: 15px;
}
span.required-symbol{
	color: #ff0000;
}
img.required-symbol{
	position: absolute;
	left: -16px;
	top: 10px;
}

/* MODAL =================================================== */

.modal-content{
	padding: 20px 12px;
}

/* MODAL HEADING */

.GB_Window{

}

/* NEW AGENT AND CUSTOMER REGISTRATION CONTENT */

.tab1step1{

}

.modal h2 {
  font-size: 1.475rem;
}

.modal caption {
  font-size: 1.15rem;
  margin-bottom: .25rem;
}

.modal.bid-history {
  font-size: .85rem;
}

.modal.bid-history .property-id {
  position: absolute;
  top: 15px;
  right: 15px;
}

.modal.bid-history #bid-history-data h3 {
  text-transform: uppercase;
  padding-top: 10px;
}

.modal.bid-history table {
  font-size: .75rem;
}

.modal.bid-history table th {
  padding-left: .5em;
  padding-right: .5em;
}

.modal.bid-history table th:first-child {
  padding-left: 0;
}

.modal.bid-history table th:last-child {
  padding-right: 0;
}

.modal.bid-history table td {
  vertical-align: top;
  text-align: left;
  padding: .5em;
}

.modal.bid-history table td:first-child {
  padding-left: 0;
}

.modal.bid-history table td:last-child {
  padding-right: 0;
}

.modal.bid-history table td .time {
  display: block;
}
.address-heading{
	background-color: #354D73;
	color: #fff;
	font-weight: bold;
  padding: 10px;
	margin-bottom: 15px;
}
.payment-form{
	margin-top: 20px;
	padding-bottom: 25px;
}
.legacy .payment-form td{
	padding:0 0 10px 0;
}
.legacy .payment-form td.page_labels{
  vertical-align: top;
  padding: 10px 10px 0 0;
}
.legacy .payment-form #exp_year{
	margin-left: 10px;
}

/* GENERIC FIELD SIZES */
.legacy input[type="text"].x-small-field{
	width:75px;
}

.legacy input[type="text"].medium-field{
	width:150px;
}

form table.form{
	width: auto;
	padding: 0;
	border-spacing: 10px;
	font-size: .9rem;
}
h1 + table.form{
	margin-top:15px;
}
table.form p{
	text-align: left;
}
table.form label{
	font-size: .9rem;
	padding-right: 10px;
	padding-left: 20px;
}
table.step td,
table.form td{
	position:relative;
	padding: 0;
	vertical-align: top;
}
form table.form td:first-child{
	text-align: right;
}
form table.form tr.heading td {
    text-align: left;
}
form table.form tr.heading h3 {
		border-top: 1px solid #ccc;
		padding-top: 12px;
		margin-bottom:0;
}
form table.form tr.heading .subheading {
	max-width: 500px;
  margin-top: -12px;
  margin-bottom: 15px;
  font-size: .85rem;
  color: #777;
	font-family: "uniform-condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}
table.form .field-example{
	max-width: 300px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top:0;
}
.current-bid-amount{
	display: inline-block;
	padding-left: 7px;
	padding-top: 4px;
}
table.form input ~ span{
	display: inline-block;
	padding-top: 5px;
}
table.form .radio-list{
	padding-top: 4px;
}
table.form .radio-list li:not(:last-child){
	padding-bottom:4px;
}
table.form .radio-list-inline{
	padding-top: 5px;
}
table.form .radio-list-inline li{
	display: inline;
}
table.form .radio-list-inline li:not(:last-child){
	padding-right:15px;
}
table.form span.field-value {
    display: inline-block;
    padding-top: 4px;
}
input#bid_amt,
input#total_bid_amt,
input#bid_assist_amt{
	width: 125px;
}

.form-actions{
	margin:25px 0;
}

a.button.calculate {
  background-color: #333;
  padding: 8px 8px 5px 8px;
  font-weight: 500;
  display: inline-block;
}
a.button.calculate:hover,
a.button.calculate:focus {
	background-color: #000;
}

/* New Buyer Agent Registration

#Agent_Reg table {
	padding: 10px 20px 0 20px;
}

#Agent_Reg table tr:first-of-type {
	display: none;
}

#Agent_Reg table tr td {
	width: auto !important;
}

#Agent_Reg table tr td:first-of-type {
	display: none;
}

#Agent_Reg table tr td:nth-of-type(2) {
	width: 140px !important;
}

#Agent_Reg table input[type=text] {
	max-width: 250px;
	border: 1px solid #999;
	padding: .5rem;
	margin: 0 .5rem .5rem 0;
	height: 34px;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	font-family: "uniform", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
	font-size: 14px !important;
	transition: border-color 150ms ease;
	width: 100%;
	line-height: normal;
}

/* Agent - Prebid */

.bidpage-agentbidding h1 {
	margin-bottom: 5px !important;
}

.bidpage-agentbidding form th {
	padding: 20px 0 0 0 !important;
}

.bidpage-agentbidding form td {
	padding: 0 !important;
}

.bidpage-agentbidding form a {
	display: block;
	margin-top: 15px;
}

.bidpage-agentbidding form li a {
	margin-top: 10px;
}

/* Bid - Place/Update Bid */

table#bids, table#bidassist {
	z-index: 2;
	width: 100% !important;
	max-width: 600px;
	display: inline !important;
	padding: 0 20px;
	top: 30% !important;
  transform: translateY(-30%);
	left: 50%;
	transform: translateX(-50%);
}

table#bids {
	padding-bottom: 10px !important;
}

table#bids tr:first-child table, table#bidassist tr:first-child table {
	margin: 0;
}

table#bids tr:first-child td, table#bidassist tr:first-child td {
	padding-top: 0;
	padding-bottom: 0;
}

table#bids tr:last-child td, table#bidassist tr:last-child td {
	padding: 0;
}

table#bids tr:last-child td input, table#bidassist tr:last-child td input {
	margin: 0;
}

table#bids font, table#bidassist font {
	display: block;
	margin-top: 10px;
	cursor: pointer;
}

/* Investors - Add New Property */

form .form-group {
	margin-top: 15px;
}

form .form-group label {
	display: block;
}

.btn-group {
	margin-top: 15px;
}

/* Agent - Account */

.innerPad div {
	overflow: auto;
}

#addproperty label {
	display: block;
}

#addproperty input[type=radio] {
	margin-top: 5px;
	margin-left: 2px;
}

table[class$="message-container"] {
	height: 390px;
}
table[class$="message-container"] td{
	vertical-align: top;
}