/*--------------------------
GRID & LAYOUT
--------------------------*/
/*--------------------------
COLORS
--------------------------*/
/*--------------------------
TYPOGRAPHY
--------------------------*/
.comments {
  background: #f1f1f1;
  padding: 20px;
  margin: 0 0 22px 0;
  *zoom: 1;
  clear: both;
}
.comments:before,
.comments:after {
  content: "";
  display: table;
}
.comments:after {
  clear: both;
}
.comments h2 {
  margin-bottom: 20px;
}
.comments .btnset {
  border: 1px solid #b7b7b7;
  border-top: none;
  background: #dbdbdb;
  margin-top: -3px;
  padding: 10px;
}
.comments .btnset label {
  color: #666;
  text-shadow: 0 1px 0 #fff;
}
.comments .field {
  clear: left;
  padding: 20px 0 0 0 !important;
}
.comments section {
  padding: 0 0 20px 0;
  border-bottom: 1px solid #ccc;
}
.comments section:last-child {
  padding: 0;
  border-bottom: none;
}
.comments .comment {
  position: relative;
  clear: left;
  padding: 10px 0;
  margin: 0 0 10px 0;
  *zoom: 1;
  border-bottom: 1px solid #ccc;
}
.comments .comment:before,
.comments .comment:after {
  content: "";
  display: table;
}
.comments .comment:after {
  clear: both;
}
.comments .comment .author {
  float: left;
  width: 100px;
}
.comments .comment .author img {
  border: 1px solid #bcbcbc;
  padding: 4px;
  background: #fff;
}
.comments .comment .author p {
  font-weight: bold;
}
.comments .comment .copy {
  width: 75%;
  float: right;
}
.comments .comment:last-child {
  border-bottom: none;
}
.comments .comment .copy {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 20px;
  background: #fff;
  position: relative;
  border: 1px solid #ccc;
}
.comments .comment .btnset {
  padding: 10px 0;
  float: right;
  clear: right;
  background: transparent;
  border: none;
}
.comments .comment .ui_util_tail {
  -moz-user-select: none;
  -webkit-user-select: none;
}
.comments .comment .ui_util_tail:before {
  content: "B";
  color: inherit;
  font: normal 18px/8px "icosRegular" !important;
  vertical-align: middle;
  text-align: center;
  -moz-user-select: none;
  -webkit-user-select: none;
  position: absolute;
  top: 17px;
  left: -20px;
  color: #fff;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
  z-index: 999;
  text-shadow: 0 -1px 0 #999999;
}
figure {
  padding: 15px;
  float: left;
  background: #f7fafc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 #fff;
}
figure img {
  display: block;
  border: 1px solid #fff;
  float: left;
  width: 100%;
}
figure figcaption {
  padding-top: 12px;
  clear: left;
  max-width: 100%;
}
figure figcaption h3,
figure figcaption h4,
figure figcaption h5 {
  margin: 0;
}
figure.last {
  margin-right: 0;
}
ul {
  *zoom: 1;
}
ul:before,
ul:after {
  content: "";
  display: table;
}
ul:after {
  clear: both;
}
.description ul {
  margin: 0;
  padding: 0;
}
.keyvalSet {
  overflow: hidden;
}
.keyval {
  list-style: none;
  margin: 0;
  padding: 0;
}
.keyval strong {
  width: 40%;
  float: left;
}
.keyval span {
  width: 50%;
  float: right;
}
.val {
  margin: 0;
}
article {
  position: relative;
}
article header {
  margin: 0 0 24px;
}
article header h2,
article header h3,
article header h3,
article header h4 {
  margin: 0;
}
article footer {
  padding-top: 12px;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('/inc/skins/brew/css/../fnt/fontawesome-webfont.eot?v=3.2.1');
  src: url('/inc/skins/brew/css/../fnt/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('/inc/skins/brew/css/../fnt/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('/inc/skins/brew/css/../fnt/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('/inc/skins/brew/css/../fnt/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  line-height: 0.9;
}
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: middle;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"],
.tabs [class^="icon-"],
.btn [class*=" icon-"],
.tabs [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

  line-height: .9em;
}
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large:before,
li .icon-large:before {
  /* 1.5 increased font size for icon-large * 1.25 width */

  width: 1.875em;
}
ul.icons {
  list-style-type: none;
  margin-left: 2em;
  text-indent: -0.8em;
}
ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] {
  width: .8em;
}
ul.icons li .icon-large:before,
ul.icons li .icon-large:before {
  vertical-align: initial;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000";
}
.icon-music:before {
  content: "\f001";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope-alt:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-user:before {
  content: "\f007";
}
.icon-film:before {
  content: "\f008";
}
.icon-th-large:before {
  content: "\f009";
}
.icon-th:before {
  content: "\f00a";
}
.icon-th-list:before {
  content: "\f00b";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-zoom-out:before {
  content: "\f010";
}
.icon-power-off:before,
.icon-off:before {
  content: "\f011";
}
.icon-signal:before {
  content: "\f012";
}
.icon-gear:before,
.icon-cog:before {
  content: "\f013";
}
.icon-trash:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-file-alt:before {
  content: "\f016";
}
.icon-time:before {
  content: "\f017";
}
.icon-road:before {
  content: "\f018";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-download:before {
  content: "\f01a";
}
.icon-upload:before {
  content: "\f01b";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-play-circle:before {
  content: "\f01d";
}
.icon-rotate-right:before,
.icon-repeat:before {
  content: "\f01e";
}
.icon-refresh:before {
  content: "\f021";
}
.icon-list-alt:before {
  content: "\f022";
}
.icon-lock:before {
  content: "\f023";
}
.icon-flag:before {
  content: "\f024";
}
.icon-headphones:before {
  content: "\f025";
}
.icon-volume-off:before {
  content: "\f026";
}
.icon-volume-down:before {
  content: "\f027";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-qrcode:before {
  content: "\f029";
}
.icon-barcode:before {
  content: "\f02a";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-book:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera:before {
  content: "\f030";
}
.icon-font:before {
  content: "\f031";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-text-width:before {
  content: "\f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-list:before {
  content: "\f03a";
}
.icon-indent-left:before {
  content: "\f03b";
}
.icon-indent-right:before {
  content: "\f03c";
}
.icon-facetime-video:before {
  content: "\f03d";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-adjust:before {
  content: "\f042";
}
.icon-tint:before {
  content: "\f043";
}
.icon-edit:before {
  content: "\f044";
}
.icon-share:before {
  content: "\f045";
}
.icon-check:before {
  content: "\f046";
}
.icon-move:before {
  content: "\f047";
}
.icon-step-backward:before {
  content: "\f048";
}
.icon-fast-backward:before {
  content: "\f049";
}
.icon-backward:before {
  content: "\f04a";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-stop:before {
  content: "\f04d";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-fast-forward:before {
  content: "\f050";
}
.icon-step-forward:before {
  content: "\f051";
}
.icon-eject:before {
  content: "\f052";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-minus-sign:before {
  content: "\f056";
}
.icon-remove-sign:before {
  content: "\f057";
}
.icon-ok-sign:before {
  content: "\f058";
}
.icon-question-sign:before {
  content: "\f059";
}
.icon-info-sign:before {
  content: "\f05a";
}
.icon-screenshot:before {
  content: "\f05b";
}
.icon-remove-circle:before {
  content: "\f05c";
}
.icon-ok-circle:before {
  content: "\f05d";
}
.icon-ban-circle:before {
  content: "\f05e";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-mail-forward:before,
.icon-share-alt:before {
  content: "\f064";
}
.icon-resize-full:before {
  content: "\f065";
}
.icon-resize-small:before {
  content: "\f066";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-exclamation-sign:before {
  content: "\f06a";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-fire:before {
  content: "\f06d";
}
.icon-eye-open:before {
  content: "\f06e";
}
.icon-eye-close:before {
  content: "\f070";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-plane:before {
  content: "\f072";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-random:before {
  content: "\f074";
}
.icon-comment:before {
  content: "\f075";
}
.icon-magnet:before {
  content: "\f076";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-retweet:before {
  content: "\f079";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-folder-close:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-resize-vertical:before {
  content: "\f07d";
}
.icon-resize-horizontal:before {
  content: "\f07e";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-twitter-sign:before {
  content: "\f081";
}
.icon-facebook-sign:before {
  content: "\f082";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-key:before {
  content: "\f084";
}
.icon-gears:before,
.icon-cogs:before {
  content: "\f085";
}
.icon-comments:before {
  content: "\f086";
}
.icon-thumbs-up-alt:before {
  content: "\f087";
}
.icon-thumbs-down-alt:before {
  content: "\f088";
}
.icon-star-half:before {
  content: "\f089";
}
.icon-heart-empty:before {
  content: "\f08a";
}
.icon-signout:before {
  content: "\f08b";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-pushpin:before {
  content: "\f08d";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "\f090";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-github-sign:before {
  content: "\f092";
}
.icon-upload-alt:before {
  content: "\f093";
}
.icon-lemon:before {
  content: "\f094";
}
.icon-phone:before {
  content: "\f095";
}
.icon-unchecked:before,
.icon-check-empty:before {
  content: "\f096";
}
.icon-bookmark-empty:before {
  content: "\f097";
}
.icon-phone-sign:before {
  content: "\f098";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-github:before {
  content: "\f09b";
}
.icon-unlock:before {
  content: "\f09c";
}
.icon-credit-card:before {
  content: "\f09d";
}
.icon-rss:before {
  content: "\f09e";
}
.icon-hdd:before {
  content: "\f0a0";
}
.icon-bullhorn:before {
  content: "\f0a1";
}
.icon-bell:before {
  content: "\f0a2";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-hand-right:before {
  content: "\f0a4";
}
.icon-hand-left:before {
  content: "\f0a5";
}
.icon-hand-up:before {
  content: "\f0a6";
}
.icon-hand-down:before {
  content: "\f0a7";
}
.icon-circle-arrow-left:before {
  content: "\f0a8";
}
.icon-circle-arrow-right:before {
  content: "\f0a9";
}
.icon-circle-arrow-up:before {
  content: "\f0aa";
}
.icon-circle-arrow-down:before {
  content: "\f0ab";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-tasks:before {
  content: "\f0ae";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-briefcase:before {
  content: "\f0b1";
}
.icon-fullscreen:before {
  content: "\f0b2";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-cloud:before {
  content: "\f0c2";
}
.icon-beaker:before {
  content: "\f0c3";
}
.icon-cut:before {
  content: "\f0c4";
}
.icon-copy:before {
  content: "\f0c5";
}
.icon-paperclip:before,
.icon-paper-clip:before {
  content: "\f0c6";
}
.icon-save:before {
  content: "\f0c7";
}
.icon-sign-blank:before {
  content: "\f0c8";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-list-ul:before {
  content: "\f0ca";
}
.icon-list-ol:before {
  content: "\f0cb";
}
.icon-strikethrough:before {
  content: "\f0cc";
}
.icon-underline:before {
  content: "\f0cd";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-magic:before {
  content: "\f0d0";
}
.icon-truck:before {
  content: "\f0d1";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-pinterest-sign:before {
  content: "\f0d3";
}
.icon-google-plus-sign:before {
  content: "\f0d4";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-money:before {
  content: "\f0d6";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-columns:before {
  content: "\f0db";
}
.icon-sort:before {
  content: "\f0dc";
}
.icon-sort-down:before {
  content: "\f0dd";
}
.icon-sort-up:before {
  content: "\f0de";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-rotate-left:before,
.icon-undo:before {
  content: "\f0e2";
}
.icon-legal:before {
  content: "\f0e3";
}
.icon-dashboard:before {
  content: "\f0e4";
}
.icon-comment-alt:before {
  content: "\f0e5";
}
.icon-comments-alt:before {
  content: "\f0e6";
}
.icon-bolt:before {
  content: "\f0e7";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-umbrella:before {
  content: "\f0e9";
}
.icon-paste:before {
  content: "\f0ea";
}
.icon-lightbulb:before {
  content: "\f0eb";
}
.icon-exchange:before {
  content: "\f0ec";
}
.icon-cloud-download:before {
  content: "\f0ed";
}
.icon-cloud-upload:before {
  content: "\f0ee";
}
.icon-user-md:before {
  content: "\f0f0";
}
.icon-stethoscope:before {
  content: "\f0f1";
}
.icon-suitcase:before {
  content: "\f0f2";
}
.icon-bell-alt:before {
  content: "\f0f3";
}
.icon-coffee:before {
  content: "\f0f4";
}
.icon-food:before {
  content: "\f0f5";
}
.icon-file-text-alt:before {
  content: "\f0f6";
}
.icon-building:before {
  content: "\f0f7";
}
.icon-hospital:before {
  content: "\f0f8";
}
.icon-ambulance:before {
  content: "\f0f9";
}
.icon-medkit:before {
  content: "\f0fa";
}
.icon-fighter-jet:before {
  content: "\f0fb";
}
.icon-beer:before {
  content: "\f0fc";
}
.icon-h-sign:before {
  content: "\f0fd";
}
.icon-plus-sign-alt:before {
  content: "\f0fe";
}
.icon-double-angle-left:before {
  content: "\f100";
}
.icon-double-angle-right:before {
  content: "\f101";
}
.icon-double-angle-up:before {
  content: "\f102";
}
.icon-double-angle-down:before {
  content: "\f103";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-desktop:before {
  content: "\f108";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-tablet:before {
  content: "\f10a";
}
.icon-mobile-phone:before {
  content: "\f10b";
}
.icon-circle-blank:before {
  content: "\f10c";
}
.icon-quote-left:before {
  content: "\f10d";
}
.icon-quote-right:before {
  content: "\f10e";
}
.icon-spinner:before {
  content: "\f110";
}
.icon-circle:before {
  content: "\f111";
}
.icon-mail-reply:before,
.icon-reply:before {
  content: "\f112";
}
.icon-github-alt:before {
  content: "\f113";
}
.icon-folder-close-alt:before {
  content: "\f114";
}
.icon-folder-open-alt:before {
  content: "\f115";
}
.icon-expand-alt:before {
  content: "\f116";
}
.icon-collapse-alt:before {
  content: "\f117";
}
.icon-smile:before {
  content: "\f118";
}
.icon-frown:before {
  content: "\f119";
}
.icon-meh:before {
  content: "\f11a";
}
.icon-gamepad:before {
  content: "\f11b";
}
.icon-keyboard:before {
  content: "\f11c";
}
.icon-flag-alt:before {
  content: "\f11d";
}
.icon-flag-checkered:before {
  content: "\f11e";
}
.icon-terminal:before {
  content: "\f120";
}
.icon-code:before {
  content: "\f121";
}
.icon-reply-all:before {
  content: "\f122";
}
.icon-mail-reply-all:before {
  content: "\f122";
}
.icon-star-half-full:before,
.icon-star-half-empty:before {
  content: "\f123";
}
.icon-location-arrow:before {
  content: "\f124";
}
.icon-crop:before {
  content: "\f125";
}
.icon-code-fork:before {
  content: "\f126";
}
.icon-unlink:before {
  content: "\f127";
}
.icon-question:before {
  content: "\f128";
}
.icon-info:before {
  content: "\f129";
}
.icon-exclamation:before {
  content: "\f12a";
}
.icon-superscript:before {
  content: "\f12b";
}
.icon-subscript:before {
  content: "\f12c";
}
.icon-eraser:before {
  content: "\f12d";
}
.icon-puzzle-piece:before {
  content: "\f12e";
}
.icon-microphone:before {
  content: "\f130";
}
.icon-microphone-off:before {
  content: "\f131";
}
.icon-shield:before {
  content: "\f132";
}
.icon-calendar-empty:before {
  content: "\f133";
}
.icon-fire-extinguisher:before {
  content: "\f134";
}
.icon-rocket:before {
  content: "\f135";
}
.icon-maxcdn:before {
  content: "\f136";
}
.icon-chevron-sign-left:before {
  content: "\f137";
}
.icon-chevron-sign-right:before {
  content: "\f138";
}
.icon-chevron-sign-up:before {
  content: "\f139";
}
.icon-chevron-sign-down:before {
  content: "\f13a";
}
.icon-html5:before {
  content: "\f13b";
}
.icon-css3:before {
  content: "\f13c";
}
.icon-anchor:before {
  content: "\f13d";
}
.icon-unlock-alt:before {
  content: "\f13e";
}
.icon-bullseye:before {
  content: "\f140";
}
.icon-ellipsis-horizontal:before {
  content: "\f141";
}
.icon-ellipsis-vertical:before {
  content: "\f142";
}
.icon-rss-sign:before {
  content: "\f143";
}
.icon-play-sign:before {
  content: "\f144";
}
.icon-ticket:before {
  content: "\f145";
}
.icon-minus-sign-alt:before {
  content: "\f146";
}
.icon-check-minus:before {
  content: "\f147";
}
.icon-level-up:before {
  content: "\f148";
}
.icon-level-down:before {
  content: "\f149";
}
.icon-check-sign:before {
  content: "\f14a";
}
.icon-edit-sign:before {
  content: "\f14b";
}
.icon-external-link-sign:before {
  content: "\f14c";
}
.icon-share-sign:before {
  content: "\f14d";
}
.icon-compass:before {
  content: "\f14e";
}
.icon-collapse:before {
  content: "\f150";
}
.icon-collapse-top:before {
  content: "\f151";
}
.icon-expand:before {
  content: "\f152";
}
.icon-euro:before,
.icon-eur:before {
  content: "\f153";
}
.icon-gbp:before {
  content: "\f154";
}
.icon-dollar:before,
.icon-usd:before {
  content: "\f155";
}
.icon-rupee:before,
.icon-inr:before {
  content: "\f156";
}
.icon-yen:before,
.icon-jpy:before {
  content: "\f157";
}
.icon-renminbi:before,
.icon-cny:before {
  content: "\f158";
}
.icon-won:before,
.icon-krw:before {
  content: "\f159";
}
.icon-bitcoin:before,
.icon-btc:before {
  content: "\f15a";
}
.icon-file:before {
  content: "\f15b";
}
.icon-file-text:before {
  content: "\f15c";
}
.icon-sort-by-alphabet:before {
  content: "\f15d";
}
.icon-sort-by-alphabet-alt:before {
  content: "\f15e";
}
.icon-sort-by-attributes:before {
  content: "\f160";
}
.icon-sort-by-attributes-alt:before {
  content: "\f161";
}
.icon-sort-by-order:before {
  content: "\f162";
}
.icon-sort-by-order-alt:before {
  content: "\f163";
}
.icon-thumbs-up:before {
  content: "\f164";
}
.icon-thumbs-down:before {
  content: "\f165";
}
.icon-youtube-sign:before {
  content: "\f166";
}
.icon-youtube:before {
  content: "\f167";
}
.icon-xing:before {
  content: "\f168";
}
.icon-xing-sign:before {
  content: "\f169";
}
.icon-youtube-play:before {
  content: "\f16a";
}
.icon-dropbox:before {
  content: "\f16b";
}
.icon-stackexchange:before {
  content: "\f16c";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-flickr:before {
  content: "\f16e";
}
.icon-adn:before {
  content: "\f170";
}
.icon-bitbucket:before {
  content: "\f171";
}
.icon-bitbucket-sign:before {
  content: "\f172";
}
.icon-tumblr:before {
  content: "\f173";
}
.icon-tumblr-sign:before {
  content: "\f174";
}
.icon-long-arrow-down:before {
  content: "\f175";
}
.icon-long-arrow-up:before {
  content: "\f176";
}
.icon-long-arrow-left:before {
  content: "\f177";
}
.icon-long-arrow-right:before {
  content: "\f178";
}
.icon-apple:before {
  content: "\f179";
}
.icon-windows:before {
  content: "\f17a";
}
.icon-android:before {
  content: "\f17b";
}
.icon-linux:before {
  content: "\f17c";
}
.icon-dribbble:before {
  content: "\f17d";
}
.icon-skype:before {
  content: "\f17e";
}
.icon-foursquare:before {
  content: "\f180";
}
.icon-trello:before {
  content: "\f181";
}
.icon-female:before {
  content: "\f182";
}
.icon-male:before {
  content: "\f183";
}
.icon-gittip:before {
  content: "\f184";
}
.icon-sun:before {
  content: "\f185";
}
.icon-moon:before {
  content: "\f186";
}
.icon-archive:before {
  content: "\f187";
}
.icon-bug:before {
  content: "\f188";
}
.icon-vk:before {
  content: "\f189";
}
.icon-weibo:before {
  content: "\f18a";
}
.icon-renren:before {
  content: "\f18b";
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
}
html {
  -webkit-text-size-adjust: none;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
button::-moz-focus-inner {
  padding: 0;
  border: none;
}
img {
  max-width: 100%;
  height: auto;
}
/* apply a natural box layout model to all elements */
* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font: 13px / 24px "Helvetica Neue", "HelveticaNeue", Arial, Helvetica, "Lucida Grande", sans-serif;
  color: #333333;
  background: #ffffff;
}
p,
table {
  font: 14px / 24px "Helvetica Neue", "HelveticaNeue", Arial, Helvetica, "Lucida Grande", sans-serif;
  margin: 0 0 24px;
  color: #333333;
}
h1 {
  font: bold 42px / 48px "Helvetica Neue", "HelveticaNeue", Arial, Helvetica, "Lucida Grande", sans-serif;
  margin: 0 0 24px;
}
h2 {
  font: bold 24px / 24px "Helvetica Neue", "HelveticaNeue", Arial, Helvetica, "Lucida Grande", sans-serif;
  margin: 0 0 24px;
}
h3 {
  font: bold 18px / 24px "Helvetica Neue", "HelveticaNeue", Arial, Helvetica, "Lucida Grande", sans-serif;
  margin: 0 0 24px;
}
h4 {
  font: bold 16px / 24px "Helvetica Neue", "HelveticaNeue", Arial, Helvetica, "Lucida Grande", sans-serif;
  margin: 12px 0;
}
h5,
h6 {
  font-size: bold;
  margin: 0 0 24px;
}
hgroup.small,
h1.small {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-bottom: 1px solid #bfbfbf;
  padding: 0;
  overflow: hidden;
}
hgroup.small h1,
h1.small h1 {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}
hgroup .btnset {
  float: right;
  text-transform: none;
  letter-spacing: 0;
  margin: -12px 0 0 0;
}
p.intro {
  font: bold 18px / 24px "Helvetica Neue", "HelveticaNeue", Arial, Helvetica, "Lucida Grande", sans-serif;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}
ul,
ol {
  font: 14px / 24px "Helvetica Neue", "HelveticaNeue", Arial, Helvetica, "Lucida Grande", sans-serif;
  margin: 0 0 24px;
  padding-left: 30px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
dl {
  font: 14px / 24px "Helvetica Neue", "HelveticaNeue", Arial, Helvetica, "Lucida Grande", sans-serif;
  margin: 0 0 24px;
}
dl dt {
  font-weight: bold;
}
dl dd {
  margin-bottom: 11px;
}
.highlight *:last-child,
.highlight ul:last-child,
.highlight ol:last-child,
.important *:last-child,
.important ul:last-child,
.important ol:last-child,
td p:last-child,
td ul:last-child,
td ol:last-child {
  margin-bottom: 0 !important;
}
mark {
  font-style: normal;
  font-weight: normal;
}
.highlight {
  background: #fffe87;
  overflow: hidden;
  /* clearfix */

}
div.highlight,
p.highlight {
  border: 1px solid #CFBC9B;
  margin: 0 0 20px;
  padding: 9px;
}
.important {
  background: #FBE6F2;
  border: 1px solid #D893A1;
  margin: 0 0 20px;
  padding: 9px;
  overflow: hidden;
  /* clearfix */

}
blockquote {
  font-style: italic;
  font-family: georgia;
  font-size: 16px;
  padding: 0 0 24px 0;
  margin: 0 0 24px 0;
  border-bottom: 1px solid #e6e6e6;
  overflow: hidden;
  /* clearfix */

}
blockquote:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
blockquote p {
  font-style: italic;
  font-family: georgia;
  font-size: 16px;
  padding: 0;
  margin: 0 0 24px 0;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote small:before {
  content: "~ ";
}
blockquote small {
  display: block;
  padding-top: 24px;
  color: #808080;
}
.runin :first-child {
  display: inline;
  margin-right: 0.5em;
}
.runin :last-child {
  display: inline;
}
article {
  margin-bottom: 24px;
  *zoom: 1;
}
article:before,
article:after {
  content: "";
  display: table;
}
article:after {
  clear: both;
}
hgroup {
  padding-bottom: 22px;
}
hgroup h2,
hgroup h3,
hgroup h4 {
  margin: 0;
}
hgroup :last-child {
  color: #555D67;
}
.mute {
  color: rgba(0, 0, 0, 0.5);
}
.accent {
  background: #fff;
  border: 1px solid #cccccc;
  padding: 14px;
  margin: 0 0 24px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.accent h2,
.accent h3,
.accent h4 {
  padding: 5px 10px;
  margin: 0 0 12px 0;
  background: #eee;
  color: #555;
}
.accent :last-child {
  margin-bottom: 0;
}
pre {
  overflow: auto;
  background: #000;
  color: lime;
  font: 14px courier;
  line-height: 24px;
  padding: 20px;
  margin: 0 0 24px;
}
.msg {
  background: #d9edf7;
  border: 1px solid #a5cfd8;
  color: #3a87ad;
  padding: 5px 30px 5px 10px;
  margin: 0 0 24px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 0 1px 0 #fff;
}
.msg :last-child {
  margin-bottom: 0;
}
.msg.negative {
  background: #f6cecf;
  border: 1px solid #de939d;
  color: #be3034;
}
.msg.negative p {
  color: #be3034;
}
.msg.positive {
  background: #d4f6ce;
  border: 1px solid #a6de93;
  color: #237814;
}
.msg.positive p {
  color: #237814;
}
.msg.caution {
  background: #faf1c1;
  border: 1px solid #e8cd7d;
  color: #978125;
}
.msg.caution p {
  color: #978125;
}
.msg.vanilla {
  background: transparent;
  border: none;
  padding: 0;
  color: #444;
}
.msg.vanilla p {
  color: #444;
}
.label {
  background: #d9edf7;
  border: 1px solid #a5cfd8;
  color: #3a87ad;
  padding: 1px 5px 1px 5px;
  margin: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 0 1px 0 #fff;
}
.label.negative {
  background: #f6cecf;
  border: 1px solid #de939d;
  color: #be3034;
}
.label.positive {
  background: #d4f6ce;
  border: 1px solid #a6de93;
  color: #237814;
}
.label.caution {
  background: #faf1c1;
  border: 1px solid #e8cd7d;
  color: #978125;
}
.keyvalset {
  margin: 0 0 24px;
  padding: 0;
}
.keyvalset ul {
  margin: 0;
  padding: 0;
}
.keyvalset li {
  *zoom: 1;
}
.keyvalset li:before,
.keyvalset li:after {
  content: "";
  display: table;
}
.keyvalset li:after {
  clear: both;
}
.keyvalset li strong,
.keyvalset li span {
  padding: 6px 12px;
}
.photo {
  line-height: 0;
}
.articleset article {
  *zoom: 1;
  position: relative;
}
.articleset article:before,
.articleset article:after {
  content: "";
  display: table;
}
.articleset article:after {
  clear: both;
}
.articleset article header {
  margin-bottom: 12px;
}
.articleset article header h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.articleset article ul.keyvalset {
  text-align: left;
}
.articleset article .body {
  text-align: left;
}
.articleset article .body .photo {
  width: 30%;
  margin-left: -100%;
  left: 100%;
  float: left;
  margin-bottom: 0;
  border: 1px solid #a09e8e;
  background: #fff;
  padding: 6px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .articleset article .body .photo {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.articleset article .body .photo img {
  display: block;
  width: 100%;
}
.articleset article .body .photo a,
.articleset article .body .photo span {
  display: block;
  position: relative;
  overflow: hidden;
}
.articleset article .body .details {
  width: 65%;
  margin-left: -65%;
  position: relative;
  left: 100%;
  float: left;
  text-align: left;
}
@media only screen and (max-width: 480px) {
  .articleset article .body .details {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.articleset article .body .details .val {
  text-align: left;
}
.articleset article .body .details .keyvalset {
  margin: 0 0 15px 0;
}
.articleset article .btnset {
  width: 65%;
  margin-left: -65%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .articleset article .btnset {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.articleset article footer {
  position: absolute;
  right: 0;
  bottom: 45px;
}
.articleset article footer .icon {
  margin-left: 10px;
}
.articleset.posts header {
  display: block;
}
/* no for phone */
.articleset.flowgrid article ul.keyvalset {
  text-align: center;
}
.articleset.flowgrid article .body {
  text-align: center;
}
.articleset.flowgrid article .body .photo {
  width: 100%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
  margin-bottom: 20px;
}
@media only screen and (max-width: 480px) {
  .articleset.flowgrid article .body .photo {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.articleset.flowgrid article .body .details {
  width: 100%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
  text-align: center;
  clear: left;
}
@media only screen and (max-width: 480px) {
  .articleset.flowgrid article .body .details {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.articleset.flowgrid article .body .details .val {
  text-align: center;
}
.articleset.flowgrid article .btnset {
  width: auto;
  margin: 0;
  left: auto;
  float: none;
  clear: left;
  clear: both;
}
.articleset.flowgrid article footer {
  position: relative;
  clear: both;
  bottom: auto;
}
.articleset .articleset {
  clear: both;
  padding-top: 48px;
}
.agent.detailed,
.office.detailed {
  *zoom: 1;
  position: relative;
}
.agent.detailed:before,
.office.detailed:before,
.agent.detailed:after,
.office.detailed:after {
  content: "";
  display: table;
}
.agent.detailed:after,
.office.detailed:after {
  clear: both;
}
.agent.detailed .photo,
.office.detailed .photo {
  width: 47.5%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
  border: 1px solid #a09e8e;
  background: #fff;
  padding: 6px;
}
@media only screen and (max-width: 480px) {
  .agent.detailed .photo,
  .office.detailed .photo {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.agent.detailed .photo .uiPlaceholder,
.office.detailed .photo .uiPlaceholder {
  width: 100%;
  display: block;
}
.agent.detailed .photo a,
.office.detailed .photo a,
.agent.detailed .photo span,
.office.detailed .photo span {
  display: block;
  position: relative;
  hight: 100%;
  width: 100%;
}
.agent.detailed .description,
.office.detailed .description {
  width: 47.5%;
  margin-left: -47.5%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .agent.detailed .description,
  .office.detailed .description {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.agent.detailed .keyvalset,
.office.detailed .keyvalset {
  clear: both;
  padding-top: 24px;
}
.agent.detailed .keyvalset .keyval:last-child,
.office.detailed .keyvalset .keyval:last-child {
  border-bottom: none;
}
.floated {
  float: left;
  margin: 0 10px 10px 0;
}
.floated.alt {
  float: right;
  margin: 0 0 10px 10px;
}
.grid_12,
form {
  position: relative;
  *zoom: 1;
  /* gah -- webkit miscalculates the total width?? jagged edges in middle instead of end w/ float: right */

  /* @TODO: .oZ (@i) when (@i > -1)*/

  /* improve this later, extra col should be in the val (span) */

}
.grid_12:before,
form:before,
.grid_12:after,
form:after {
  content: "";
  display: table;
}
.grid_12:after,
form:after {
  clear: both;
}
.grid_12 .x12,
form .x12 {
  width: 100%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_12 .x12,
  form .x12 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .x11,
form .x11 {
  width: 91.25%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_12 .x11,
  form .x11 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .x10,
form .x10 {
  width: 82.5%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_12 .x10,
  form .x10 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .x9,
form .x9 {
  width: 73.75%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_12 .x9,
  form .x9 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .x8,
form .x8 {
  width: 65%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_12 .x8,
  form .x8 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .x7,
form .x7 {
  width: 56.25%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_12 .x7,
  form .x7 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .x6,
form .x6 {
  width: 47.5%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_12 .x6,
  form .x6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .x5,
form .x5 {
  width: 38.75%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_12 .x5,
  form .x5 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .x4,
form .x4 {
  width: 30%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_12 .x4,
  form .x4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .x3,
form .x3 {
  width: 21.25%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_12 .x3,
  form .x3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .x2,
form .x2 {
  width: 12.5%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_12 .x2,
  form .x2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .x1,
form .x1 {
  width: 3.75%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_12 .x1,
  form .x1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .pFirst,
form .pFirst {
  clear: left !important;
}
.grid_12 .pLast,
form .pLast {
  margin-right: 0 !important;
}
.grid_12 .o0,
form .o0 {
  margin-left: -100%;
  left: 100%;
  position: relative;
  clear: left;
}
@media only screen and (max-width: 480px) {
  .grid_12 .o0,
  form .o0 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .o13,
form .o13 {
  margin-left: 13.75%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_12 .o13,
  form .o13 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .o12,
form .o12 {
  margin-left: 5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_12 .o12,
  form .o12 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .o11,
form .o11 {
  margin-left: -3.75%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_12 .o11,
  form .o11 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .o10,
form .o10 {
  margin-left: -12.5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_12 .o10,
  form .o10 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .o9,
form .o9 {
  margin-left: -21.25%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_12 .o9,
  form .o9 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .o8,
form .o8 {
  margin-left: -30%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_12 .o8,
  form .o8 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .o7,
form .o7 {
  margin-left: -38.75%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_12 .o7,
  form .o7 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .o6,
form .o6 {
  margin-left: -47.5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_12 .o6,
  form .o6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .o5,
form .o5 {
  margin-left: -56.25%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_12 .o5,
  form .o5 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .o4,
form .o4 {
  margin-left: -65%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_12 .o4,
  form .o4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .o3,
form .o3 {
  margin-left: -73.75%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_12 .o3,
  form .o3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .o2,
form .o2 {
  margin-left: -82.5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_12 .o2,
  form .o2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .o1,
form .o1 {
  margin-left: -91.25%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_12 .o1,
  form .o1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .last,
form .last {
  margin-right: 0;
}
.grid_12 .first,
form .first {
  clear: left;
}
.grid_12 .video,
form .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
}
.grid_12 .video-pleft,
form .video-pleft {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
  float: left;
  width: 50%;
  height: auto;
  margin: 0 5% 24px 0;
  padding-bottom: 28.13%;
}
.grid_12 .video-pleft iframe,
form .video-pleft iframe,
.grid_12 .video-pleft object,
form .video-pleft object,
.grid_12 .video-pleft embed,
form .video-pleft embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grid_12 .video-pright,
form .video-pright {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
  float: right;
  width: 50%;
  height: auto;
  margin: 0 0 24px 5%;
  padding-bottom: 28.13%;
}
.grid_12 .video-pright iframe,
form .video-pright iframe,
.grid_12 .video-pright object,
form .video-pright object,
.grid_12 .video-pright embed,
form .video-pright embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grid_12 .video iframe,
form .video iframe,
.grid_12 .video-pright iframe,
form .video-pright iframe,
.grid_12 .video-pleft iframe,
form .video-pleft iframe,
.grid_12 .video object,
form .video object,
.grid_12 .video-pright object,
form .video-pright object,
.grid_12 .video-pleft object,
form .video-pleft object,
.grid_12 .video embed,
form .video embed,
.grid_12 .video-pright embed,
form .video-pright embed,
.grid_12 .video-pleft embed,
form .video-pleft embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grid_12 .pleft,
form .pleft {
  margin: 0 5% 24px 0;
  float: left;
}
.grid_12 .pright,
form .pright {
  margin: 0 0 24px 5%;
  float: right;
}
.grid_12 .flowgrid,
form .flowgrid {
  *zoom: 1;
  clear: both;
}
.grid_12 .flowgrid:before,
form .flowgrid:before,
.grid_12 .flowgrid:after,
form .flowgrid:after {
  content: "";
  display: table;
}
.grid_12 .flowgrid:after,
form .flowgrid:after {
  clear: both;
}
.grid_12 .flowgrid > article,
form .flowgrid > article,
.grid_12 .flowgrid > li,
form .flowgrid > li,
.grid_12 .flowgrid > label,
form .flowgrid > label,
.grid_12 .flowgrid > div,
form .flowgrid > div {
  float: left;
  width: 12.5%;
  margin-right: 5%;
}
.grid_12 .flowgrid > article:nth-child(6n+6),
form .flowgrid > article:nth-child(6n+6),
.grid_12 .flowgrid > li:nth-child(6n+6),
form .flowgrid > li:nth-child(6n+6),
.grid_12 .flowgrid > label:nth-child(6n+6),
form .flowgrid > label:nth-child(6n+6),
.grid_12 .flowgrid > div:nth-child(6n+6),
form .flowgrid > div:nth-child(6n+6) {
  margin-right: 0;
}
@media only screen and (max-width: 480px) {
  .grid_12 .flowgrid > article,
  form .flowgrid > article,
  .grid_12 .flowgrid > li,
  form .flowgrid > li,
  .grid_12 .flowgrid > label,
  form .flowgrid > label,
  .grid_12 .flowgrid > div,
  form .flowgrid > div {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_12 .keyval strong,
form .keyval strong {
  width: 47.5%;
}
.grid_12 .keyval span,
form .keyval span {
  width: 47.5%;
}
.grid_12 .keyval strong,
form .keyval strong,
.grid_12 .keyval span,
form .keyval span {
  word-wrap: break-word;
}
@media only screen and (max-width: 480px) {
  .grid_12 .pright,
  form .pright,
  .grid_12 pleft,
  form pleft {
    float: none;
    display: block;
    text-align: center;
  }
  .grid_12 .video,
  form .video,
  .grid_12 .video-pleft,
  form .video-pleft,
  .grid_12 .video-pright,
  form .video-pright {
    float: none;
    width: auto;
    position: relative;
    padding-bottom: 56.25%;
  }
}
.grid_10 {
  position: relative;
  *zoom: 1;
  /* gah -- webkit miscalculates the total width?? jagged edges in middle instead of end w/ float: right */

  /* @TODO: .oZ (@i) when (@i > -1)*/

  /* improve this later, extra col should be in the val (span) */

}
.grid_10:before,
.grid_10:after {
  content: "";
  display: table;
}
.grid_10:after {
  clear: both;
}
.grid_10 .x10 {
  width: 100%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_10 .x10 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .x9 {
  width: 89.5%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_10 .x9 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .x8 {
  width: 79%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_10 .x8 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .x7 {
  width: 68.5%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_10 .x7 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .x6 {
  width: 58%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_10 .x6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .x5 {
  width: 47.5%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_10 .x5 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .x4 {
  width: 37%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_10 .x4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .x3 {
  width: 26.5%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_10 .x3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .x2 {
  width: 16%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_10 .x2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .x1 {
  width: 5.5%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .grid_10 .x1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .pFirst {
  clear: left !important;
}
.grid_10 .pLast {
  margin-right: 0 !important;
}
.grid_10 .o0 {
  margin-left: -100%;
  left: 100%;
  position: relative;
  clear: left;
}
@media only screen and (max-width: 480px) {
  .grid_10 .o0 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .o11 {
  margin-left: 15.5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_10 .o11 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .o10 {
  margin-left: 5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_10 .o10 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .o9 {
  margin-left: -5.5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_10 .o9 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .o8 {
  margin-left: -16%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_10 .o8 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .o7 {
  margin-left: -26.5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_10 .o7 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .o6 {
  margin-left: -37%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_10 .o6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .o5 {
  margin-left: -47.5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_10 .o5 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .o4 {
  margin-left: -58%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_10 .o4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .o3 {
  margin-left: -68.5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_10 .o3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .o2 {
  margin-left: -79%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_10 .o2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .o1 {
  margin-left: -89.5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .grid_10 .o1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .last {
  margin-right: 0;
}
.grid_10 .first {
  clear: left;
}
.grid_10 .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
}
.grid_10 .video-pleft {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
  float: left;
  width: 50%;
  height: auto;
  margin: 0 5% 24px 0;
  padding-bottom: 28.13%;
}
.grid_10 .video-pleft iframe,
.grid_10 .video-pleft object,
.grid_10 .video-pleft embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grid_10 .video-pright {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
  float: right;
  width: 50%;
  height: auto;
  margin: 0 0 24px 5%;
  padding-bottom: 28.13%;
}
.grid_10 .video-pright iframe,
.grid_10 .video-pright object,
.grid_10 .video-pright embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grid_10 .video iframe,
.grid_10 .video-pright iframe,
.grid_10 .video-pleft iframe,
.grid_10 .video object,
.grid_10 .video-pright object,
.grid_10 .video-pleft object,
.grid_10 .video embed,
.grid_10 .video-pright embed,
.grid_10 .video-pleft embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grid_10 .pleft {
  margin: 0 5% 24px 0;
  float: left;
}
.grid_10 .pright {
  margin: 0 0 24px 5%;
  float: right;
}
.grid_10 .flowgrid {
  *zoom: 1;
  clear: both;
}
.grid_10 .flowgrid:before,
.grid_10 .flowgrid:after {
  content: "";
  display: table;
}
.grid_10 .flowgrid:after {
  clear: both;
}
.grid_10 .flowgrid > article,
.grid_10 .flowgrid > li,
.grid_10 .flowgrid > label,
.grid_10 .flowgrid > div {
  float: left;
  width: 16%;
  margin-right: 5%;
}
.grid_10 .flowgrid > article:nth-child(5n+5),
.grid_10 .flowgrid > li:nth-child(5n+5),
.grid_10 .flowgrid > label:nth-child(5n+5),
.grid_10 .flowgrid > div:nth-child(5n+5) {
  margin-right: 0;
}
@media only screen and (max-width: 480px) {
  .grid_10 .flowgrid > article,
  .grid_10 .flowgrid > li,
  .grid_10 .flowgrid > label,
  .grid_10 .flowgrid > div {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.grid_10 .keyval strong {
  width: 47.5%;
}
.grid_10 .keyval span {
  width: 47.5%;
}
.grid_10 .keyval strong,
.grid_10 .keyval span {
  word-wrap: break-word;
}
@media only screen and (max-width: 480px) {
  .grid_10 .pright,
  .grid_10 pleft {
    float: none;
    display: block;
    text-align: center;
  }
  .grid_10 .video,
  .grid_10 .video-pleft,
  .grid_10 .video-pright {
    float: none;
    width: auto;
    position: relative;
    padding-bottom: 56.25%;
  }
}
.colset_3 {
  *zoom: 1;
}
.colset_3:before,
.colset_3:after {
  content: "";
  display: table;
}
.colset_3:after {
  clear: both;
}
.colset_3 article {
  padding: 20px;
}
.colset_3 article:first-child {
  width: 33.333333333333336%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
  clear: left;
}
@media only screen and (max-width: 480px) {
  .colset_3 article:first-child {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.colset_3 article:nth-child(2n+2) {
  width: 33.333333333333336%;
  margin-left: -66.66666666666666%;
  position: relative;
  left: 100%;
  float: left;
  clear: none;
}
@media only screen and (max-width: 480px) {
  .colset_3 article:nth-child(2n+2) {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.colset_3 article:last-child {
  width: 33.333333333333336%;
  margin-left: -33.33333333333333%;
  position: relative;
  left: 100%;
  float: left;
  clear: none;
}
@media only screen and (max-width: 480px) {
  .colset_3 article:last-child {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.colset_4 {
  *zoom: 1;
}
.colset_4:before,
.colset_4:after {
  content: "";
  display: table;
}
.colset_4:after {
  clear: both;
}
.colset_4 > article {
  padding: 20px;
}
.colset_4 > article:first-child {
  width: 25%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
  clear: left;
}
@media only screen and (max-width: 480px) {
  .colset_4 > article:first-child {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.colset_4 > article:nth-child(2n+2) {
  width: 25%;
  margin-left: -75%;
  position: relative;
  left: 100%;
  float: left;
  clear: none;
}
@media only screen and (max-width: 480px) {
  .colset_4 > article:nth-child(2n+2) {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.colset_4 > article:nth-child(2n+3) {
  width: 25%;
  margin-left: -50%;
  position: relative;
  left: 100%;
  float: left;
  clear: none;
}
@media only screen and (max-width: 480px) {
  .colset_4 > article:nth-child(2n+3) {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.colset_4 > article:nth-child(2n+4) {
  width: 25%;
  margin-left: -25%;
  position: relative;
  left: 100%;
  float: left;
  clear: none;
}
@media only screen and (max-width: 480px) {
  .colset_4 > article:nth-child(2n+4) {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
form {
  margin: 0 0 22px 0;
}
form h2,
form h3,
form h4,
form h5 {
  clear: left;
}
form .flowgrid {
  *zoom: 1;
  clear: left;
}
form .flowgrid:before,
form .flowgrid:after {
  content: "";
  display: table;
}
form .flowgrid:after {
  clear: both;
}
form .flowgrid label {
  width: 23.404255319148938%;
  margin-right: 2.127659574468085%;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
form .flowgrid label:nth-child(4n+4) {
  margin-right: 0;
}
form legend {
  font-size: 22px;
  font-weight: bold;
  padding: 0;
  margin: 0 0 24px 0;
}
form fieldset {
  *zoom: 1;
  clear: left;
  margin: 0;
  padding: 0 0 24px 0;
}
form fieldset:before,
form fieldset:after {
  content: "";
  display: table;
}
form fieldset:after {
  clear: both;
}
form .field {
  position: relative;
  margin-bottom: 10px;
  *zoom: 1;
}
form .field:before,
form .field:after {
  content: "";
  display: table;
}
form .field:after {
  clear: both;
}
form .field label {
  display: block;
  position: relative;
  padding: 0 0 5px 0;
  font-weight: bold;
}
form .field label small {
  font-weight: normal;
}
form .field small.negative {
  color: #be0f0f;
}
form .field .input {
  position: relative;
}
form .field .help {
  opacity: 0.7;
}
form .field input,
form .field textarea {
  font: 14px/20px 'helvetica neue', arial;
  position: relative;
  z-index: 1;
  padding: 4px;
}
form .field .tween {
  z-index: 0;
}
form .field input,
form .field input[type=text],
form .field input[type=password],
form .field input[type=tel],
form .field input[type=email],
form .field input[type=url],
form .field input[type=search] {
  border: 1px solid #ccc;
  border-top-color: #999;
  margin: 0;
  padding: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
form .field input[type=checkbox],
form .field input[type=radio] {
  border: none;
  width: auto;
}
form .field textarea {
  border: 1px solid #ccc;
  border-top-color: #999;
  margin: 0;
  padding: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
form .field select {
  border: 1px solid #ccc;
  border-top-color: #999;
  margin: 0;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
form .field.error {
  background: #ffe6e5;
  color: #d30a00;
}
form .btnset {
  clear: both;
}
form .range {
  clear: both;
}
form .range .tween {
  width: 10%;
  float: left;
  position: relative;
  left: 100%;
  margin-left: -55%;
  text-align: center;
}
form .min,
form .left {
  width: 42%;
  float: left;
  position: relative;
  left: 100%;
  margin-left: -100%;
  padding-right: 0;
  clear: left;
}
form .min input,
form .left input,
form .min select,
form .left select {
  width: 100%;
}
form .max,
form .right {
  width: 42%;
  float: left;
  position: relative;
  left: 100%;
  margin-left: -42%;
  padding-left: 0;
}
form .max input,
form .right input,
form .max select,
form .right select {
  width: 100%;
}
form label.toggle {
  font-weight: normal !important;
  padding-left: 25px;
  position: relative;
}
form label.toggle input {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 5px;
  left: 2px;
  width: auto !important;
}
.expander {
  position: absolute;
  right: 20px;
  bottom: 40px;
}
.x1 input,
.x2 input,
.x3 input,
.x4 input,
.x5 input,
.x6 input,
.x7 input,
.x8 input,
.x9 input,
.x10 input,
.x11 input,
.x12 input,
.x1 input[type=text],
.x2 input[type=text],
.x3 input[type=text],
.x4 input[type=text],
.x5 input[type=text],
.x6 input[type=text],
.x7 input[type=text],
.x8 input[type=text],
.x9 input[type=text],
.x10 input[type=text],
.x11 input[type=text],
.x12 input[type=text],
.x1 input[type=password],
.x2 input[type=password],
.x3 input[type=password],
.x4 input[type=password],
.x5 input[type=password],
.x6 input[type=password],
.x7 input[type=password],
.x8 input[type=password],
.x9 input[type=password],
.x10 input[type=password],
.x11 input[type=password],
.x12 input[type=password],
.x1 input[type=email],
.x2 input[type=email],
.x3 input[type=email],
.x4 input[type=email],
.x5 input[type=email],
.x6 input[type=email],
.x7 input[type=email],
.x8 input[type=email],
.x9 input[type=email],
.x10 input[type=email],
.x11 input[type=email],
.x12 input[type=email],
.x1 input[type=tel],
.x2 input[type=tel],
.x3 input[type=tel],
.x4 input[type=tel],
.x5 input[type=tel],
.x6 input[type=tel],
.x7 input[type=tel],
.x8 input[type=tel],
.x9 input[type=tel],
.x10 input[type=tel],
.x11 input[type=tel],
.x12 input[type=tel],
.x1 input[type=url],
.x2 input[type=url],
.x3 input[type=url],
.x4 input[type=url],
.x5 input[type=url],
.x6 input[type=url],
.x7 input[type=url],
.x8 input[type=url],
.x9 input[type=url],
.x10 input[type=url],
.x11 input[type=url],
.x12 input[type=url],
.x1 input[type=search],
.x2 input[type=search],
.x3 input[type=search],
.x4 input[type=search],
.x5 input[type=search],
.x6 input[type=search],
.x7 input[type=search],
.x8 input[type=search],
.x9 input[type=search],
.x10 input[type=search],
.x11 input[type=search],
.x12 input[type=search],
.x1 textarea,
.x2 textarea,
.x3 textarea,
.x4 textarea,
.x5 textarea,
.x6 textarea,
.x7 textarea,
.x8 textarea,
.x9 textarea,
.x10 textarea,
.x11 textarea,
.x12 textarea,
.x1 select,
.x2 select,
.x3 select,
.x4 select,
.x5 select,
.x6 select,
.x7 select,
.x8 select,
.x9 select,
.x10 select,
.x11 select,
.x12 select {
  width: 100%;
}
.x1 input[type=checkbox],
.x2 input[type=checkbox],
.x3 input[type=checkbox],
.x4 input[type=checkbox],
.x5 input[type=checkbox],
.x6 input[type=checkbox],
.x7 input[type=checkbox],
.x8 input[type=checkbox],
.x9 input[type=checkbox],
.x10 input[type=checkbox],
.x11 input[type=checkbox],
.x12 input[type=checkbox],
.x1 input[type=radio],
.x2 input[type=radio],
.x3 input[type=radio],
.x4 input[type=radio],
.x5 input[type=radio],
.x6 input[type=radio],
.x7 input[type=radio],
.x8 input[type=radio],
.x9 input[type=radio],
.x10 input[type=radio],
.x11 input[type=radio],
.x12 input[type=radio] {
  width: auto;
}
.required {
  color: red;
}
textarea.placeholder,
input.placeholder {
  color: #aaa;
}
.hidden {
  position: absolute !important;
  left: -9999px !important;
}
/* header can be used within window, module, nav */
.head,
.window > header {
  padding: 5px 11px;
  margin: 0 !important;
  background: #edecf1;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#f7f4f9), to(#edecf1));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #f7f4f9, #edecf1);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #f7f4f9, #edecf1);
  /* for ie 10+ */

  background: linear-gradient(#f7f4f9, #edecf1);
  border-bottom: 1px solid #cec9d6;
  color: #77737c;
  position: relative;
  z-index: 997;
  display: none;
}
.head h1,
.window > header h1,
.head h2,
.window > header h2,
.head h3,
.window > header h3,
.head h4,
.window > header h4 {
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font: bold 14px "HelveticaNeue", "Helvetica Neue", "helvetica Neue", Arial, sans-serif;
  line-height: 24px;
  color: #6f6b73;
  position: relative;
  z-index: 998;
}
.head .btnset,
.window > header .btnset {
  background: transparent;
  padding: 5px 11px;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  overflow: visible;
  z-index: 999;
}
.head .btnset button,
.window > header .btnset button,
.head .btnset .btn,
.window > header .btnset .btn {
  display: inline-block;
  border-radius: 0;
  padding: 4px 5px 3px 5px;
  background: transparent;
  font-size: 10px;
  line-height: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  text-shadow: none;
  border-color: #bebebe;
  vertical-align: middle;
  box-shadow: none;
  background: #fff;
  position: relative;
  z-index: 999;
}
.head .btnset button .ico,
.window > header .btnset button .ico,
.head .btnset .btn .ico,
.window > header .btnset .btn .ico {
  color: #888;
  vertical-align: middle;
  font-size: 10px;
  line-height: 15px;
  margin-top: 0;
}
.head .btnset:hover,
.window > header .btnset:hover {
  border-color: #ccc;
}
.head .btnset:hover .ico,
.window > header .btnset:hover .ico {
  color: #777;
}
.pane {
  clear: left;
  padding: 5px 11px;
  overflow: auto;
}
.pane ul.flowgrid {
  list-style: none;
  margin: 0;
  padding: 0;
}
pane.hidden {
  display: none;
}
/* MODULES */
.module {
  margin: 0 0 24px 0;
  padding: 20px;
  border: 1px solid #d9d9d9;
}
.module > :last-child {
  margin-bottom: 0;
}
.module nav,
.module .nav {
  margin-top: -1px;
}
.module.vanilla {
  border: none;
}
.module.vanilla .head {
  margin-bottom: 1px;
}
.module.vanilla nav ul li,
.module.vanilla .nav ul li {
  border: none;
}
.toolbar {
  padding: 5px;
  margin: 0 0 24px 0;
  background: #f2f2f2;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e6e6e6));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #fafafa, #e6e6e6);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #fafafa, #e6e6e6);
  /* for ie 10+ */

  background: linear-gradient(#fafafa, #e6e6e6);
  border: 1px solid #d9d9d9;
  border-left: none;
  border-right: none;
  color: #77737c;
  *zoom: 1;
}
.toolbar:before,
.toolbar:after {
  content: "";
  display: table;
}
.toolbar:after {
  clear: both;
}
.toolbar h1,
.toolbar h2,
.toolbar h3,
.toolbar h4 {
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font: bold 14px "HelveticaNeue", "Helvetica Neue", "helvetica Neue", Arial, sans-serif;
  line-height: 24px;
  color: #6f6b73;
}
.toolbar .btnset {
  background: transparent;
  padding: 0;
  margin: 0;
  border: none;
}
.toolbar .btnset button,
.toolbar .btnset .btn {
  box-shadow: none;
  display: inline-block;
  border: none;
}
.toolbar a.btn {
  font-size: 12px;
  line-height: 16px;
  padding: 3px 15px;
  margin: 0 0 -2px 0;
}
.toolbar > div,
.toolbar > form,
.toolbar > ul {
  float: left;
  margin-bottom: 0;
  padding-bottom: 0;
}
.toolbar form {
  padding: 2px;
}
/* NAVIGATION */
nav,
.nav,
.menu {
  margin-bottom: 24px;
}
nav h4,
.nav h4,
.menu h4 {
  margin: 0 0 6px 0;
  padding: 6px 12px;
  font: bold 14px "HelveticaNeue", "Helvetica Neue", "helvetica Neue", Arial, sans-serif;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
nav ul,
.nav ul,
.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
}
nav ul:before,
.nav ul:before,
.menu ul:before,
nav ul:after,
.nav ul:after,
.menu ul:after {
  content: "";
  display: table;
}
nav ul:after,
.nav ul:after,
.menu ul:after {
  clear: both;
}
nav li,
.nav li,
.menu li {
  position: relative;
  overflow: hidden;
  font: normal 14px "HelveticaNeue", "Helvetica Neue", "helvetica Neue", Arial, sans-serif;
  line-height: 24px;
  border-bottom: 1px solid #e0e0e0;
  text-align: left;
  /* nested */

}
nav li img,
.nav li img,
.menu li img {
  vertical-align: middle;
  margin-right: 5px;
}
nav li:last-child,
.nav li:last-child,
.menu li:last-child {
  border-bottom: none;
}
nav li.current,
.nav li.current,
.menu li.current {
  margin: 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  font: bold 14px "HelveticaNeue", "Helvetica Neue", "helvetica Neue", Arial, sans-serif;
  line-height: 24px;
}
nav li.current > a,
.nav li.current > a,
.menu li.current > a {
  background: #209ae0;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#209ae0), to(#1c8bca));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #209ae0, #1c8bca);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #209ae0, #1c8bca);
  /* for ie 10+ */

  background: linear-gradient(#209ae0, #1c8bca);
  color: #000000;
}
nav li.current > a p,
.nav li.current > a p,
.menu li.current > a p {
  color: #fff;
}
nav li a,
.nav li a,
.menu li a {
  text-decoration: none;
  color: #209ae0;
  display: block;
  padding: 6px 15px;
}
nav li li,
.nav li li,
.menu li li {
  border-bottom: none;
}
nav li li li,
.nav li li li,
.menu li li li {
  margin-left: 30px;
}
nav li ul,
.nav li ul,
.menu li ul {
  padding: 6px 0 12px 0;
}
nav li ul li a,
.nav li ul li a,
.menu li ul li a {
  font-weight: normal;
  padding: 0 12px 0 35px;
  border: none;
  line-height: 20px;
  font-size: 13px;
}
nav li ul li a:before,
.nav li ul li a:before,
.menu li ul li a:before {
  content: " \2022";
  margin-right: 8px;
  color: #209ae0;
  font-size: 16px;
  vertical-align: middle;
  position: absolute;
  left: 16px;
  top: 0;
}
nav li ul li.current,
.nav li ul li.current,
.menu li ul li.current {
  margin: 0;
}
nav li ul li.current a,
.nav li ul li.current a,
.menu li ul li.current a {
  border: none;
  background: transparent;
  color: #135d87;
}
nav li .ico,
.nav li .ico,
.menu li .ico {
  font-size: 1em !important;
  margin-right: 2px;
  top: -5em;
}
nav.horizontal h4,
.nav.horizontal h4 {
  font: bold 14px "HelveticaNeue", "Helvetica Neue", "helvetica Neue", Arial, sans-serif;
  line-height: 24px;
  display: inline-block;
  text-align: center;
  padding: 5px 15px;
  margin: 0;
}
nav.horizontal ul,
.nav.horizontal ul {
  font-size: 0;
  display: inline-block;
}
nav.horizontal ul li,
.nav.horizontal ul li {
  display: inline-block;
  text-align: center;
  border: none;
  font: bold 14px "HelveticaNeue", "Helvetica Neue", "helvetica Neue", Arial, sans-serif;
  line-height: 24px;
}
nav.horizontal ul li a,
.nav.horizontal ul li a {
  padding: 5px 15px;
  float: none;
  display: inline-block;
  border: none;
}
nav.horizontal ul li.current,
.nav.horizontal ul li.current {
  border-top: 1px solid #135d87;
  border-bottom: 1px solid #135d87;
  margin: -1px 0;
}
.nav.vanilla li {
  border-bottom-color: transparent;
}
nav li.strong a,
.nav li.strong a {
  background: #209ae0;
}
table {
  width: 100%;
}
table thead th {
  border-bottom: 2px solid #cccccc;
}
table th {
  text-align: left;
  border-bottom: 1px solid #cccccc;
  padding: 6px 10px 5px 10px;
}
table td {
  border-bottom: 1px solid #cccccc;
  padding: 6px 10px 5px 10px;
}
table tbody.extra tr:first-child td,
table tbody.extra tr:first-child th {
  border-top: 1px solid #cccccc;
}
table tbody tr:last-child td,
table tbody tr:last-child th {
  border-bottom: none;
}
.tabset {
  margin: 0;
  padding: 0 0 22px 0;
  *zoom: 1;
  background: transparent;
  border: none;
}
.tabset:before,
.tabset:after {
  content: "";
  display: table;
}
.tabset:after {
  clear: both;
}
.tabset ul {
  border-bottom: 1px solid #bfbfbf;
  list-style: none;
  margin: 0;
  padding: 0;
}
.tabset ul li {
  float: left;
  margin: 0 3px 0 0;
  padding: 0;
  text-shadow: none;
  font-weight: bold;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  border: 1px solid #bfbfbf;
  border-bottom: none;
  background: #f7f7f7;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f0f0f0));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #f7f7f7, #f0f0f0);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #f7f7f7, #f0f0f0);
  /* for ie 10+ */

  background: linear-gradient(#f7f7f7, #f0f0f0);
}
.tabset ul li a {
  float: left;
  text-decoration: none;
  color: #808080;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  transition-duration: 0.2s;
  outline: none;
  border: none;
  padding: 3px 10px;
  position: relative;
}
.tabset ul li a:hover {
  color: #666666;
  background: transparent;
}
.tabset ul li.current {
  position: relative;
  border: 1px solid #bfbfbf;
  border-bottom: 1px solid #ffffff;
  margin: 0 3px -1px 0;
  background: #ffffff;
  text-shadow: none;
}
.tabset ul li.current a {
  background: #ffffff;
  color: #444;
  text-shadow: none;
  border: none;
}
.tabset.pills ul {
  border-bottom: none;
}
.tabset.pills ul li {
  float: left;
  border: none;
  margin: 0 3px 0 0;
  padding: 0;
  background: transparent;
  text-shadow: none;
}
.tabset.pills ul li a {
  text-decoration: none;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  padding-left: 15px;
  padding-right: 15px;
}
.tabset.pills ul li a:hover {
  color: #209ae0;
}
.tabset.pills ul li.current a {
  top: -1px;
  background: #d1d1d1;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#d1d1d1), to(#ebebeb));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #d1d1d1, #ebebeb);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #d1d1d1, #ebebeb);
  /* for ie 10+ */

  background: linear-gradient(#d1d1d1, #ebebeb);
  color: #fff;
  color: #444;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}
.tabset.vaniila ul li {
  background: transparent !important;
  border-color: #ffffff;
  padding-top: 1px;
}
.tabset.vaniila ul li a {
  color: #333333;
  text-shadow: none;
}
.tabset.vaniila ul li a:hover {
  background: rgba(0, 0, 0, 0.05);
}
.tabset.vaniila ul li.current {
  border: 1px solid #cccccc;
  border-bottom: 1px solid #ffffff;
  margin-bottom: -1px;
  background: #ffffff;
}
.tabset.vaniila ul li.current a {
  background: #ffffff;
  color: #209ae0;
  text-shadow: none;
}
.tabset.vertical {
  max-width: 300px;
}
.tabset.vertical ul li {
  float: none;
  border-bottom: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.tabset.vertical ul li a {
  display: block;
}
.tabset.vertical.vanilla ul {
  border-bottom: 1px solid #cccccc;
}
.tabset.vertical.vanilla ul li {
  float: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: 1px solid #cccccc;
  border-bottom: none;
}
.tabset.vertical.vanilla ul li a {
  display: block;
}
.tabset.mini li a {
  font-size: 12px;
  line-height: 16px;
}
.tabset.labeled li a,
.tabset.labeled.pills li a {
  padding-right: 40px;
}
.pagination,
.pagination.nums {
  background: transparent;
  margin: 0 0 24px 0;
  padding: 10px 0;
  *zoom: 1;
  text-align: center;
}
.pagination:before,
.pagination.nums:before,
.pagination:after,
.pagination.nums:after {
  content: "";
  display: table;
}
.pagination:after,
.pagination.nums:after {
  clear: both;
}
.pagination ul,
.pagination.nums ul {
  border: none;
  text-align: center;
}
.pagination li,
.pagination.nums li,
.pagination li.current,
.pagination.nums li.current {
  border: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.pagination li.current a,
.pagination.nums li.current a {
  border: 1px solid #166c9e !important;
  background: #209ae0;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#209ae0), to(#1a82bd));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #209ae0, #1a82bd);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #209ae0, #1a82bd);
  /* for ie 10+ */

  background: linear-gradient(#209ae0, #1a82bd);
}
.pagination a,
.pagination.nums a {
  border: 1px solid #d9d9d9;
  margin: 0 4px;
  text-decoration: none;
  padding: 0 8px;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #ffffff;
  color: #209ae0;
  font: bold 14px "HelveticaNeue", "Helvetica Neue", "helvetica Neue", Arial, sans-serif;
  line-height: 24px;
}
.pagination a.current,
.pagination.nums a.current {
  background: #209ae0;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#209ae0), to(#1a82bd));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #209ae0, #1a82bd);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #209ae0, #1a82bd);
  /* for ie 10+ */

  background: linear-gradient(#209ae0, #1a82bd);
  color: #fff;
  text-shadow: 0 -1px 0 #000000;
  border: 1px solid #197bb4 !important;
}
.pagination.dots a {
  border-color: #999;
  height: 18px;
  width: 18px;
  padding: 0;
  text-indent: -999em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.pagination.dots a.current {
  border: 1px solid #1b569f;
}
.pagination.dots a.next {
  display: none;
}
.pagination.dots a.prev {
  display: none;
}
.pagination.dots li.current a,
.pagination li.current a {
  border: 1px solid #166c9e !important;
}
.pagination.vanilla a {
  border: none;
  padding: 5px 13px;
  -webkit-box-shadow: none;
  -moz-shadow: none;
  box-shadow: none;
}
.pagination.vanilla li.current a {
  border: none !important;
}
.alpha {
  background: transparent;
  margin: 0 0 24px 0;
  padding: 10px 0;
  *zoom: 1;
  text-align: center;
}
.alpha:before,
.alpha:after {
  content: "";
  display: table;
}
.alpha:after {
  clear: both;
}
.alpha ul {
  border: none;
  text-align: center;
}
.alpha li,
.alpha li.current {
  border: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.alpha li.current a {
  border: 1px solid #166c9e !important;
  background: #209ae0;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#209ae0), to(#1a82bd));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #209ae0, #1a82bd);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #209ae0, #1a82bd);
  /* for ie 10+ */

  background: linear-gradient(#209ae0, #1a82bd);
}
.alpha a {
  border: 1px solid #d9d9d9;
  margin: 0 4px;
  text-decoration: none;
  padding: 0 8px;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #ffffff;
  color: #209ae0;
  font: bold 14px "HelveticaNeue", "Helvetica Neue", "helvetica Neue", Arial, sans-serif;
  line-height: 24px;
}
.alpha a.current {
  background: #209ae0;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#209ae0), to(#1a82bd));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #209ae0, #1a82bd);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #209ae0, #1a82bd);
  /* for ie 10+ */

  background: linear-gradient(#209ae0, #1a82bd);
  color: #fff;
  text-shadow: 0 -1px 0 #000000;
  border: 1px solid #197bb4 !important;
}
.breadcrumbs {
  font-size: 14px;
  margin: 0 0 22px 0;
  padding: 5px 0;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  color: #999;
}
.breadcrumbs ul {
  margin: 0;
  padding: 0;
}
.breadcrumbs li {
  margin: 0 !important;
  padding: 0;
  border: none;
  float: none;
  display: inline;
}
.breadcrumbs li:after {
  content: "/";
  display: inline;
  margin: 0 .5em 0 .3em;
}
.breadcrumbs li.current:after,
.breadcrumbs li:last-child:after {
  content: "";
  margin: 0;
}
.breadcrumbs a {
  padding: 0;
  margin-right: 5px;
  display: inline;
  text-decoration: none;
  color: #209ae0;
}
.breadcrumbs a:hover {
  background: transparent !important;
}
.breadcrumbs li.current {
  border: none !important;
}
.breadcrumbs li.current a {
  cursor: default !important;
  padding: 0;
  border: none;
  text-decoration: none;
  color: #777;
  background: transparent;
  cursor: pointer;
  text-shadow: none;
  font-weight: normal;
}
.breadcrumbs.vanilla {
  border: none;
  padding: 0;
}
.toggle {
  font-weight: normal !important;
  padding-left: 20px;
  position: relative;
}
.toggle input {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 5px;
  left: 0;
}
/* BUTTONS */
.btnset {
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 22px 0;
  padding: 12px 0;
  clear: both;
}
.btnset .tween {
  margin: 0 .6em;
}
button,
a.btn {
  background: #999999;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#858585));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #999999, #858585);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #999999, #858585);
  /* for ie 10+ */

  background: linear-gradient(#999999, #858585);
  margin: 0 0 4px 0;
  padding: 6px 12px 6px 12px;
  font: bold 14px "HelveticaNeue", "Helvetica Neue", "helvetica Neue", Arial, sans-serif;
  line-height: 24px;
  border: 1px solid #828282;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  transition-duration: 0.2s;
  font-weight: bold;
  text-align: center;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
}
button .ico,
a.btn .ico {
  font-size: 80%;
  margin-top: -1px;
  opacity: .7;
}
button:hover,
a.btn:hover {
  background: #999999;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#9c9c9c), to(#8a8a8a));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #9c9c9c, #8a8a8a);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #9c9c9c, #8a8a8a);
  /* for ie 10+ */

  background: linear-gradient(#9c9c9c, #8a8a8a);
}
button.strong,
.btn.strong {
  color: #fff;
  border-color: #197bb4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  background: #209ae0;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#36a4e3), to(#1c8bca));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #36a4e3, #1c8bca);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #36a4e3, #1c8bca);
  /* for ie 10+ */

  background: linear-gradient(#36a4e3, #1c8bca);
}
button.strong:hover,
.btn.strong:hover {
  background: #209ae0;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#3fa8e4), to(#1d91d3));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #3fa8e4, #1d91d3);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #3fa8e4, #1d91d3);
  /* for ie 10+ */

  background: linear-gradient(#3fa8e4, #1d91d3);
}
button.small,
.btn.small {
  background: transparent;
  color: rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.1);
  text-shadow: none;
}
button.small:hover,
.btn.small:hover {
  color: rgba(0, 0, 0, 0.6);
  border-color: rgba(0, 0, 0, 0.3);
}
button.positive,
.btn.positive {
  color: #fff;
  border-color: #78ad34;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  background: #88bf40;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#94c553), to(#7aac3a));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #94c553, #7aac3a);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #94c553, #7aac3a);
  /* for ie 10+ */

  background: linear-gradient(#94c553, #7aac3a);
}
button.positive:hover,
.btn.positive:hover {
  background: #88bf40;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#99c85b), to(#80b43c));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #99c85b, #80b43c);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #99c85b, #80b43c);
  /* for ie 10+ */

  background: linear-gradient(#99c85b, #80b43c);
}
button.negative,
.btn.negative {
  color: #fff;
  border-color: #aa3d35;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  background: #c7544b;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#cd665e), to(#be443b));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #cd665e, #be443b);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #cd665e, #be443b);
  /* for ie 10+ */

  background: linear-gradient(#cd665e, #be443b);
}
button.negative:hover,
.btn.negative:hover {
  background: #c7544b;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#cf6e66), to(#c3493f));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #cf6e66, #c3493f);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #cf6e66, #c3493f);
  /* for ie 10+ */

  background: linear-gradient(#cf6e66, #c3493f);
}
button.vanilla,
.btn.vanilla {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
button.vanilla:hover,
.btn.vanilla:hover {
  background: #f3f3f3;
}
button.strong.vanilla {
  background: #209ae0;
}
button.strong.vanilla:hover {
  background: #36a4e3;
}
/* MENUS */
.menu .wrap {
  position: relative;
  overflow: auto;
  max-height: 200px;
  background: #fff;
}
.menu ul {
  position: relative;
  border-bottom: 1px solid #eee;
  background: #fff;
  padding: 0;
  width: 260px;
  border: 1px solid #cec9d6;
}
.menu li {
  background: #fbfbfb;
}
.menu li a {
  border: none;
  color: #333333;
}
.paneset div.pane {
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  opacity: 1;
}
.paneset div.pane.hidden {
  position: absolute;
  left: -9999px;
  opacity: 0;
}
.paneset div.pane.active {
  display: block;
}
.gallery {
  position: relative;
  margin: 0 0 24px 0;
}
.gallery a.prev,
.gallery a.next {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 9999;
  color: #fff;
  margin-top: -15px;
  opacity: .4;
  padding: 0 10px;
  display: none;
  text-decoration: none;
}
.gallery a.prev:hover,
.gallery a.next:hover {
  opacity: .7;
}
.gallery a.prev i,
.gallery a.next i {
  font-size: 40px;
  line-height: 60px;
}
.gallery a.next {
  left: auto;
  right: 0;
}
.loading:after {
  content: 'LOADING';
  position: absolute;
  background: #222;
  color: #ccc;
  z-index: 999;
  padding: 0 10px;
  font-size: 11px;
  letter-spacing: 1px;
}
.gallery .slideset {
  position: relative;
  margin: 0;
  background: #222;
  overflow: hidden;
  z-index: 998;
}
.placeholder {
  width: 100%;
  display: block;
}
.gallery .slide {
  /*display: block;*/

  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 3;
  overflow: hidden;
}
.gallery .slide a {
  position: absolute;
  height: 100%;
  width: 100%;
}
.gallery .pagination {
  position: absolute;
  right: 5px;
  bottom: 1px;
  z-index: 999;
  margin: 0;
  padding: 0;
}
.gallery .pagination a {
  border-color: #000;
}
.gallery.init .slide {
  /*position: relative;*/

  transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  /* Firefox 4 */

  -webkit-transition: opacity 0.5s;
  /* Safari and Chrome */

  -o-transition: opacity 0.5s;
  /* Opera */

  background: #333;
}
.gallery .slide.current {
  z-index: 4;
  opacity: 1;
}
.gallery .nav.hidden,
.gallery .slide.hidden {
  left: 0 !important;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.gallery .slide .caption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.5);
  color: #FFF;
  z-index: 3;
}
.gallery .ph {
  display: block;
  width: 100%;
}
img.portrait.scale {
  position: absolute;
  height: 100%;
  width: auto;
  z-index: 3;
}
img.landscape.scale {
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 3;
}
img.portrait.crop {
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 3;
  max-width: 999em;
}
img.landscape.crop {
  position: absolute;
  height: 100%;
  width: auto;
  z-index: 3;
  max-width: 999em;
}
.tooltip {
  width: 200px;
  position: relative;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  background: #f4f4f4;
  border: 1px solid #ccc;
  position: absolute;
  left: -9999px;
  top: 0;
}
.label {
  background: rgba(0, 0, 0, 0.07);
  font-style: normal;
  padding: 4px 5px 5px 5px;
  font-size: 12px;
  line-height: 10px;
  position: absolute;
  top: 6px;
  right: 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  font-weight: normal;
  border-color: rgba(0, 0, 0, 0.08);
  color: #808080;
}
.curent .label {
  background: rgba(0, 0, 0, 0.1);
  padding: 2px 5px 4px 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.carousel {
  position: relative;
  background: #f7f7f7;
  border: 1px solid #d9d9d9;
  padding: 20px 60px;
  margin: 0 0 24px 0;
  /* extra margin for pagination */

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 #fff;
  width: 100%;
}
.carousel .wrap {
  position: relative;
  overflow: hidden;
  background: transparent;
  max-width: 100%;
}
.carousel .slideset {
  position: relative;
  width: 3000em;
  left: 0;
  top: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
.carousel .slideset .slide {
  float: left;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  line-height: normal;
  text-align: center;
}
.carousel .slideset .slide:last-child {
  margin-right: 0;
}
.carousel .slideset .slide span,
.carousel .slideset .slide strong {
  display: block;
  padding: 2px 0 0 0;
}
.carousel .slideset .slide .placeholder {
  width: 100%;
}
.carousel .slideset .slide a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.carousel .slideset .slide .brewImage {
  border: 4px solid #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.carousel .slideset .slide a.btn {
  width: auto;
  height: auto;
  position: absolute;
  top: 8px;
  right: 11px;
  z-index: 999;
  padding: 2px 4px 4px 4px;
  line-height: 10px;
}
.carousel .slideset .slide.active {
  border-color: green;
}
.carousel .pagination {
  margin-bottom: 0;
  padding-bottom: 0;
}
.carousel .prev,
.carousel .next {
  position: absolute;
  top: 50%;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
  color: #999;
  padding: 0;
  margin-top: -10px;
  z-index: 999;
  box-shadow: none;
  cursor: pointer;
  text-decoration: none;
}
.carousel .prev {
  position: absolute;
  bottom: 50%;
  left: 15px;
}
.carousel .next {
  position: absolute;
  bottom: 50%;
  right: 15px;
}
.carousel .prev:hover,
.carousel .next:hover {
  color: #666;
}
img.portrait.scale {
  position: absolute;
  height: 100%;
  width: auto;
  z-index: 3;
}
img.landscape.scale {
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 3;
}
img.portrait.crop {
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 3;
  max-width: 999em;
}
img.landscape.crop {
  position: absolute;
  height: 100%;
  width: auto;
  z-index: 3;
  max-width: 999em;
}
.window {
  border: solid 4px black;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
  height: 300px;
  width: 550px;
  background: #fff;
  overflow: hidden;
  z-index: 999999;
}
.window.iframe header {
  margin: 0;
}
.window.iframe .pane {
  padding: 0;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  /*overflow: hidden;*/

}
.window.init {
  position: absolute;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -150px 0 0 -300px;
}
body.popup.idx.register {
  background-color: #FFF !important;
}
body.popup {
  position: relative;
  /*-webkit-transform: translateZ(0px);*/

  padding: 30px 20px 0 20px;
}
body.popup .btnset {
  margin-bottom: 0px;
  padding: 0;
}
body.popup #body #content {
  padding: 0;
}
.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: .4;
  z-index: 8000;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  transition-duration: 0.2s;
  z-index: 9999;
}
.menu {
  z-index: 9999;
  display: inline-block;
  position: relative;
  margin: 0;
}
.menu ul {
  margin: 0;
  padding: 0;
}
.menu li a {
  text-transform: none;
  font-size: 14px;
  font-weight: bold;
}
.menu li .ico {
  font-size: 18px;
  top: -1px;
  color: #999;
}
@media only screen and (max-width: 480px) {
  .gallery a.prev,
  .gallery a.next {
    display: block;
  }
  .hidden-phone {
    position: absolute !important;
    left: -9999px !important;
  }
  .visible-phone {
    position: relative;
    left: auto;
  }
}
@media only screen and (min-width: 481px) and (max-width: 799px) {
  .hidden-tablet {
    position: absolute !important;
    left: -9999px !important;
  }
  .visible-tablet {
    position: relative;
    left: auto;
  }
}
.trigger {
  position: relative !important;
  display: inline-block;
}
.trigger .menu {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 9999;
}
/* AUTOCOMPLETE INPUT */
.ac-input .menu {
  width: 100%;
  position: absolute;
  top: 55px;
  right: 0;
}
.ac-input .menu.toggleset {
  overflow: visible;
  max-height: none;
}
.ac-input label {
  cursor: pointer;
  padding: 5px;
}
.ac-input label.active {
  font-weight: bold;
}
/* idx dashboard */
body.popup.idx.dashboard {
  height: 600px;
}
/* google map fix */
#listing-map img,
#listings-map img,
#map_canvas img,
#idx-map-onboard img,
#streetview-container img,
#birdseye-container img,
#idx-map-search img {
  max-width: none;
}
.gmnoprint div {
  color: #222;
  -webkit-box-sizing: content-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: content-box;
  /* Firefox, other Gecko */

  box-sizing: content-box;
  /* Opera/IE 8+ */

}
/*.gmnoprint:hover {
	z-index: 1 !important;
}*/
#results-message {
  margin-top: -1px;
}
.listing {
  margin-bottom: 24px;
  padding-bottom: 0;
}
.listing .details {
  min-height: 95px;
}
.listing .body p {
  margin: 0;
}
.listing .body ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  overflow: hidden;
}
.listing .body ul li.keyval {
  display: inline;
}
.listing .body ul li.keyval:before,
.listing .body ul li.keyval:after {
  content: "";
  clear: none;
  display: inline;
  /* reset clearfix */

}
.listing .body ul li.keyval span,
.listing .body ul li.keyval strong {
  display: inline;
  float: none;
  font-weight: normal;
  padding: 0;
}
.listing .body ul li.keyval strong:after {
  content: ",";
}
.listing .body ul li.keyval.sqft strong:after {
  content: "";
}
.listing .body ul li.keyval.acres {
  display: none;
}
.listing .body ul.keyvalset.land .keyval.acres {
  display: block;
}
.listing .body ul.keyvalset.land .keyval.acres strong:after {
  content: "";
}
.listing .body .val {
  margin: 0;
  text-align: center;
}
.listing footer {
  text-align: center;
}
.flowgrid_x1 .listing .btnset {
  margin-bottom: 0;
}
.flowgrid_x1 .listing footer {
  position: static;
  float: right;
  clear: both;
  text-align: left;
  padding-top: 0;
}
.flowgrid header,
.flowgrid .description {
  position: absolute;
  left: -999em;
}
.listing.detail header {
  left: auto;
  position: relative;
}
.details-extended {
  *zoom: 1;
  clear: left;
  padding-top: 24px;
}
.details-extended:before,
.details-extended:after {
  content: "";
  display: table;
}
.details-extended:after {
  clear: both;
}
.listing.detail .body .keyvalset {
  margin: 0 0 24px 0;
}
.listing.detail .body .keyvalset li.keyval {
  *zoom: 1;
  border-bottom: 1px solid #d9d9d9;
  clear: left;
  display: block;
  padding: 3px 0;
}
.listing.detail .body .keyvalset li.keyval:before,
.listing.detail .body .keyvalset li.keyval:after {
  content: "";
  display: table;
}
.listing.detail .body .keyvalset li.keyval:after {
  clear: both;
}
.listing.detail .body .keyvalset strong {
  width: 50%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
  text-align: left;
  font-weight: bold;
}
@media only screen and (max-width: 480px) {
  .listing.detail .body .keyvalset strong {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.listing.detail .body .keyvalset strong:after {
  content: "";
}
.listing.detail .body .keyvalset span {
  width: 50%;
  margin-left: -50%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .listing.detail .body .keyvalset span {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.articleset.flowgrid article.listing .btn.vanilla.save {
  padding: 0;
  position: absolute;
  right: 15px;
  top: -57%;
  z-index: 9995;
  background: transparent;
}
.articleset.flowgrid article.listing .btn.vanilla.save:hover {
  background: transparent;
}
article.listing .btn.vanilla.save .icon {
  font: 22px/30px FontAwesome;
  color: rgba(255, 255, 255, 0.9);
  padding-left: 2px;
  padding-right: 2px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
article.listing .btn.vanilla.save .icon:hover {
  color: #fff;
}
article.listing .btn.vanilla.save .icon:after {
  content: "\f006";
}
article.listing.saved .btn.vanilla.save .icon {
  font: 22px/30px FontAwesome;
  color: #faf1c1;
  text-shadow: 1px 1px 0 #d7b44c, -1px -1px 0 #d7b44c, 1px -1px 0 #d7b44c, -1px 1px 0 #d7b44c, -1px 0 0 #d7b44c, 0 -1px 0 #d7b44c, 2px 0 0 #d7b44c;
}
article.listing.saved .btn.vanilla.save .icon:after {
  content: "\f005";
}
a .menu {
  position: absolute;
}
#idx-map-search {
  height: 700px;
  width: 100% !important;
}
#map_canvas,
#idx-map-onboard,
#streetview-container,
#birdseye-container {
  position: relative;
  height: 420px;
  width: 100%;
}
/* -- */
#sidebar form .toggleset label input {
  left: 8px;
  top: 10px;
}
.MSVE_MapStyle,
.MSVE_MapMode {
  color: #fff;
}
body.details .details-extended .col .keyvalset {
  width: 100%;
}
#inquire-allure {
  clear: both;
}
#sidebar .field small {
  color: #cccccc;
  display: block;
  line-height: 16px;
}
#GPolygonControl ul,
#GRadiusControl ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#GPolygonControl a,
#GRadiusControl a {
  outline: 0;
  text-decoration: none;
  font-weight: bold;
}
#GPolygonControl .ico {
  background: url("/img/map/search-polygon.png") no-repeat 0 0;
  background-size: 11px 13px;
  display: inline-block;
  height: 13px;
  margin: 0 5px 0 0;
  width: 13px;
}
#GRadiusControl .ico {
  background: url("/img/map/search-radius.png") no-repeat 0 0;
  background-size: 14px 13px;
  display: inline-block;
  height: 13px;
  margin: 0 5px 0 0;
  width: 13px;
}
#GRadiusControl ul .ico:after {
  color: #0EBE09;
}
.mls-disclaimer {
  border-top: 1px solid #bfbfbf;
  padding-top: 24px;
}
#gallery .btnset {
  position: absolute;
  right: 10px;
  top: 25px;
  z-index: 999;
}
.window.gallery,
.window.dashboard {
  border-color: #111;
}
.window.gallery header,
.window.dashboard header {
  margin: 0;
  background: #222;
  border-color: #111;
}
.window.gallery header .btn,
.window.dashboard header .btn {
  background: #333;
  border-color: #444;
}
.window.gallery .pane,
.window.dashboard .pane {
  padding: 0;
}
.window.gallery .gallery,
.window.dashboard .gallery {
  margin: 0;
}
.window.gallery a.prev,
.window.dashboard a.prev,
.window.gallery a.next,
.window.dashboard a.next {
  display: block;
}
.popup.dashboard #body .wrap {
  padding: 0;
}
#dashboard_tabs {
  border-bottom: 1px solid #bfbfbf;
  padding: 0;
  margin: 0 0 24px 0;
}
#dashboard_tabs li {
  border: none;
  font-weight: normal;
  background: transparent;
  font-size: 13px;
}
#dashboard_tabs li .label {
  position: relative;
  right: auto;
  top: auto;
  line-height: 10px;
  padding: 0 6px;
  margin-left: 3px;
}
#dashboard_tabs li.current {
  border: none;
  font-weight: bold;
}
#dashboard_tabs ul:first-child {
  float: left;
  margin: 0;
  border: none;
}
#dashboard_tabs ul:last-child {
  float: right;
  margin: 0;
  border: none;
}
#dashboard .tabset {
  padding-bottom: 0;
  margin: 0 0 20px 0;
}
#dashboard .tabset li a .label {
  padding: 3px 5px;
}
#dashboard .tabset li.current {
  border-bottom: 1px solid #e6e6e6;
}
#dashboard .tabset li.current a {
  background: #e6e6e6;
  text-transform: uppercase;
  color: #808080;
}
#dashboard .tabset li.current a .label {
  top: 7px;
  padding: 3px 5px;
  line-height: 8px;
  background: #999999;
  font-weight: bold;
  color: #ffffff;
  text-shadow: none;
}
#dashboard div.msg {
  background: transparent;
  padding: 0;
  border: none;
}
#dashboard div.msg p {
  font-style: italic;
}
#dashboard table thead th {
  font-size: 11px;
  text-transform: uppercase;
}
#dashboard table td.mini {
  padding: 0;
}
#dashboard table td.mini .btn {
  padding: 2px 4px 4px;
  line-height: 10px;
}
#dashboard .pane {
  border: 1px solid #bfbfbf;
  border-top: none;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  width: 100%;
  background: #e6e6e6;
  padding: 10px 10px 6px 10px !important;
}
#dashboard #listings-favorites {
  *zoom: 1;
}
#dashboard #listings-favorites:before,
#dashboard #listings-favorites:after {
  content: "";
  display: table;
}
#dashboard #listings-favorites:after {
  clear: both;
}
#dashboard header.mini {
  background: #e6e6e6;
  padding: 0 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
#dashboard header.mini h4 {
  font-size: 13px;
  line-height: 32px !important;
}
#dashboard header.mini .btn {
  line-height: 18px;
}
.dashboard .flag_new {
  background: none repeat scroll 0 0 #339900;
  border-radius: 10px 10px 10px 10px;
  color: #FFFFFF;
  font: bold 10px/12px 'CartoGothicStd', arial;
  margin: 0 3px 0 0;
  padding: 0 5px;
  text-decoration: none !important;
  text-transform: uppercase;
}
.idx.dashboard #content {
  /* hide these guys.. for realz */

}
.idx.dashboard #content #preferences.pane.hidden,
.idx.dashboard #content #password.pane.hidden,
.idx.dashboard #content #messages.pane.hidden,
.idx.dashboard #content #searches.pane.hidden {
  display: none !important;
}
.idx.dashboard #content #message .message,
.idx.dashboard #content #message .reply {
  margin-bottom: 10px;
}
.idx.dashboard #content #message .message p,
.idx.dashboard #content #message .reply p {
  margin: 0;
}
.idx.dashboard #content p {
  padding: 5px 10px;
}
.idx.dashboard #content .carousel {
  background: transparent;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 10px 40px;
}
.idx.dashboard #content .carousel > .wrap {
  padding: 3px 0;
  height: auto !important;
}
.idx.dashboard #content #listings-favorites {
  padding: 0;
}
.idx.dashboard #content header {
  *zoom: 1;
}
.idx.dashboard #content header:before,
.idx.dashboard #content header:after {
  content: "";
  display: table;
}
.idx.dashboard #content header:after {
  clear: both;
}
.idx.dashboard #content header h4 {
  float: left;
  margin: 0;
}
.idx.dashboard #content header h3 {
  float: left;
  margin: 0;
  line-height: 40px;
}
.idx.dashboard #content header .btn.pright {
  font-size: 11px;
  top: 0;
  margin: 6px 0 0 5px;
  padding: 0 5px;
}
#dashboard .pagination {
  display: none;
}
/** responsive CSS for dashboard listing scroller **/
@media only screen and (max-width: 600px) {
  .dashboard.idx #body {
    padding: 0;
  }
  .dashboard.idx #body > .wrap {
    margin: 0;
  }
  .dashboard.idx .brew-dashboard .pane {
    overflow: visible;
  }
  .dashboard.idx .brew-dashboard #dashboard .tabset {
    margin-bottom: 60px;
  }
  .dashboard.idx .brew-dashboard #dashboard .tabset ul {
    padding-left: 0 !important;
  }
  .dashboard.idx .brew-dashboard #dashboard .tabset ul li {
    overflow: hidden;
    float: left;
  }
  .dashboard.idx .brew-dashboard .carousel {
    padding: 0 !important;
  }
  .dashboard.idx .brew-dashboard .carousel .wrap {
    margin: 0 !important;
  }
  .dashboard.idx .brew-dashboard .carousel .prev,
  .dashboard.idx .brew-dashboard .carousel .next {
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    height: 40px;
    line-height: 40px;
    width: 40px;
    font-size: 16px;
    text-align: center;
    color: #fff !important;
    top: auto;
    bottom: -55px;
    display: block;
    margin-top: 0;
  }
  .dashboard.idx .brew-dashboard .carousel .prev i,
  .dashboard.idx .brew-dashboard .carousel .next i {
    width: 40px !important;
    display: block;
  }
  .dashboard.idx .brew-dashboard #dashboard .pagination {
    display: block;
    position: absolute;
    width: 100%;
    bottom: -45px;
  }
  .dashboard.idx .brew-dashboard #dashboard .pagination li {
    border: 0;
  }
  .dashboard.idx .brew-dashboard #dashboard .pagination .current a {
    background: #000 !important;
  }
  .dashboard.idx .brew-dashboard #dashboard .pagination a {
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    height: 5px;
    width: 5px;
    border: solid 1px #666 !important;
  }
  .dashboard.idx .brew-dashboard .carousel .prev {
    left: 0px;
  }
  .dashboard.idx .brew-dashboard .carousel .next {
    right: 0px;
  }
  .dashboard.idx #dashboard td {
    font-size: 10px;
    padding: 5px;
    white-space: normal;
  }
  .dashboard.idx #content .msg {
    margin: 0 0 20px;
  }
}
/* tablet-sized + */
@media only screen and (min-width: 481px) and (max-width: 879px) {
  body.idx.details .body {
    clear: none;
  }
  body.idx.details .body .btnset.grid_12 .btn {
    font-size: 14px;
  }
}
@media only screen and (max-width: 480px) {
  .dashboard .grid_12 .x1,
  .dashboard .grid_10 .x1,
  .dashboard form .x1,
  .register .grid_12 .x1,
  .register .grid_10 .x1,
  .register form .x1,
  .dashboard .grid_12 .x2,
  .dashboard .grid_10 .x2,
  .dashboard form .x2,
  .register .grid_12 .x2,
  .register .grid_10 .x2,
  .register form .x2,
  .dashboard .grid_12 .x3,
  .dashboard .grid_10 .x3,
  .dashboard form .x3,
  .register .grid_12 .x3,
  .register .grid_10 .x3,
  .register form .x3,
  .dashboard .grid_12 .x4,
  .dashboard .grid_10 .x4,
  .dashboard form .x4,
  .register .grid_12 .x4,
  .register .grid_10 .x4,
  .register form .x4,
  .dashboard .grid_12 .x5,
  .dashboard .grid_10 .x5,
  .dashboard form .x5,
  .register .grid_12 .x5,
  .register .grid_10 .x5,
  .register form .x5,
  .dashboard .grid_12 .x6,
  .dashboard .grid_10 .x6,
  .dashboard form .x6,
  .register .grid_12 .x6,
  .register .grid_10 .x6,
  .register form .x6,
  .dashboard .grid_12 .x7,
  .dashboard .grid_10 .x7,
  .dashboard form .x7,
  .register .grid_12 .x7,
  .register .grid_10 .x7,
  .register form .x7,
  .dashboard .grid_12 .x8,
  .dashboard .grid_10 .x8,
  .dashboard form .x8,
  .register .grid_12 .x8,
  .register .grid_10 .x8,
  .register form .x8,
  .dashboard .grid_12 .x9,
  .dashboard .grid_10 .x9,
  .dashboard form .x9,
  .register .grid_12 .x9,
  .register .grid_10 .x9,
  .register form .x9,
  .dashboard .grid_12 .x10,
  .dashboard .grid_10 .x10,
  .dashboard form .x10,
  .register .grid_12 .x10,
  .register .grid_10 .x10,
  .register form .x10,
  .dashboard .grid_12 .x11,
  .dashboard .grid_10 .x11,
  .dashboard form .x11,
  .register .grid_12 .x11,
  .register .grid_10 .x11,
  .register form .x11,
  .dashboard .grid_12 .x12,
  .dashboard .grid_10 .x12,
  .dashboard form .x12,
  .register .grid_12 .x12,
  .register .grid_10 .x12,
  .register form .x12 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.toolbar .tabset.pills ul li.current a {
  top: 0;
}
.toolbar a.btn.view {
  padding-left: 15px;
  padding-right: 15px;
}
.toolbar a.btn.view .icon-map-marker {
  margin-right: 3px;
}
.search hgroup.small,
.search_map hgroup.small {
  border-bottom: none;
}
.listing .keyvalset li {
  border: none;
}
.idx-search .field.toggle {
  padding-left: 0;
}
.idx-search .field.toggle .right > label:after,
.idx-search .field.toggle > label:after {
  font: 12px/16px FontAwesome !important;
  display: inline-block;
  text-decoration: inherit;
  content: "\f0d7";
  margin-right: 3px;
  float: right;
}
/* POPOVERS */
.popover {
  z-index: 9999;
  border: 1px solid transparent;
  border-radius: 4px;
  background: -webkit-linear-gradient(#ababab, #a1a1a1);
  background: -moz-linear-gradient(#ababab, #a1a1a1);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset -999px 0 0 #f9f9f9;
  width: 360px;
  margin: 20px 0 0 -180px;
  padding: 0;
  position: relative;
  *zoom: 1;
  /* gah -- webkit miscalculates the total width?? jagged edges in middle instead of end w/ float: right */

  /* @TODO: .oZ (@i) when (@i > -1)*/

  /* improve this later, extra col should be in the val (span) */

}
.popover:before,
.popover:after {
  content: "";
  display: table;
}
.popover:after {
  clear: both;
}
.popover .x4 {
  width: 100%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .popover .x4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.popover .x3 {
  width: 73.75%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .popover .x3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.popover .x2 {
  width: 47.5%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .popover .x2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.popover .x1 {
  width: 21.25%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .popover .x1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.popover .pFirst {
  clear: left !important;
}
.popover .pLast {
  margin-right: 0 !important;
}
.popover .o0 {
  margin-left: -100%;
  left: 100%;
  position: relative;
  clear: left;
}
@media only screen and (max-width: 480px) {
  .popover .o0 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.popover .o5 {
  margin-left: 31.25%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .popover .o5 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.popover .o4 {
  margin-left: 5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .popover .o4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.popover .o3 {
  margin-left: -21.25%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .popover .o3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.popover .o2 {
  margin-left: -47.5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .popover .o2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.popover .o1 {
  margin-left: -73.75%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .popover .o1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.popover .last {
  margin-right: 0;
}
.popover .first {
  clear: left;
}
.popover .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
}
.popover .video-pleft {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
  float: left;
  width: 50%;
  height: auto;
  margin: 0 5% 24px 0;
  padding-bottom: 28.13%;
}
.popover .video-pleft iframe,
.popover .video-pleft object,
.popover .video-pleft embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popover .video-pright {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
  float: right;
  width: 50%;
  height: auto;
  margin: 0 0 24px 5%;
  padding-bottom: 28.13%;
}
.popover .video-pright iframe,
.popover .video-pright object,
.popover .video-pright embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popover .video iframe,
.popover .video-pright iframe,
.popover .video-pleft iframe,
.popover .video object,
.popover .video-pright object,
.popover .video-pleft object,
.popover .video embed,
.popover .video-pright embed,
.popover .video-pleft embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popover .pleft {
  margin: 0 5% 24px 0;
  float: left;
}
.popover .pright {
  margin: 0 0 24px 5%;
  float: right;
}
.popover .flowgrid {
  *zoom: 1;
  clear: both;
}
.popover .flowgrid:before,
.popover .flowgrid:after {
  content: "";
  display: table;
}
.popover .flowgrid:after {
  clear: both;
}
.popover .flowgrid > article,
.popover .flowgrid > li,
.popover .flowgrid > label,
.popover .flowgrid > div {
  float: left;
  width: 47.5%;
  margin-right: 5%;
}
.popover .flowgrid > article:nth-child(2n+2),
.popover .flowgrid > li:nth-child(2n+2),
.popover .flowgrid > label:nth-child(2n+2),
.popover .flowgrid > div:nth-child(2n+2) {
  margin-right: 0;
}
@media only screen and (max-width: 480px) {
  .popover .flowgrid > article,
  .popover .flowgrid > li,
  .popover .flowgrid > label,
  .popover .flowgrid > div {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.popover .keyval strong {
  width: 47.5%;
}
.popover .keyval span {
  width: 47.5%;
}
.popover .keyval strong,
.popover .keyval span {
  word-wrap: break-word;
}
@media only screen and (max-width: 480px) {
  .popover .pright,
  .popover pleft {
    float: none;
    display: block;
    text-align: center;
  }
  .popover .video,
  .popover .video-pleft,
  .popover .video-pright {
    float: none;
    width: auto;
    position: relative;
    padding-bottom: 56.25%;
  }
}
.popover header {
  border-bottom: 1px solid #ddd;
  text-shadow: 0 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
  display: block;
  padding: 9px 14px;
  margin: 0 !important;
  text-decoration: none;
  border-radius: 4px 4px 0 0;
  background: -webkit-linear-gradient(#f9f9f9, #f9f9f9);
  background: -moz-linear-gradient(#f9f9f9, #f9f9f9);
  overflow: hidden;
}
.popover header .action-close {
  position: absolute;
  right: 0px;
  top: 7px;
  padding: 0 10px 5px 10px;
  text-decoration: none;
  font-weight: bold;
  font-size: 22px;
  color: #999;
}
.popover footer {
  padding: 0 15px 15px 15px;
  clear: both;
}
.popover .body {
  padding: 9px 14px 14px 14px;
  overflow: hidden;
  font-weight: normal;
  width: 100% !important;
  *zoom: 1;
  position: relative;
}
.popover .body:before,
.popover .body:after {
  content: "";
  display: table;
}
.popover .body:after {
  clear: both;
}
.popover .body .photo {
  width: 30%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .popover .body .photo {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.popover .body .summary {
  width: 65%;
  margin-left: -65%;
  position: relative;
  left: 100%;
  float: left;
  line-height: 20px;
}
@media only screen and (max-width: 480px) {
  .popover .body .summary {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.popover .body .summary em {
  display: block;
}
.popover .body h4 {
  margin: 3px 0;
}
.popover .body p {
  font-weight: normal;
  margin-bottom: 10px;
}
.popover .btnset {
  padding: 0;
  margin: 0 0 10px 0;
}
.popover .btnset.mini .btn,
.popover .btnset.mini button {
  padding: 2px 8px;
}
.popover .tail {
  font: 22px/22px FontAwesome;
  position: absolute;
  top: -14px;
  left: 50%;
  text-align: center;
  width: 30px;
  margin-left: -15px;
  color: #f9f9f9;
  text-shadow: 0 1px 0 #929292;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.popover .tail .ico {
  font-size: 30px;
  color: #fff;
  text-shadow: 0 1px 0 #C1BFAD;
}
.popover .tail:after {
  content: "\f0d7";
}
/* STACKED POPOVERS */
.popover.stacked .body {
  padding: 0;
  overflow: auto;
  max-height: 250px;
}
.popover.stacked .popover {
  margin: 0;
  padding: 5px 10px 0 10px;
  border-bottom: 1px solid #eee;
  background: none;
  border: none;
  width: 100%;
}
.popover.stacked .popover .photo {
  margin-bottom: 0;
}
.popover.stacked .popover header {
  /*display: none;*/

}
.popover.stacked .popover .action-close,
.popover.stacked .popover .btnset,
.popover.stacked .popover .tail {
  display: none;
}
.popover.stacked .popover .body {
  padding: 5px;
}
.head_wrap {
  position: relative;
}
/* Listing History
----------------------------------*/
#listing-history .pos {
  color: green;
}
#listing-history .neg {
  color: red;
}
/* Share with Friend
----------------------------------*/
#social-network-panel {
  height: 350px;
}
#social-network-panel article a {
  text-decoration: none;
  display: block;
  line-height: 18px;
  color: #666;
}
#social-network-panel article h4 {
  margin: 10px 0 0;
  color: #222;
}
.articleset.blog article {
  clear: both;
}
.articleset.blog article footer {
  bottom: 24px;
}
.articleset.blog article .author {
  float: left;
  margin: -1px 10px 0px 0;
}
body.blog.entry #content header,
body.blog.entry-share #content header {
  margin-bottom: 24px;
}
body.blog.entry #content header .body,
body.blog.entry-share #content header .body {
  margin-bottom: 24px;
}
.ico.rss {
  color: #e47912;
  float: right;
  margin-top: -2px;
}
#content .signature {
  margin-bottom: 24px;
}
h1.small .icon-rss {
  float: right;
  color: #ff6600;
}
body.blog.entry #content .captcha {
  margin-top: 10px;
}
#directory-header form {
  background: #e6e6e6;
  padding: 10px 20px;
  margin: 0 0 20px 0;
  border: 1px solid #cccccc;
}
#directory-header form input {
  padding: 10px 10px 9px 10px;
}
#directory-header form button {
  width: 100%;
}
#directory-header form .tween {
  margin: 0 15px;
  color: #bfbfbf;
}
#directory-header form a {
  text-decoration: none;
  color: #8f8f8f;
}
#directory-header form .msg {
  text-shadow: none;
  margin: 0;
  color: #8f8f8f;
}
.categories {
  *zoom: 1;
}
.categories:before,
.categories:after {
  content: "";
  display: table;
}
.categories:after {
  clear: both;
}
.categories .nav {
  padding: 0 20px 10px 0;
}
.categories .nav ul {
  margin-right: 20px;
  margin-bottom: 24px;
}
#directory-details .description {
  clear: both;
  padding-top: 20px;
}
#directory-map {
  margin-bottom: 10px;
  height: 300px;
  width: 100%;
}
#directory-map img {
  max-width: none;
}
/* # IDX Map Search
=====================================================================================================
=====================================================================================================*/
#idx-map-search-wrap {
  position: relative;
  overflow: hidden;
  height: auto;
  width: 100%;
  margin-bottom: 10px;
}
#idx-map-search {
  height: 700px;
  width: 720px;
  background: #ccc;
  position: relative;
  top: 0;
  margin: 0;
}
/* # Map Search Legend
=====================================================================================================
=====================================================================================================*/
#idx-map-legend {
  width: 220px;
  float: left;
}
#idx-map-legend .legend_tab {
  background: url(/img/map/tools/map-legendtabs.png) no-repeat 0 0;
  cursor: pointer;
  float: left;
  width: 20px;
  height: 70px;
  right: -1px;
  position: relative;
}
#idx-map-legend .legend_tab.current {
  background: url(/img/map/tools/map-legendtabs.png) no-repeat -20px 0;
  cursor: pointer;
  float: left;
  width: 20px;
  height: 70px;
}
#idx-map-legend .legend_contents,
#idx-map-legend .stats_contents {
  min-height: 225px;
}
#idx-map-legend .legend_content {
  background: #fff;
  padding: 20px 20px 0px 20px;
  border: 1px solid #9CB3C6;
  border-right: none;
  float: left;
  width: 200px;
  margin-top: -100px;
}
#idx-map-legend .legend_content form {
  margin: 0;
}
#idx-map-legend .legend_content form .legend {
  margin: 0;
  padding: 0;
}
#idx-map-legend .legend_content form .toggleset label input {
  position: absolute;
  right: 5px;
  top: 2px;
}
#idx-map-legend .stats_tab {
  background: url(/img/map/tools/map-legendtabs.png) no-repeat 0 -70px;
  cursor: pointer;
  float: left;
  width: 20px;
  height: 56px;
  right: -1px;
  top: 2px;
  position: relative;
  clear: left;
}
#idx-map-legend .stats_tab.current {
  background: url(/img/map/tools/map-legendtabs.png) no-repeat -20px -70px;
}
#idx-map-legend .legend_content .field {
  margin-bottom: 20px;
}
#idx-map-legend .legend_content label {
  display: block;
  border-bottom: 1px solid #eee;
  position: relative;
}
#idx-map-legend .legend_content label img {
  position: absolute;
  right: 0;
  top: 3px;
}
#idx-map-search-wrap .stats_contents .keyvalset h5 {
  margin: 0;
}
#idx-map-search-wrap .stats_contents .keyvalset ul {
  margin-bottom: 20px;
}
#idx-map-search-wrap .stats_contents .keyvalset li {
  border-bottom: 1px solid #eee;
}
#idx-map-search-wrap .stats_contents .keyvalset li strong,
#idx-map-search-wrap .stats_contents .keyvalset li span {
  padding: 3px 0;
}
.ie7 #idx-map-legend .legend_content {
  margin-top: 0px;
}
div.msg {
  clear: both;
  margin: 0 0 20px 0;
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
}
div.msg p {
  margin-bottom: 0;
}
div.msg .title {
  margin: -10px -10px 10px -10px;
  padding: 5px 10px;
  background: #316B11;
  color: #fff;
}
div.msg.error .title,
.msg.errors .title {
  background: #8F0000;
}
div.msg.notice {
  padding: 19px 29px;
}
div.msg.notice .title {
  margin: -10px -10px 10px -10px;
  padding: 10px 10px 0 10px;
  color: #316B11;
  background: none;
}
.footnote {
  font-size: 85%;
}
/*! Compliance CSS */
.mls-disclaimer {
  clear: both;
}
/* Metrolist */
.metrolist-co .popover .office,
.metrolist-co .listing .office {
  font-weight: bold;
  color: #000;
}
.metrolist-co .popover .status,
.metrolist-co .listing .status {
  display: block;
}
/* FMLS */
body.fmls.details .mls-provider {
  text-align: center;
}
body.fmls.idx.birdseye #content h1,
body.fmls.idx.streetview #content h1,
body.fmls.idx.local #content h1,
body.fmls.idx.local .popover {
  display: none;
}
/* CMLS */
body.cmls .mls-disclaimer p.disclaimer {
  font-size: 11px;
}
/* RMLS-FL (BMLS) */
body.rmls-fl .mls-disclaimer {
  font-size: 9px;
}
body.rmls-fl .mls-disclaimer .disclaimer {
  font-size: 9px;
}
/*
SHOW POPUP HEADER (show MLS#):
 - CINCYMLS
 - GGAR
*/
body.cincymls .popover.stacked .popover header,
body.ggar .popover.stacked .popover header {
  display: block;
}
/* EREB */
.listings .provider-first .provider {
  clear: left;
  float: left;
}
.ereb .popover.stacked .popover header,
.erebcom .popover.stacked .popover header,
.creb .popover.stacked .popover header {
  display: block;
}
@media only screen and (min-width: 481px) {
  .listings.flowgrid_x1 .provider-first .provider {
    position: absolute;
    top: 0;
    float: none;
    clear: none;
  }
  .listings.flowgrid_x1 .provider-first {
    padding-top: 2em;
  }
}
.ereb .articleset article .body .photo,
.creb .articleset article .body .photo,
.erebcom .articleset article .body .photo {
  overflow: visible;
}
.ereb .articleset article .photo .btn.vanilla.save,
.erebcom .articleset article .photo .btn.vanilla.save,
.creb .articleset article .photo .btn.vanilla.save {
  background: none repeat scroll 0 0 #666666 !important;
  border: 3px solid #FFFFFF !important;
  border-radius: 20px;
  padding: 2px 4px 0 !important;
  position: absolute;
  right: 15px;
  top: auto !important;
  bottom: -25px;
  z-index: 3;
}
.sbbor .disclaimer {
  text-align: center;
}
.cbroh #content .articleset.flowgrid_x1 article footer {
  bottom: 0 !important;
}
/* Default IDX Styles */
#header-form form {
  margin-bottom: 0;
  padding-top: 10px !important;
}
#header-form form .btnset button {
  display: block;
  float: none;
  width: 100%;
}
#header-form form div.more {
  clear: left;
  padding-top: 20px;
  border-top: 1px solid #888772;
}
#header-form .field {
  margin-bottom: 20px !important;
}
#header-form h4 {
  font: bold 14px/20px "Adelle W01 Regular", serif;
  text-transform: uppercase;
  color: #808080;
  margin: 0 0 6px 0;
}
.flowgrid article {
  width: 33.333333333333336%;
  margin-right: 0%;
  float: left;
  overflow: hidden;
}
.flowgrid article:nth-child(3n+3) {
  margin-right: 0;
}
.flowgrid .btnset .btn {
  display: block;
}
.flowgrid .val.proptype {
  display: block;
}
.flowgrid .keyvalset li {
  border-bottom: none;
}
.toolbar .sort {
  float: right;
  padding-right: 10px;
}
.toolbar .sort form {
  margin: 0;
}
.toolbar .tabset {
  padding: 2px 6px;
}
.toolbar .tabset .ico {
  font-size: 16px;
}
.msg.vanilla.results {
  padding: 0 10px;
  margin-bottom: 12px;
}
.msg.vanilla.results .nav {
  float: right;
  padding-right: 5px;
}
.msg.vanilla.results .nav a {
  margin-left: 5px;
  text-decoration: none;
  color: #999999;
}
a.disabled {
  display: none;
}
body.idx.details header {
  position: relative;
  border-bottom: 1px solid #bfbfbf;
  margin: 0 0 24px;
  overflow: visible;
  *zoom: 1;
}
body.idx.details header:before,
body.idx.details header:after {
  content: "";
  display: table;
}
body.idx.details header:after {
  clear: both;
}
body.idx.details header h1 {
  float: left;
}
body.idx.details header em {
  font: normal 34px/40px "Adelle W01 Regular", serif;
  float: right;
}
body.idx.details header em .ico {
  background: #ababab;
  color: #ffffff;
  font-size: 16px;
  line-height: 16px;
  padding: 7px 8px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  bottom: -3px;
}
body.idx.details header .keyvalset {
  clear: left;
}
body.idx.details header .keyvalset .keyval {
  float: left;
  padding: 0 20px 0 0;
  margin-right: 19px;
  width: auto;
  position: relative;
  border-right: 1px solid #d9d9d9;
  border-bottom: none;
}
body.idx.details header .keyvalset .keyval:last-child {
  border-right: none;
}
body.idx.details header .keyvalset .keyval span.ico {
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 30px;
  width: 30px !important;
  background: #ababab;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  float: none;
}
body.idx.details header .keyvalset .keyval span {
  white-space: nowrap;
  word-wrap: normal !important;
  float: left;
  clear: left;
  padding: 0 0 0 0;
  font: normal 36px/30px "Adelle W01 Regular", serif;
  color: #444;
}
body.idx.details header .keyvalset .keyval strong {
  white-space: nowrap;
  word-wrap: normal !important;
  float: left;
  padding: 0;
  font: normal 12px/20px "Adelle W01 Regular", serif;
  text-transform: uppercase;
}
body.idx.details #content .details {
  min-height: 0;
  margin: 0 0 24px;
  border-bottom: 1px solid #bfbfbf;
}
body.idx.details .body {
  width: 47.5%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  body.idx.details .body {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
body.idx.details .details-extended {
  clear: left;
}
body.idx.details .details-extended .keyvalset {
  width: 50%;
  float: left;
  margin: 0 0 24px 0;
  *zoom: 1;
}
body.idx.details .details-extended .keyvalset:before,
body.idx.details .details-extended .keyvalset:after {
  content: "";
  display: table;
}
body.idx.details .details-extended .keyvalset:after {
  clear: both;
}
body.idx.details .details-extended .keyvalset span,
body.idx.details .details-extended .keyvalset strong {
  padding: 0;
}
body.idx.details .details-extended .keyvalset span {
  padding-right: 30px;
}
body.idx.details .details-extended .keyval {
  clear: left;
  width: 100%;
}
body.idx.details #gallery {
  width: 47.5%;
  margin-left: -47.5%;
  position: relative;
  left: 100%;
  float: left;
  margin-bottom: 24px !important;
  border: 1px solid #cccccc;
}
@media only screen and (max-width: 480px) {
  body.idx.details #gallery {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
body.idx.details #gallery .gallery {
  margin: 0;
  border-bottom: 1px solid #cccccc;
  background: transparent;
}
body.idx.details #gallery .gallery .slide {
  background: transparent;
}
body.idx.details #gallery .carousel {
  margin: 0;
  border: none;
}
body.idx.details #gallery a.btn {
  background: #222;
  border: 1px solid #222;
  box-shadow: none;
  color: #ccc;
}
body.idx.details #gallery a.btn:hover {
  color: #fff;
}
#content .listing.detail p.keyval.strong {
  background: #e7f9e5;
  color: #1b5e10;
  padding: 10px;
  font-size: 20px;
  *zoom: 1;
}
#content .listing.detail p.keyval.strong:before,
#content .listing.detail p.keyval.strong:after {
  content: "";
  display: table;
}
#content .listing.detail p.keyval.strong:after {
  clear: both;
}
#content .listing.detail p.keyval.strong strong {
  font-weight: normal;
  width: auto;
  float: none;
}
#content .listing.detail p.keyval.strong span {
  float: none;
}
#content .listing.detail p.keyval.strong span:before {
  content: " / ";
}
.articleset article .details .keyvalset {
  margin: 0 !important;
}
.articleset article .details .btn.vanilla.save {
  position: absolute;
  top: -67px;
  right: 6px;
  z-index: 999;
}
.articleset article .details .btn.vanilla.save .ico {
  font-size: 20px;
  text-shadow: none;
  color: #fff;
}
.articleset article .details .btn.vanilla.save:hover {
  background: transparent;
}
.articleset article .details .btn.vanilla.save:hover .ico {
  opacity: 1;
}
.articleset article .btnset {
  clear: left;
}
.articleset article.saved .details .btn.vanilla.save .ico {
  color: #ffff99 !important;
  text-shadow: 0 0 1px #000;
  opacity: 1;
  margin: 0;
}
.articleset.flowgrid_x1 article .details .btn.vanilla.save {
  right: auto;
  left: -90px;
  top: 127px;
}
/* Responsiveness
===============================================*/
/* tablet-sized + */
@media only screen and (min-width: 481px) and (max-width: 879px) {
  .tabset ul li,
  .tabset ul li.current {
    margin-right: -1px;
    border-radius: 0;
    font-size: 11px;
  }
  #body .wrap {
    padding: 20px;
  }
  /* detail */
  body.details #gallery,
  body.details .body {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
    margin-bottom: 30px;
  }
}
/* morgan requests: listings results */
.val.proptype {
  display: none;
}
@media only screen and (min-width: 700px) {
  .listing .btnset {
    margin-top: -30px;
  }
}
.btnset .btn .icon-chevron-right {
  opacity: .6;
  margin-left: 5px;
}
/* phone-sized */
@media screen and (max-width: 480px) {
  hgroup.small {
    border-bottom: 0;
  }
  hgroup.small h1 {
    display: block !important;
    text-align: center;
  }
  hgroup.small .btnset {
    text-align: center;
    width: 100%;
  }
  .msg.vanilla.results {
    text-align: center;
  }
  .msg.vanilla.results .nav {
    display: none;
  }
  body.popup #content {
    padding: 0 !important;
  }
  body.popup #content .msg {
    margin: -10px -20px 20px -20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }
  .tabset ul li {
    float: none;
    clear: left;
  }
  .tabset ul li:first-child {
    border-top: none;
  }
  .tabset ul li:last-child {
    border-bottom: none;
  }
  #nav_results {
    display: none;
  }
  body.search hgroup.small a {
    text-decoration: underline !important;
  }
  .toolbar .tabset {
    display: none;
  }
  header #nav_results {
    position: relative;
  }
  header #nav_results li a {
    padding: 0 12px;
  }
  #content {
    padding-left: 0;
    padding-right: 0;
  }
  #content .articleset.flowgrid article {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
    padding-bottom: 20px;
  }
  #feature #quick_search {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
  #feature #quick_search .btnset button {
    display: block;
    width: 100%;
  }
  #content,
  #header-form {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
  #header-form {
    padding-right: 0;
  }
  /* type */
  h1,
  k1.kicker,
  body.details header h1,
  body.details header em {
    font-size: 24px;
    line-height: 20px;
    float: none;
    text-align: center;
    display: block;
  }
  h2,
  k2.kicker,
  body.details header h2,
  body.details header em {
    font-size: 18px;
    line-height: 20px;
    float: none;
    text-align: center;
    display: block;
    margin-bottom: 12px;
  }
  h3,
  k3.kicker,
  body.details header h3,
  body.details header em {
    font-size: 14px;
    line-height: 20px;
    float: none;
    text-align: center;
    display: block;
    margin-bottom: 12px;
  }
  /* idx detail */
  body.details .body,
  body.details #gallery {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
  body.details .body .carousel,
  body.details #gallery .carousel {
    display: none;
  }
  body.details .tabset ul {
    border: 0;
  }
  body.details .tabset li {
    *zoom: 1;
    border-radius: 0;
    border: 0;
  }
  body.details .tabset li:before,
  body.details .tabset li:after {
    content: "";
    display: table;
  }
  body.details .tabset li:after {
    clear: both;
  }
  body.details .tabset li a {
    width: 100%;
    font-weight: normal;
  }
  body.details .tabset li.current {
    border: 0;
  }
  body.details .tabset li.current a {
    font-weight: bold !important;
  }
  body.details .tabset li.current a:before {
    content: "» ";
    font-size: 15px;
    font-weight: normal;
  }
  body.details header {
    margin: 0;
    border: none;
  }
  body.details #content header .keyvalset .keyval {
    padding: 0;
    margin: 0;
    border: none;
    width: 50%;
    float: left;
  }
  body.details #content header .keyvalset .keyval strong,
  body.details #content header .keyvalset .keyval span {
    width: 30%;
    font-size: 12px;
    font-weight: bold;
    clear: none;
    text-align: left;
    padding: 2px 10px 2px 0;
    text-transform: none;
  }
  body.details #content header .keyvalset .keyval span {
    width: 70%;
    text-align: right;
  }
  body.details .body .btnset.grid_12 a.btn {
    clear: left;
    float: none;
    display: block;
    width: 100%;
    left: 0;
    margin-left: 0;
  }
  body.details #content {
    padding-right: 0;
  }
  body.details #content .details-extended .col {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
  body.details header .keyvalset .keyval {
    padding-left: 0;
    padding-right: 15px;
    border-bottom: none !important;
  }
  body.details header .keyvalset .keyval span.ico {
    display: none;
  }
  body.details header .keyvalset .keyval strong {
    font-size: 10px;
    text-align: center;
  }
  body.details header .keyvalset .keyval span {
    font-size: 18px;
    line-height: 20px;
    text-align: center;
  }
  #listing-nextsteps {
    display: none;
  }
}
.pane label {
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
}
#listings-map {
  height: 400px;
  background: #444;
  margin: 0;
  position: relative;
  top: -41px;
}
header p,
header h1 {
  margin: 0;
}
.details-extended {
  margin-left: -20px;
  margin-right: -20px;
}
.details-extended .keyvalset {
  padding: 20px !important;
}
.details-extended .keyval {
  padding: 5px 15px 5px 15px;
  border-top: 1px solid #ebebeb;
}
.details-extended .keyval strong {
  padding-bottom: 0;
}
.details-extended .keyval:nth-child(2n+1) {
  background: #ffffff;
}
.listing.detail .body .keyval .ico {
  color: #669933;
}
.listing.detail .body .keyval strong {
  padding-left: 10px;
}
.listing.detail .body p {
  margin-bottom: 24px;
}
.detail .body .btn {
  display: inline-block;
  font-size: 18px;
  padding: 10px 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#nav_results {
  position: absolute;
  right: 0;
  top: 0;
}
article .btnset .btn,
#quick_search button {
  font: bold 13px "Adelle W01 Regular", serif;
  line-height: 24px;
  text-transform: uppercase;
}
article .photo {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.btn,
button {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.33);
}
#header-form .toggleset {
  max-height: 220px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: #fff;
}
#header-form .toggleset label {
  font: 12px "helvetica neue", arial, sans-serif;
  line-height: 24px;
  text-transform: none;
  color: #333;
  display: block;
  padding: 5px 5px 4px 30px;
  position: relative;
  border-bottom: 1px solid #eee;
}
#header-form .toggleset label input {
  position: absolute;
  left: 5px;
  top: 7px;
}
#header-form .toggleset label:nth-child(2n+2) {
  background: #f9f9f9;
}
#header-form .field > label:first-child:after,
#header-form .field .right label:after {
  float: right;
  opacity: .5;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 18px;
  line-height: 10px;
  height: 10px;
  vertical-align: middle;
}
#header-form .field.closed > label:first-child:after,
#header-form .field .closed .right > label:after {
  top: 5px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* experiment */
.articleset.flowgrid article .details .btn.vanilla.save,
.articleset article .details .btn.vanilla.save {
  background: #ababab !important;
  border-radius: 20px;
  top: -44px;
  right: 15px;
  padding: 4px 8px 0 8px;
  border: 3px solid #fff;
  -webkit-transition: none;
}
.articleset.flowgrid article .details .btn.vanilla.save .ico,
.articleset article .details .btn.vanilla.save .ico {
  font-size: 16px;
  margin: 0;
}
hgroup.small h1 {
  display: inline;
}
.popover .action-close {
  position: absolute;
  right: 0px;
  top: 7px;
  padding: 0 10px 5px 10px;
  text-decoration: none;
  font-weight: bold;
  font-size: 22px;
  color: #999;
}
#header-form .module.testimonials {
  border: none;
  background: transparent;
  padding: 0;
}
#listing-nextsteps {
  clear: both;
  background: #f2f2f2;
  padding-top: 10px;
  text-align: center;
}
#listing-nextsteps a,
#listing-nextsteps h4 {
  font-size: 18px;
}
.keyvalset li {
  border-bottom: 1px solid #d9d9d9;
}
body.popup {
  background: #ffffff;
}
body.popup .wrap {
  padding: 10px 0;
  border: none !important;
}
body.popup #content {
  padding: 20px;
}
.mute,
.mute p {
  color: #ababab;
}
/* override for popups that are NOT in iframes whose content can't be muted */
.mute .window,
.mute .window p {
  color: #666;
}
/* force grid view on phone-sized screens */
@media only screen and (max-width: 480px) {
  #results-message {
    position: relative;
    margin: -20px -20px 20px -20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }
  .articleset article,
  .articleset.flowgrid article {
    margin-bottom: 0;
    padding-bottom: 20px;
  }
  .articleset article header,
  .articleset.flowgrid article header {
    display: none;
  }
  .articleset article .body .photo,
  .articleset.flowgrid article .body .photo,
  .articleset article .body .details,
  .articleset.flowgrid article .body .details {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
  .articleset article ul.keyvalset,
  .articleset.flowgrid article ul.keyvalset {
    text-align: center;
  }
  .articleset article ul.keyvalset .keyval,
  .articleset.flowgrid article ul.keyvalset .keyval {
    border: none;
  }
  .articleset article .body,
  .articleset.flowgrid article .body {
    text-align: center;
  }
  .articleset article .body .photo,
  .articleset.flowgrid article .body .photo {
    width: 100%;
    margin-left: -100%;
    position: relative;
    left: 100%;
    float: left;
    margin-bottom: 20px;
  }
  .articleset article .body .val.proptype,
  .articleset.flowgrid article .body .val.proptype {
    display: block;
  }
  .articleset article .body .details,
  .articleset.flowgrid article .body .details {
    width: 100%;
    margin-left: -100%;
    position: relative;
    left: 100%;
    float: left;
    text-align: center;
    clear: left;
  }
  .articleset article .body .details .val,
  .articleset.flowgrid article .body .details .val {
    text-align: center;
  }
  .articleset article .body .details .btn.vanilla.save,
  .articleset.flowgrid article .body .details .btn.vanilla.save {
    left: auto;
    right: 15px;
    top: -44px;
  }
  .articleset article .body .description,
  .articleset.flowgrid article .body .description {
    display: none;
  }
  .articleset article .btnset,
  .articleset.flowgrid article .btnset {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
    clear: both;
  }
  .articleset article .btnset .btn,
  .articleset.flowgrid article .btnset .btn {
    display: block;
  }
  .articleset article footer,
  .articleset.flowgrid article footer {
    position: relative;
    clear: both;
    bottom: auto;
  }
  .networks {
    text-align: center;
  }
  body.login h1 {
    margin: 0;
  }
  body.login form {
    margin: 0;
  }
  body.login button {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) and only screen and (max-width: 480px) {
  .articleset article .body .photo,
  .articleset.flowgrid article .body .photo {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (max-width: 480px) and only screen and (max-width: 480px) {
  .articleset article .body .details,
  .articleset.flowgrid article .body .details {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
body * {
  -webkit-text-size-adjust: none;
}
body {
  background: #ffffff;
}
/* use to center */
::-webkit-input-placeholder {
  color: #444;
}
:-moz-placeholder {
  /* Firefox 18- */

  color: #444;
}
::-moz-placeholder {
  /* Firefox 19+ */

  color: #444;
}
:-ms-input-placeholder {
  color: #444;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
 // text-transform: uppercase;
  font-size: 26px;
  line-height: 31px;
  color: #444;
  padding: 0 0 5px 0;
  margin: 0 0 20px 0;
}
h1.small {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-size: 26px;
  letter-spacing: 0;
  color: #444;
  padding: 10px 0 0 0;
  margin: 0 0 20px 0;
  border: none;
  text-transform: none;
}
h2 {
  font-size: 16px;
  margin-bottom: 0px;
}
h3 {
  font-size: 13px;
  margin-bottom: 0px;
}
h4 {
  font-size: 13px;
  margin-bottom: 0px;
}
h5 {
  font-size: 11px;
  margin-bottom: 0px;
}
h6 {
  font-size: 10px;
  margin-bottom: 0px;
}
a {
  color: #666;
}
#page {
  width: 100%;
}
.wrap {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  *zoom: 1;
}
.wrap:before,
.wrap:after {
  content: "";
  display: table;
}
.wrap:after {
  clear: both;
}
#body {
  *zoom: 1;
  position: relative;
}
#body:before,
#body:after {
  content: "";
  display: table;
}
#body:after {
  clear: both;
}
#head {
  background-image: none;
  padding: 30px 0px 0px 0px;
  *zoom: 1;
  position: relative;
  height: auto;
  border-bottom: 1px solid #4F4F4F;
}
#head:before,
#head:after {
  content: "";
  display: table;
}
#head:after {
  clear: both;
}
#head .wrap {
  *zoom: 1;
  min-height: 83px;
}
#head .wrap:before,
#head .wrap:after {
  content: "";
  display: table;
}
#head .wrap:after {
  clear: both;
}
#head #logo {
  float: left;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  font-weight: 400;
  font-size: 22px;
}
#head #logo a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0px 0px 0px 0px;
  color: #fff;
  font-size: 28px;
}
#head #logo a em {
  font-style: normal;
  color: #bbbbbb;
  font-size: 21px;
}
#head .social-share {
  position: absolute;
  width: auto;
  display: inline-block;
  right: 183px;
  top: -3px;
}
#head .social-share .webicon:hover {
  opacity: .9;
}
#head nav.horizontal {
  z-index: 99999;
  width: auto;
  float: left;
  clear: none;
  margin-top: 0;
  margin-bottom: 0px;
  padding-left: 0;
  height: 50px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: auto;
  /* suckerfish */

}
#head nav.horizontal h4 {
  display: none;
}
#head nav.horizontal ul {
  width: 100%;
  line-height: 1em;
  margin-right: 10px;
}
#head nav.horizontal li {
  margin: 0px 32px 0px 0px;
  padding-bottom: 0px;
}
#head nav.horizontal li a {
  z-index: 9999999;
  float: left;
  height: 50px;
  text-decoration: none;
  text-align: left;
  color: #afafaf;
  display: block;
  padding: 4px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
}
#head nav.horizontal li a:hover {
  color: #fff;
}
#head nav.horizontal li.current {
  border: none;
}
#head nav.horizontal li.current a {
  color: #fff;
}
#head nav.horizontal li.current a:hover {
  color: #fff;
}
#head nav.horizontal li:last-child {
  margin-right: 0px;
}
#head nav.horizontal li {
  text-align: left;
  position: relative;
  overflow: visible;
}
#head nav.horizontal li div {
  position: absolute;
  background: rgba(255, 255, 255, 0.95);
  z-index: 999;
  top: 100%;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 400px;
  left: -9999px;
  z-index: 9999;
  border-right: solid 2px #999999;
  border-left: solid 2px #999999;
  -webkit-box-shadow: 1px 1px 1px 1px #999999;
  box-shadow: 1px 1px 1px 1px #999999;
  margin-left: -55px;
}
#head nav.horizontal li div a {
  color: black !important;
}
#head nav.horizontal li div h4 {
  position: relative;
  left: 0px;
  color: #ffffff;
  text-shadow: none;
  font-size: 16px;
  line-height: 20px;
  padding: 15px 0px 10px 0px;
  font-weight: normal;
  font-family: 'lucida grande', 'ms trebuchet', trebuchet, sans-serif;
}
#head nav.horizontal li ul {
  float: left;
  width: 100%;
  padding-right: 0px;
  margin-right: 0px;
  padding-bottom: 30px;
  border-top: none;
}
#head nav.horizontal li ul li.current {
  margin: 0px;
}
#head nav.horizontal li ul li,
#head nav.horizontal li ul li:hover {
  display: block;
  margin: 0px 0px 0px 0px;
  border-right: none;
  width: 100%;
}
#head nav.horizontal li ul li a,
#head nav.horizontal li ul li:hover a {
  display: block;
  padding: 10px 10px 10px 10px;
  border: none;
  font-size: 12px;
  line-height: 1em;
  text-transform: none;
  text-shadow: none;
  border-bottom: none;
  text-align: center;
  text-transform: uppercase;
  width: 33%;
  min-height: 44px;
  height: auto;
}
#head nav.horizontal li ul li a:hover,
#head nav.horizontal li ul li:hover a:hover {
  color: #FF0D0D !important;
  color: #FF0D0D;
  text-decoration: none;
}
#head nav.horizontal li ul li a:before,
#head nav.horizontal li ul li:hover a:before {
  content: "";
}
#head nav.horizontal li:hover div {
  left: -90px;
  z-index: 9999;
}
#tagline {
  position: absolute;
  top: -10px;
  right: 0px;
  width: 225px;
  height: 30px;
}
#tagline ul {
  background-size: cover;
  list-style: none;
  margin: 0px auto;
  padding: 0;
  display: table;
  width: 100%;
  line-height: 30px;
}
#tagline li {
  float: left;
  margin-left: 2%;
  padding-left: 2%;
  width: 37%;
  text-align: center;
}
#tagline li a {
  display: block;
  text-transform: uppercase;
  color: #f4f0eb;
  text-decoration: none;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
}
#tagline li a:hover {
  color: #fff;
  text-decoration: underline;
}
#tagline li em {
  float: none;
  margin-top: 0px;
  font-style: normal;
  text-transform: uppercase;
  font-size: 9px;
  line-height: 27px;
  font-family: arial;
  color: #b3b3b3;
  text-decoration: underline;
  display: block;
}
#tagline li.register {
  margin-left: 4%;
}
#tagline li.sign-in {
  margin-right: 4%;
}
#tagline li.tween {
  width: 13%;
  font-weight: bold;
}
.logged-in #tagline li {
  float: left;
  margin-left: 1%;
  padding-left: 0%;
  width: 57%;
  text-align: center;
}
.logged-in #tagline li + .logout {
  width: 35%;
}
#feature {
  *zoom: 1;
  position: relative;
  overflow: hidden;
  min-height: 439px;
  margin-bottom: 0px;
}
#feature:before,
#feature:after {
  content: "";
  display: table;
}
#feature:after {
  clear: both;
}
#feature .quicksearch {
  /*#field-price{
	    .brewCol(4, 4, 12, 5.5%);
	  }*/

}
#feature .quicksearch h2 {
  color: #f0f4f7;
  font-size: 32px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  padding: 40px 0px 20px 0px;
}
#feature .quicksearch form {
  margin-bottom: 0px;
}
#feature .quicksearch form .field input,
#feature .quicksearch form .field select {
  font-size: 12px;
  line-height: 17px;
  color: #444;
  padding: 5px;
}
#feature .quicksearch label {
  color: #999999;
  font-size: 15px;
  text-transform: uppercase;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
}
#feature .quicksearch #field-location {
  width: 25%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #feature .quicksearch #field-location {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#feature .quicksearch #field-rooms {
  width: 21.25%;
  margin-left: -47.5%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #feature .quicksearch #field-rooms {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#feature .quicksearch #field-hoods {
  width: 20.875%;
  margin-left: -73.625%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #feature .quicksearch #field-hoods {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#feature .quicksearch #field-price_high {
  width: 23.5%;
  margin-left: -23.5%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #feature .quicksearch #field-price_high {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#feature .quicksearch .left,
#feature .quicksearch .right,
#feature .quicksearch .min,
#feature .quicksearch .max {
  width: 46%;
}
#feature .quicksearch .pair .right {
  margin-left: -46%;
}
#feature .quicksearch .range .tween {
  width: 4%;
  margin-left: -50%;
  color: #fff;
}
#feature .quicksearch .btnset {
  width: 6.5%;
  margin-left: -6.5%;
  position: relative;
  left: 100%;
  float: left;
  clear: none;
  padding: 23px 0px 0px 0px;
}
@media only screen and (max-width: 480px) {
  #feature .quicksearch .btnset {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#feature .quicksearch .btnset button {
  text-transform: uppercase;
  padding: 3px 12px 3px 12px;
}
#feature .slideset {
  position: relative;
  width: 3000em;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}
#feature .notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
#feature .next,
#feature .prev {
  background: #5b5c5c;
  color: #272625;
  padding: 0px 10px;
  text-decoration: none;
  border-radius: 80px;
  line-height: 26px;
}
#feature .next:hover,
#feature .prev:hover {
  background: #80a800;
  color: #272625;
}
#feature .next {
  position: absolute;
  bottom: 67%;
  right: -31px;
  z-index: 999;
}
#feature .prev {
  position: absolute;
  bottom: 67%;
  left: -33px;
  z-index: 999;
}
#feature .listings .wrap {
  position: relative;
  z-index: 998;
  background: none;
  border: none;
  padding: 0px;
  width: 100%;
  overflow: hidden !important;
  padding-top: 0px;
}
#feature .listings .wrap .slide {
  width: 217px;
  margin-right: 30px;
  float: left;
}
#feature .listings .wrap .slide .photo {
  max-height: 129px;
  border: 4px solid #4D4D4D;
  padding: 0;
  margin-bottom: 10px;
  overflow: hidden;
}
#feature .listings .wrap .slide .details {
  min-height: 80px;
  position: relative;
}
#feature .listings .wrap .slide .details span {
  display: block;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  text-align: left;
}
#feature .listings .wrap .slide .details .address {
  float: left;
  font-size: 13px;
  width: 63%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  color: #ffffff;
}
#feature .listings .wrap .slide .details .price {
  float: right;
  color: #ff0d0d;
  font-size: 15px;
}
#feature .listings .wrap .slide .details .basics {
  color: #ff0d0d;
}
#feature .listings .wrap .slide .details .basic,
#feature .listings .wrap .slide .details .city {
  font-size: 12px;
  line-height: 20px;
  color: #858585;
  clear: left;
  letter-spacing: 0px;
}
#feature .listings .wrap .slide .details .basic {
  padding-right: 20%;
}
#feature .listings .wrap .slide .details .more {
  position: absolute;
  top: 45px;
  right: 10px;
  padding: 0px 10px;
  text-indent: -9999em;
  text-decoration: none;
  line-height: 1em;
  width: 26px;
  height: 26px;
  background: url(/inc/skins/pt-1r/css/../img/mag-glass.png) no-repeat center center #5b5c5c;
  background-size: 12px 12px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  -ms-border-radius: 80px;
  border-radius: 80px;
}
#feature .listings .wrap .slide .details .more:hover {
  background-color: #80a800;
}
#feature .listings .wrap .slide .data-provider {
  line-height: normal;
  margin-bottom: 0;
  color: #858585;
}
#feature .listings .wrap .slide .data-provider dd {
  margin-bottom: 0;
}
#feature-two {
  padding-top: 24px;
}
.no-fl.no-qs #feature {
  display: none;
}
.no-fl #feature {
  min-height: 1px;
}
.no-fl #feature .wrap {
  padding-bottom: 20px;
}
.no-qs #feature {
  min-height: 1px;
}
.no-qs #feature .wrap {
  padding-bottom: 0px;
}
#body {
  padding-top: 0px;
}
#content {
  width: 56.76900833333333%;
  margin-left: -82.70760333333334%;
  left: 100%;
  float: left;
  position: relative;
  /* gah -- webkit miscalculates the total width?? jagged edges in middle instead of end w/ float: right */

  /* @TODO: .oZ (@i) when (@i > -1)*/

  /* improve this later, extra col should be in the val (span) */

  padding: 50px 10px 40px 20px;
  *zoom: 1;
}
@media only screen and (max-width: 480px) {
  #content {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content:before,
#content:after {
  content: "";
  display: table;
}
#content:after {
  clear: both;
}
#content .x12 {
  width: 100%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #content .x12 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .x11 {
  width: 91.39073333333333%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #content .x11 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .x10 {
  width: 82.78146666666667%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #content .x10 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .x9 {
  width: 74.1722%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #content .x9 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .x8 {
  width: 65.56293333333333%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #content .x8 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .x7 {
  width: 56.95366666666666%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #content .x7 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .x6 {
  width: 48.3444%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #content .x6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .x5 {
  width: 39.73513333333334%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #content .x5 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .x4 {
  width: 31.125866666666667%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #content .x4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .x3 {
  width: 22.5166%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #content .x3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .x2 {
  width: 13.907333333333334%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #content .x2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .x1 {
  width: 5.298066666666667%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #content .x1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .pFirst {
  clear: left !important;
}
#content .pLast {
  margin-right: 0 !important;
}
#content .o0 {
  margin-left: -100%;
  left: 100%;
  position: relative;
  clear: left;
}
@media only screen and (max-width: 480px) {
  #content .o0 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .o13 {
  margin-left: 11.92046666666667%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  #content .o13 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .o12 {
  margin-left: 3.3111999999999995%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  #content .o12 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .o11 {
  margin-left: -5.298066666666671%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  #content .o11 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .o10 {
  margin-left: -13.907333333333327%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  #content .o10 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .o9 {
  margin-left: -22.516599999999997%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  #content .o9 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .o8 {
  margin-left: -31.125866666666667%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  #content .o8 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .o7 {
  margin-left: -39.73513333333334%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  #content .o7 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .o6 {
  margin-left: -48.3444%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  #content .o6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .o5 {
  margin-left: -56.95366666666666%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  #content .o5 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .o4 {
  margin-left: -65.56293333333333%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  #content .o4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .o3 {
  margin-left: -74.1722%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  #content .o3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .o2 {
  margin-left: -82.78146666666666%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  #content .o2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .o1 {
  margin-left: -91.39073333333333%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  #content .o1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .last {
  margin-right: 0;
}
#content .first {
  clear: left;
}
#content .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
}
#content .video-pleft {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
  float: left;
  width: 50%;
  height: auto;
  margin: 0 3.3112% 24px 0;
  padding-bottom: 28.13%;
}
#content .video-pleft iframe,
#content .video-pleft object,
#content .video-pleft embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#content .video-pright {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
  float: right;
  width: 50%;
  height: auto;
  margin: 0 0 24px 3.3112%;
  padding-bottom: 28.13%;
}
#content .video-pright iframe,
#content .video-pright object,
#content .video-pright embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#content .video iframe,
#content .video-pright iframe,
#content .video-pleft iframe,
#content .video object,
#content .video-pright object,
#content .video-pleft object,
#content .video embed,
#content .video-pright embed,
#content .video-pleft embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#content .pleft {
  margin: 0 3.3112% 24px 0;
  float: left;
}
#content .pright {
  margin: 0 0 24px 3.3112%;
  float: right;
}
#content .flowgrid {
  *zoom: 1;
  clear: both;
}
#content .flowgrid:before,
#content .flowgrid:after {
  content: "";
  display: table;
}
#content .flowgrid:after {
  clear: both;
}
#content .flowgrid > article,
#content .flowgrid > li,
#content .flowgrid > label,
#content .flowgrid > div {
  float: left;
  width: 31.125866666666667%;
  margin-right: 3.3112%;
}
#content .flowgrid > article:nth-child(3n+3),
#content .flowgrid > li:nth-child(3n+3),
#content .flowgrid > label:nth-child(3n+3),
#content .flowgrid > div:nth-child(3n+3) {
  margin-right: 0;
}
@media only screen and (max-width: 480px) {
  #content .flowgrid > article,
  #content .flowgrid > li,
  #content .flowgrid > label,
  #content .flowgrid > div {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#content .keyval strong {
  width: 48.3444%;
}
#content .keyval span {
  width: 48.3444%;
}
#content .keyval strong,
#content .keyval span {
  word-wrap: break-word;
}
@media only screen and (max-width: 480px) {
  #content .pright,
  #content pleft {
    float: none;
    display: block;
    text-align: center;
  }
  #content .video,
  #content .video-pleft,
  #content .video-pright {
    float: none;
    width: auto;
    position: relative;
    padding-bottom: 56.25%;
  }
}
#content:before,
#content:after {
  content: "";
  display: table;
}
#content:after {
  clear: both;
}
#content #toggle-navigation {
  display: none;
}
#content .grid_12 .x6,
#content form .x6 {
  width: 47.5%;
  float: left;
  clear: none;
  margin-right: 5%;
}
#content .grid_12 .x6.last,
#content form .x6.last {
  margin-right: 0px;
}
#content .grid_12 .x3,
#content form .x3 {
  width: 21.25%;
  margin-right: 5%;
  float: left;
}
#content .grid_12 .x12 {
  width: 100%;
}
#sidebar {
  width: 16.666666666666668%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
  border-right: 1px solid #CCC;
  min-height: 200px;
  padding-top: 30px;
}
@media only screen and (max-width: 480px) {
  #sidebar {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#sidebar h4 {
  font-size: 13px;
  line-height: 14px;
  text-transform: uppercase;
  color: #ddd;
  padding: 11px 10px 8px 15px;
  margin-bottom: 0px;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  background: #444444;
  border-bottom: 1px solid #666;
}
#sidebar .module.nav {
  padding: 0px;
  border: none;
}
#sidebar .module.nav li {
  border-color: #d5d5d5;
}
#sidebar .module.nav li a {
  padding: 7px 10px 7px 10px;
  color: #6b6b6b;
  font-size: 11px;
  line-height: 16px;
  font-family: Arial;
}
#sidebar .module.nav li a:hover {
  background: #d5d5d5;
}
#sidebar .module.nav li ul {
  background: #d5d5d5;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-top: 1px solid #afafaf;
}
#sidebar .module.nav li ul li {
  border-bottom: 1px solid #afafaf !important;
}
#sidebar .module.nav li ul li a {
  padding-left: 15px;
  display: block;
}
#sidebar .module.nav li.current > a {
  background: #bcbcbc;
  font-weight: normal;
}
#sidebar .module.nav li a:before {
  content: "";
}
.communities-nav {
  background: #d5d5d5;
  border: 1px solid #c6c6c6;
  overflow: hidden;
  padding: 20px;
}
.communities-nav h4 {
  color: #ddd;
  text-transform: uppercase;
}
.communities-nav .nav li {
  border: none;
}
.communities-nav .nav li a {
  color: #ddd;
  padding: 0px 10px;
  font-size: 11px;
  text-transform: uppercase;
}
.communities-nav .nav li:odd {
  background: #d5d5d5;
}
.communities-nav .nav li:nth-child(even) {
  background: #cbcbcb;
}
#secondary {
  width: 23.684215%;
  margin-left: -23.684214999999995%;
  position: relative;
  left: 100%;
  float: left;
  padding-top: 30px;
}
@media only screen and (max-width: 480px) {
  #secondary {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#secondary #agent-feature,
#secondary #mobile-cta {
  background: #322f2f;
  text-align: center;
  padding: 25px 10px 30px 10px;
  margin-bottom: 25px;
}
#secondary #agent-feature .photo,
#secondary #mobile-cta .photo {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
#secondary #agent-feature h2,
#secondary #mobile-cta h2 {
  overflow: hidden;
  color: #9b9393;
  font-family: 'Open Sans', sans-serif;
  margin: 0px;
  line-height: 14px;
}
#secondary #agent-feature h2 em,
#secondary #mobile-cta h2 em {
  position: relative;
  display: block;
  width: 72%;
  margin: 5px auto 5px auto;
  padding: 0px 5px;
  background: #322f2f;
  font-style: normal;
  text-transform: uppercase;
  font-size: 12px;
}
#secondary #agent-feature h2 em:before,
#secondary #mobile-cta h2 em:before,
#secondary #agent-feature h2 em:after,
#secondary #mobile-cta h2 em:after {
  border-top: 3px double #787676;
  content: "";
  position: absolute;
  top: 5px;
  right: 100%;
  bottom: 0;
  width: 80%;
}
#secondary #agent-feature h2 em:after,
#secondary #mobile-cta h2 em:after {
  position: absolute;
  top: 5px;
  left: 100%;
  right: 0;
  bottom: 0;
}
#secondary #agent-feature h3,
#secondary #mobile-cta h3 {
  color: #ffffff;
  margin: 0px 0px 15px 0px;
  padding: 0px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  text-shadow: 2px 2px 2px #333;
}
#secondary #agent-feature p,
#secondary #mobile-cta p {
  color: #9b9393;
  font-family: Arial;
  font-size: 11px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}
#secondary #agent-feature hr,
#secondary #mobile-cta hr {
  padding: 0px;
  margin: 0px 0px 15px 0px;
  height: 10px;
  border-top: 3px double #787676;
}
#secondary #agent-feature a.rewbtn.strong,
#secondary #mobile-cta a.rewbtn.strong {
  display: block;
  padding: 5px;
  margin: 0px auto;
  width: 60%;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #f30000;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#ff0d0d), to(#f30000));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #ff0d0d, #f30000);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #ff0d0d, #f30000);
  /* for ie 10+ */

  background: linear-gradient(#ff0d0d, #f30000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f30000, endColorstr=#f30000, GradientType=0);
  /* IE6-9 */

  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  line-height: 1.4em;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
}
#secondary #agent-feature a.rewbtn.strong i,
#secondary #mobile-cta a.rewbtn.strong i {
  font-style: normal;
  color: #fff;
}
#secondary #agent-feature a.rewbtn.strong:hover,
#secondary #mobile-cta a.rewbtn.strong:hover {
  background: #ff0d0d;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#ff0303), to(#ff0d0d));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #ff0303, #ff0d0d);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #ff0303, #ff0d0d);
  /* for ie 10+ */

  background: linear-gradient(#ff0303, #ff0d0d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0303, endColorstr=#ff0d0d, GradientType=0);
  /* IE6-9 */

}
#ctas {
  clear: both;
  margin-bottom: 20px;
  width: 83.33333333333334%;
  margin-left: -83.33333333333333%;
  position: relative;
  left: 100%;
  float: left;
  background: url(/inc/skins/pt-1r/css/../img/cta-texture.jpg) repeat 0 0;
}
@media only screen and (max-width: 480px) {
  #ctas {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#ctas h3 {
  position: relative;
  line-height: 1.5em;
  color: #4c4c4c;
  padding: 30px 5px 20px 5px;
  margin: 0px 10px 0px 10px;
  overflow: hidden;
}
#ctas h3 span {
  position: relative;
  overflow: hidden;
  padding: 0px 5px 5px 5px;
}
#ctas h3 em {
  display: block;
  font-style: normal;
  font-family: 'Open Sans', sans-serif;
  font-size: 30px;
  padding-top: 5px;
  color: #f4f4f4;
}
#ctas h3 span:before,
#ctas h3 span:after {
  border-top: 4px double #7b7979;
  content: "";
  position: absolute;
  top: 5px;
  right: 100%;
  bottom: 0;
  width: 80%;
}
#ctas h3 span:after {
  position: absolute;
  top: 5px;
  left: 100%;
  right: 0;
  bottom: 0;
}
#ctas p {
  color: #616161;
  font: 11px/18px 'Open Sans', sans-serif;
  font-style: normal;
  padding: 0px 30px 0px 30px;
}
#ctas #sign-up {
  position: relative;
  float: left;
  display: block;
  background: url(/inc/skins/pt-1r/css/../img/sign-up.png) no-repeat center center #3f6f02;
  min-height: 190px;
  height: 100%;
  min-width: 30px;
  width: 4%;
}
#ctas #sign-up:hover {
  background: url(/inc/skins/pt-1r/css/../img/sign-up.png) no-repeat center center #315602;
}
#ctas #sign-up:after {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#ctas #sign-up:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #3f6f02;
  border-width: 10px;
  top: 50%;
  margin-top: -20px;
}
#ctas #sign-up:hover:after {
  border-left-color: #315602;
}
#ctas #save-favorite,
#ctas #save-listing,
#ctas #receive-listings {
  float: left;
  display: block;
  width: 32%;
  min-height: 190px;
  text-align: center;
  text-decoration: none;
  border-right: solid 1px #fff;
  overflow: hidden;
}
#ctas #save-favorite:hover,
#ctas #save-listing:hover,
#ctas #receive-listings:hover {
  background: url(/inc/skins/pt-1r/css/../img/cta-hover.png) repeat 0 0;
}
#ctas #receive-listings {
  border: none;
}
.pagination a,
.pagination.nums a {
  color: #333;
  text-shadow: none;
  border-color: #999;
}
.pagination a.current,
.pagination.nums a.current {
  background: #cccccc;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#ccccbb), to(#ccccbb));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #ccccbb, #ccccbb);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #ccccbb, #ccccbb);
  /* for ie 10+ */

  background: linear-gradient(#ccccbb, #ccccbb);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e2e2d8, endColorstr=#cccccc, GradientType=0);
  color: #333;
  border: 1px solid #999 !important;
  font-weight: normal;
}
.communities-nav ul {
  float: left;
  width: 33%;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.articleset.flowgrid article .body .photo,
.articleset article .body .photo {
  padding: 0px;
}
.articleset.flowgrid article .body .details,
.articleset article .body .details {
  text-align: left;
}
.articleset.flowgrid article .body .details > li,
.articleset article .body .details > li,
.articleset.flowgrid article .body .details p,
.articleset article .body .details p,
.articleset.flowgrid article .body .details a,
.articleset article .body .details a {
  text-align: left;
  font-family: 'Open Sans', sans-serif;
}
.articleset.flowgrid article .body .details h4,
.articleset article .body .details h4 {
  font: 16px/24px 'Open Sans', sans-serif;
}
.articleset.flowgrid article .body .details h4 a,
.articleset article .body .details h4 a {
  color: #444;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  text-transform: none;
}
.articleset.flowgrid article .body .details ul.keyvalset,
.articleset article .body .details ul.keyvalset {
  text-align: left;
  font-size: 14px;
}
.articleset.flowgrid article .body .details li.keyval.acres,
.articleset article .body .details li.keyval.acres {
  text-align: left;
  font-size: 14px;
}
.articleset.flowgrid article .body .details .val,
.articleset article .body .details .val {
  text-align: left;
  font-weight: normal;
}
.articleset.flowgrid article .body .details .btn.vanilla.save,
.articleset article .body .details .btn.vanilla.save {
  background: none !important;
  border: none;
  margin-top: 45px;
  padding: 0px;
  right: 0px;
}
.articleset.flowgrid article .body .details .btn.vanilla.save .icon,
.articleset article .body .details .btn.vanilla.save .icon {
  color: #666;
}
.articleset.flowgrid article.listing.saved .body .details .btn.vanilla.save .icon {
  color: #EFCE4A;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.idx.details .btn.save .ico {
  background: url(/img/rewidx-sprites.png) no-repeat 0 0;
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  margin: 1px 5px 0px 0px;
}
.idx.details .saved .btn.save .ico {
  background-position: 0 -40px;
}
.articleset article header h4 {
  padding: 0px;
  line-height: 1.3em;
}
.articleset.flowgrid_x1 article .details .btn.vanilla.save {
  left: 145px;
  top: 120px;
}
body.idx #listings-map,
body.idx-map #listings-map,
.blog #listings-map,
.directory #listings-map {
  margin: 0;
}
body.idx #body .wrap,
body.idx-map #body .wrap,
.blog #body .wrap,
.directory #body .wrap {
  padding-left: 10px;
}
body.idx #content,
body.idx-map #content,
.blog #content,
.directory #content {
  width: 75%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
  padding-top: 30px;
  padding-left: 0px;
  padding-right: 37px;
}
@media only screen and (max-width: 480px) {
  body.idx #content,
  body.idx-map #content,
  .blog #content,
  .directory #content {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
body.idx #content .articleset.flowgrid_x1 article,
body.idx-map #content .articleset.flowgrid_x1 article,
.blog #content .articleset.flowgrid_x1 article,
.directory #content .articleset.flowgrid_x1 article {
  border-bottom: solid 1px #ccc;
}
body.idx #content .articleset.flowgrid_x1 article header h4 a,
body.idx-map #content .articleset.flowgrid_x1 article header h4 a,
.blog #content .articleset.flowgrid_x1 article header h4 a,
.directory #content .articleset.flowgrid_x1 article header h4 a {
  color: #444;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  text-transform: none;
}
body.idx #content .articleset.flowgrid_x1 article .photo,
body.idx-map #content .articleset.flowgrid_x1 article .photo,
.blog #content .articleset.flowgrid_x1 article .photo,
.directory #content .articleset.flowgrid_x1 article .photo {
  width: 32%;
}
body.idx #content .articleset.flowgrid_x1 article .body .details li.keyval.acres span,
body.idx-map #content .articleset.flowgrid_x1 article .body .details li.keyval.acres span,
.blog #content .articleset.flowgrid_x1 article .body .details li.keyval.acres span,
.directory #content .articleset.flowgrid_x1 article .body .details li.keyval.acres span,
body.idx #content .articleset.flowgrid_x1 article .body .details li.keyval.acres strong,
body.idx-map #content .articleset.flowgrid_x1 article .body .details li.keyval.acres strong,
.blog #content .articleset.flowgrid_x1 article .body .details li.keyval.acres strong,
.directory #content .articleset.flowgrid_x1 article .body .details li.keyval.acres strong {
  font-size: 15px;
}
body.idx #sidebar,
body.idx-map #sidebar,
.blog #sidebar,
.directory #sidebar {
  width: 25%;
  margin-left: -25%;
  position: relative;
  left: 100%;
  float: left;
  padding-right: 0px;
  border: none;
}
@media only screen and (max-width: 480px) {
  body.idx #sidebar,
  body.idx-map #sidebar,
  .blog #sidebar,
  .directory #sidebar {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
body.idx #sidebar form,
body.idx-map #sidebar form,
.blog #sidebar form,
.directory #sidebar form {
  padding-top: 5px !important;
}
body.idx #sidebar form .btnset,
body.idx-map #sidebar form .btnset,
.blog #sidebar form .btnset,
.directory #sidebar form .btnset {
  padding: 0px;
}
body.idx #sidebar form .btnset button,
body.idx-map #sidebar form .btnset button,
.blog #sidebar form .btnset button,
.directory #sidebar form .btnset button {
  font-size: 16px;
  text-shadow: -1px -1px #444444;
}
body.idx #secondary,
body.idx-map #secondary,
.blog #secondary,
.directory #secondary {
  display: none;
}
body.idx .articleset.flowgrid article .body .details .val.proptype,
body.idx-map .articleset.flowgrid article .body .details .val.proptype,
.blog .articleset.flowgrid article .body .details .val.proptype,
.directory .articleset.flowgrid article .body .details .val.proptype,
body.idx .listing .body ul li.keyval,
body.idx-map .listing .body ul li.keyval,
.blog .listing .body ul li.keyval,
.directory .listing .body ul li.keyval {
  font-size: 12px;
}
body.idx .articleset.flowgrid article .body .details .val.proptype strong,
body.idx-map .articleset.flowgrid article .body .details .val.proptype strong,
.blog .articleset.flowgrid article .body .details .val.proptype strong,
.directory .articleset.flowgrid article .body .details .val.proptype strong,
body.idx .listing .body ul li.keyval strong,
body.idx-map .listing .body ul li.keyval strong,
.blog .listing .body ul li.keyval strong,
.directory .listing .body ul li.keyval strong {
  font-size: 12px;
}
body.idx .articleset.flowgrid article .body .details .val.adr,
body.idx-map .articleset.flowgrid article .body .details .val.adr,
.blog .articleset.flowgrid article .body .details .val.adr,
.directory .articleset.flowgrid article .body .details .val.adr {
  position: absolute;
  top: 34px;
}
body.idx .articleset.flowgrid article .body .details ul.keyvalset,
body.idx-map .articleset.flowgrid article .body .details ul.keyvalset,
.blog .articleset.flowgrid article .body .details ul.keyvalset,
.directory .articleset.flowgrid article .body .details ul.keyvalset {
  margin-top: 24px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toolbar {
  background: none;
  border: none;
}
.toolbar .tabset {
  padding-left: 0px;
}
.tabset.pills ul li.current a {
  background: #eeeeee;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#eeeeee));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #cccccc, #eeeeee);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #cccccc, #eeeeee);
  /* for ie 10+ */

  background: linear-gradient(#cccccc, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6e6e6, endColorstr=#eeeeee, GradientType=0);
}
.msg.vanilla.results {
  border-bottom: solid 1px #ccc;
  margin-bottom: 0px;
}
body.idx.details .window header {
  background: #000000;
}
body.idx.details .window header h4 {
  color: #fff;
}
body.idx.details .window > header .btnset .btn {
  color: #fff;
}
body.idx.details header .keyvalset .keyval strong {
  font-family: arial;
  margin-bottom: 4px;
}
body.idx.details header .keyvalset .keyval span {
  font-family: 'Open Sans', sans-serif;
  letter-spacing: -1px;
  font-size: 28px;
  color: #444;
  font-weight: normal;
}
body.idx.details #gallery a.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  background-color: #555;
  padding: 0px 40px;
  border: none;
  color: #fff;
  text-transform: uppercase;
}
body.idx.details #content {
  width: 100%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
  padding-top: 20px;
}
@media only screen and (max-width: 480px) {
  body.idx.details #content {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
body.idx.details #content #nav_results ul li a {
  color: #444;
  font-weight: normal;
  font-size: 13px;
}
body.idx.details #content .nav.horizontal {
  overflow: hidden;
  margin: 0px;
}
body.idx.details #content .nav.horizontal ul {
  float: left;
}
body.idx.details #content .nav.horizontal ul li a {
  color: #fff;
  font-weight: normal;
  font-size: 11px;
}
body.idx.details #content body.idx.details #listing-nextsteps {
  padding: 5px 0px;
  margin-bottom: 24px !important;
}
body.idx.details #content .body .btn {
  display: inline-block;
  margin-right: 1.93%;
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
}
body.idx.details #content .body .btn:nth-child(2),
body.idx.details #content .body .btn:nth-child(4) {
  display: none;
}
body.idx.details #content .details-extended {
  border: 1px solid #ccc;
  padding-top: 0;
  margin-left: 0px;
  margin-right: 0px;
}
body.idx.details #content .details-extended h3 {
  font-size: 16px;
}
body.idx.details #content .details-extended .col {
  float: left;
  width: 50%;
}
body.idx.details #content .details-extended ul li {
  border-bottom: solid 1px #ccc;
}
body.idx.details #content .details-extended .keyvalset {
  width: 100%;
}
body.idx.details #content .details-extended .keyval {
  padding-left: 0px;
}
body.idx.details #content .details-extended .keyval strong {
  font-weight: normal;
}
body.idx.details #content .details-extended .keyval:nth-child(2n+1) {
  background: none;
}
body.idx.details #content .details-extended .keyvalset span {
  word-wrap: break-word;
}
body.idx.details #sidebar {
  display: none;
}
body.idx,
body.idx-map,
.directory,
body.blog {
  background-position: 0px -448px;
}
.mls-disclaimer {
  border-color: #ccc;
  clear: left;
}
body.idx.details header {
  border-color: #ccc;
}
body.idx.details header .keyvalset .keyval {
  border-color: #ccc;
}
body.idx.details #content {
  padding-right: 0px;
}
body.idx.details #gallery {
  border-color: #ccc;
}
body.idx.details #gallery .btnset {
  top: 0px;
  right: 0px;
  padding: 0px;
  border-radius: 0;
}
body.idx.details #listing-nextsteps,
body.idx.details .carousel {
  background: #000000;
  border-radius: 0;
}
body.idx.details #listing-nextsteps h4,
body.idx.details .carousel h4 {
  float: left;
  color: #fff;
  display: block;
  font-weight: normal;
  font-size: 12px;
}
body.idx.details #listing-nextsteps a,
body.idx.details .carousel a {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}
body.idx.details #listing-nextsteps {
  padding: 5px 0px;
  margin-bottom: 24px !important;
}
body.idx.details #listing-nextsteps li {
  padding-left: 14px;
  overflow: visible;
}
body.idx.details #listing-nextsteps li a {
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  padding: 5px 0px 5px 20px;
  background: url(/inc/skins/pt-1r/css/../img/icos-actions.png) no-repeat 0 0;
}
body.idx.details #listing-nextsteps li:nth-child(1) a {
  background-position: 0px -125px;
}
body.idx.details #listing-nextsteps li:nth-child(2) a {
  background-position: 0px -44px;
}
body.idx.details #listing-nextsteps li:nth-child(3) a {
  background-position: 0px -70px;
}
body.idx.details #listing-nextsteps li:nth-child(4) a {
  background-position: 0px -18px;
}
body.idx.details #listing-nextsteps li:nth-child(5) a {
  background-position: 0px -152px;
}
body.idx.details #listing-nextsteps li:nth-child(6) a {
  background-position: 0px -96px;
}
.blog .nav.horizontal h4 {
  padding: 0;
}
.blog .nav.horizontal ul {
  display: block;
}
.blog .nav.horizontal ul li a {
  color: #333;
  padding: 5px 0px;
}
.blog p img {
  padding: 10px;
}
.blog .articleset article .btnset {
  width: auto;
  margin: 0;
  left: auto;
  float: none;
  clear: left;
  clear: both;
}
.tabset ul {
  border-color: #ccc;
}
.tabset ul li {
  border-color: #fff;
  background: #cecece;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#cecece));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #dfdfdf, #cecece);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #dfdfdf, #cecece);
  /* for ie 10+ */

  background: linear-gradient(#dfdfdf, #cecece);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#cecece, GradientType=0);
}
.tabset ul li a {
  font-weight: normal;
  color: #555;
}
.tabset ul li.current {
  border-color: #ccc;
  border-bottom-color: #fff;
}
.tabset ul li.current a {
  background: #fff;
  border-color: #fff;
}
#foot {
  *zoom: 1;
  position: relative;
  background: #414141;
  color: #999;
  padding: 40px 0px 20px 0px;
}
#foot:before,
#foot:after {
  content: "";
  display: table;
}
#foot:after {
  clear: both;
}
#foot h3,
#foot h4 {
  margin: 12px 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-size: 23px;
  color: #fff;
  margin-bottom: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#foot a {
  color: #999;
}
#foot a:hover {
  color: #fff;
}
#foot .wrap {
  *zoom: 1;
  position: relative;
}
#foot .wrap:before,
#foot .wrap:after {
  content: "";
  display: table;
}
#foot .wrap:after {
  clear: both;
}
#foot .wrap #footer-communities {
  width: 66.66666666666667%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 480px) {
  #foot .wrap #footer-communities {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#foot .wrap #footer-communities ul {
  float: left;
  width: 25%;
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#foot .wrap #footer-communities ul li {
  border-bottom: solid 1px #555453;
  padding-right: 4%;
}
#foot .wrap #footer-communities ul a {
  font-size: 12px;
  text-decoration: none;
  padding: 4px 0px;
  display: block;
}
#foot .wrap #footer-communities ul a:hover {
  color: #fff;
}
#foot .wrap #footer-contact {
  width: 23.684215%;
  margin-left: -23.684214999999995%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #foot .wrap #footer-contact {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#foot .wrap #footer-contact address {
  font-style: normal;
}
#foot .wrap #footer-contact address strong {
  font-weight: normal;
}
#foot .wrap #footer-contact address a {
  color: #fff;
}
#foot .copyright {
  padding-top: 20px;
}
#foot .copyright .wrap {
  border-top: solid 1px #555453;
  padding-top: 15px;
  color: #A7A7A7;
  text-decoration: none;
  font-size: 10px !important;
  letter-spacing: 1px;
}
#foot .copyright .legal-credits {
  position: absolute;
  right: 0;
  top: 15px;
}
#foot .copyright ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#foot .copyright li {
  float: left;
  margin-right: 10px;
}
#foot .copyright li a {
  text-decoration: underline;
  font-size: 10px;
  letter-spacing: 1px;
  color: #A7A7A7;
}
#foot .copyright li a:hover {
  text-decoration: none;
  color: #fff;
}
#foot .copyright p {
  color: #A7A7A7;
  text-decoration: none;
  font-size: 10px;
  letter-spacing: 1px;
}
#nav_results {
  float: right;
}
.listing .btnset {
  margin-top: 0;
}
.msg .nav {
  float: right;
}
body.idx.popup {
  background: #FFF;
}
body.idx.popup #content {
  width: auto;
  margin: 0;
  left: auto;
  float: none;
  clear: left;
}
body.idx.popup #content .o6 {
  margin-left: -47.5%;
}
body.idx.popup #content header .btn.pright,
body.idx.popup #content header .btn.pleft {
  text-transform: uppercase;
}
body.idx.popup #body {
  padding: 20px;
}
.window > header .btnset .btn {
  color: #111 !important;
}
div.msg {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  margin-bottom: 10px;
}
div.msg .title {
  text-shadow: none;
  margin: -10px -10px 10px -10px;
}
.directory .breadcrumbs {
  border-bottom: solid 1px #ccc;
}
.directory .breadcrumbs a {
  text-decoration: none;
}
.directory .breadcrumbs a:hover {
  text-decoration: underline;
}
.directory h1 {
  margin-bottom: 20px;
}
.directory #content {
  width: 74.56140500000001%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .directory #content {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.directory #content h2 {
  font-size: 15px;
}
.directory #content .categories .nav {
  padding-right: 0px;
}
.directory #content .categories .nav ul {
  margin-right: 0px;
}
.directory #content .categories ul li {
  width: 100%;
}
.directory #content .nav ul {
  list-style: none;
}
.directory #content .nav li {
  border-color: #ccc;
  float: left;
  width: 50%;
}
.directory #content .nav li a {
  padding-left: 0px;
}
.directory #content .nav li:last-child {
  border-bottom: 1px solid #ccc;
}
.directory #content .field label {
  font-weight: normal;
  font: normal 11px/24px 'Open Sans', sans-serif;
  text-transform: uppercase;
  color: #6b6b6b;
}
.directory #content #directory-header a {
  color: #afafaf;
}
.directory #content #directory-header a:hover {
  text-decoration: underline;
}
.directory #content #directory-header form {
  background: #444444;
}
.directory #content #directory-header form h4 {
  color: #fff;
}
.directory #content #directory-header form .msg {
  float: left;
  clear: none;
  padding: 18px;
  color: #fff;
}
.directory #content #directory-header .tween,
.directory #content #directory-header a {
  color: #fff;
}
.directory #content #directory-header .o0 {
  width: auto;
  margin: 0;
  left: auto;
  float: none;
  clear: left;
}
.directory #content #directory-header .o10 {
  margin: 0;
  left: auto;
  float: none;
  clear: left;
  width: auto;
  float: left;
  margin: 10px 0px;
}
.directory #content #directory-header .o10 .search-btn {
  padding: 6px 22px 6px 22px;
}
.directory #content #directory-header div.msg p {
  text-transform: none;
}
.directory #content #directory-add ul {
  list-style: none;
  padding-left: 0px;
  width: 33%;
}
.directory #content #directory-add ul li {
  width: 100%;
  font: normal 11px/24px 'Open Sans', sans-serif;
  text-transform: uppercase;
}
.directory #content #directory-add ul li input {
  margin: -2px 3px 0px 0px;
}
.directory #content #directory-add ul ul {
  padding-left: 20px;
  margin-bottom: 10px;
  width: 100%;
}
.directory #content #directory-add ul ul li {
  font-size: 12px;
}
.directory #content #directory-add ul ul li label {
  font-weight: normal;
  font: normal 11px/24px 'Open Sans', sans-serif;
  text-transform: uppercase;
  color: #6b6b6b;
}
.directory #content .nav {
  margin-bottom: 0;
  padding-bottom: 0;
}
.directory #content p {
  color: #6b6b6b;
  font-size: 11px;
  font-family: Arial;
  text-transform: uppercase;
}
.directory #sidebar {
  width: 23.684215%;
  margin-left: -23.684214999999995%;
  position: relative;
  left: 100%;
  float: left;
  border-left: 1px solid #CCC;
  border-right: none;
}
@media only screen and (max-width: 480px) {
  .directory #sidebar {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.directory #sidebar .module.nav li a {
  padding-left: 15px;
  font-weight: bold;
}
.directory #sidebar .nav li ul {
  padding-top: 0px;
}
.directory #sidebar .nav li ul li a {
  font-weight: normal !important;
  padding-left: 10px;
}
.directory #content .breadcrumbs a {
  color: #6b6b6b;
}
.directory #content .nav {
  margin-bottom: 20px;
}
.directory #content .nav li {
  border-color: #ccc;
}
.directory #content .nav li a {
  color: #6b6b6b;
  font-size: 11px;
  font-family: Arial;
  text-transform: uppercase;
}
.directory #content #logo-uploader,
.directory #content #uploader {
  margin: 20px 0px 20px 0px;
}
.directory #content .o6 {
  margin-left: -47.5%;
}
.directory #content div.msg {
  padding: 0px;
  border: none;
}
.directory #content div.msg p {
  color: #6b6b6b;
  font-size: 12px;
  font-family: Arial;
}
.directory #content div.msg p a {
  color: #6b6b6b !important;
}
.directory #content .msg.caution {
  padding: 10px;
  background: #FFE57F;
  border: 1px solid #EFCE4A;
}
.directory #content .msg.caution p {
  text-transform: none;
  font-size: 14px;
}
.pagination a,
.pagination.nums a {
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  font-weight: normal;
  padding: 0px 5px;
  line-height: 19px;
  font-size: 12px;
  color: #666;
}
.pagination a.current,
.pagination.nums a.current {
  background: #ccc;
  font-weight: normal;
}
.highlight {
  background: #ffc;
  border: 1px solid #CFBC9B;
  margin: 0 0 20px 0;
  padding: 9px;
}
.important {
  background: #fbe6f2;
  border: 1px solid #d893a1;
  margin: 0 0 20px 0;
  padding: 9px;
}
.module.testimonials {
  padding: 0px 0px 0px 0px;
  border: none;
}
.module.testimonials blockquote {
  padding-right: 20px;
  padding-bottom: 20px;
  font-size: 14px;
}
blockquote {
  background: #F3F3F1;
  color: #555;
  border-left: 3px solid #999;
  font-family: georgia;
  font-size: 14px;
  line-height: 1.8em;
  font-style: italic;
  margin: 0 0 20px 0;
  padding: 10px 10px 10px 37px;
}
blockquote p {
  font-style: italic;
  font-family: georgia;
  font-size: 14px;
  line-height: 1.8em;
  color: #555;
}
blockquote small,
blockquote .byline {
  float: right;
  font-style: italic;
  font-family: georgia;
  color: #555;
  padding: 24px 20px 0px 0px;
}
blockquote .byline {
  padding: 0px 20px 10px 0px;
}
#content div.msg.notice {
  padding: 15px 25px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
#content div.msg.notice h5 {
  color: #555;
  font-size: 14px;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
  margin-bottom: 5px;
}
#content div.msg.notice p {
  color: #555;
  line-height: 1.8em;
  font-size: 14px;
}
#content .msg.caution {
  background: #FFE57F;
  border: 1px solid #EFCE4A;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  padding: 10px;
  margin-bottom: 20px;
}
#content .msg.caution h1 {
  font: 14px/24px 'Open Sans', sans-serif;
  color: #555;
  text-shadow: none;
  margin-bottom: 20px;
  text-transform: none;
  letter-spacing: 0;
}
#content .msg.caution h1 em {
  font-style: normal;
}
#content .msg.caution p {
  color: #555;
  text-shadow: none;
}
.search hgroup.small,
.search_map hgroup.small {
  background: none;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  padding: 0px;
  margin-bottom: 20px;
}
.search hgroup.small h1,
.search_map hgroup.small h1 {
  font: 14px/24px 'Open Sans', sans-serif;
  color: #555;
  text-shadow: none;
  margin-bottom: 20px;
  text-transform: none;
  letter-spacing: 0;
}
.search hgroup.small h1 em,
.search_map hgroup.small h1 em {
  font-style: normal;
}
.cms #content table td {
  border-bottom: 1px solid #ccc;
}
.cms #content table td a {
  font-size: 12px;
}
.cms #content .articleset.listings.flowgrid_x1 .listing {
  border-bottom: solid 1px #ccc;
  padding-bottom: 0px;
}
.cms #content .articleset.listings.flowgrid_x1 .listing footer {
  position: relative;
  right: 0;
  bottom: auto;
  clear: both;
  text-align: left;
  margin: 0;
  padding: 0;
}
.pg-featured-community #content {
  padding-top: 30px;
}
#communities_1 .community-thumbnails {
  margin: 10px 0 10px 0;
  overflow: hidden;
}
#communities_1 .community-thumbnails a {
  float: left;
  display: block;
  margin-bottom: 5px;
  width: 31.3%;
  margin-right: 2%;
}
#communities_1 .community-thumbnails a img {
  width: 100%;
}
.agent-site #head {
  padding: 30px 0px 0px 0px;
}
.agent-site #head .wrap {
  min-height: 50px;
}
.agent-site #head #tagline {
  display: none;
}
.agent-site #head nav.horizontal {
  width: 100%;
  line-height: 50px;
  left: 0px;
  color: #fff;
  right: auto;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #afafaf;
  position: relative;
}
.agent-site #head nav.horizontal h4 {
  display: none;
}
.agent-site #head nav.horizontal li a {
  font-family: 'Open Sans', sans-serif;
}
.agent-site #head nav.horizontal li:last-child {
  float: right;
  margin-right: 35px;
}
.agent-site #content {
  width: 83.33333333333334%;
  margin-left: -83.33333333333333%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .agent-site #content {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.agent-site #feature {
  min-height: 1px;
  padding: 20px;
}
.agent-site #feature img.agent-image {
  margin: 0px auto;
  border: 1px solid #4F4F4F;
  position: relative;
}
.agent-site #agent-feature {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 1% 0;
}
body.popup #ctas {
  display: none;
}
/****** CMS sidebar layout controls (stock widehack options) ******/
/** two sidebars **/
.tpl-3col #content {
  position: relative;
  *zoom: 1;
  /* gah -- webkit miscalculates the total width?? jagged edges in middle instead of end w/ float: right */

  /* @TODO: .oZ (@i) when (@i > -1)*/

  /* improve this later, extra col should be in the val (span) */

}
.tpl-3col #content:before,
.tpl-3col #content:after {
  content: "";
  display: table;
}
.tpl-3col #content:after {
  clear: both;
}
.tpl-3col #content .x12 {
  width: 100%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .x12 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .x11 {
  width: 91.39073333333333%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .x11 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .x10 {
  width: 82.78146666666667%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .x10 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .x9 {
  width: 74.1722%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .x9 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .x8 {
  width: 65.56293333333333%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .x8 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .x7 {
  width: 56.95366666666666%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .x7 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .x6 {
  width: 48.3444%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .x6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .x5 {
  width: 39.73513333333334%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .x5 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .x4 {
  width: 31.125866666666667%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .x4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .x3 {
  width: 22.5166%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .x3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .x2 {
  width: 13.907333333333334%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .x2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .x1 {
  width: 5.298066666666667%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .x1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .pFirst {
  clear: left !important;
}
.tpl-3col #content .pLast {
  margin-right: 0 !important;
}
.tpl-3col #content .o0 {
  margin-left: -100%;
  left: 100%;
  position: relative;
  clear: left;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .o0 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .o13 {
  margin-left: 11.92046666666667%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .o13 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .o12 {
  margin-left: 3.3111999999999995%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .o12 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .o11 {
  margin-left: -5.298066666666671%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .o11 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .o10 {
  margin-left: -13.907333333333327%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .o10 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .o9 {
  margin-left: -22.516599999999997%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .o9 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .o8 {
  margin-left: -31.125866666666667%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .o8 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .o7 {
  margin-left: -39.73513333333334%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .o7 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .o6 {
  margin-left: -48.3444%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .o6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .o5 {
  margin-left: -56.95366666666666%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .o5 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .o4 {
  margin-left: -65.56293333333333%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .o4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .o3 {
  margin-left: -74.1722%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .o3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .o2 {
  margin-left: -82.78146666666666%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .o2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .o1 {
  margin-left: -91.39073333333333%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .o1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .last {
  margin-right: 0;
}
.tpl-3col #content .first {
  clear: left;
}
.tpl-3col #content .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
}
.tpl-3col #content .video-pleft {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
  float: left;
  width: 50%;
  height: auto;
  margin: 0 3.3112% 24px 0;
  padding-bottom: 28.13%;
}
.tpl-3col #content .video-pleft iframe,
.tpl-3col #content .video-pleft object,
.tpl-3col #content .video-pleft embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tpl-3col #content .video-pright {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
  float: right;
  width: 50%;
  height: auto;
  margin: 0 0 24px 3.3112%;
  padding-bottom: 28.13%;
}
.tpl-3col #content .video-pright iframe,
.tpl-3col #content .video-pright object,
.tpl-3col #content .video-pright embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tpl-3col #content .video iframe,
.tpl-3col #content .video-pright iframe,
.tpl-3col #content .video-pleft iframe,
.tpl-3col #content .video object,
.tpl-3col #content .video-pright object,
.tpl-3col #content .video-pleft object,
.tpl-3col #content .video embed,
.tpl-3col #content .video-pright embed,
.tpl-3col #content .video-pleft embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tpl-3col #content .pleft {
  margin: 0 3.3112% 24px 0;
  float: left;
}
.tpl-3col #content .pright {
  margin: 0 0 24px 3.3112%;
  float: right;
}
.tpl-3col #content .flowgrid {
  *zoom: 1;
  clear: both;
}
.tpl-3col #content .flowgrid:before,
.tpl-3col #content .flowgrid:after {
  content: "";
  display: table;
}
.tpl-3col #content .flowgrid:after {
  clear: both;
}
.tpl-3col #content .flowgrid > article,
.tpl-3col #content .flowgrid > li,
.tpl-3col #content .flowgrid > label,
.tpl-3col #content .flowgrid > div {
  float: left;
  width: 48.3444%;
  margin-right: 3.3112%;
}
.tpl-3col #content .flowgrid > article:nth-child(2n+2),
.tpl-3col #content .flowgrid > li:nth-child(2n+2),
.tpl-3col #content .flowgrid > label:nth-child(2n+2),
.tpl-3col #content .flowgrid > div:nth-child(2n+2) {
  margin-right: 0;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .flowgrid > article,
  .tpl-3col #content .flowgrid > li,
  .tpl-3col #content .flowgrid > label,
  .tpl-3col #content .flowgrid > div {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-3col #content .keyval strong {
  width: 48.3444%;
}
.tpl-3col #content .keyval span {
  width: 48.3444%;
}
.tpl-3col #content .keyval strong,
.tpl-3col #content .keyval span {
  word-wrap: break-word;
}
@media only screen and (max-width: 480px) {
  .tpl-3col #content .pright,
  .tpl-3col #content pleft {
    float: none;
    display: block;
    text-align: center;
  }
  .tpl-3col #content .video,
  .tpl-3col #content .video-pleft,
  .tpl-3col #content .video-pright {
    float: none;
    width: auto;
    position: relative;
    padding-bottom: 56.25%;
  }
}
/** no right sidebar **/
.tpl-2col.left #secondary {
  display: none;
}
.tpl-2col.left #content {
  width: 82.70760333333332%;
  margin-left: -82.70760333333334%;
  left: 100%;
  float: left;
  position: relative;
  *zoom: 1;
  /* gah -- webkit miscalculates the total width?? jagged edges in middle instead of end w/ float: right */

  /* @TODO: .oZ (@i) when (@i > -1)*/

  /* improve this later, extra col should be in the val (span) */

  padding-right: 0;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content:before,
.tpl-2col.left #content:after {
  content: "";
  display: table;
}
.tpl-2col.left #content:after {
  clear: both;
}
.tpl-2col.left #content .x12 {
  width: 100%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .x12 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .x11 {
  width: 91.39073333333333%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .x11 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .x10 {
  width: 82.78146666666667%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .x10 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .x9 {
  width: 74.1722%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .x9 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .x8 {
  width: 65.56293333333333%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .x8 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .x7 {
  width: 56.95366666666666%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .x7 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .x6 {
  width: 48.3444%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .x6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .x5 {
  width: 39.73513333333334%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .x5 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .x4 {
  width: 31.125866666666667%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .x4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .x3 {
  width: 22.5166%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .x3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .x2 {
  width: 13.907333333333334%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .x2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .x1 {
  width: 5.298066666666667%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .x1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .pFirst {
  clear: left !important;
}
.tpl-2col.left #content .pLast {
  margin-right: 0 !important;
}
.tpl-2col.left #content .o0 {
  margin-left: -100%;
  left: 100%;
  position: relative;
  clear: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .o0 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .o13 {
  margin-left: 11.92046666666667%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .o13 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .o12 {
  margin-left: 3.3111999999999995%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .o12 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .o11 {
  margin-left: -5.298066666666671%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .o11 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .o10 {
  margin-left: -13.907333333333327%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .o10 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .o9 {
  margin-left: -22.516599999999997%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .o9 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .o8 {
  margin-left: -31.125866666666667%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .o8 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .o7 {
  margin-left: -39.73513333333334%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .o7 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .o6 {
  margin-left: -48.3444%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .o6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .o5 {
  margin-left: -56.95366666666666%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .o5 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .o4 {
  margin-left: -65.56293333333333%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .o4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .o3 {
  margin-left: -74.1722%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .o3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .o2 {
  margin-left: -82.78146666666666%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .o2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .o1 {
  margin-left: -91.39073333333333%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .o1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .last {
  margin-right: 0;
}
.tpl-2col.left #content .first {
  clear: left;
}
.tpl-2col.left #content .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
}
.tpl-2col.left #content .video-pleft {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
  float: left;
  width: 50%;
  height: auto;
  margin: 0 3.3112% 24px 0;
  padding-bottom: 28.13%;
}
.tpl-2col.left #content .video-pleft iframe,
.tpl-2col.left #content .video-pleft object,
.tpl-2col.left #content .video-pleft embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tpl-2col.left #content .video-pright {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
  float: right;
  width: 50%;
  height: auto;
  margin: 0 0 24px 3.3112%;
  padding-bottom: 28.13%;
}
.tpl-2col.left #content .video-pright iframe,
.tpl-2col.left #content .video-pright object,
.tpl-2col.left #content .video-pright embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tpl-2col.left #content .video iframe,
.tpl-2col.left #content .video-pright iframe,
.tpl-2col.left #content .video-pleft iframe,
.tpl-2col.left #content .video object,
.tpl-2col.left #content .video-pright object,
.tpl-2col.left #content .video-pleft object,
.tpl-2col.left #content .video embed,
.tpl-2col.left #content .video-pright embed,
.tpl-2col.left #content .video-pleft embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tpl-2col.left #content .pleft {
  margin: 0 3.3112% 24px 0;
  float: left;
}
.tpl-2col.left #content .pright {
  margin: 0 0 24px 3.3112%;
  float: right;
}
.tpl-2col.left #content .flowgrid {
  *zoom: 1;
  clear: both;
}
.tpl-2col.left #content .flowgrid:before,
.tpl-2col.left #content .flowgrid:after {
  content: "";
  display: table;
}
.tpl-2col.left #content .flowgrid:after {
  clear: both;
}
.tpl-2col.left #content .flowgrid > article,
.tpl-2col.left #content .flowgrid > li,
.tpl-2col.left #content .flowgrid > label,
.tpl-2col.left #content .flowgrid > div {
  float: left;
  width: 31.125866666666667%;
  margin-right: 3.3112%;
}
.tpl-2col.left #content .flowgrid > article:nth-child(3n+3),
.tpl-2col.left #content .flowgrid > li:nth-child(3n+3),
.tpl-2col.left #content .flowgrid > label:nth-child(3n+3),
.tpl-2col.left #content .flowgrid > div:nth-child(3n+3) {
  margin-right: 0;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .flowgrid > article,
  .tpl-2col.left #content .flowgrid > li,
  .tpl-2col.left #content .flowgrid > label,
  .tpl-2col.left #content .flowgrid > div {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.left #content .keyval strong {
  width: 48.3444%;
}
.tpl-2col.left #content .keyval span {
  width: 48.3444%;
}
.tpl-2col.left #content .keyval strong,
.tpl-2col.left #content .keyval span {
  word-wrap: break-word;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.left #content .pright,
  .tpl-2col.left #content pleft {
    float: none;
    display: block;
    text-align: center;
  }
  .tpl-2col.left #content .video,
  .tpl-2col.left #content .video-pleft,
  .tpl-2col.left #content .video-pright {
    float: none;
    width: auto;
    position: relative;
    padding-bottom: 56.25%;
  }
}
/** no left sidebar **/
.tpl-2col.right #sidebar {
  display: none;
}
.tpl-2col.right #content {
  width: 74.061405%;
  margin-left: -100%;
  left: 100%;
  float: left;
  position: relative;
  *zoom: 1;
  /* gah -- webkit miscalculates the total width?? jagged edges in middle instead of end w/ float: right */

  /* @TODO: .oZ (@i) when (@i > -1)*/

  /* improve this later, extra col should be in the val (span) */

  padding-left: 0;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content:before,
.tpl-2col.right #content:after {
  content: "";
  display: table;
}
.tpl-2col.right #content:after {
  clear: both;
}
.tpl-2col.right #content .x12 {
  width: 100%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .x12 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .x11 {
  width: 91.39073333333333%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .x11 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .x10 {
  width: 82.78146666666667%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .x10 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .x9 {
  width: 74.1722%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .x9 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .x8 {
  width: 65.56293333333333%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .x8 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .x7 {
  width: 56.95366666666666%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .x7 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .x6 {
  width: 48.3444%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .x6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .x5 {
  width: 39.73513333333334%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .x5 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .x4 {
  width: 31.125866666666667%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .x4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .x3 {
  width: 22.5166%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .x3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .x2 {
  width: 13.907333333333334%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .x2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .x1 {
  width: 5.298066666666667%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .x1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .pFirst {
  clear: left !important;
}
.tpl-2col.right #content .pLast {
  margin-right: 0 !important;
}
.tpl-2col.right #content .o0 {
  margin-left: -100%;
  left: 100%;
  position: relative;
  clear: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .o0 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .o13 {
  margin-left: 11.92046666666667%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .o13 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .o12 {
  margin-left: 3.3111999999999995%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .o12 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .o11 {
  margin-left: -5.298066666666671%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .o11 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .o10 {
  margin-left: -13.907333333333327%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .o10 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .o9 {
  margin-left: -22.516599999999997%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .o9 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .o8 {
  margin-left: -31.125866666666667%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .o8 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .o7 {
  margin-left: -39.73513333333334%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .o7 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .o6 {
  margin-left: -48.3444%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .o6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .o5 {
  margin-left: -56.95366666666666%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .o5 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .o4 {
  margin-left: -65.56293333333333%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .o4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .o3 {
  margin-left: -74.1722%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .o3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .o2 {
  margin-left: -82.78146666666666%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .o2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .o1 {
  margin-left: -91.39073333333333%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .o1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .last {
  margin-right: 0;
}
.tpl-2col.right #content .first {
  clear: left;
}
.tpl-2col.right #content .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
}
.tpl-2col.right #content .video-pleft {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
  float: left;
  width: 50%;
  height: auto;
  margin: 0 3.3112% 24px 0;
  padding-bottom: 28.13%;
}
.tpl-2col.right #content .video-pleft iframe,
.tpl-2col.right #content .video-pleft object,
.tpl-2col.right #content .video-pleft embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tpl-2col.right #content .video-pright {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
  float: right;
  width: 50%;
  height: auto;
  margin: 0 0 24px 3.3112%;
  padding-bottom: 28.13%;
}
.tpl-2col.right #content .video-pright iframe,
.tpl-2col.right #content .video-pright object,
.tpl-2col.right #content .video-pright embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tpl-2col.right #content .video iframe,
.tpl-2col.right #content .video-pright iframe,
.tpl-2col.right #content .video-pleft iframe,
.tpl-2col.right #content .video object,
.tpl-2col.right #content .video-pright object,
.tpl-2col.right #content .video-pleft object,
.tpl-2col.right #content .video embed,
.tpl-2col.right #content .video-pright embed,
.tpl-2col.right #content .video-pleft embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tpl-2col.right #content .pleft {
  margin: 0 3.3112% 24px 0;
  float: left;
}
.tpl-2col.right #content .pright {
  margin: 0 0 24px 3.3112%;
  float: right;
}
.tpl-2col.right #content .flowgrid {
  *zoom: 1;
  clear: both;
}
.tpl-2col.right #content .flowgrid:before,
.tpl-2col.right #content .flowgrid:after {
  content: "";
  display: table;
}
.tpl-2col.right #content .flowgrid:after {
  clear: both;
}
.tpl-2col.right #content .flowgrid > article,
.tpl-2col.right #content .flowgrid > li,
.tpl-2col.right #content .flowgrid > label,
.tpl-2col.right #content .flowgrid > div {
  float: left;
  width: 31.125866666666667%;
  margin-right: 3.3112%;
}
.tpl-2col.right #content .flowgrid > article:nth-child(3n+3),
.tpl-2col.right #content .flowgrid > li:nth-child(3n+3),
.tpl-2col.right #content .flowgrid > label:nth-child(3n+3),
.tpl-2col.right #content .flowgrid > div:nth-child(3n+3) {
  margin-right: 0;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .flowgrid > article,
  .tpl-2col.right #content .flowgrid > li,
  .tpl-2col.right #content .flowgrid > label,
  .tpl-2col.right #content .flowgrid > div {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-2col.right #content .keyval strong {
  width: 48.3444%;
}
.tpl-2col.right #content .keyval span {
  width: 48.3444%;
}
.tpl-2col.right #content .keyval strong,
.tpl-2col.right #content .keyval span {
  word-wrap: break-word;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #content .pright,
  .tpl-2col.right #content pleft {
    float: none;
    display: block;
    text-align: center;
  }
  .tpl-2col.right #content .video,
  .tpl-2col.right #content .video-pleft,
  .tpl-2col.right #content .video-pright {
    float: none;
    width: auto;
    position: relative;
    padding-bottom: 56.25%;
  }
}
.tpl-2col.right #ctas {
  width: 100%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-2col.right #ctas {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
/** no sidebars - full width **/
.tpl-seller #sidebar,
.tpl-seller #secondary,
.tpl-1col #sidebar,
.tpl-1col #secondary {
  display: none;
}
.tpl-seller #content,
.tpl-1col #content {
  width: auto;
  margin: 0;
  left: auto;
  float: none;
  clear: left;
  position: relative;
  *zoom: 1;
  /* gah -- webkit miscalculates the total width?? jagged edges in middle instead of end w/ float: right */

  /* @TODO: .oZ (@i) when (@i > -1)*/

  /* improve this later, extra col should be in the val (span) */

  padding-right: 0;
  padding-left: 0;
}
.tpl-seller #content:before,
.tpl-1col #content:before,
.tpl-seller #content:after,
.tpl-1col #content:after {
  content: "";
  display: table;
}
.tpl-seller #content:after,
.tpl-1col #content:after {
  clear: both;
}
.tpl-seller #content .x12,
.tpl-1col #content .x12 {
  width: 100%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .x12,
  .tpl-1col #content .x12 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .x11,
.tpl-1col #content .x11 {
  width: 91.39073333333333%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .x11,
  .tpl-1col #content .x11 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .x10,
.tpl-1col #content .x10 {
  width: 82.78146666666667%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .x10,
  .tpl-1col #content .x10 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .x9,
.tpl-1col #content .x9 {
  width: 74.1722%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .x9,
  .tpl-1col #content .x9 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .x8,
.tpl-1col #content .x8 {
  width: 65.56293333333333%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .x8,
  .tpl-1col #content .x8 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .x7,
.tpl-1col #content .x7 {
  width: 56.95366666666666%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .x7,
  .tpl-1col #content .x7 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .x6,
.tpl-1col #content .x6 {
  width: 48.3444%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .x6,
  .tpl-1col #content .x6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .x5,
.tpl-1col #content .x5 {
  width: 39.73513333333334%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .x5,
  .tpl-1col #content .x5 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .x4,
.tpl-1col #content .x4 {
  width: 31.125866666666667%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .x4,
  .tpl-1col #content .x4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .x3,
.tpl-1col #content .x3 {
  width: 22.5166%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .x3,
  .tpl-1col #content .x3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .x2,
.tpl-1col #content .x2 {
  width: 13.907333333333334%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .x2,
  .tpl-1col #content .x2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .x1,
.tpl-1col #content .x1 {
  width: 5.298066666666667%;
  margin-right: 3.3112%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .x1,
  .tpl-1col #content .x1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .pFirst,
.tpl-1col #content .pFirst {
  clear: left !important;
}
.tpl-seller #content .pLast,
.tpl-1col #content .pLast {
  margin-right: 0 !important;
}
.tpl-seller #content .o0,
.tpl-1col #content .o0 {
  margin-left: -100%;
  left: 100%;
  position: relative;
  clear: left;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .o0,
  .tpl-1col #content .o0 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .o13,
.tpl-1col #content .o13 {
  margin-left: 11.92046666666667%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .o13,
  .tpl-1col #content .o13 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .o12,
.tpl-1col #content .o12 {
  margin-left: 3.3111999999999995%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .o12,
  .tpl-1col #content .o12 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .o11,
.tpl-1col #content .o11 {
  margin-left: -5.298066666666671%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .o11,
  .tpl-1col #content .o11 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .o10,
.tpl-1col #content .o10 {
  margin-left: -13.907333333333327%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .o10,
  .tpl-1col #content .o10 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .o9,
.tpl-1col #content .o9 {
  margin-left: -22.516599999999997%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .o9,
  .tpl-1col #content .o9 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .o8,
.tpl-1col #content .o8 {
  margin-left: -31.125866666666667%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .o8,
  .tpl-1col #content .o8 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .o7,
.tpl-1col #content .o7 {
  margin-left: -39.73513333333334%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .o7,
  .tpl-1col #content .o7 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .o6,
.tpl-1col #content .o6 {
  margin-left: -48.3444%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .o6,
  .tpl-1col #content .o6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .o5,
.tpl-1col #content .o5 {
  margin-left: -56.95366666666666%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .o5,
  .tpl-1col #content .o5 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .o4,
.tpl-1col #content .o4 {
  margin-left: -65.56293333333333%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .o4,
  .tpl-1col #content .o4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .o3,
.tpl-1col #content .o3 {
  margin-left: -74.1722%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .o3,
  .tpl-1col #content .o3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .o2,
.tpl-1col #content .o2 {
  margin-left: -82.78146666666666%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .o2,
  .tpl-1col #content .o2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .o1,
.tpl-1col #content .o1 {
  margin-left: -91.39073333333333%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .o1,
  .tpl-1col #content .o1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .last,
.tpl-1col #content .last {
  margin-right: 0;
}
.tpl-seller #content .first,
.tpl-1col #content .first {
  clear: left;
}
.tpl-seller #content .video,
.tpl-1col #content .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
}
.tpl-seller #content .video-pleft,
.tpl-1col #content .video-pleft {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
  float: left;
  width: 50%;
  height: auto;
  margin: 0 3.3112% 24px 0;
  padding-bottom: 28.13%;
}
.tpl-seller #content .video-pleft iframe,
.tpl-1col #content .video-pleft iframe,
.tpl-seller #content .video-pleft object,
.tpl-1col #content .video-pleft object,
.tpl-seller #content .video-pleft embed,
.tpl-1col #content .video-pleft embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tpl-seller #content .video-pright,
.tpl-1col #content .video-pright {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
  float: right;
  width: 50%;
  height: auto;
  margin: 0 0 24px 3.3112%;
  padding-bottom: 28.13%;
}
.tpl-seller #content .video-pright iframe,
.tpl-1col #content .video-pright iframe,
.tpl-seller #content .video-pright object,
.tpl-1col #content .video-pright object,
.tpl-seller #content .video-pright embed,
.tpl-1col #content .video-pright embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tpl-seller #content .video iframe,
.tpl-1col #content .video iframe,
.tpl-seller #content .video-pright iframe,
.tpl-1col #content .video-pright iframe,
.tpl-seller #content .video-pleft iframe,
.tpl-1col #content .video-pleft iframe,
.tpl-seller #content .video object,
.tpl-1col #content .video object,
.tpl-seller #content .video-pright object,
.tpl-1col #content .video-pright object,
.tpl-seller #content .video-pleft object,
.tpl-1col #content .video-pleft object,
.tpl-seller #content .video embed,
.tpl-1col #content .video embed,
.tpl-seller #content .video-pright embed,
.tpl-1col #content .video-pright embed,
.tpl-seller #content .video-pleft embed,
.tpl-1col #content .video-pleft embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tpl-seller #content .pleft,
.tpl-1col #content .pleft {
  margin: 0 3.3112% 24px 0;
  float: left;
}
.tpl-seller #content .pright,
.tpl-1col #content .pright {
  margin: 0 0 24px 3.3112%;
  float: right;
}
.tpl-seller #content .flowgrid,
.tpl-1col #content .flowgrid {
  *zoom: 1;
  clear: both;
}
.tpl-seller #content .flowgrid:before,
.tpl-1col #content .flowgrid:before,
.tpl-seller #content .flowgrid:after,
.tpl-1col #content .flowgrid:after {
  content: "";
  display: table;
}
.tpl-seller #content .flowgrid:after,
.tpl-1col #content .flowgrid:after {
  clear: both;
}
.tpl-seller #content .flowgrid > article,
.tpl-1col #content .flowgrid > article,
.tpl-seller #content .flowgrid > li,
.tpl-1col #content .flowgrid > li,
.tpl-seller #content .flowgrid > label,
.tpl-1col #content .flowgrid > label,
.tpl-seller #content .flowgrid > div,
.tpl-1col #content .flowgrid > div {
  float: left;
  width: 22.5166%;
  margin-right: 3.3112%;
}
.tpl-seller #content .flowgrid > article:nth-child(4n+4),
.tpl-1col #content .flowgrid > article:nth-child(4n+4),
.tpl-seller #content .flowgrid > li:nth-child(4n+4),
.tpl-1col #content .flowgrid > li:nth-child(4n+4),
.tpl-seller #content .flowgrid > label:nth-child(4n+4),
.tpl-1col #content .flowgrid > label:nth-child(4n+4),
.tpl-seller #content .flowgrid > div:nth-child(4n+4),
.tpl-1col #content .flowgrid > div:nth-child(4n+4) {
  margin-right: 0;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .flowgrid > article,
  .tpl-1col #content .flowgrid > article,
  .tpl-seller #content .flowgrid > li,
  .tpl-1col #content .flowgrid > li,
  .tpl-seller #content .flowgrid > label,
  .tpl-1col #content .flowgrid > label,
  .tpl-seller #content .flowgrid > div,
  .tpl-1col #content .flowgrid > div {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.tpl-seller #content .keyval strong,
.tpl-1col #content .keyval strong {
  width: 48.3444%;
}
.tpl-seller #content .keyval span,
.tpl-1col #content .keyval span {
  width: 48.3444%;
}
.tpl-seller #content .keyval strong,
.tpl-1col #content .keyval strong,
.tpl-seller #content .keyval span,
.tpl-1col #content .keyval span {
  word-wrap: break-word;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #content .pright,
  .tpl-1col #content .pright,
  .tpl-seller #content pleft,
  .tpl-1col #content pleft {
    float: none;
    display: block;
    text-align: center;
  }
  .tpl-seller #content .video,
  .tpl-1col #content .video,
  .tpl-seller #content .video-pleft,
  .tpl-1col #content .video-pleft,
  .tpl-seller #content .video-pright,
  .tpl-1col #content .video-pright {
    float: none;
    width: auto;
    position: relative;
    padding-bottom: 56.25%;
  }
}
.tpl-seller #ctas,
.tpl-1col #ctas {
  width: 100%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .tpl-seller #ctas,
  .tpl-1col #ctas {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
/****** END ---------- CMS sidebar layout controls (stock widehack options) ******/
.ss-active #feature .quicksearch {
  background: rgba(0, 0, 0, 0.5);
}
.ss-active #feature {
  z-index: 9;
  display: block !important;
}
.ss-active #feature .full-wrap {
  position: relative;
  overflow: hidden;
  padding: 0;
}
.ss-active #feature .wrap {
  position: relative;
  z-index: 9999;
  background: none !important;
}
.ss-active #feature .quicksearch {
  padding: 20px 30px;
  position: relative;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.ss-active #feature .quicksearch h2 {
  padding: 10px 0px 10px 0px;
}
.ss-active #feature .quicksearch .qs-feed {
  bottom: 80px;
}
.ss-active #feature-one {
  position: relative;
  padding: 0px;
}
.lte8 .ss-active #feature .quicksearch {
  background: url(/inc/skins/pt-1r/css/../img/ie-qs.png) repeat 0 0;
}
/* Responsiveness + */
@media only screen and (min-width: 481px) and (max-width: 880px) {
  .ss-active #feature .quicksearch {
    top: 25px;
  }
  .ss-active #feature .quicksearch .qs-feed {
    bottom: 0px;
  }
}
/* Responsiveness + */
@media only screen and (min-width: 481px) and (max-width: 959px) {
  #ctas {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
    *zoom: 1;
  }
  #ctas:before,
  #ctas:after {
    content: "";
    display: table;
  }
  #ctas:after {
    clear: both;
  }
  #ctas h3 {
    padding: 30px 0px 40px 0px;
    font-size: 13px;
  }
  #ctas h3 em {
    font-size: 21px;
  }
  #ctas #sign-up {
    display: none;
  }
  #ctas #save-favorite,
  #ctas #save-listing,
  #ctas #receive-listings {
    min-height: 1px;
    width: 33.3%;
    margin-left: 0;
    border-right: solid 1px #fff;
    border-bottom: none;
  }
  #ctas #receive-listings {
    border: none;
  }
  #ctas #sign-up {
    min-width: 1px;
  }
  #ctas p {
    display: none;
  }
}
/* tablet-sized + */
@media only screen and (min-width: 481px) and (max-width: 879px) {
  {
    /****** CMS sidebar layout controls (stock widehack options) - TABLET ******/

    /** no right sidebar **/

    /** no left sidebar - NO OVERRIDES REQUIRED **/

    /** no sidebars - full width - NO OVERRIDES REQUIRED**/

    /****** END ---------- CMS sidebar layout controls (stock widehack options) ******/

  }
  #page {
    *zoom: 1;
  }
  #page:before,
  #page:after {
    content: "";
    display: table;
  }
  #page:after {
    clear: both;
  }
  #head {
    height: auto;
    padding-top: 15px;
  }
  #head .wrap {
    height: auto;
  }
  #head #logo {
    width: auto;
    margin: 5px auto 5px auto;
    text-align: center;
    float: none;
  }
  #head #logo a {
    width: auto;
    height: auto;
  }
  #head .social-links {
    position: static;
    margin: 5px 0;
    text-align: center;
  }
  #head nav.horizontal {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
    position: relative;
    height: 40px;
    padding: 0px;
    text-align: center;
    border-bottom: 1px solid #4F4F4F;
  }
  #head nav.horizontal ul {
    width: auto;
    left: auto;
    float: none;
    clear: left;
    margin: 5px auto 15px auto;
  }
  #head nav.horizontal li {
    margin: 0px 20px 0px 0px;
    height: auto;
  }
  #head nav.horizontal li a {
    height: auto;
    padding: 0px 0px 10px 0px;
  }
  #body #sidebar {
    left: 0;
    background: #fff;
    box-shadow: 2px 2px 5px #999;
  }
  #tagline {
    position: relative;
    top: 0;
    right: 0;
    margin: 10px auto 10px;
    clear: left;
  }
  #feature .wrap {
    overflow: hidden;
    padding: 0px 20px;
  }
  #feature .quicksearch form {
    margin: 0px;
  }
  #feature .quicksearch label {
    font-size: 12px;
  }
  #feature .quicksearch h2 {
    text-align: center;
    font-size: 26px;
    padding-top: 20px;
  }
  #feature .quicksearch #field-location {
    width: 100%;
    clear: left;
  }
  #feature .quicksearch #field-price_high {
    width: 40%;
    margin-left: -40%;
    position: relative;
    left: 40%;
    float: left;
    clear: left;
  }
  #feature .quicksearch #field-hoods {
    width: 25%;
    margin-left: -55%;
    position: relative;
    clear: left;
    float: left;
  }
  #feature .quicksearch #field-rooms {
    width: 40%;
    margin-left: -55%;
    position: relative;
    left: 100%;
    float: left;
  }
  #feature .quicksearch .btnset {
    width: 11%;
    margin-left: -11%;
    position: relative;
    left: 100%;
    float: left;
  }
  #feature .quicksearch .btnset button {
    width: 100%;
    padding: 3px 6px 3px 6px;
  }
  #feature .quicksearch .prev,
  #feature .quicksearch .next {
    bottom: 20px;
  }
  #feature .listings .wrap .slide {
    width: 230px;
  }
  #feature .listings .wrap .slide .details .more {
    margin-right: 0px;
  }
  #feature .next {
    position: relative;
    bottom: 20px;
    right: 0;
    z-index: 999;
    float: right;
  }
  #feature .prev {
    position: relative;
    bottom: 20px;
    left: 0;
    z-index: 999;
    float: left;
  }
  #content {
    width: 74.061405%;
    margin-left: -100%;
    position: relative;
    left: 100%;
    float: left;
    padding-top: 10px;
    padding-left: 0;
  }
  #content #toggle-navigation {
    display: block;
  }
  #secondary #agent-feature,
  #secondary #mobile-cta {
    padding-top: 10px;
  }
  body.idx.details #listing-nextsteps h4 {
    display: none;
  }
  .directory #content {
    width: 100%;
    margin-left: -100%;
    padding-top: 10px;
  }
  .directory #content #toggle-navigation {
    display: block;
    font-size: 15px;
  }
  #foot {
    padding: 20px 20px 20px 20px;
  }
  #foot h3,
  #foot h4 {
    font-size: 18px;
    padding: 0;
  }
  #foot .copyright {
    padding-top: 0;
  }
  #foot .copyright ul {
    width: auto;
    margin: 0px auto;
    display: table;
  }
  #foot .copyright .wrap {
    text-align: center;
  }
  #foot .copyright .legal-credits {
    position: relative;
    right: 0;
    top: 15px;
    margin: 0px auto;
    width: auto;
    display: table;
  }
  #foot .copyright p {
    margin-bottom: 0;
  }
  .blog .articleset article .btnset {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
  body.idx #body .wrap,
  body.idx-map #body .wrap,
  .blog #body .wrap,
  .directory #body .wrap {
    padding: 0px 10px 10px 10px;
  }
  body.idx #content,
  body.idx-map #content,
  .blog #content,
  .directory #content {
    margin-left: -100%;
    width: 100%;
    padding-right: 10px;
  }
  body.idx #content .articleset.flowgrid_x1 article .details .btn.vanilla.save,
  body.idx-map #content .articleset.flowgrid_x1 article .details .btn.vanilla.save,
  .blog #content .articleset.flowgrid_x1 article .details .btn.vanilla.save,
  .directory #content .articleset.flowgrid_x1 article .details .btn.vanilla.save {
    left: auto;
    top: 0;
    position: absolute;
    float: right;
    clear: both;
    margin-top: 0;
    bottom: auto;
    right: 0;
  }
  body.idx.details #content {
    padding-right: 10px;
  }
  body.idx.details #content #nav_results {
    float: right;
    margin: 0px auto 0px auto;
    width: auto;
    top: 0px;
  }
  body.idx.details #content .x6 {
    width: 100%;
  }
  .agent-site #feature img.agent-image {
    left: 0;
  }
  .agent-site #content {
    padding-top: 0;
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
  .tpl-2col.left #content {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 481px) and (max-width: 879px) and only screen and (max-width: 480px) {
  #content {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (max-width: 768px) {
  .popup.dashboard #content header h4 {
    float: none;
    text-align: center;
  }
  .head_wrap {
    margin-bottom: 35px;
  }
  #feature .listings .wrap .slide {
    width: 222px;
  }
  body.idx.details #content #nav_results {
    margin-top: 40px;
  }
  #foot .wrap #footer-communities ul {
    width: 50%;
  }
  .agent-site #head nav.horizontal li:last-child {
    margin-right: 0;
  }
  body.idx.details #content .details-extended .col {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .ss-active #feature {
    height: 730px;
  }
  .ss-active #feature .listings .wrap .slide {
    width: 260px;
  }
  .ss-active #feature .wrap {
    min-height: 1px;
    padding: 0px;
  }
  .ss-active #feature .wrap .slide .details .more {
    top: 40px;
    right: 5px;
  }
  .ss-active #feature .quicksearch {
    top: 0px;
  }
  .ss-active #feature .quicksearch .qs-feed {
    bottom: 0px;
  }
  .ss-active #feature .next {
    right: 15px;
  }
  .ss-active #feature-one {
    min-height: 1px;
  }
  .ss-active #feature-two .wrap {
    z-index: 9;
    padding: 0px 0px 0px 15px;
  }
  #page {
    width: 100%;
    *zoom: 1;
  }
  #page:before,
  #page:after {
    content: "";
    display: table;
  }
  #page:after {
    clear: both;
  }
  .head_wrap {
    margin-bottom: 0;
  }
  #tagline {
    clear: both;
    position: relative;
    top: 0px;
    right: 0px;
    height: 30px;
    margin: 0px auto;
    padding-top: 0px;
  }
  #tagline ul {
    background-position: center 0 !important;
  }
  #feature .quicksearch h2 {
    text-align: center;
    padding: 20px 0px 20px 0px;
  }
  #head {
    height: auto;
    padding-bottom: 20px;
  }
  #head .wrap {
    height: auto;
  }
  #head #logo {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
    margin: 5px auto 0px auto;
  }
  #head .social-links {
    position: static;
    margin: 5px 0;
    text-align: center;
  }
  #head nav.horizontal {
    position: relative;
    left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
  }
  #head nav.horizontal li:hover div {
    left: 0px;
    z-index: 9999;
  }
  #head nav.horizontal h4 {
    display: block;
    font-size: 13px;
    line-height: 34px;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    background: #71a928;
    /* fallback */

    background: -webkit-gradient(linear, left top, left bottom, from(#a0c56f), to(#71a928));
    /* for webkit browsers */

    background: -moz-linear-gradient(top, #a0c56f, #71a928);
    /* for firefox 3.6+ */

    background: -ms-linear-gradient(top, #a0c56f, #71a928);
    /* for ie 10+ */

    background: linear-gradient(#a0c56f, #71a928);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#626565, endColorstr=#333333, GradientType=0);
    color: #ffffff;
    padding: 0px;
    position: relative;
    left: 0;
    border: 1px solid #525252;
    margin: 10px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
  }
  #head nav.horizontal ul {
    position: relative;
    z-index: 99;
    clear: left;
    display: block;
    padding: 0px 0px 0px;
    border-top: none;
    border-bottom: none;
  }
  #head nav.horizontal ul li {
    display: block;
    float: none;
    margin: 0px;
  }
  #head nav.horizontal ul li a {
    display: block;
    text-align: center;
    float: none;
    padding: 5px 0px;
    height: auto;
  }
  #head nav.horizontal ul li.current {
    margin: 0px;
  }
  #head nav.horizontal ul li.current a {
    background: none;
  }
  #body .wrap {
    padding-left: 0px;
  }
  #content {
    padding-left: 10px;
    padding-bottom: 20px;
  }
  #ctas {
    *zoom: 1;
    margin: 0px 10px 10px 10px;
  }
  #ctas:before,
  #ctas:after {
    content: "";
    display: table;
  }
  #ctas:after {
    clear: both;
  }
  #ctas h3 {
    padding-top: 20px;
  }
  #ctas h3 em {
    font-size: 21px;
  }
  #ctas #sign-up {
    display: none;
  }
  #ctas #save-favorite,
  #ctas #save-listing,
  #ctas #receive-listings {
    width: 100%;
    border: none;
    border-bottom: solid 10px #fff;
    min-height: 1px;
  }
  #ctas #save-favorite p,
  #ctas #save-listing p,
  #ctas #receive-listings p {
    display: none;
  }
  .communities-nav h4 {
    text-align: center;
  }
  .communities-nav ul {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .communities-nav ul li {
    text-align: center;
  }
  #feature .quicksearch h2 {
    line-height: 26px;
    font-size: 20px;
    padding-top: 20px;
    text-shadow: 1px 1px 5px #222;
  }
  #feature .quicksearch label {
    font-size: 12px;
  }
  #feature .quicksearch .range .tween {
    display: none;
  }
  #feature .quicksearch .max {
    margin-left: -46%;
  }
  #feature .quicksearch .btnset button {
    width: 100%;
  }
  #feature .listings .wrap .slide {
    width: 290px;
  }
  #feature .listings .wrap .slide .details .more {
    margin-right: 1px;
  }
  #feature .listings .wrap .slide .photo {
    max-height: 175px;
  }
  #feature .wrap {
    overflow: hidden;
    padding: 0px 15px 15px;
  }
  #feature .next {
    position: relative;
    bottom: 20px;
    right: 0;
    z-index: 999;
    float: right;
  }
  #feature .prev {
    position: relative;
    bottom: 20px;
    left: 0;
    z-index: 999;
    float: left;
  }
  .directory #content h1 {
    margin: 0 0 10px 0;
  }
  .directory #content #directory-header form .msg {
    padding: 0;
    text-align: center;
    width: 100%;
  }
  .directory #content #directory-header .o10 {
    float: none;
  }
  .directory #content .grid_12 .x6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
  .directory .nav li a {
    text-align: center;
  }
  #content {
    padding-top: 20px;
  }
  #content div.msg {
    text-align: center;
  }
  #content #results-message {
    margin: 0 0 20px 0;
  }
  #content h1 {
    font-size: 18px;
    line-height: 24px;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 10px 0px;
  }
  #content h1 a {
    font-style: normal;
  }
  #content #toggle-navigation {
    display: block;
    font-size: 15px;
  }
  #content form .x6 {
    width: 100%;
  }
  #body #sidebar {
    left: 0;
    background: #fff;
    box-shadow: 2px 2px 5px #999;
    padding-top: 15px;
  }
  #secondary,
  #sidebar,
  #foot .wrap {
    padding: 0px 10px 40px 10px;
  }
  #secondary #agent-feature,
  #secondary #mobile-cta {
    padding: 25px 20px 30px 20px;
  }
  #secondary #agent-feature h2 em,
  #secondary #mobile-cta h2 em {
    width: 36%;
  }
  #secondary #agent-feature .photo,
  #secondary #mobile-cta .photo {
    margin-bottom: 20px;
  }
  #foot {
    padding-top: 20px;
    padding-bottom: 0px;
  }
  #foot h3 {
    margin-bottom: 10px;
  }
  #foot h4 {
    text-align: center;
    font-size: 21px;
    margin-bottom: 10px;
  }
  #foot .wrap {
    padding-bottom: 0px;
  }
  #foot .wrap #footer-contact address {
    text-align: center;
    padding-bottom: 20px;
  }
  #foot .wrap #footer-communities {
    overflow: hidden;
    margin-bottom: 20px;
  }
  #foot .wrap #footer-communities ul {
    width: 50%;
  }
  #foot .wrap #footer-communities ul a {
    text-align: center;
  }
  #foot .copyright {
    padding-top: 0;
  }
  #foot .copyright .legal-credits {
    position: relative;
    right: 0;
    top: 0;
    margin: 0px auto;
    width: auto;
    display: table;
  }
  #foot .copyright ul {
    margin: 10px auto 20px auto;
    display: table;
    text-align: center;
  }
  #foot .copyright ul li {
    float: left;
    margin-right: 5px;
    text-align: center;
    width: 100%;
  }
  #foot .copyright ul li a {
    text-decoration: underline;
  }
  #foot .copyright ul li a:hover {
    text-decoration: none;
  }
  #foot .copyright .wrap {
    text-align: center;
  }
  body.idx #content,
  body.idx-map #content,
  .blog #content,
  .directory #content {
    padding-right: 20px;
    padding-left: 10px;
  }
  body.idx .articleset.flowgrid article .body .details .val.adr,
  body.idx-map .articleset.flowgrid article .body .details .val.adr,
  .blog .articleset.flowgrid article .body .details .val.adr,
  .directory .articleset.flowgrid article .body .details .val.adr {
    width: 100%;
  }
  .cms #content .articleset.listings.flowgrid .listing {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
  body.idx.details header .keyvalset {
    margin-bottom: 10px;
  }
  body.idx.details #body .wrap {
    padding-left: 0px;
  }
  body.idx.details #content {
    padding: 0px 10px 0px 10px;
  }
  body.idx.details #content header .keyvalset .keyval span {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0;
  }
  body.idx.details #content .listing .btnset {
    margin-top: 0px;
  }
  .articleset.flowgrid article .body .details .val,
  .articleset.flowgrid article .body .details .val,
  .articleset.flowgrid article .body .details ul.keyvalset,
  .articleset.flowgrid article .body .details li.keyval.acres {
    text-align: center;
  }
  .articleset article .body .photo,
  .articleset.flowgrid article .body .photo {
    margin-bottom: 10px;
  }
  .articleset.flowgrid_x1 article .details .btn.vanilla.save {
    top: -43px;
    right: 0;
    left: auto;
  }
  .articleset.flowgrid_x1 article .photo {
    width: 100% !important;
  }
  body.idx.details #content .details-extended {
    padding-top: 0px;
  }
  body.idx.details #content .details-extended h3 {
    text-align: left;
  }
  body.idx.details #content .details-extended .keyvalset {
    width: 97%;
    margin-bottom: 0px;
  }
  body.idx.details #content {
    padding-right: 10px;
  }
  body.idx.details #content .x6 {
    width: 100%;
  }
  body.idx.details #content .x6.last {
    margin-bottom: 20px;
  }
  body.idx.details #content header .keyvalset .keyval strong,
  body.idx.details #content header .keyvalset .keyval span {
    line-height: 1em;
    margin-bottom: 10px;
  }
  body.idx.details #content .body .btn {
    margin-bottom: 10px;
  }
  #results-message {
    margin: -20px 0px 20px 0px;
  }
  #logo {
    float: none;
    text-align: center;
  }
  nav.horizontal {
    float: none;
    clear: left;
  }
  nav.horizontal h4 {
    display: block;
  }
  nav.horizontal ul {
    clear: left;
    display: block;
  }
  nav.horizontal ul li {
    display: block;
    float: none;
  }
  nav.horizontal ul li a {
    display: block;
    text-align: center;
    float: none;
  }
  form .x12 {
    width: 100%;
  }
  body.popup #content .msg {
    margin: 0 0 20px 0;
  }
  body.popup #content .grid_12 .x6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
  body.idx #body .wrap {
    margin: 10px;
    padding-left: 0px;
  }
  body.idx #body .wrap h3 {
    font-size: 13px;
    border-top: none;
  }
  .agent-site #feature {
    padding: 4%;
  }
  .agent-site #feature img.agent-image {
    left: 0;
  }
  .agent-site #content {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
    padding-top: 10px;
  }
  .agent-site #head nav.horizontal ul {
    margin-bottom: 0px;
  }
  .agent-site #head nav.horizontal li:last-child {
    width: 100%;
  }
  .tpl-seller #content,
  .tpl-1col #content,
  .tpl-2col.right #content,
  .tpl-2col.left #content {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.articleset article .body .details .keyvalset {
  font-size: 12px;
}
.gallery .uiPlaceholder {
  display: block;
  width: 100%;
}
#listings-map {
  top: 0;
  margin-bottom: 20px;
}
#GPolygonControl > a,
#GRadiusControl > a {
  display: block;
  background: #999;
  color: #fff;
  padding: 5px 15px;
  border: 0;
}
#GPolygonControl ul,
#GRadiusControl ul {
  background: #999;
  padding: 5px 15px;
}
#GPolygonControl .edit,
#GRadiusControl .edit,
#GPolygonControl .delete,
#GRadiusControl .delete {
  color: #fff;
  background: transparent;
  border: 0;
}
#sidebar .field small {
  color: #666;
}
.btnset .btn {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  background: #4c4c4c;
  border: solid 1px #333333;
}
.btnset .btn:hover {
  background: #666666;
}
.btn.print,
.btn.share,
article .btnset .btn {
  font-family: 'Open Sans', sans-serif;
  background: #4c4c4c;
  filter: none;
  border-color: #333333;
  text-transform: uppercase;
  font-size: 13px;
}
.btn.print:hover,
.btn.share:hover,
article .btnset .btn:hover {
  background: #666666;
  filter: none;
  border-color: #333333;
}
#toggle-navigation,
button.strong,
.details a.btn.strong,
.btn.strong,
button.positive,
form.idx-search a,
.search-btn {
  background: #f30000;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#ff0d0d), to(#f30000));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #ff0d0d, #f30000);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #ff0d0d, #f30000);
  /* for ie 10+ */

  background: linear-gradient(#ff0d0d, #f30000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f30000, endColorstr=#f30000, GradientType=0);
  /* IE6-9 */

  border: solid 1px #d90000;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 13px;
}
#toggle-navigation:hover,
button.strong:hover,
.details a.btn.strong:hover,
.btn.strong:hover,
button.positive:hover,
form.idx-search a:hover,
.search-btn:hover {
  background: #ff0d0d;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#ff0303), to(#ff0d0d));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #ff0303, #ff0d0d);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #ff0303, #ff0d0d);
  /* for ie 10+ */

  background: linear-gradient(#ff0303, #ff0d0d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0303, endColorstr=#ff0d0d, GradientType=0);
  /* IE6-9 */

  border: solid 1px #d90000;
}
#feature .listings .wrap .slide {
  position: relative;
}
#feature .listings .wrap .slide img.portrait.scale,
#feature .listings .wrap .slide img.landscape.scale,
#feature .listings .wrap .slide img.portrait.crop,
#feature .listings .wrap .slide img.landscape.crop {
  position: relative;
}
/* Toggle Controls */
#toggle-sidebar {
  font-weight: normal;
  display: none;
}
#sidebar .btnset.close {
  display: none;
}
/* Toggle Quick Search */
@media screen and (max-width: 730px) {
  #toggle-sidebar {
    display: block;
    margin-bottom: 15px;
  }
  #body #sidebar {
    border-left: none;
    box-shadow: 2px 2px 5px #cbc9c5;
    padding-right: 25px;
    padding-left: 20px;
    display: block !important;
    position: absolute !important;
    z-index: 10000 !important;
    left: -275px;
    top: 0;
    width: 250px !important;
    margin: 0 0 0 -2% !important;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  #body #sidebar .btnset.close {
    display: block !important;
    position: absolute;
    z-index: 99;
    top: 0;
    right: 10px;
    margin: 0px;
    padding: 0px;
    width: 10px;
    height: 10px;
  }
  #body #sidebar .btnset.close a.btn {
    width: 15px;
    height: 15px;
    line-height: 14px !important;
    padding: 0;
    line-height: 9px;
    font-size: 9px;
  }
  #body #sidebar.open {
    left: 0;
  }
}
/* Toggle Navigation */
@media screen and (max-width: 879px) {
  #head .social-share {
    position: relative;
    width: 100%;
    display: inline-block;
    right: 0;
    top: 0;
    text-align: center;
  }
  #toggle-navigation {
    display: block;
    margin-bottom: 20px;
  }
  #body #sidebar {
    border-left: none;
    box-shadow: 2px 2px 5px #cbc9c5;
    padding-right: 25px;
    padding-left: 20px;
    display: block !important;
    position: absolute !important;
    z-index: 10000 !important;
    left: -275px;
    top: 0;
    width: 250px !important;
    margin: 0 0 0 -2% !important;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  #body #sidebar .btnset.close {
    display: block !important;
    position: absolute;
    z-index: 99;
    top: 0;
    right: -10px;
    margin: 0px;
    padding: 0px;
    width: 10px;
    height: 10px;
  }
  #body #sidebar .btnset.close a.btn {
    width: 15px;
    height: 15px;
    line-height: 14px !important;
    padding: 0;
    line-height: 9px;
    font-size: 9px;
  }
  #body #sidebar.open {
    left: 0;
  }
}
#feature-two .provider {
  color: #858585;
  line-height: normal;
  font-size: 14px;
}
.ereb #feature .listings .wrap .slide .details .more,
.erebcom #feature .listings .wrap .slide .details .more,
.creb #feature .listings .wrap .slide .details .more {
  top: 60px;
}
.overlay {
  z-index: 999998;
}
.hidden-desktop {
  display: none !important;
}
body {
  -moz-osx-font-smoothing: grayscale;
}
input.register {
  padding: 8px 10px;
  height: 35px;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  color: #565a5c;
}
body.idx.search div.ranges {
  overflow: hidden;
  zoom: 1;
  font-family: 'Open Sans', sans-serif;
  line-height: normal;
}
body.idx.search div.ranges div {
  width: 50%;
  float: left;
}
body.idx.search div.ranges div:nth-child(1),
body.idx.search div.ranges div:nth-child(2) {
  font-size: 14px;
}
body.idx.search div.ranges div:nth-child(3),
body.idx.search div.ranges div:nth-child(4) {
  font-size: 9pt;
}
/** Custom font Open sans */
/* Most changes took place in skin.less with a font stack variable, core overrides here */
button,
a.btn {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
}
/*HEADER (full width)*/
#head {
  background: white;
  border-bottom: 1px solid rgba(220, 224, 224, 0.5);
  padding: 15px 0;
}
#head .wrap {
  min-height: 0;
  max-width: none;
  padding: 0 20px;
}
#head #logo {
  width: 150px;
  padding-bottom: 0;
}
@media only screen and (min-width: 880px) {
  #head #logo {
    margin-left: 20px;
  }
}
#head #logo a {
  line-height: 0;
}
#head nav.horizontal {
  height: auto;
  position: static;
  margin: 0 auto;
}
#head nav.horizontal li a,
#head .header-contact a {
  text-shadow: none;
  color: #333;
  height: auto;
  font-size: 15px;
}
#head nav.horizontal li a:hover,
#head .header-contact a:hover {
  color: #333;
}
#head nav.horizontal li.current a {
  background: none;
  color: #333;
}
#head nav.horizontal li.current a:hover {
  color: #333;
}
.pg-homepage #head {
  background-color: transparent;
  border-bottom: 0;
}
.pg-homepage #head #logo {
  width: 190px;
}
.pg-homepage #head nav.horizontal li a,
.pg-homepage #head .header-contact a {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.pg-homepage #head nav.horizontal li a:hover,
.pg-homepage #head .header-contact a:hover {
  color: white;
}
#head .social-share {
  right: 203px;
}
.header-feature-container {
  position: relative;
}
/* widen site */
.wrap {
  max-width: 1160px;
}
/* quicksearch */
#custom-quick-search-title {
  display: none;
}
#custom-quick-search-wrap {
  width: 100%;
  position: relative;
}
.ss-active #feature .quicksearch {
  padding: 10px 10px 0 10px;
}
/* quicksearch - map refine  */
#custom-quick-search #map-search-options {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  margin-bottom: 10px;
  padding: 10px 0;
}
#custom-quick-search #map-search-options form {
  position: static;
}
#custom-quick-search #map-search-options label {
  font-size: 13px;
  font-weight: bold !important;
}
#custom-quick-search #map-search-options #field-polygon > label,
#custom-quick-search #map-search-options #field-radius > label,
#custom-quick-search #map-search-options #field-bounds > label {
  display: none;
}
#custom-quick-search #map-search-options #field-type > label {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
#custom-quick-search #map-search-options #field-type .details {
  display: inline-block;
}
#custom-quick-search #map-search-options #field-type > label:after {
  content: ":";
  font: inherit !important;
}
#custom-quick-search #map-search-options .field,
#custom-quick-search #map-search-options .map-search-options-title {
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
}
#custom-quick-search #map-search-options .map-search-options-title {
  color: white;
  font-size: 15px;
  line-height: 24px;
}
#custom-quick-search #map-search-options .hidemap {
  position: absolute;
  top: 0;
  right: 0;
}
#custom-quick-search #map-search-options #GRadiusControl > a,
#custom-quick-search #map-search-options #GPolygonControl > a,
#custom-quick-search #map-search-options #GRadiusControl > ul,
#custom-quick-search #map-search-options #GPolygonControl > ul {
  background-color: transparent;
  padding: 0;
}
#custom-quick-search #map-search-options #field-bounds .toggle input {
  position: static;
}
#custom-quick-search #map-search-options .tip,
#custom-quick-search #map-search-options small {
  color: #ededed;
  font-size: 11px;
  font-style: italic;
}
.showTheMap {
  position: absolute;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  height: 40px;
  top: -40px;
  right: 0;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  border: 0;
  padding: 6px 25px;
}
/*** Adjusted listing grid on listing results pages  ***/
.idx.search #body {
  position: relative;
  *zoom: 1;
  /* gah -- webkit miscalculates the total width?? jagged edges in middle instead of end w/ float: right */

  /* @TODO: .oZ (@i) when (@i > -1)*/

  /* improve this later, extra col should be in the val (span) */

}
.idx.search #body:before,
.idx.search #body:after {
  content: "";
  display: table;
}
.idx.search #body:after {
  clear: both;
}
.idx.search #body .x12 {
  width: 100%;
  margin-right: 2%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .x12 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .x11 {
  width: 91.5%;
  margin-right: 2%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .x11 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .x10 {
  width: 83%;
  margin-right: 2%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .x10 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .x9 {
  width: 74.5%;
  margin-right: 2%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .x9 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .x8 {
  width: 66%;
  margin-right: 2%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .x8 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .x7 {
  width: 57.5%;
  margin-right: 2%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .x7 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .x6 {
  width: 49%;
  margin-right: 2%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .x6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .x5 {
  width: 40.5%;
  margin-right: 2%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .x5 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .x4 {
  width: 32%;
  margin-right: 2%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .x4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .x3 {
  width: 23.5%;
  margin-right: 2%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .x3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .x2 {
  width: 15%;
  margin-right: 2%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .x2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .x1 {
  width: 6.5%;
  margin-right: 2%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .x1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .pFirst {
  clear: left !important;
}
.idx.search #body .pLast {
  margin-right: 0 !important;
}
.idx.search #body .o0 {
  margin-left: -100%;
  left: 100%;
  position: relative;
  clear: left;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .o0 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .o13 {
  margin-left: 10.5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .o13 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .o12 {
  margin-left: 2%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .o12 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .o11 {
  margin-left: -6.5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .o11 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .o10 {
  margin-left: -15%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .o10 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .o9 {
  margin-left: -23.5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .o9 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .o8 {
  margin-left: -32%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .o8 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .o7 {
  margin-left: -40.5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .o7 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .o6 {
  margin-left: -49%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .o6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .o5 {
  margin-left: -57.5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .o5 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .o4 {
  margin-left: -66%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .o4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .o3 {
  margin-left: -74.5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .o3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .o2 {
  margin-left: -83%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .o2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .o1 {
  margin-left: -91.5%;
  margin-right: 0 !important;
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .o1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .last {
  margin-right: 0;
}
.idx.search #body .first {
  clear: left;
}
.idx.search #body .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
}
.idx.search #body .video-pleft {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
  float: left;
  width: 50%;
  height: auto;
  margin: 0 2% 24px 0;
  padding-bottom: 28.13%;
}
.idx.search #body .video-pleft iframe,
.idx.search #body .video-pleft object,
.idx.search #body .video-pleft embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.idx.search #body .video-pright {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px;
  float: right;
  width: 50%;
  height: auto;
  margin: 0 0 24px 2%;
  padding-bottom: 28.13%;
}
.idx.search #body .video-pright iframe,
.idx.search #body .video-pright object,
.idx.search #body .video-pright embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.idx.search #body .video iframe,
.idx.search #body .video-pright iframe,
.idx.search #body .video-pleft iframe,
.idx.search #body .video object,
.idx.search #body .video-pright object,
.idx.search #body .video-pleft object,
.idx.search #body .video embed,
.idx.search #body .video-pright embed,
.idx.search #body .video-pleft embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.idx.search #body .pleft {
  margin: 0 2% 24px 0;
  float: left;
}
.idx.search #body .pright {
  margin: 0 0 24px 2%;
  float: right;
}
.idx.search #body .flowgrid {
  *zoom: 1;
  clear: both;
}
.idx.search #body .flowgrid:before,
.idx.search #body .flowgrid:after {
  content: "";
  display: table;
}
.idx.search #body .flowgrid:after {
  clear: both;
}
.idx.search #body .flowgrid > article,
.idx.search #body .flowgrid > li,
.idx.search #body .flowgrid > label,
.idx.search #body .flowgrid > div {
  float: left;
  width: 49%;
  margin-right: 2%;
}
.idx.search #body .flowgrid > article:nth-child(2n+2),
.idx.search #body .flowgrid > li:nth-child(2n+2),
.idx.search #body .flowgrid > label:nth-child(2n+2),
.idx.search #body .flowgrid > div:nth-child(2n+2) {
  margin-right: 0;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .flowgrid > article,
  .idx.search #body .flowgrid > li,
  .idx.search #body .flowgrid > label,
  .idx.search #body .flowgrid > div {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.idx.search #body .keyval strong {
  width: 49%;
}
.idx.search #body .keyval span {
  width: 49%;
}
.idx.search #body .keyval strong,
.idx.search #body .keyval span {
  word-wrap: break-word;
}
@media only screen and (max-width: 480px) {
  .idx.search #body .pright,
  .idx.search #body pleft {
    float: none;
    display: block;
    text-align: center;
  }
  .idx.search #body .video,
  .idx.search #body .video-pleft,
  .idx.search #body .video-pright {
    float: none;
    width: auto;
    position: relative;
    padding-bottom: 56.25%;
  }
}
@media only screen and (min-width: 1500px) {
  .idx.search #body {
    position: relative;
    *zoom: 1;
    /* gah -- webkit miscalculates the total width?? jagged edges in middle instead of end w/ float: right */

    /* @TODO: .oZ (@i) when (@i > -1)*/

    /* improve this later, extra col should be in the val (span) */

  }
  .idx.search #body .flowgrid > .listing:nth-child(2n+2) {
    margin-right: 2%;
  }
  .idx.search #body .flowgrid > .listing:nth-child(3n+3) {
    margin-right: 0;
  }
  .idx.search #body .flowgrid > .listing:last-child {
    margin-right: 0;
  }
  .idx.search #body:before,
  .idx.search #body:after {
    content: "";
    display: table;
  }
  .idx.search #body:after {
    clear: both;
  }
  .idx.search #body .x12 {
    width: 100%;
    margin-right: 2%;
    float: left;
  }
  .idx.search #body .x11 {
    width: 91.5%;
    margin-right: 2%;
    float: left;
  }
  .idx.search #body .x10 {
    width: 83%;
    margin-right: 2%;
    float: left;
  }
  .idx.search #body .x9 {
    width: 74.5%;
    margin-right: 2%;
    float: left;
  }
  .idx.search #body .x8 {
    width: 66%;
    margin-right: 2%;
    float: left;
  }
  .idx.search #body .x7 {
    width: 57.5%;
    margin-right: 2%;
    float: left;
  }
  .idx.search #body .x6 {
    width: 49%;
    margin-right: 2%;
    float: left;
  }
  .idx.search #body .x5 {
    width: 40.5%;
    margin-right: 2%;
    float: left;
  }
  .idx.search #body .x4 {
    width: 32%;
    margin-right: 2%;
    float: left;
  }
  .idx.search #body .x3 {
    width: 23.5%;
    margin-right: 2%;
    float: left;
  }
  .idx.search #body .x2 {
    width: 15%;
    margin-right: 2%;
    float: left;
  }
  .idx.search #body .x1 {
    width: 6.5%;
    margin-right: 2%;
    float: left;
  }
  .idx.search #body .pFirst {
    clear: left !important;
  }
  .idx.search #body .pLast {
    margin-right: 0 !important;
  }
  .idx.search #body .o0 {
    margin-left: -100%;
    left: 100%;
    position: relative;
    clear: left;
  }
  .idx.search #body .o13 {
    margin-left: 10.5%;
    margin-right: 0 !important;
    left: 100%;
    position: relative;
  }
  .idx.search #body .o12 {
    margin-left: 2%;
    margin-right: 0 !important;
    left: 100%;
    position: relative;
  }
  .idx.search #body .o11 {
    margin-left: -6.5%;
    margin-right: 0 !important;
    left: 100%;
    position: relative;
  }
  .idx.search #body .o10 {
    margin-left: -15%;
    margin-right: 0 !important;
    left: 100%;
    position: relative;
  }
  .idx.search #body .o9 {
    margin-left: -23.5%;
    margin-right: 0 !important;
    left: 100%;
    position: relative;
  }
  .idx.search #body .o8 {
    margin-left: -32%;
    margin-right: 0 !important;
    left: 100%;
    position: relative;
  }
  .idx.search #body .o7 {
    margin-left: -40.5%;
    margin-right: 0 !important;
    left: 100%;
    position: relative;
  }
  .idx.search #body .o6 {
    margin-left: -49%;
    margin-right: 0 !important;
    left: 100%;
    position: relative;
  }
  .idx.search #body .o5 {
    margin-left: -57.5%;
    margin-right: 0 !important;
    left: 100%;
    position: relative;
  }
  .idx.search #body .o4 {
    margin-left: -66%;
    margin-right: 0 !important;
    left: 100%;
    position: relative;
  }
  .idx.search #body .o3 {
    margin-left: -74.5%;
    margin-right: 0 !important;
    left: 100%;
    position: relative;
  }
  .idx.search #body .o2 {
    margin-left: -83%;
    margin-right: 0 !important;
    left: 100%;
    position: relative;
  }
  .idx.search #body .o1 {
    margin-left: -91.5%;
    margin-right: 0 !important;
    left: 100%;
    position: relative;
  }
  .idx.search #body .last {
    margin-right: 0;
  }
  .idx.search #body .first {
    clear: left;
  }
  .idx.search #body .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 24px;
  }
  .idx.search #body .video-pleft {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 24px;
    float: left;
    width: 50%;
    height: auto;
    margin: 0 2% 24px 0;
    padding-bottom: 28.13%;
  }
  .idx.search #body .video-pleft iframe,
  .idx.search #body .video-pleft object,
  .idx.search #body .video-pleft embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .idx.search #body .video-pright {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 24px;
    float: right;
    width: 50%;
    height: auto;
    margin: 0 0 24px 2%;
    padding-bottom: 28.13%;
  }
  .idx.search #body .video-pright iframe,
  .idx.search #body .video-pright object,
  .idx.search #body .video-pright embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .idx.search #body .video iframe,
  .idx.search #body .video-pright iframe,
  .idx.search #body .video-pleft iframe,
  .idx.search #body .video object,
  .idx.search #body .video-pright object,
  .idx.search #body .video-pleft object,
  .idx.search #body .video embed,
  .idx.search #body .video-pright embed,
  .idx.search #body .video-pleft embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .idx.search #body .pleft {
    margin: 0 2% 24px 0;
    float: left;
  }
  .idx.search #body .pright {
    margin: 0 0 24px 2%;
    float: right;
  }
  .idx.search #body .flowgrid {
    *zoom: 1;
    clear: both;
  }
  .idx.search #body .flowgrid:before,
  .idx.search #body .flowgrid:after {
    content: "";
    display: table;
  }
  .idx.search #body .flowgrid:after {
    clear: both;
  }
  .idx.search #body .flowgrid > article,
  .idx.search #body .flowgrid > li,
  .idx.search #body .flowgrid > label,
  .idx.search #body .flowgrid > div {
    float: left;
    width: 32%;
    margin-right: 2%;
  }
  .idx.search #body .flowgrid > article:nth-child(3n+3),
  .idx.search #body .flowgrid > li:nth-child(3n+3),
  .idx.search #body .flowgrid > label:nth-child(3n+3),
  .idx.search #body .flowgrid > div:nth-child(3n+3) {
    margin-right: 0;
  }
  .idx.search #body .keyval strong {
    width: 49%;
  }
  .idx.search #body .keyval span {
    width: 49%;
  }
  .idx.search #body .keyval strong,
  .idx.search #body .keyval span {
    word-wrap: break-word;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .x12 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .x11 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .x10 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .x9 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .x8 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .x7 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .x6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .x5 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .x4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .x3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .x2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .x1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .o0 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .o13 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .o12 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .o11 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .o10 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .o9 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .o8 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .o7 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .o6 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .o5 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .o4 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .o3 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .o2 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .o1 {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .flowgrid > article,
  .idx.search #body .flowgrid > li,
  .idx.search #body .flowgrid > label,
  .idx.search #body .flowgrid > div {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 1500px) and only screen and (max-width: 480px) {
  .idx.search #body .pright,
  .idx.search #body pleft {
    float: none;
    display: block;
    text-align: center;
  }
  .idx.search #body .video,
  .idx.search #body .video-pleft,
  .idx.search #body .video-pright {
    float: none;
    width: auto;
    position: relative;
    padding-bottom: 56.25%;
  }
}
/*** MOBILE FIRST RESPONSIVE HEADER/FEATURE ***/
.header-contact {
  color: white;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 32px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  text-align: center;
}
.header-contact a {
  color: white;
  font-family: 'Open Sans', sans-serif;
  text-decoration: none;
  margin: 0 10px;
  white-space: nowrap;
}
/* How it works feature */
.header-feature-container {
  padding-top: 0;
  position: static;
}
.header-feature-container .head-container {
  position: relative;
}
#how-it-works {
  position: absolute;
  top: 0;
  background: white;
  width: 100%;
  left: -100%;
  border-bottom: 1px solid #ccc;
  z-index: 9999999;
  padding-top: 20px;
  padding-bottom: 10px;
  *zoom: 1;
  /*
  -webkit-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.46);
  -moz-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.46);
  box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.46);
  */

}
#how-it-works:before,
#how-it-works:after {
  content: "";
  display: table;
}
#how-it-works:after {
  clear: both;
}
#how-it-works-button-hide:before {
  content: '\f00d';
  font-family: FontAwesome;
  color: #333;
  font-size: 35px;
  cursor: pointer;
}
#how-it-works-button-hide {
  position: absolute;
  z-index: 9999;
  right: 30px;
  top: 20px;
}
#how-it-works-button-hide span {
  display: none;
}
#how-it-works-button-wrap {
  text-align: center;
  padding: 50px 0;
}
.how-it-works-button-wrap {
  font-family: 'Open Sans', sans-serif;
  color: white;
  text-shadow: -1px -1px 30px #000000;
}
.how-it-works-heading,
.how-it-works-sub-heading {
  color: white;
  text-shadow: -1px -1px 30px #000000;
}
.how-it-works-heading {
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 0;
  font-weight: bold;
}
.how-it-works-sub-heading {
  font-size: 16px;
}
#how-it-works-button {
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid white;
  color: black;
  text-shadow: none;
  font-size: 15px;
  font-weight: bold;
}
.how-step {
  opacity: 0;
  text-align: center;
}
.how-step img {
  max-width: 400px;
  width: 80%;
  display: block;
  margin: 0 auto 30px;
}
.step-number {
  color: white;
  font-size: 30px;
  width: 40px;
  height: 40px;
  line-height: 35px;
  border: 3px solid white;
  outline: 4px solid #ff0d0d;
  background: #ff0d0d;
  display: inline-block;
  text-align: center;
  margin-bottom: .5em;
}
@media only screen and (min-width: 1000px) {
  .step-number {
    font-size: 50px;
    width: 60px;
    height: 60px;
    line-height: 55px;
  }
}
.step-title {
  text-transform: none;
  font-weight: bold;
  font-size: 26px;
}
.step-description {
  font-size: 18px;
  color: #666;
  padding: 0 10%;
}
#feature {
  min-height: 0;
  overflow: visible;
}
.ss-active #feature {
  position: static;
}
.ss-active #feature-one {
  position: static;
}
.ss-active #feature-one > .wrap {
  padding: 0;
}
#feature-one .wrap {
  max-width: 800px;
}
#feature-one #slideshow_1 {
  z-index: -1;
}
#idx-map-search-wrap {
  transition: height 0.5s ease;
  margin-bottom: 0;
}
#idx-map-search-wrap.open {
  height: 400px;
}
.ss-active #feature {
  height: auto;
}
.ss-active #feature-one > .wrap {
  min-height: 0px;
}
.ss-active #feature .quicksearch {
  top: 0;
  margin-top: 40px;
}
#feature .quicksearch {
  /*#field-price{
      .brewCol(4, 4, 12, 5.5%);
    }*/

}
#feature .quicksearch .field,
#feature .quicksearch .btnset {
  margin-bottom: 10px !important;
}
#feature .quicksearch #field-location {
  width: 25%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #feature .quicksearch #field-location {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#feature .quicksearch #field-type {
  width: 100%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #feature .quicksearch #field-type {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#feature .quicksearch #field-type select {
  width: 100%;
}
#feature .quicksearch #field-hoods {
  width: 29.666666666666664%;
  margin-left: -73.625%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #feature .quicksearch #field-hoods {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#feature .quicksearch #field-price_high {
  width: 23.5%;
  margin-left: -23.5%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #feature .quicksearch #field-price_high {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#feature .quicksearch #field-price_high .min {
  width: 100% !important;
}
#feature .quicksearch #field-rooms {
  width: 21.25%;
  margin-left: -47.5%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  #feature .quicksearch #field-rooms {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#feature .quicksearch .btnset button {
  padding: 5px 12px;
  margin-bottom: 0;
}
@media only screen and (min-width: 481px) {
  #slideshow_1 {
    display: block;
  }
  #feature .quicksearch #field-location {
    width: 100%;
    margin-left: -100%;
    position: relative;
    left: 100%;
    float: left;
  }
  #feature .quicksearch #field-hoods {
    width: 49%;
    margin-left: -49%;
    position: relative;
    left: 100%;
    float: left;
  }
  #feature .quicksearch #field-price_high {
    width: 49%;
    margin-left: -100%;
    position: relative;
    left: 100%;
    float: left;
    clear: none;
  }
  #feature .quicksearch #field-rooms {
    width: 49%;
    margin-left: -100%;
    position: relative;
    left: 100%;
    float: left;
    clear: left;
  }
  #feature .quicksearch .btnset {
    width: 49%;
    margin-left: -49%;
    position: relative;
    left: 100%;
    float: left;
    padding-top: 0;
  }
  #head nav.horizontal {
    border: 0;
  }
}
@media only screen and (min-width: 481px) and only screen and (max-width: 480px) {
  #feature .quicksearch #field-location {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 481px) and only screen and (max-width: 480px) {
  #feature .quicksearch #field-hoods {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 481px) and only screen and (max-width: 480px) {
  #feature .quicksearch #field-price_high {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 481px) and only screen and (max-width: 480px) {
  #feature .quicksearch #field-rooms {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 481px) and only screen and (max-width: 480px) {
  #feature .quicksearch .btnset {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#how-it-works-button-hide span {
  display: none;
}
@media only screen and (min-width: 880px) {
  .header-contact {
    margin-top: 30px;
    float: right;
  }
  #head nav.horizontal {
    margin: 30px 20px 0 0;
    float: right;
  }
  #idx-map-search-wrap {
    transition: height 0.5s ease;
  }
  #idx-map-search-wrap.open {
    height: 400px;
  }
  #tagline {
    right: 20px;
  }
  .ss-active #feature {
    height: auto;
  }
  .ss-active #feature-one .feature-group {
    height: 600px;
    height: 1vh;
    display: table;
    width: 100%;
  }
  .ss-active #feature-one .feature-group .inner-wrap {
    display: table-cell;
    vertical-align: bottom;
  }
  #how-it-works-button-wrap {
    bottom: 100%;
    width: 100%;
    position: absolute;
  }
  #feature .quicksearch {
    /* map fields */

  }
  #feature .quicksearch #field-type {
    width: 23.5%;
    margin-left: -100%;
    position: relative;
    left: 100%;
    float: left;
  }
  #feature .quicksearch #field-hoods {
    width: 27.75%;
    margin-left: -74.5%;
    position: relative;
    left: 100%;
    float: left;
  }
  #feature .quicksearch #field-price_high {
    width: 10.75%;
    margin-left: -44.75%;
    position: relative;
    left: 100%;
    float: left;
  }
  #feature .quicksearch #field-rooms {
    width: 19.25%;
    margin-left: -32%;
    position: relative;
    left: 100%;
    float: left;
    clear: none;
  }
  #feature .quicksearch .btnset {
    width: 10.75%;
    margin-left: -10.75%;
    position: relative;
    left: 100%;
    float: left;
  }
  #feature .quicksearch .btnset button {
    width: 100%;
  }
}
@media only screen and (min-width: 880px) and only screen and (max-width: 480px) {
  #feature .quicksearch #field-type {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 880px) and only screen and (max-width: 480px) {
  #feature .quicksearch #field-hoods {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 880px) and only screen and (max-width: 480px) {
  #feature .quicksearch #field-price_high {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 880px) and only screen and (max-width: 480px) {
  #feature .quicksearch #field-rooms {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 880px) and only screen and (max-width: 480px) {
  #feature .quicksearch .btnset {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
/*** FEATURED LISTINGS  **/
#feature-two {
  background: white;
  z-index: 1;
}
#feature .listings .wrap .slide {
  width: 267px;
  margin-bottom: 0;
}
#feature .listings .wrap .slide .photo {
  border: 0;
  max-height: 250px;
}
#feature .listings .listing .photo a {
  display: block;
  margin: -15px;
  position: relative;
}
#feature .listings .wrap .slide .details .price {
  color: black;
  float: none;
}
#feature .listings .wrap .slide .details .more {
  background: none;
  border-radius: 80px;
  padding: 10px 20px;
  position: absolute;
  right: 10px;
  text-decoration: none;
  bottom: 0px;
}
#feature .next,
#feature .prev {
  background: transparent;
  border-radius: 0;
  font-size: 30px;
  line-height: 30px;
}
#feature .next:hover,
#feature .prev:hover {
  background: transparent;
  color: #00ff00;
}
@media only screen and (min-width: 880px) {
  #feature .prev {
    bottom: 60%;
    left: -50px;
  }
  #feature .next {
    bottom: 60%;
    right: -50px;
  }
}
/** Featured communities ******************/
.pg-homepage #content {
  padding-top: 35px;
}
.communitiesWrapper {
  width: 100%;
  position: relative;
  text-align: center;
  *zoom: 1;
}
.communitiesWrapper:before,
.communitiesWrapper:after {
  content: "";
  display: table;
}
.communitiesWrapper:after {
  clear: both;
}
.home-communities-header {
  font-weight: bold;
  font-size: 32px;
  line-height: 38px;

}
.community {
  float: left;
  position: relative;
  height: 201px;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 1%;
}
.onethird,
.twothird,
.wide {
  width: 97%;
}
@media only screen and (min-width: 600px) {
  .onethird {
    width: 48%;
  }
  .twothird {
    width: 48%;
  }
  .wide {
    width: 48%;
  }
}
@media only screen and (min-width: 880px) {
  .onethird {
    width: 14%;
  }
  .twothird {
    width: 64%;
  }
  .wide {
    width: 97%;
  }
}
.community-text {
  color: white;
  font-size: 18px;
  line-height: 21px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: -1px -1px 30px #000000, 1px -1px 40px #000000;
  opacity: 1;
  text-align: center;
  position: relative;
  top: 70%;
  transform: translateY(-50%);
  padding: 0 10px;
}
/** START ********************
 *
 *  CUSTOM RESULTS PAGE, ALL RESPONSIVE STYLES HERE
 *
 *  ***************/
.idx.tpl-custom-search #body {
  position: static;
}
.tpl-custom-search .msg.vanilla.results {
  border: 0;
  line-height: 35px;
}
.tpl-custom-search .scrolling-fixed-results {
  background: #F5F5F5;
  border-top: 1px solid rgba(220, 224, 224, 0.5);
}
.tpl-custom-search .scrolling-fixed-results .listing .body .photo {
  margin-bottom: 0;
}
.tpl-custom-search .scrolling-fixed-results .listing .overlay-info {
  min-height: 0;
  padding-top: 10px;
}
.tpl-custom-search #foot {
  display: none;
}
@media only screen and (max-width: 767px) {
  .hidden-desktop {
    margin-top: -3px !important;
    display: inline-block !important;
  }
  .tpl-custom-search.idx #body #idx-wrap {
    margin: 0;
    padding: 0 20px;
  }
  .tpl-custom-search #search-header,
  .tpl-custom-search #listings-map,
  .tpl-custom-search #idx-wrap,
  .tpl-custom-search .scrolling-fixed-results {
    top: auto!important;
    width: 100% !important;
    clear: both;
  }
  .tpl-custom-search #listings-map {
    height: 500px !important;
  }
}
@media only screen and (max-width: 605px) {
  .hidden-desktop {
    display: block !important;
    margin-top: 7px;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  #idx-wrap {
    max-width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
  }
  #listings-map {
    top: 100px;
    width: 40%;
    right: 0px;
    bottom: 0;
    position: fixed !important;
    height: auto !important;
  }
  .scrolling-fixed-results {
    width: 60%;
    position: fixed;
    left: 0;
    bottom: 0;
    overflow-y: scroll !important;
    padding: 0 20px;
  }
  #search-header {
    position: fixed;
    width: 60%;
    left: 0;
  }
}
/*** Refine form on custom IDX search page - media query inclusive **/
#header-form .field {
  margin-bottom: 7px !important;
}
#search-header .header-search-group {
  border-bottom: 1px solid rgba(220, 224, 224, 0.5);
  *zoom: 1;
  clear: both;
  text-align: center;
  padding: 15px 0;
}
#search-header .header-search-group:before,
#search-header .header-search-group:after {
  content: "";
  display: table;
}
#search-header .header-search-group:after {
  clear: both;
}
#search-header .header-search-group.btn-group {
  border: 0;
}
#search-header .header-search-group.search-field-group {
  padding-bottom: 8px;
}
#search-header .btnset {
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}
#search-header button {
  display: inline-block;
  margin-bottom: 0;
}
#search-header .polygon {
  margin-bottom: 0px !important;
  display: inline-block;
}
#search-header .polygon .field {
  margin-bottom: 0;
}
#search-header #GPolygonControl > a,
#search-header #GRadiusControl > a,
#search-header #GPolygonControl ul,
#search-header #GRadiusControl ul {
  padding: 6px 10px;
}
#search-header #GPolygonControl .tip,
#search-header #GRadiusControl .tip {
  line-height: normal;
  font-size: 11px;
  font-style: italic;
  display: block;
  white-space: nowrap;
  position: absolute;
  z-index: 1;
  right: 0;
}
@media only screen and (max-width: 420px) {
  #search-header .btnset,
  #search-header .polygon {
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 481px) {
  #search-header {
    padding: 0 20px;
  }
  #search-header form {
    margin: 0;
  }
  #search-header .panel-type,
  #search-header form .left,
  #search-header .panel-budget {
    width: 49%;
    margin-left: -100%;
    position: relative;
    left: 100%;
    float: left;
    clear: left;
  }
  #search-header .panel-hoods,
  #search-header form .right {
    width: 49%;
    margin-left: -49%;
    position: relative;
    left: 100%;
    float: left;
  }
}
@media only screen and (min-width: 481px) and only screen and (max-width: 480px) {
  #search-header .panel-type,
  #search-header form .left,
  #search-header .panel-budget {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 481px) and only screen and (max-width: 480px) {
  #search-header .panel-hoods,
  #search-header form .right {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 950px) {
  #search-header .header-panel {
    clear: none;
  }
  #search-header .panel-beds {
    width: 28.8125%;
    margin-left: -100%;
    position: relative;
    left: 100%;
    float: left;
  }
  #search-header .panel-type {
    width: 24.625%;
    margin-left: -70.6875%;
    position: relative;
    left: 100%;
    float: left;
  }
  #search-header .panel-hoods {
    width: 28.8125%;
    margin-left: -45.5625%;
    position: relative;
    left: 100%;
    float: left;
  }
  #search-header .panel-budget {
    width: 16.25%;
    margin-left: -16.25%;
    position: relative;
    left: 100%;
    float: left;
  }
  #search-header #field-polygon {
    margin-bottom: 0 !important;
  }
}
@media only screen and (min-width: 950px) and only screen and (max-width: 480px) {
  #search-header .panel-beds {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 950px) and only screen and (max-width: 480px) {
  #search-header .panel-type {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 950px) and only screen and (max-width: 480px) {
  #search-header .panel-hoods {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
@media only screen and (min-width: 950px) and only screen and (max-width: 480px) {
  #search-header .panel-budget {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#search-header h4 {
  font-size: 13px;
  line-height: 14px;
  text-transform: uppercase;
  color: #ddd;
  padding: 11px 10px 8px 15px;
  margin-bottom: 0px;
  font-family: Nevis, sans-serif;
  font-weight: normal;
  background: #444444;
  border-bottom: 1px solid #666;
}
#search-header .toggleset {
  overflow-y: auto;
  overflow-x: hidden;
  height: 200px;
}
#search-header .module.nav {
  padding: 0px;
  border: none;
}
#search-header .module.nav li {
  border-color: #d5d5d5;
}
#search-header .module.nav li a {
  padding: 7px 10px 7px 10px;
  color: #6b6b6b;
  font-size: 11px;
  line-height: 16px;
  font-family: Arial;
}
#search-header .module.nav li a:hover {
  background: #d5d5d5;
}
#search-header .module.nav li ul {
  overflow: hidden;
  background: #d5d5d5;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-top: 1px solid #afafaf;
}
#search-header .module.nav li ul li {
  border-bottom: 1px solid #afafaf !important;
}
#search-header .module.nav li ul li a {
  padding-left: 15px;
  display: block;
}
#search-header .module.nav li.current > a {
  background: #bcbcbc;
  font-weight: normal;
}
#search-header .module.nav li a:before {
  content: "";
}
.extra-search-options {
  z-index: 999999;
  background-color: white;
  border: 1px solid #DFF0FF;
}
.hide-extras {
  width: 100%;
  position: absolute;
  bottom: 0px;
}
.hide-extras input {
  float: right;
}
/*
.custom-panel, .header-panel {

  position: relative;
  float: left;
  margin: 1%;
  width: 175px;


  #location {

    width: 20%;

  }

  label {

    font-size: 18px;
    margin: 0px;
    padding: 5px;

  }

  input {

    margin-top: -5px;

  }

  select {

    margin: 20px;

  }

  #field-feed_switch {

    position: relative;

   input {
    display: inline;
    }

    span {
      position: relative;
      padding: 5px;


    }
  }


}*/
#results {
  width: 100%;
}
.field-hoods {
  width: 100%;
}
#loader-placeholder {
  width: 100%;
  height: 1000px;
  text-align: center;
  padding-top: 100px;
}
#content-scroller {
  height: auto !important;
}
/*
#content-scroller {

  margin: 0px;
  padding: 0px;
  height: 520px;
  width: 99%;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  float: left;


}

.window {

  z-index: 99999999999;

}
 /*! noUiSlider - 7.0.10 - 2014-12-27 14:50:47 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
}
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.noUi-handle {
  position: relative;
  z-index: 1;
}
.noUi-stacking .noUi-handle {
  z-index: 10;
}
.noUi-state-tap .noUi-origin {
  -webkit-transition: left .3s,top .3s;
  transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
.noUi-base {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
.noUi-background {
  background: #FAFAFA;
  box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
  background: #3FB8AF;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms;
}
.noUi-origin {
  border-radius: 2px;
}
.noUi-target {
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbbbbb;
}
.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #bbbbbb;
}
.noUi-dragable {
  cursor: w-resize;
}
.noUi-vertical .noUi-dragable {
  cursor: n-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbbbbb;
}
.noUi-active {
  box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #dddddd, 0 3px 6px -3px #bbbbbb;
}
.noUi-handle:after,
.noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
[disabled] .noUi-connect,
[disabled].noUi-connect {
  background: #b8b8b8;
}
[disabled] .noUi-handle {
  cursor: not-allowed;
}
#search_mast {
  margin-right: 20px;
  background: #142f4c;
  *zoom: 1;
  position: relative;
  clear: both;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-left: 35px;
}
#search_mast:before,
#search_mast:after {
  content: "";
  display: table;
}
#search_mast:after {
  clear: both;
}
#search_mast .refine-button {
  padding: 20px;
  float: right;
}
#search_mast .form .field label {
  color: #fff;
  padding-top: 10px;
  padding-left: 10px;
  font-weight: normal;
  font: 300 12px/14px "Verdana";
  margin-bottom: 0px;
}
#search_mast .form .field label small {
  float: right;
}
#search_mast .form {
  width: 74.54545475%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
  margin-bottom: 0;
}
@media only screen and (max-width: 480px) {
  #search_mast .form {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#search_mast .save_search {
  width: 23.63636425%;
  margin-left: -23.63636425%;
  position: relative;
  left: 100%;
  float: left;
  background: #142f4c;
  padding: 20px 20px 20px;
  text-align: center;
  color: #e6e6e6;
  line-height: 20px;
}
@media only screen and (max-width: 480px) {
  #search_mast .save_search {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#search_mast .save_search .btn {
  display: block;
}
#search_mast .save_search a {
  color: #d4d4d4;
}
#search_mast .btn {
  width: 100%;
  border: 1px solid #f49609;
  background: #e09321;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#e09321), to(#f49609));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #e09321, #f49609);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #e09321, #f49609);
  /* for ie 10+ */

  background: linear-gradient(#e09321, #f49609);
  box-shadow: inset 0 1px 0 #f8ab38;
  font-family: georgia;
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: normal;
}
#search_mast .btn:hover {
  border: 1px solid #f49609;
  background: #f69d16;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#f69d16), to(#f9b147));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #f69d16, #f9b147);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #f69d16, #f9b147);
  /* for ie 10+ */

  background: linear-gradient(#f69d16, #f9b147);
}
#results-message {
  margin-top: 0px;
}
.ftorres-custom {
  font-family: 'Open Sans', sans-serif;
  padding-top: 40px;
  font-size: 14px;
  position: absolute;
  margin-left: -122%;
  left: -100%;
  width: 200%;
}
#search_price {
  width: 100%;
}
body.popup div.copy {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}
/** Customized social share */
.social-share .icon-yelp:before {
  content: "\f1e9";
}
.social-share span {
  display: none;
}
.social-share a {
  color: white !important;
  text-decoration: none;
}
/** FOOTER **/
#foot {
  background: white;
  border-top: 1px solid rgba(220, 224, 224, 0.5);
}
#foot .wrap {
  color: #333;
  /* footer links */

  /* Footer Contact */

  /* footer social icons */

}
#foot .wrap h3,
#foot .wrap h4,
#foot .wrap a {
  color: #333;
}
#foot .wrap #footer-communities {
  width: 47.5%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
  margin-bottom: 40px !important;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  #foot .wrap #footer-communities {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#foot .wrap #footer-communities h4 {
  display: none;
}
#foot .wrap #footer-communities ul {
  float: none;
  display: inline-block;
  width: 49%;
  vertical-align: top;
}
#foot .wrap #footer-communities ul li {
  border-bottom: 1px solid #ccc;
  text-align: center;
}
#foot .wrap #footer-communities ul li a {
  font-size: 16px;
}
#foot .wrap #footer-communities ul li a:hover {
  color: #333;
}
#foot .wrap #footer-contact {
  width: 47.5%;
  margin-left: -47.5%;
  position: relative;
  left: 100%;
  float: left;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  #foot .wrap #footer-contact {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
#foot .wrap #footer-contact h3 {
  margin-bottom: 0px;
}
#foot .wrap #footer-contact address strong {
  font-weight: bold;
}
#foot .wrap #footer-contact address a {
  color: #333;
}
#foot .wrap .social-share {
  margin: 0 10% 20px;
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;
}
#foot .wrap .social-share a {
  font-size: 20px;
  width: 40px;
  height: 40px;
  line-height: 35px;
  border: 3px solid white;
  outline: 4px solid #ff0d0d;
  background: #ff0d0d;
  display: inline-block;
  text-align: center;
}
@media only screen and (min-width: 600px) {
  #foot .wrap .social-share a {
    font-size: 50px;
    width: 80px;
    height: 80px;
    line-height: 75px;
  }
}
#foot .wrap .social-share:after {
  content: '';
  width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
#foot .copyright .wrap {
  color: #333;
  border-top: 1px solid #ccc;
}
.details-rental-inquire {
  margin: 30px 0;
  border: solid 4px black;
  padding: 10px;
}
@media only screen and (min-width: 880px) {
  .details-rental-inquire .btnset {
    padding-top: 28px;
  }
  .details-rental-inquire .btnset button {
    padding: 2px 12px;
    margin-bottom: 0;
  }
}
.details-rental-inquire form {
  margin: 0px;
  padding: 0px;
}
.details-rental-inquire form div small {
  font-size: 10px;
  line-height: 15px !important;
  display: block;
  white-space: normal;
}
/** DETAILS PAGE CUSTOMIZATIONS  **/
/* header for CMS listings */
.idx.cms.details #content > .detail {
  margin-bottom: 0;
}
.idx.cms.details #content > .detail > h1 {
  margin-bottom: 0px;
}
.idx.cms.details #content > .detail > header {
  margin-bottom: 0;
  border: 0;
  position: static;
}
.idx.cms.details #content > .detail > header > .head_wrap {
  position: static;
}
.idx.cms.details #content > .detail .title {
  font-size: 16px;
}
.idx.cms.details #content > .detail p.remarks {
  display: none;
}
.idx.cms.details #content > .detail #nav_results {
  position: absolute;
  top: 20px;
  right: 0;
}
/* extended details */
body.idx.details #content .details-extended {
  border: 0;
}
.details-extended-title {
  font-weight: bold;
  font-size: 20px !important;
}
body.idx.details #content .details-extended .col {
  width: auto;
  float: none;
}
body.idx.details #content .details-extended .col .keyvalset {
  padding: 0 !important;
  margin-bottom: 20px;
}
body.idx.details #content .details-extended .col .keyvalset strong,
body.idx.details #content .details-extended .col .keyvalset span {
  display: inline-block;
}
body.idx.details #content .details-extended .col .keyvalset strong {
  width: 30%;
  font-weight: bold;
  margin-left: auto;
  left: auto;
}
body.idx.details #content .details-extended .col .keyvalset span {
  width: 70%;
  margin-left: auto;
  left: auto;
  padding: 0;
  text-align: left;
}
@media only screen and (min-width: 950px) {
  body.idx.details #content .details-extended .col {
    vertical-align: top;
    width: 47%;
    display: inline-block;
    padding-right: 5%;
  }
  body.idx.details #content .details-extended .col:nth-child(1) {
    padding-right: 0;
  }
}
/** Details page move custom contact form under gallery **/
body.idx.details #gallery {
  width: auto;
  margin: 0;
  left: auto;
  float: none;
  clear: left;
}
.details-right-col {
  width: 47.5%;
  margin-left: -47.5%;
  position: relative;
  left: 100%;
  float: left;
  margin-bottom: 30px;
}
@media only screen and (max-width: 480px) {
  .details-right-col {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
/** move gallery navigation buttons  **/
.gallery a.prev,
.gallery a.next {
  display: block;
  opacity: 0.6;
}
/*

.header-panel {

  width: 20%;

  .field {

    margin: 0px !important;
    padding: 0px;
    width: 100%;

  }

}

}*/
/** fix for agent roster */
.agents .photo img.loaded,
.agent .photo img.loaded {
  position: static;
  height: auto;
}
.agents .photo .shim,
.agent .photo .shim {
  display: none;
}
.agents .details .keyval strong,
.agent .details .keyval strong {
  width: 25% !important;
}
.agents .details .keyval span,
.agent .details .keyval span {
  width: 74% !important;
}
.agents article .body .photo {
  width: 22.75%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .agents article .body .photo {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.agents article .body .details {
  width: 74.25%;
  margin-left: -74.25%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .agents article .body .details {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.agent.detailed .description,
.office.detailed .description {
  width: auto;
  margin: 0;
  left: auto;
  float: none;
  clear: left;
}
.agent.detailed .details,
.office.detailed .details {
  width: 74.25%;
  margin-left: -74.25%;
  position: relative;
  left: 100%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .agent.detailed .details,
  .office.detailed .details {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.agent.detailed .photo,
.office.detailed .photo {
  width: 22.75%;
  margin-left: -100%;
  position: relative;
  left: 100%;
  float: left;
  margin-bottom: 20px;
}
@media only screen and (max-width: 480px) {
  .agent.detailed .photo,
  .office.detailed .photo {
    width: auto;
    margin: 0;
    left: auto;
    float: none;
    clear: left;
  }
}
.alpha a {
  color: #FF0D0D;
}
button,
a.btn {
  padding: 5px 12px;
}
form .field select,
#feature .quicksearch form .field input,
#feature .quicksearch form .field select {
  padding: 8px 10px;
  height: 35px;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  color: #565a5c;
}
.select-block:before {
  bottom: 1px;
  color: #82888a;
  content: "\f0d7";
  font-family: FontAwesome;
  line-height: 1;
  padding-top: 0.7em;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transform: scale(0.84, 0.7);
  width: 2em;
  z-index: 999;
}
@-moz-document url-prefix() {
  .select-block:before {
    display: none;
  }
}
.idx.details .delim {
  border-bottom: solid 1px #ccc;
  width: 100%;
  height: 2px;
  margin-bottom: 10px;
}
.idx.details .keyval {
  width: 50% !important;
  border: none !important;
  display: inline-block;
  text-align: left !important;
}
.idx.details .keyval span {
  margin: 0px !important;
  left: 5% !important;
}
.idx.details .header {
  width: auto !important;
}
.idx.details .keyval strong {
  display: block;
  font-weight: 700 !important;
  width: 100% !important;
}
.idx.details .exploded {
  border: none !important;
  margin-left: 5%;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 0px;
  padding-right: 1%;
  width: 45%;
  display: list-item;
  float: left;
  text-align: left;
  list-style-type: disc;
  line-height: 1;
  font-size: 10pt !important;
}
@media screen and (min-width: 480px) {
  .idx.details .exploded {
    width: 40%;
  }
}
@media screen and (min-width: 840px) {
  .idx.details .exploded {
    width: 28%;
  }
}
.idx.details .keyvalset {
  padding: 0px !important;
}
.idx.details .keyvalset li:before,
.idx.details .keyvalset li:after {
  display: inline;
}
.idx.details li.fifties {
  border: none !important;
  width: 50%;
  float: left;
  text-align: left;
}
.idx.details .fifties strong,
.idx.details .fifties span {
  font-size: 10pt;
  padding-left: 20px !important;
  margin-bottom: 3px !important;
  border: none !important;
  width: 100% !important;
  float: right !important;
}
.idx.details .school-info {
  margin-bottom: 40px;
}
/** fix for datepicker on details page **/
.ui-datepicker {
  z-index: 999 !important;
}
@media only screen and (max-width: 820px) {
  body.mute {
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  body.mute #head,
  body.mute #body,
  body.mute #foot {
    display: none;
  }
  .window.init {
    height: auto !important;
    width: auto !important;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0 !important;
    overflow: hidden;
  }
  .window.init .pane {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
  }
  .window.init iframe {
    width: 100% !important;
    min-height: 100% !important;
    height: 100% !important;
    overflow: auto;
    display: block;
    -webkit-overflow-scrolling: touch;
    position: relative;
  }
}
/********************* REWMod . Adrian Galbraith . [3:38 PM December-31-14] ****  [141223FT[CD][PRG]_25816] ***************/
/*
 *  Imported from default. Created for custom project. Rock n' roll ;)
 *
 */
body.popup {
  background: #fff;
}
#head {
  z-index: 99999;
  width: 100%;
}
#feature-one {
  height: 100%;
}
#map-search-wrap {
  background: url(/inc/skins/pt-1r/schemes/custom/img/background.jpg) repeat 0 0 #2a2a28;
}
#map-wrap {
  right: 0px;
  position: fixed;
}
/* END ********************* REWMod . Adrian Galbraith . [11:58 AM January-02-15] ****  [141223FT[CD][PRG]_25816] ***************/
#tagline ul {
  background: url(/inc/skins/pt-1r/schemes/custom/img/userlinksnew.png) no-repeat 0 0 transparent;
  background-size: 225px 30px;
}
#sidebar .module.nav li.current a {
  border-color: #ccc;
}
#sidebar .module.nav li.current ul {
  margin-bottom: 0;
  border-color: #ccc;
}
#sidebar .module.nav li.current ul li {
  border-color: #ccc;
}
.ss-active #feature .quicksearch h2,
.ss-active #feature .quicksearch label {
  color: #fff;
}
.ss-active #feature .quicksearch .range .tween {
  color: #fff;
}
@media only screen and (min-width: 481px) and (max-width: 879px) {

}
@media only screen and (max-width: 480px) {

}
.communities-nav h4 {
  color: #444;
}
.communities-nav .nav li a {
  color: #444;
}
#head nav.horizontal h4 {
  background: #ff0d0d;
  /* fallback */

  background: -webkit-gradient(linear, left top, left bottom, from(#ff0d0d), to(#d90000));
  /* for webkit browsers */

  background: -moz-linear-gradient(top, #ff0d0d, #d90000);
  /* for firefox 3.6+ */

  background: -ms-linear-gradient(top, #ff0d0d, #d90000);
  /* for ie 10+ */

  background: linear-gradient(#ff0d0d, #d90000);
  border-color: #d90000;
}