/* Consumer Facing Colour Config */
/* Colours */
/* Greys */
/* dividers */
/* Path Config */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

html {
  overflow-y: scroll; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: "";
  content: none; }

q:before, q:after {
  content: "";
  content: none; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

.size15px p, p, h2.size15px, label.size15px, li {
  line-height: 140%; }

/* Global Config */
.clear {
  clear: both; }

/* Forcing new Chrome to have higher z-index */
.jg-chrome-header {
  position: relative;
  z-index: 500; }

/* Mixins */
/* >> The Magnificent CLEARFIX << */
.clearfix:after, .container .left-column .section:after, .three-way-image-split:after, .three-way-text-split:after, #landing-page.direct-giving .group-section:after, #landing-page.direct-giving .cms-modules .accordion .donate ul:after, #landing-page.direct-giving .cms-modules .content:after, #landing-page.direct-giving .cms-modules .options:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix, .container .left-column .section, .three-way-image-split, .three-way-text-split, #landing-page.direct-giving .group-section, #landing-page.direct-giving .cms-modules .accordion .donate ul, #landing-page.direct-giving .cms-modules .content, #landing-page.direct-giving .cms-modules .options {
  display: inline-block; }

.clearfix, .container .left-column .section, .three-way-image-split, .three-way-text-split, #landing-page.direct-giving .group-section, #landing-page.direct-giving .cms-modules .accordion .donate ul, #landing-page.direct-giving .cms-modules .content, #landing-page.direct-giving .cms-modules .options {
  display: block; }

.clear {
  clear: both; }

.visuallyhidden {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

.float-r {
  float: right; }

.float-l {
  float: left; }

.invisible {
  visibility: hidden; }

.hide, .hidden {
  display: none !important; }

.FIXME {
  border-bottom: dotted red 2px !important; }

.hide-for-accessibility {
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  text-align: left;
  height: 0;
  letter-spacing: -999em; }

p.hide-for-accessibility {
  position: absolute; }

/* Collections */
body {
  font-family: arial, helvetica, sans-serif; }

#intro-top p {
  font-size: 14px; }

.container {
  font-family: arial, helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #1c1c1c; }

#intro-top h1 {
  font-size: 23px;
  color: #1c1c1c;
  margin: 0 0 12px 30px; }

h2 {
  font-size: 23px; }

h3 {
  font-size: 18px;
  padding-bottom: 3px; }

h4 {
  font-size: 18px; }

h5 {
  font-size: 18px;
  font-weight: normal; }

h3.with-icon {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  padding-left: 30px;
  height: 24px;
  line-height: 24px; }

h3.padlock-heading {
  background-image: url(../../images/icons/24x24/padlock-orange.png); }

.micro-copy {
  color: #86857c;
  font-style: italic; }

p {
  margin-bottom: 10px; }

p.small-credit, .small-credit, .micro-copy {
  font-size: 12px !important; }

/* Legacy, arg! But needed for buttons (for now) <--- ??? no way... handy for quickly using classes on markup */
.float-r {
  float: right; }

.float-l {
  float: left; }

.invisible {
  visibility: hidden; }

.hide, .hidden {
  display: none !important; }

.container {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  zoom: 1; }
  .container h1#logo {
    /* This is only used in Charities, because charities doesn't use jgheader */
    background-image: url("../../images/consumer-facing-zone/logo.png");
    width: 357px;
    height: 48px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: block;
    font-size: 0px;
    padding-bottom: 35px; }
    .container h1#logo a {
      display: block;
      height: 48px; }
  .container #under-tab-rail {
    margin-bottom: 25px; }
  .container #content-area {
    width: 940px;
    overflow: hidden;
    margin: 0 auto; }
  .container .left-column {
    zoom: 1;
    width: 618px;
    border-left: 1px dotted #86857c;
    border-top: 1px dotted #86857c;
    border-bottom: 1px dotted #86857c;
    min-height: 250px;
    font-size: 14px;
    _margin-right: -10px;
    _float: left; }
    .container .left-column .inner {
      zoom: 1;
      width: 618px;
      _margin-right: -5px;
      overflow: hidden;
      *margin-bottom: 0px; }
    .container .left-column .section {
      zoom: 1;
      padding: 20px;
      *padding-bottom: 10px;
      background-image: url(../../images/misc/paper-fold-bg.png);
      background-repeat: repeat-x;
      background-position: bottom left;
      border-right: 1px dotted #86857c; }
    .container .left-column #top-box {
      height: 253px;
      padding: 0px;
      border: none; }
      .container .left-column #top-box.no-header-image {
        padding: 20px;
        height: 213px; }

a, a:visited, .pseudo-link {
  color: #2a42c6;
  text-decoration: underline;
  cursor: pointer; }

a:hover, a:focus, a:active, .pseudo-link:hover, .pseudo-link:focus, .pseudo-link:active {
  text-decoration: none; }

a.with-small-icon {
  background-position: 0px 1px;
  background-repeat: no-repeat;
  padding-left: 20px; }

.refer-link-white {
  background-image: url(/content/general/image/icons/16x16/rate-white.png); }

.share-link-white {
  background-image: url(/content/general/image/icons/16x16/share-white.png); }

.print-link-white {
  background-image: url(/content/general/image/icons/16x16/print-white.png); }

.info-link-grey {
  background-image: url(/content/general/image/icons/16x16/info-grey.png); }

.rss-link-grey {
  background-image: url(/content/general/image/icons/16x16/rss-grey.png); }

.pdf-link-color {
  background-image: url(/content/general/image/icons/16x16/pdf-color.png); }

a.call-to-action {
  text-decoration: none;
  font-style: normal; }
  a.call-to-action:hover, a.call-to-action:active, a.call-to-action:visited {
    text-decoration: none;
    font-style: normal; }

.icons-link {
  font-size: 14px;
  margin-bottom: 20px; }
  .icons-link img {
    vertical-align: middle;
    margin-right: 10px; }

/* Existing JG stuff */
.slidingdoor-button {
  margin: 0;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left top;
  position: relative;
  display: block;
  text-decoration: none;
  cursor: pointer;
  padding: 0;
  padding-left: 10px;
  *width: auto; }
  .slidingdoor-button:link, .slidingdoor-button:visited, .slidingdoor-button:hover, .slidingdoor-button:focus, .slidingdoor-button:active {
    text-decoration: none; }
  .slidingdoor-button input, .slidingdoor-button span {
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: white;
    font-weight: 900;
    font-size: 1em;
    position: relative;
    margin-top: 0 !important; }
  .slidingdoor-button.default input, .slidingdoor-button.default span {
    *height: 30px;
    margin-bottom: 0 !important; }
  .slidingdoor-button.default input {
    *line-height: 16px; }
  .slidingdoor-button.default span {
    font-size: 1.5em; }
  .slidingdoor-button.small {
    padding-left: 6px;
    overflow: hidden; }
    .slidingdoor-button.small input, .slidingdoor-button.small span, .slidingdoor-button.small a {
      color: white;
      font-size: 0.8em;
      color: white;
      font-family: inherit;
      font-weight: bold;
      /*  line-height:12px; line-height:14px; */
      height: 25px;
      padding: 9px 9px 11px 2px;
      position: relative; }
  .slidingdoor-button.blue.small {
    background-image: url(https://www.justgiving.com/content/images/buttons/pipe-blue-end-small.png); }
    .slidingdoor-button.blue.small input, .slidingdoor-button.blue.small span, .slidingdoor-button.blue.small a {
      background-image: url(https://www.justgiving.com/content/images/buttons/pipe-blue-full-small.png); }
  .slidingdoor-button.orange.small {
    background-image: url(../../images/buttons/pipe-orange-end-small.png); }
    .slidingdoor-button.orange.small input, .slidingdoor-button.orange.small span {
      background-image: url(../../images/buttons/pipe-orange-full-small.png); }
  .slidingdoor-button.green.small {
    background-image: url(../../images/buttons/pipe-green-end-small.png); }
    .slidingdoor-button.green.small input, .slidingdoor-button.green.small span {
      background-image: url(../../images/buttons/pipe-green-full-small.png); }

div.slidingdoor-button input, div.slidingdoor-button span {
  padding: 11px 18px 14px 7px; }

button.slidingdoor-button {
  padding-left: 8px; }
button::-moz-focus-inner {
  border: none; }

.ie8 button.slidingdoor-button {
  padding-left: 10px; }

.large-column .slidingdoor-button.float-r {
  margin: 0 30px 0 0; }
.large-column .slidingdoor-button.float-l {
  margin: 0 0 0 30px; }

.slidingdoor-button span, .slidingdoor-button input {
  background-position: right top;
  padding: 14px 18px 12px 10px;
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  float: left;
  text-decoration: none; }
.slidingdoor-button span {
  padding-bottom: 16px;
  *min-height: 27px;
  *padding-top: 16px;
  *padding-bottom: 2px; }
.slidingdoor-button input {
  width: auto;
  overflow: visible; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari and Google Chrome only - fix margins */
  button.slidingdoor-button {
    padding-left: 10px; }
    button.slidingdoor-button span {
      top: 0; }

  a.slidingdoor-button {
    padding-left: 10px; }

  div.slidingdoor-button {
    padding-left: 8px; }

  .slidingdoor-button span {
    padding-right: 20px; }

  div.slidingdoor-button input {
    padding-bottom: 17px !important; } }
.slidingdoor-button.small span {
  *line-height: 30px !important; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari and Google Chrome only - fix margins */
  .slidingdoor-button.small {
    padding-left: 4px !important;
    text-shadow: 0 0 0; }
    .slidingdoor-button.small span, .slidingdoor-button.small input {
      padding: 9px 9px 11px 2px; }

  .slidingdoor-button.small input {
    padding-bottom: 25px !important; } }
.pushable.small:hover {
  *min-height: 34px; }

.small input, .small:hover input {
  *min-height: 34px; }

/* Pushable states */
a.pushable.slidingdoor-button:link, a.pushable.slidingdoor-button:visited, div.pushable.slidingdoor-button:link, div.pushable.slidingdoor-button:visited {
  background-position: left top; }
  a.pushable.slidingdoor-button:link span, a.pushable.slidingdoor-button:link input, a.pushable.slidingdoor-button:visited span, a.pushable.slidingdoor-button:visited input, div.pushable.slidingdoor-button:link span, div.pushable.slidingdoor-button:link input, div.pushable.slidingdoor-button:visited span, div.pushable.slidingdoor-button:visited input {
    background-position: right top; }
a.pushable.slidingdoor-button:hover, div.pushable.slidingdoor-button:hover {
  background-position: left -72px; }
  a.pushable.slidingdoor-button:hover span, div.pushable.slidingdoor-button:hover span {
    background-position: right -72px; }
a.pushable.slidingdoor-button.pushable.small:hover, div.pushable.slidingdoor-button.pushable.small:hover {
  background-position: left -82px; }
  a.pushable.slidingdoor-button.pushable.small:hover span, div.pushable.slidingdoor-button.pushable.small:hover span {
    background-position: right -82px; }

.pushable.slidingdoor-button:hover {
  position: relative;
  top: 1px;
  left: 1px;
  background-position: left top; }
  .pushable.slidingdoor-button:hover input {
    background-position: right top; }
.pushable.slidingdoor-button:focus input, .pushable.slidingdoor-button:active input, .pushable.slidingdoor-button:hover span.pushable.slidingdoor-button:focus span, .pushable.slidingdoor-button:active span {
  background-position: right top; }

/* anchor for choose link page creation charity browse */
span.slidingdoor-button.blue.small a {
  padding-top: 3px;
  text-decoration: none;
  font-weight: normal; }

/* sd-button colours */
.orange.slidingdoor-button {
  background-image: url(https://www.justgiving.com/content/images/buttons/pipe-orange-end.png); }
  .orange.slidingdoor-button input, .orange.slidingdoor-button span {
    background-image: url(https://www.justgiving.com/content/images/buttons/pipe-orange-full.png); }

.slidingdoor-button {
  background-image: url(https://www.justgiving.com/content/images/buttons/pipe-blue-end.png); }
  .slidingdoor-button.blue {
    background-image: url(https://www.justgiving.com/content/images/buttons/pipe-blue-end.png); }
    .slidingdoor-button.blue input, .slidingdoor-button.blue span {
      background-image: url(https://www.justgiving.com/content/images/buttons/pipe-blue-full.png); }
  .slidingdoor-button.green {
    background-image: url(../../images/buttons/pipe-green-end.png); }
    .slidingdoor-button.green input, .slidingdoor-button.green span {
      background-image: url(../../images/buttons/pipe-green-full.png); }
  .slidingdoor-button.grey {
    background-image: url(https://www.justgiving.com/content/images/buttons/pipe-grey-end.png); }
    .slidingdoor-button.grey input, .slidingdoor-button.grey span {
      background-image: url(https://www.justgiving.com/content/images/buttons/pipe-grey-full.png); }
  .slidingdoor-button.disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    cursor: default; }

.slidingdoor-button.small {
  text-shadow: 0 0 0; }
  .slidingdoor-button.small span {
    font-size: 12px !important; }

/* disabled buttons */
#pafAddressButtonDiv.disabled, #submitButton.disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  cursor: default; }

.slidingdoor-button.disabled input, #pafAddressButtonDiv.disabled input, #submitButton.disabled input {
  cursor: default; }

.slidingdoor-button.disabled:focus, .slidingdoor-button.disabled:active.slidingdoor-button.disabled input:focus, .slidingdoor-button.disabled input:active {
  outline: none 0;
  -moz-outline: none; }

.small.slidingdoor-button input {
  font-family: arial, helvetica, sans-serif;
  font-family: arial, helvetica, sans-serif; }

.old-style.two-columns #content-area {
  padding-bottom: 20px;
  padding-top: 80px;
  position: relative; }
  .old-style.two-columns #content-area .right-column {
    float: left;
    display: block; }
    .old-style.two-columns #content-area .right-column .section {
      border: 0; }
  .old-style.two-columns #content-area .left-column {
    float: right;
    margin-right: 26px;
    width: 570px;
    border: 0; }
    .old-style.two-columns #content-area .left-column .inner {
      width: 570px;
      border: 0; }
    .old-style.two-columns #content-area .left-column h2 {
      display: inline; }
    .old-style.two-columns #content-area .left-column .section {
      background: transparent none;
      margin: 0 0 20px;
      padding: 15px 20px 0;
      border: 1px solid transparent; }
      .old-style.two-columns #content-area .left-column .section .bullet-list li {
        padding-left: 22px; }
      .old-style.two-columns #content-area .left-column .section .form-list {
        margin-top: 4px;
        padding-bottom: 10px; }
    .old-style.two-columns #content-area .left-column .section.selected-section {
      background: white none;
      padding-bottom: 20px;
      border: 1px solid #dddddd; }
      .old-style.two-columns #content-area .left-column .section.selected-section .edit {
        display: none; }
    .old-style.two-columns #content-area .left-column .section.selected-section:hover {
      cursor: default; }
    .old-style.two-columns #content-area .left-column .slidingdoor-button {
      clear: both; }

.old-style #content-area {
  border: 1px dotted #767676;
  background: #e8ecff;
  clear: both; }
  .old-style #content-area .field-validation-error {
    width: 320px; }
  .old-style #content-area h1 {
    text-shadow: 0 1px 0 white;
    color: #1c1c1c; }
  .old-style #content-area h2 {
    text-shadow: 0 1px 0 white;
    font-size: 18px; }
  .old-style #content-area #Story {
    width: 530px;
    font-family: Arial;
    font-size: 14px; }
  .old-style #content-area #Story_ifr {
    font-family: Arial;
    font-size: 14px;
    width: 480px !important;
    height: 200px !important; }
  .old-style #content-area #photoGallery {
    display: none; }
  .old-style #content-area #content-area {
    position: relative;
    padding-top: 60px; }
  .old-style #content-area .cancel {
    margin: 9px 0 0 22px;
    float: left; }
  .old-style #content-area #story-tips li {
    font-size: 12px; }
  .old-style #content-area #story-tips-links {
    margin-bottom: 10px; }
  .old-style #content-area #form-list {
    margin-top: 15px; }
  .old-style #content-area #page-donations #donation-example {
    margin: 10px 0 10px;
    position: relative;
    height: 94px;
    overflow: hidden;
    padding: 0 0 0 68px; }
    .old-style #content-area #page-donations #donation-example img, .old-style #content-area #page-donations #donation-example .main, .old-style #content-area #page-donations #donation-example .donation-amount {
      float: left; }
    .old-style #content-area #page-donations #donation-example img {
      display: block;
      background: white;
      position: absolute;
      left: 0;
      top: 0; }
    .old-style #content-area #page-donations #donation-example .main {
      width: 320px;
      padding: 3px 5px;
      margin-right: 20px;
      border: 1px dotted #333333;
      position: relative; }
    .old-style #content-area #page-donations #donation-example .speech-tip {
      position: absolute;
      left: -10px;
      top: -1px;
      background: #e8ecff url("/Utils/SpeechBubble.ashx?Col=333333&Type=tl") no-repeat;
      display: block;
      width: 11px;
      height: 8px; }
    .old-style #content-area #page-donations #donation-example .donation-amount {
      font-weight: bold; }
      .old-style #content-area #page-donations #donation-example .donation-amount .donation {
        font-size: 23px; }
  .old-style #content-area .section .micro-copy {
    margin-top: -10px; }
  .old-style #content-area .section .selected-section .micro-copy, .old-style #content-area .selected-section .micro-copy {
    margin-top: -30px;
    margin-bottom: 20px; }
  .old-style #content-area .section .selected-section #storyContainer, .old-style #content-area .selected-section #storyContainer {
    margin-top: 40px; }
  .old-style #content-area .section:hover .speech-tip, .old-style #content-area .selected-section .speech-tip {
    background-color: white !important; }
  .old-style #content-area #donation-customiser {
    margin: 15px 0 24px;
    overflow: hidden;
    clear: both; }
    .old-style #content-area #donation-customiser li {
      float: left;
      width: 130px; }
    .old-style #content-area #donation-customiser input, .old-style #content-area #donation-customiser label {
      float: left;
      cursor: pointer; }
    .old-style #content-area #donation-customiser label {
      width: 70px;
      font-size: 14px;
      clear: none;
      font-weight: normal;
      margin-left: 8px;
      display: block; }
  .old-style #content-area .cancel {
    float: left; }
  .old-style #content-area #Story_tbl {
    width: 480px !important; }
  .old-style #content-area #Story_parent {
    display: block;
    margin-left: 10px;
    padding-left: 0;
    background: transparent none; }
  .old-style #content-area .nothing-clicked #content-area #Story_ifr {
    border: 1px dotted #1c1c1c; }
    .old-style #content-area .nothing-clicked #content-area #Story_ifr .wrapper {
      display: block;
      padding-left: 55px;
      padding-top: 6px; }
    .old-style #content-area .nothing-clicked #content-area #Story_ifr iframe {
      cursor: pointer; }
    .old-style #content-area .nothing-clicked #content-area #Story_ifr div, .old-style #content-area .nothing-clicked #content-area #Story_ifr li, .old-style #content-area .nothing-clicked #content-area #Story_ifr table, .old-style #content-area .nothing-clicked #content-area #Story_ifr tr, .old-style #content-area .nothing-clicked #content-area #Story_ifr td, .old-style #content-area .nothing-clicked #content-area #Story_ifr textarea, .old-style #content-area .nothing-clicked #content-area #Story_ifr #Story, .old-style #content-area .nothing-clicked #content-area #Story_ifr iframe {
      border: none 0;
      background: transparent none !important;
      background-color: transparent !important; }
  .old-style #content-area #Story_ifr {
    overflow: visible; }

#footer {
  color: blue;
  position: relative;
  text-align: left;
  margin: 65px auto 0;
  padding-bottom: 20px;
  width: 960px; }
  #footer li, #footer h3 {
    font-size: 13px;
    line-height: 18px; }
  #footer #justgiving-logo {
    float: left;
    width: 300px;
    background: url(/jg-refresh/content/images/logos/rfl-justgiving-footer-logo.png) 0 15px no-repeat;
    height: 50px;
    border-top: 1px dotted #767676;
    position: relative; }
    #footer #justgiving-logo a {
      display: block;
      text-decoration: none;
      height: 50px;
      left: 0;
      position: absolute;
      top: 0;
      width: 300px; }
  #footer #quicklinks {
    border-top: 1px dotted #767676;
    padding: 20px 0 10px;
    zoom: 1;
    width: 605px;
    float: right;
    line-height: 100%; }
    #footer #quicklinks a {
      color: #262626; }
      #footer #quicklinks a:link, #footer #quicklinks a:visited {
        text-decoration: none;
        padding: 2px; }
      #footer #quicklinks a:hover, #footer #quicklinks a:focus, #footer #quicklinks a:active {
        text-decoration: underline; }
    #footer #quicklinks h3 {
      font-weight: 900;
      margin-bottom: 2px; }
      #footer #quicklinks h3 a {
        border: 0; }
    #footer #quicklinks div {
      margin: 0 32px 10px 0;
      float: left; }
    #footer #quicklinks ul {
      float: left;
      position: relative;
      padding: 0; }
    #footer #quicklinks li {
      padding: 0px;
      list-style-position: outside; }
    #footer #quicklinks .usa em, #footer #quicklinks .japan em {
      background: transparent url(/content/general/image/flags/usa.png) no-repeat right 3px;
      padding: 0 22px 0 0;
      color: #86857c; }
    #footer #quicklinks .japan em {
      background-image: url(/content/general/image/flags/japan.png); }
    #footer #quicklinks #legalstuff {
      float: right;
      margin-right: 0 !important;
      display: inline;
      position: relative;
      width: 158px;
      padding: 0 0 22px; }
  #footer #legalstuff li, #footer #quicklinks li {
    margin: 0 0 2px; }
  #footer #backToTop {
    font-size: 11px;
    position: absolute;
    right: -3px;
    top: -17px;
    padding: 0 12px 0 0;
    background: url(/content/general/image/embelish/up-arrow-black.png) no-repeat right 0; }
    #footer #backToTop A {
      color: #262626; }
      #footer #backToTop A:link, #footer #backToTop A:visited {
        text-decoration: none;
        padding: 2px; }
  #footer a:link, #footer a:visited {
    text-decoration: none;
    padding: 2px; }

/*.ie9 #footer #quicklinks div, .ie8 #footer #quicklinks div, .ie7 #footer #quicklinks div
 * margin-right: 28px  !important    */
/*.ie9 #footer #quicklinks div#legalstuff, .ie8 #footer #quicklinks div#legalstuff, .ie7 #footer #quicklinks div#legalstuff
 * margin-right: 0 !important  */
#footer #quicklinks div {
  margin-right: 28px !important; }

#footer #quicklinks div#legalstuff {
  margin-right: 0 !important; }

#header {
  margin: 15px auto 0;
  text-align: left;
  width: 960px;
  min-height: 82px;
  *height: expression(this.height < 82 ? "82px" : true);
  position: relative;
  z-index: 9999;
  font-size: 10px; }

.jg-logo {
  background-color: #2a42c6;
  /*	background-image:url(images/logos/justgiving/jg-logo-stencil-transparent.png); */
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 47px;
  left: -10px;
  overflow: hidden;
  width: 225px;
  display: block;
  z-index: 9; }
  .jg-logo img {
    display: block;
    height: 47px;
    left: 0;
    position: absolute;
    top: 0;
    width: 225px;
    z-index: 99999; }

#jgHeader {
  position: relative;
  width: 960px;
  overflow: visible;
  margin-top: 15px; }
  #jgHeader .jg-logo {
    position: relative; }

#navigation {
  width: 348px;
  _width: 400px;
  clear: right;
  /* for the time being */
  text-align: right;
  margin: 5px 0 0 0;
  text-align: right; }

.jgca .goBack2Jg {
  display: inline;
  list-style: none;
  padding: 0 0 0 25px;
  line-height: 22px;
  font-size: 12px; }

#navigation {
  right: -5px;
  float: right;
  position: relative; }
  #navigation li {
    display: inline;
    list-style: none;
    padding: 0 0 0 25px;
    line-height: 22px;
    font-size: 12px; }

#logInDetails {
  right: -5px;
  float: right;
  position: relative;
  position: relative;
  font-size: 12px;
  color: #6e7376; }

.jg_header #logInDetails a {
  color: black; }

body #navigation li a {
  color: #6e7376;
  font-family: Arial;
  text-decoration: none; }
  body #navigation li a:hover {
    color: black; }
body #navigation li.active a {
  color: black; }

.explainSearch .jg_stats {
  color: #462b72;
  clear: both;
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
  margin: 70px 0 40px;
  padding: 0; }

ul#menu {
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 9999;
  float: right;
  overflow: visible;
  width: 641px; }
  ul#menu li {
    display: block;
    position: relative;
    float: left;
    width: 94px;
    font-size: 1.2em;
    margin: 0;
    padding-left: 1px;
    background: transparent url("/content/images/graphics/embelish/nav-line.gif") no-repeat 0 6px; }
    ul#menu li.login {
      width: 165px; }
    ul#menu li a {
      display: block;
      text-decoration: none;
      color: #6c5e57;
      padding: 6px; }
      ul#menu li a:hover {
        color: #6c5e57; }
    ul#menu li:hover ul {
      display: block;
      position: absolute;
      visibility: visible; }
    ul#menu li ul {
      display: block;
      position: absolute;
      visibility: hidden;
      background: transparent url("/content/images/graphics/embelish/transparent.gif") repeat 0 0; }

.ie6 ul#menu li ul {
  visibility: visible;
  position: static; }

ul#menu li ul li {
  width: 168px;
  font-size: 1em;
  background: none;
  display: block;
  padding: 0;
  margin: 0 0 1px 0;
  background: #f8f8f8; }

.ie6 ul#menu li ul li {
  width: 100%; }

ul#menu li.login ul li {
  width: 153px;
  padding: 6px;
  color: gray; }
  ul#menu li.login ul li a {
    font-size: 0.95em;
    padding: 0; }
  ul#menu li.login ul li label {
    color: gray; }
  ul#menu li.login ul li input {
    border: 1px solid #cccccc;
    display: block;
    margin-bottom: 5px; }
    ul#menu li.login ul li input.button {
      color: white;
      font-size: 12px;
      font-weight: bold;
      font-family: Arial;
      margin: 9px 0 5px 0;
      padding: 3px 5px 4px 5px;
      border: 1px solid gray;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      background: transparent url("/content/images/graphics/embelish/black-gradient.png") repeat-x 0 0;
      width: 100px;
      text-align: center; }
      ul#menu li.login ul li input.button:hover {
        cursor: pointer;
        background: transparent url("/content/images/graphics/embelish/black-gradient-hover.png") repeat-x 0 0;
        color: #444444; }
ul#menu li ul li.highlight {
  background: #999999;
  background: rgba(153, 153, 153, 0.9); }
  ul#menu li ul li.highlight a {
    color: white; }
ul#menu li ul li a {
  margin: 0;
  float: none; }
ul#menu li ul li.highlight a:hover {
  color: #444444; }
ul#menu li ul li a:hover {
  color: #358dde; }

ul#menu li ul li a:hover {
  background: #e6e4dd;
  color: #6c5e57; }

/* New stuff */
#tab-bar .tab {
  display: block;
  float: left;
  background-image: url(../../images/tabs/inactive-tab-bg.png);
  background-position: left bottom;
  margin-left: 3px;
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px; }
  #tab-bar .tab span {
    display: block;
    padding: 8px;
    padding-bottom: 7px;
    padding-left: 14px;
    padding-right: 14px; }
#tab-bar .active, #tab-bar .tab:hover {
  background-color: transparent;
  padding-right: 9px;
  margin-top: -3px;
  background-image: url(../../images/consumer-facing-zone/tabs/active-tab-right.png);
  background-repeat: no-repeat;
  background-position: top right; }
  #tab-bar .active span, #tab-bar .tab:hover span {
    padding-bottom: 10px;
    padding-top: 8px;
    padding-right: 5px;
    background-image: url(../../images/consumer-facing-zone/tabs/active-tab-left.png); }

#under-tab-rail {
  padding: 8px 20px 8px 20px;
  margin-top: 35px;
  background-color: #2a42c6; }
  #under-tab-rail #quick-links {
    float: right;
    font-size: 12px; }
    #under-tab-rail #quick-links a {
      text-decoration: none;
      font-style: normal;
      color: white;
      margin-left: 13px;
      display: block;
      float: left;
      position: relative; }
      #under-tab-rail #quick-links a:hover, #under-tab-rail #quick-links a:active, #under-tab-rail #quick-links a:visited {
        text-decoration: none;
        font-style: normal; }
      #under-tab-rail #quick-links a ul.pulldown {
        width: 160px;
        background-color: blue;
        padding-bottom: 10px;
        position: absolute;
        left: -10px;
        top: 20px;
        display: none; }
        #under-tab-rail #quick-links a ul.pulldown li {
          font-size: 12px;
          padding: 10px 10px 0px 10px;
          margin: 0px; }
      #under-tab-rail #quick-links a:hover ul.pulldown {
        display: block; }

#breadcrumbs, #breadcrumbs a {
  color: white;
  font-size: 14px; }

/* The slidingDoor buttons */
button::-moz-focus-inner {
  border: none; }

a.slidingdoor-button.blue.small span {
  padding-bottom: 0;
  padding-top: 2px; }

#consumer-facing-zone.project-landing-section .slidingdoor-button, #consumer-facing-zone.project-landing-section .slidingdoor-button * {
  font-size: 14px !important; }

.slidingdoor-button {
  background-position: left top;
  *width: auto; }
  .slidingdoor-button:link, .slidingdoor-button:visited, .slidingdoor-button:hover, .slidingdoor-button:focus, .slidingdoor-button:active {
    text-decoration: none; }

.large-column .slidingdoor-button.float-r {
  margin: 0 30px 0 0; }
.large-column .slidingdoor-button.float-l {
  margin: 0 0 0 30px; }

.slidingdoor-button input {
  background-position: right top;
  padding: 14px 18px 12px 10px;
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  float: left;
  text-decoration: none; }
.slidingdoor-button span {
  background-position: right top;
  padding: 14px 18px 12px 10px;
  text-align: center;
  float: left;
  text-decoration: none;
  padding-bottom: 16px;
  *min-height: 27px;
  *padding-top: 16px;
  *padding-bottom: 2px; }
.slidingdoor-button input {
  width: auto;
  overflow: visible; }

/* debuger */
/* 
 * * { border:1px solid red !important;} */
div.slidingdoor-button input, div.slidingdoor-button span {
  padding: 11px 18px 14px 7px; }

.slidingdoor-button {
  margin: 0px;
  border: 0px;
  background-color: transparent;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  text-decoration: none;
  cursor: pointer;
  padding: 0px;
  padding-left: 8px; }
  .slidingdoor-button input, .slidingdoor-button span {
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    text-decoration: none;
    cursor: pointer; }
  .slidingdoor-button input, .slidingdoor-button span {
    color: white;
    font-weight: 900;
    font-size: 1em;
    position: relative;
    margin-top: 0 !important; }
  .slidingdoor-button.default input, .slidingdoor-button.default span {
    *height: 50px;
    *line-height: 12px;
    margin-bottom: 0 !important; }
  .slidingdoor-button.default input {
    *line-height: 16px; }
  .slidingdoor-button.default span {
    font-size: 15px; }
  .slidingdoor-button.blue.small {
    background-image: url(/content/general/image/buttons/pipe-blue-end-small.png);
    padding-left: 6px;
    line-height: 30px; }
    .slidingdoor-button.blue.small input, .slidingdoor-button.blue.small span, .slidingdoor-button.blue.small a {
      background-image: url(/content/general/image/buttons/pipe-blue-full-small.png);
      color: white;
      font-size: 0.8em;
      font-family: inherit;
      font-weight: bold;
      /*  line-height:12px; line-height:14px; */
      height: 35px;
      padding: 9px 9px 11px 2px;
      position: relative; }
  .slidingdoor-button.orange.small {
    background-image: url(/content/general/image/buttons/pipe-orange-end-small.png);
    padding-left: 6px;
    line-height: 30px; }
    .slidingdoor-button.orange.small input, .slidingdoor-button.orange.small span {
      background-image: url(/content/general/image/buttons/pipe-orange-full-small.png);
      color: white;
      font-size: 0.8em;
      font-family: inherit;
      font-weight: bold;
      /*  line-height:12px; line-height:14px; */
      height: 35px;
      padding: 9px 9px 11px 2px;
      position: relative; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari and Google Chrome only - fix margins */
  button.slidingdoor-button {
    padding-left: 10px; }

  a.slidingdoor-button {
    padding-left: 10px; }

  div.slidingdoor-button {
    padding-left: 8px; }

  .slidingdoor-button span {
    padding-right: 20px; }

  div.slidingdoor-button input {
    padding-bottom: 17px !important; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari and Google Chrome only - fix margins */
  .slidingdoor-button.small {
    padding-left: 4px !important; }
    .slidingdoor-button.small span, .slidingdoor-button.small input {
      padding: 9px 9px 11px 2px; } }
.pushable.small:hover {
  *min-height: 34px; }

.small input, .small:hover input {
  *min-height: 34px; }

/* Pushable states */
a.pushable.slidingdoor-button:link, a.pushable.slidingdoor-button:visited {
  background-position: left top; }

div.pushable.slidingdoor-button:link, div.pushable.slidingdoor-button:visited {
  background-position: left top; }

a.pushable.slidingdoor-button:link span, a.pushable.slidingdoor-button:visited span {
  background-position: right top; }

div.pushable.slidingdoor-button:link input, div.pushable.slidingdoor-button:visited input {
  background-position: right top; }

a.pushable.slidingdoor-button:hover, div.pushable.slidingdoor-button:hover {
  background-position: left -72px; }

a.pushable.slidingdoor-button:hover span, div.pushable.slidingdoor-button:hover input {
  background-position: right -72px; }

a.pushable.small:hover, div.pushable.small:hover {
  background-position: left -82px; }

a.pushable.small:hover span, div.pushable.small:hover input {
  background-position: right -82px; }

.pushable.slidingdoor-button:hover {
  position: relative;
  top: 1px;
  left: 1px;
  background-position: left top; }
  .pushable.slidingdoor-button:hover input {
    background-position: right top; }
.pushable.slidingdoor-button:focus input, .pushable.slidingdoor-button:active input, .pushable.slidingdoor-button:hover span.pushable.slidingdoor-button:focus span, .pushable.slidingdoor-button:active span {
  background-position: right top; }

/* anchor for choose link page creation charity browse */
span.slidingdoor-button.blue.small a {
  padding-top: 3px;
  text-decoration: none;
  font-weight: normal; }

/* sd-button colours */
.orange.slidingdoor-button {
  background-image: url(/content/general/image/buttons/pipe-orange-end.png); }
  .orange.slidingdoor-button input, .orange.slidingdoor-button span {
    background-image: url(/content/general/image/buttons/pipe-orange-full.png); }

.slidingdoor-button.blue {
  background-image: url(/content/general/image/buttons/pipe-blue-end.png); }
  .slidingdoor-button.blue input, .slidingdoor-button.blue span {
    background-image: url(/content/general/image/buttons/pipe-blue-full.png); }
.slidingdoor-button.grey {
  background-image: url(/content/general/image/buttons/pipe-grey-end.png); }
  .slidingdoor-button.grey input, .slidingdoor-button.grey span {
    background-image: url(/content/general/image/buttons/pipe-grey-full.png); }
.slidingdoor-button.disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  cursor: default; }
  .slidingdoor-button.disabled input, .slidingdoor-button.disabled a {
    filter: alpha(opacity=50);
    cursor: default; }

/* disabled buttons */
#pafAddressButtonDiv.disabled, #submitButton.disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  cursor: default; }

.slidingdoor-button.disabled input, #pafAddressButtonDiv.disabled input, #submitButton.disabled input {
  cursor: default; }

.slidingdoor-button.disabled:focus, .slidingdoor-button.disabled:active.slidingdoor-button.disabled input:focus, .slidingdoor-button.disabled input:active {
  outline: none 0;
  -moz-outline: none; }

.submit-small {
  width: 37px;
  height: 33px;
  border: none;
  cursor: hand;
  float: right;
  margin-left: 10px;
  margin-top: 1px;
  text-indent: -99999px;
  zoom: 1;
  z-index: 9999;
  color: none; }
  .submit-small:hover {
    left: 1px;
    position: relative;
    height: 34px;
    margin-bottom: -2px; }
  .submit-small.blue {
    background: url(/content/general/image/buttons/sprite-text.png) no-repeat -1px 0; }
    .submit-small.blue:hover {
      background: url(/content/general/image/buttons/sprite-text.png) no-repeat -1px -62px; }
  .submit-small.light-blue {
    background: url(/content/general/image/button/sprite-text.png) no-repeat -88px 0; }
    .submit-small.light-blue:hover {
      background: url(/content/general/image/buttons/sprite-text.png) no-repeat -88px -62px; }
  .submit-small.green {
    background: url(/content/general/image/buttons/sprite-text.png) no-repeat -175px 0; }
    .submit-small.green:hover {
      background: url(/content/general/image/buttons/sprite-text.png) no-repeat -175px -62px; }

.ie7 .small.slidingdoor-button {
  overflow: visible !important; }

.hyperlink, .hyperlink:link, .hyperlink:visited {
  cursor: pointer;
  text-decoration: underline;
  color: #2a42c6; }

.hyperlink:hover, .hyperlink:focus, .hyperlink:active {
  text-decoration: none;
  color: #2a42c6; }

.mandatory {
  color: red; }

form .stand-out-search .input {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px; }
form .drop-down {
  margin: 0 0 16px;
  color: #86857c;
  padding: 4px;
  font-size: 14px; }
  form .drop-down option {
    padding: 0 12px 0 0; }
form .float-l.second {
  margin: 0 0 0 20px; }
form .input {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 7px 2px 7px; }
form .input {
  height: 26px;
  display: block;
  margin-bottom: 10px;
  outline: none;
  *line-height: 28px;
  font-size: 16px;
  font-family: arial, helvetica, sans-serif;
  border-width: 0 1px 1px 0;
  border-width: 0 1px 1px 0;
  border-left: 1px solid white;
  line-height: 25px;
  border-color: #b7b7b4;
  margin: 0 0 10px;
  background: transparent url(/content/general/image/forms/text-input-bg.png) no-repeat;
  background-position: -10px 0;
  color: #86857c;
  vertical-align: middle; }
form .validation-error, form .input-validation-error {
  border-color: red;
  background-image: url(/content/general/image/forms/text-input-bg-error.png); }
form .input-validation-error.drop-down {
  background-image: none;
  background-color: white; }
form .currency {
  font-weight: bold;
  margin: 8px 8px 0 0;
  float: left; }
form .medium-length {
  width: 159px; }
  form .medium-length input {
    width: 150px; }
form .short-length {
  width: 79px; }
  form .short-length input {
    width: 70px; }
form .long-length {
  width: 318px; }
  form .long-length input {
    width: 309px; }
form .longer-length {
  width: 493px; }
  form .longer-length input {
    width: 484px; }
form .longest-length {
  width: 560px; }
  form .longest-length input {
    width: 551px; }
form .content-plus-button {
  width: 340px;
  position: relative; }
  form .content-plus-button .contains-button {
    position: absolute;
    bottom: 28px;
    *bottom: 30px;
    right: 16px;
    width: 120px; }
    form .content-plus-button .contains-button .plzwait-animation {
      float: right; }
form .tooltip {
  margin: -14px 0 0 -6px; }
form #IsTermsOfServiceAccepted_validationMessage {
  margin-top: 40px;
  *margin-top: 80px; }
form #IsTermsOfServiceAccepted.input-validation-error {
  *background-image: none !important; }

.form-section #content-area h1, .form-section h1 {
  font-size: 23px;
  color: #2a42c6;
  margin-bottom: 10px;
  margin-left: 0; }

.form-section h1 {
  margin: 0 0 12px 30px;
  color: #1c1c1c; }
.form-section #content-area #right-column {
  display: none; }
.form-section #content-area #left-column .inner {
  border-right: 1px dotted #86857c; }
  .form-section #content-area #left-column .inner textarea {
    margin: 4px 0 30px;
    font: 14px arial, helvetica, sans-serif;
    color: #86857c;
    width: 320px;
    min-height: 90px;
    *height: expression(this.height < 90 ? "90px" : true);
    padding: 4px;
    clear: both; }
  .form-section #content-area #left-column .inner .section {
    overflow: hidden;
    background: transparent none;
    border: 0 none;
    margin: 0;
    padding: 20px 26px 30px; }
  .form-section #content-area #left-column .inner li.section {
    padding-top: 0;
    margin-bottom: 30px;
    padding-bottom: 0; }
    .form-section #content-area #left-column .inner li.section input {
      margin-bottom: 0; }
    .form-section #content-area #left-column .inner li.section textarea {
      margin-bottom: 0; }
  .form-section #content-area #left-column .inner .has-radiobuttons, .form-section #content-area #left-column .inner .has-checkboxes {
    padding: 0;
    margin: 0 0 30px; }
    .form-section #content-area #left-column .inner .has-radiobuttons h2, .form-section #content-area #left-column .inner .has-radiobuttons h3, .form-section #content-area #left-column .inner .has-checkboxes h2, .form-section #content-area #left-column .inner .has-checkboxes h3 {
      font-weight: bold; }
    .form-section #content-area #left-column .inner .has-radiobuttons label, .form-section #content-area #left-column .inner .has-checkboxes label {
      clear: none;
      font-size: 14px;
      margin-bottom: 2px;
      cursor: pointer;
      font-weight: normal;
      display: inline; }
    .form-section #content-area #left-column .inner .has-radiobuttons input, .form-section #content-area #left-column .inner .has-radiobuttons textarea, .form-section #content-area #left-column .inner .has-checkboxes input, .form-section #content-area #left-column .inner .has-checkboxes textarea {
      margin-left: 8px;
      *margin-left: 0; }
    .form-section #content-area #left-column .inner .has-radiobuttons input, .form-section #content-area #left-column .inner .has-checkboxes input {
      float: left;
      display: inline;
      margin-right: 10px;
      *margin-right: 0; }
    .form-section #content-area #left-column .inner .has-radiobuttons textarea, .form-section #content-area #left-column .inner .has-checkboxes textarea {
      margin-top: 8px;
      margin-bottom: 0; }
  .form-section #content-area #left-column .inner h2 {
    font-size: 22px;
    color: #2a42c6;
    text-shadow: 0 1px 0 white;
    margin: 0 0 28px -5px; }
  .form-section #content-area #left-column .inner li {
    padding: 0; }
  .form-section #content-area #left-column .inner .input {
    margin: 0 0 30px; }
  .form-section #content-area #left-column .inner label, .form-section #content-area #left-column .inner legend {
    color: #1c1c1c;
    text-shadow: 0 1px 0 white;
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: bold; }
  .form-section #content-area #left-column .inner label {
    display: block;
    clear: both; }
  .form-section #content-area #left-column .inner .colon {
    display: none; }
  .form-section #content-area #left-column .inner .disabled {
    margin-bottom: 0; }
    .form-section #content-area #left-column .inner .disabled label, .form-section #content-area #left-column .inner .disabled .currency, .form-section #content-area #left-column .inner .disabled .colon, .form-section #content-area #left-column .inner .disabled .input {
      cursor: pointer;
      display: inline;
      margin: 0; }
    .form-section #content-area #left-column .inner .disabled label {
      font-weight: bold; }
    .form-section #content-area #left-column .inner .disabled .currency {
      float: none;
      font-weight: normal;
      font-size: 16px; }
    .form-section #content-area #left-column .inner .disabled .input {
      border: none;
      padding-left: 0;
      margin-top: -2px;
      top: -1px;
      position: relative;
      line-height: 22px;
      background: transparent;
      font-size: 16px;
      color: #1c1c1c; }
  .form-section #content-area #left-column .inner .section h2, .form-section #content-area #left-column .inner .section h3 {
    color: #1c1c1c;
    text-shadow: 0 1px 0 white;
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: bold; }
.form-section #content-area .micro-copy {
  margin: -6px 0 6px;
  color: #86857c;
  font-style: italic; }
.form-section #content-area #terms-and-service {
  margin: 20px 0 0; }
  .form-section #content-area #terms-and-service input {
    float: left;
    margin: 4px 10px 0 0; }
  .form-section #content-area #terms-and-service label {
    clear: none; }
  .form-section #content-area #terms-and-service #terms-of-service {
    width: 400px;
    clear: none; }

.micro-copy.small {
  background: none; }

#steps .legend-style, #steps legend span {
  color: #044972;
  font-size: 1.19em;
  font-weight: bold;
  height: 20px;
  padding-bottom: 14px;
  display: block;
  position: relative;
  text-indent: 0;
  z-index: 1; }
#steps li {
  clear: both;
  position: relative; }
  #steps li.relative {
    overflow: inherit; }
#steps legend {
  display: block;
  font-weight: normal;
  position: relative;
  *margin-left: -8px; }
#steps .amount input {
  font-size: 1.2em;
  margin-right: 2px;
  padding: 2px;
  width: 82px; }
#steps .txt-input textarea, #steps select.select-option, #steps .select-option select, #steps .txt-input input {
  background: transparent url(/content/general/image/forms/bg-input.gif) no-repeat scroll 0 0;
  border-color: #717171 #dacfcf #dacfcf;
  border-style: solid;
  border-width: 1px;
  margin-top: 2px;
  color: #555555;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 2px 2px 0;
  vertical-align: middle; }

#forgottenPassword input.txt-input, #forgottenPassword .txt-input input {
  background: transparent url(/content/general/image/forms/bg-input.gif) no-repeat scroll 0 0;
  border-color: #717171 #dacfcf #dacfcf;
  border-style: solid;
  border-width: 1px;
  margin-top: 2px;
  color: #555555;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 2px 2px 0;
  vertical-align: middle; }

input.bevel {
  background: transparent url(/content/general/image/forms/bg-input.gif) no-repeat scroll 0 0;
  border-color: #717171 #dacfcf #dacfcf;
  border-style: solid;
  border-width: 1px;
  margin-top: 2px;
  color: #555555;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 2px 2px 0;
  vertical-align: middle; }

#steps .select-option select, #steps select-option.select-option {
  font-size: 1em;
  margin-bottom: 8px;
  margin-right: 5px;
  margin-top: 2px;
  padding: 4px 2px 4px; }
#steps .txt-input input {
  height: 20px;
  font-size: 1.1em; }

#forgottenPassword input.txt-input, #forgottenPassword .txt-input input {
  height: 20px;
  font-size: 1.1em; }

/* === account creation IE fixes... === */
.form-section #content-area #left-column .inner #pafPostcode {
  margin-bottom: 10px; }

#account-creation label {
  *margin-left: -15px !important; }
#account-creation .float-l label {
  *margin-left: 0 !important; }
#account-creation #terms-of-service {
  *margin-left: 2px !important; }
#account-creation #pafCountry {
  *margin-left: 4px !important;
  *margin-top: -20px; }
#account-creation #findPafAddress label {
  *position: relative; }
#account-creation #findPafAddress #yourhomeaddress-label {
  *margin-left: 0 !important; }
#account-creation #enterManualAddress {
  position: relative; }
#account-creation #submit-form {
  clear: both;
  margin-top: 20px; }
#account-creation #pafSelectList {
  width: 450px;
  display: block;
  margin: 0 0 8px;
  *margin-left: -10px; }

.secondary-nav {
  zoom: 1;
  position: relative;
  left: -31px;
  _margin-bottom: -11px; }
  .secondary-nav .nav-item {
    width: 276px;
    padding-left: 37px;
    padding-right: 0px;
    height: 55px;
    padding-top: 21px;
    padding-bottom: 0px;
    _padding-right: 0px;
    _margin-right: -37px;
    background-image: url(../../images/about-us-zone/misc/secondary-nav-inactive.png);
    background-position: top right;
    background-repeat: no-repeat;
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    color: white; }
    .secondary-nav .nav-item:hover, .secondary-nav .nav-item:active, .secondary-nav .nav-item:visited {
      text-decoration: none;
      font-style: normal; }
    .secondary-nav .nav-item:visited, .secondary-nav .nav-item:active, .secondary-nav .nav-item:hover {
      color: white; }
  .secondary-nav .active, .secondary-nav .nav-item:hover {
    background-image: url(../../images/about-us-zone/misc/secondary-nav-active.png); }

#charities-zone .secondary-nav {
  zoom: 1;
  position: relative;
  left: -31px;
  _margin-bottom: -11px; }
  #charities-zone .secondary-nav .nav-item {
    width: 276px;
    padding-left: 37px;
    padding-right: 0px;
    height: 55px;
    padding-top: 21px;
    padding-bottom: 0px;
    _padding-right: 0px;
    _margin-right: -37px;
    background-image: url(../../images/charities-zone/misc/secondary-nav-inactive.png);
    background-position: top right;
    background-repeat: no-repeat;
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    color: white; }
    #charities-zone .secondary-nav .nav-item:hover, #charities-zone .secondary-nav .nav-item:active, #charities-zone .secondary-nav .nav-item:visited {
      text-decoration: none;
      font-style: normal; }
    #charities-zone .secondary-nav .nav-item:visited, #charities-zone .secondary-nav .nav-item:active, #charities-zone .secondary-nav .nav-item:hover {
      color: white; }
  #charities-zone .secondary-nav .active, #charities-zone .secondary-nav .nav-item:hover {
    background-image: url(../../images/charities-zone/misc/secondary-nav-active.png); }

.form-section #content-area .left-column .inner .bullet-list, body .bullet-list {
  padding-bottom: 12px; }
  .form-section #content-area .left-column .inner .bullet-list li, body .bullet-list li {
    background-image: url(/content/general/image/16x16/bullet-grey.png);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 22px;
    margin: 0px;
    *zoom: 1;
    *margin-left: -15px; }

ol.decimal {
  list-style-type: decimal; }
  ol.decimal li span {
    font-weight: normal; }

.decimal-list li {
  padding: 0 0 10px 8px !important;
  list-style: decimal inside; }

li.list-item {
  list-style-position: inside;
  font-size: 14px;
  padding: 3px 0px 3px 0px; }

ul.plain-list li {
  list-style-position: outside;
  padding: 0px; }

#breadcrumbs li {
  display: inline;
  list-style: none; }

.list-3-items .header {
  overflow: hidden;
  display: block;
  line-height: 100%; }
  .list-3-items .header h3 {
    font-size: 1.5em;
    float: left;
    margin-bottom: 0; }
  .list-3-items .header .float-r {
    margin-bottom: 0; }
.list-3-items h3, .list-3-items p {
  display: inline; }
.list-3-items .item {
  border-bottom: 1px solid #c9cace;
  border-top: 1px solid #e4e6ef; }
.list-3-items ul {
  overflow: hidden;
  clear: both; }
.list-3-items li li {
  float: left;
  width: 240px;
  color: #333333; }
.list-3-items .last {
  width: 100px;
  text-align: right; }
  .list-3-items .last p {
    float: right; }
.list-3-items .details {
  width: 180px; }
  .list-3-items .details p {
    white-space: nowrap; }
.list-3-items .state h3 {
  font-size: 14px; }
.list-3-items .last {
  float: right;
  margin: 0 0 0 20px;
  padding: 6px 0 0; }

table.default {
  background: white;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  overflow: hidden; }
  table.default th.print, table.default td.print {
    border-right: none; }
  table.default tr.odd {
    background: #e9ecf9 !important; }
  table.default tfoot td {
    border-right: none; }
  table.default td {
    border-right: 1px solid #e8e8e8;
    color: #1c1c1c;
    padding: 5px 0 5px 15px; }
    table.default td a {
      color: #1c1c1c; }
  table.default thead th {
    padding: 5px 0 5px 15px;
    text-align: left;
    font-weight: normal; }
  table.default thead td, table.default thead th {
    padding-bottom: 15px; }
  table.default thead td.print, table.default thead th.print {
    background: url("/jg-refresh/content/images/icons/print.png") no-repeat 15px 5px; }
  table.default tbody {
    background: white; }
    table.default tbody tr {
      border: 1px solid #e8f0f5;
      border-left: 1px solid #a3b6c5;
      border-right: 1px solid #a3b6c5; }
      table.default tbody tr td {
        font-size: 12px; }
    table.default tbody tr:last-child {
      border-bottom: 1px solid #a3b6c5;
      background-image: none; }
  table.default tfoot td {
    padding-top: 5px;
    padding-bottom: 5px; }

.breadcrumbs {
  font-weight: bold; }

.recycled-pixels-receipt {
  margin-top: 20px;
  margin-bottom: 10px; }
  .recycled-pixels-receipt .table-wrapper {
    background-image: url(/content/general/image/embelish/blue-recycled-pixels-receipt.png);
    height: 244px;
    width: 561px;
    font-size: 16px;
    padding-top: 20px;
    padding-left: 15px; }
    .recycled-pixels-receipt .table-wrapper table tr td {
      padding: 4px 0px 3px 0px; }
      .recycled-pixels-receipt .table-wrapper table tr td.name {
        width: 290px; }
    .recycled-pixels-receipt .table-wrapper table tr.strong td {
      font-weight: bold; }
    .recycled-pixels-receipt .table-wrapper table tr.total td {
      padding-top: 20px;
      font-weight: bold; }

.autosuggest {
  font-family: arial, helvetica, sans-serif;
  margin-top: 5px;
  text-align: left;
  position: absolute;
  z-index: 999;
  width: 285px !important;
  background-color: white;
  *border: 1px solid #e8e8e8;
  -webkit-box-shadow: 1px 1px 3px gray;
  -moz-box-shadow: 1px 1px 3px gray;
  box-shadow: 1px 1px 3px gray;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  .autosuggest .more-suggestions {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 1px solid white;
    background-color: #e9ecf9;
    display: block;
    padding: 9px 12px 8px 12px;
    font-weight: bold;
    font-size: 12px; }
  .autosuggest ul li {
    margin: 0px; }
    .autosuggest ul li:last-child a {
      border-bottom: none; }
    .autosuggest ul li.as_warning {
      display: none; }
    .autosuggest ul li a {
      line-height: 14px !important;
      display: block;
      font-size: 14px;
      padding: 10px;
      text-decoration: none;
      border-bottom: 1px solid #e8e8e8;
      overflow: hidden; }
      .autosuggest ul li a span {
        display: block;
        padding-right: 80px; }
      .autosuggest ul li a img {
        float: right;
        width: 70px;
        margin-left: 6px; }
      .autosuggest ul li a em {
        font-style: normal;
        font-weight: bold; }
      .autosuggest ul li a small {
        display: block;
        margin-top: 4px;
        height: 43px;
        margin-bottom: 1px;
        overflow: hidden;
        font-size: 12px;
        color: #1c1c1c; }
    .autosuggest ul li a:hover, .autosuggest ul li.as_highlight {
      background-color: #e9ecf9; }

.flash {
  margin-left: auto;
  margin-right: auto;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  max-width: 460px;
  *width: expression(this.width > 460 ? "460px" : true); }

.error {
  background-color: #fcdad9;
  border: 1px solid #fe4239;
  color: red; }

.warning {
  background-color: #fcdad9;
  border: 1px solid #f27022;
  color: ff6600; }

.notice {
  background-color: #c9edc1;
  border: 1px solid #63b153;
  color: #105402; }

.field-validation-error, .validation-summary-errors {
  display: block; }

.validation-summary-errors ul {
  margin: 0 !important; }
  .validation-summary-errors ul li {
    list-style: none; }

.notice, .field-validation-error, .validation-summary-errors {
  background-repeat: no-repeat;
  background-image: url(/content/general/image/graphics/icons/notices.gif);
  padding: 6px 10px 8px 45px;
  line-height: 170%;
  border-style: solid;
  border-width: 1px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  margin: 15px 0 20px; }
  .notice ul, .field-validation-error ul, .validation-summary-errors ul {
    margin: 10px 0 0 15px; }
  .notice li, .field-validation-error li, .validation-summary-errors li {
    list-style-type: disc;
    margin-bottom: 0; }
  .notice h2, .field-validation-error h2, .validation-summary-errors h2 {
    font-size: 1.5em;
    font-weight: 900;
    margin-bottom: 0; }
  .notice p, .field-validation-error p, .validation-summary-errors p {
    margin-bottom: 4px;
    line-height: inherit; }
    .notice p.one-line, .field-validation-error p.one-line, .validation-summary-errors p.one-line {
      padding: 8px 0; }

.tooltip {
  position: absolute; }

.tooltip, .field-validation-error {
  z-index: 99999;
  background-color: red;
  color: white;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 3px gray;
  -moz-box-shadow: 1px 1px 3px gray;
  box-shadow: 1px 1px 3px gray;
  font-size: 12px;
  padding: 6px 7px 7px 7px;
  font-family: arial, sans-serif;
  margin-top: 1px;
  margin-left: 2px;
  max-width: 300px;
  *width: expression(this.width > 300 ? "300px" : true); }
  .tooltip span, .field-validation-error span {
    background-repeat: no-repeat;
    background-position: 0px 5px;
    display: block;
    padding-top: 18px;
    margin-top: -18px; }

.field-validation-error {
  padding: 9px 0 9px 45px;
  max-width: autopx;
  *width: expression(this.width > auto ? "autopx" : true); }

.error .tooltip-inner {
  background-image: url(/content/general/image/icon/error-arrow-top.png); }

.positive {
  background-position: 10px -601px;
  background-color: #c9edc1;
  border-color: #63b153;
  color: #105402; }
  .positive h2 {
    color: #105402; }

.negative, .field-validation-error, .validation-summary-errors {
  background-position: 10px 0;
  background-color: #fcdad9;
  border-color: #fe4239;
  color: red; }

.processing {
  background-position: 10px -300px;
  background-color: #fef0e9;
  border-color: #f27022;
  color: #ff6600; }
  .processing h2 {
    color: #ff6600; }

.negative {
  background-position: 10px -4px;
  background-color: #fcdad9;
  border-color: #fe4239;
  color: red; }
  .negative h2 {
    color: red; }

.field-validation-error {
  background-position: 10px -5px; }

.pullquote {
  float: right;
  width: 262px;
  background-image: url(/content/about-us/image/how-it-works/quote-bottom.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom: 17px;
  margin-left: 20px; }
  .pullquote .quote {
    background-image: url(/content/about-us/image/how-it-works/quote-top.png);
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 14px;
    padding-left: 60px; }
    .pullquote .quote p {
      background-image: url(/content/about-us/image/how-it-works/quotes-mark.png);
      background-repeat: no-repeat;
      background-position: 10px 0px;
      margin-left: -60px;
      padding-left: 60px; }
    .pullquote .quote .from {
      margin-top: 10px;
      background-color: #2a42c6;
      padding: 2px 4px 2px 4px;
      color: white;
      font-weight: bold;
      font-size: 12px; }

.three-way-image-split, .three-way-text-split {
  padding-left: 9px !important;
  padding-right: 9px !important; }
  .three-way-image-split .split, .three-way-text-split .split {
    width: 181px;
    float: left;
    font-size: 14px;
    line-height: 19px;
    padding-left: 9px;
    padding-right: 9px; }
    .three-way-image-split .split img, .three-way-text-split .split img {
      margin-left: -9px; }
    .three-way-image-split .split .loading, .three-way-text-split .split .loading {
      margin: 5px 0 0 20px; }
    .three-way-image-split .split h4, .three-way-text-split .split h4 {
      display: block;
      font-size: 14px; }

body .three-way-text-split {
  zoom: 1;
  *height: 80px; }
  body .three-way-text-split .split {
    text-align: center;
    border-right: 1px solid #e9ecf9;
    margin-bottom: 0px; }
    body .three-way-text-split .split strong {
      margin-bottom: 4px;
      display: block;
      font-size: 23px; }
    body .three-way-text-split .split h3, body .three-way-text-split .split p {
      margin-bottom: 0; }
  body .three-way-text-split .split-3 {
    border: none; }

.three-way-image-split h3 {
  margin-left: 10px;
  margin-bottom: 10px; }
.three-way-image-split img {
  margin-left: 0px; }
.three-way-image-split p {
  margin-top: 7px;
  margin-bottom: 0px; }
.three-way-image-split a.call-to-action {
  display: block;
  margin-top: 10px; }

.first-split {
  position: relative; }
  .first-split h4 {
    display: block;
    position: absolute;
    top: 8px;
    left: -1px; }

ul.expanding-list {
  *margin-bottom: 20px; }
  ul.expanding-list > li {
    *margin-left: -17px; }
  ul.expanding-list li {
    _margin-left: -17px;
    zoom: 1; }
    ul.expanding-list li .visible {
      zoom: 1;
      /*background-color: #ffff00 */
      background-image: url(../../images/misc/list-expander-closed.png);
      background-repeat: no-repeat;
      background-position: 0px 7px;
      font-size: 16px;
      display: block; }
      ul.expanding-list li .visible a {
        display: block;
        padding-left: 22px; }
    ul.expanding-list li .revealable {
      display: none;
      font-size: 14px;
      padding-left: 22px;
      padding-top: 10px;
      overflow: auto; }
    ul.expanding-list li.expanded .visible {
      background-image: url(../../images/misc/list-expander-open.png); }

.left-column .section h3, .left-column .section h2 {
  font-size: 18px;
  color: #1c1c1c;
  margin-bottom: 10px; }
.left-column .section .header {
  margin-bottom: 10px; }
  .left-column .section .header h3, .left-column .section .header h2 {
    margin-bottom: 0; }
.left-column .section .secondary-image {
  float: right; }
.left-column .section .box {
  width: 280px;
  margin-bottom: 20px; }
  .left-column .section .box img {
    float: right;
    margin-top: 3px;
    margin-left: 10px; }
  .left-column .section .box .quote, .left-column .section .box .info {
    font-size: 14px;
    margin-bottom: 5px; }
    .left-column .section .box .quote span, .left-column .section .box .info span {
      margin-top: 3px;
      display: block;
      color: #86857c;
      font-style: italic; }
.left-column .section p {
  font-size: 14px; }
  .left-column .section p.large-intro {
    font-size: 16px; }
.left-column .section img.big-image {
  margin-bottom: 30px; }
.left-column .right-split {
  float: right; }
.left-column #final-call {
  padding-bottom: 10px; }
  .left-column #final-call p {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background-image: url(../../images/charities-zone/how-it-works-section/stars-footer.png);
    background-position: center center;
    background-repeat: no-repeat; }

/* ---- Site main wrapper - width should always be 960px! ---- */
#contentWrapper {
  margin: 20px auto 0;
  text-align: left;
  width: 960px; }

/* containers */
.single-column {
  margin-top: 20px;
  width: 960px; }
  .single-column.default {
    padding: 20px 60px 30px;
    width: 840px;
    margin-top: 30px; }

.two-column-wrapper {
  margin: 0 auto 0;
  width: 960px;
  text-align: left; }
  .two-column-wrapper .large-column {
    margin-top: 20px;
    padding: 22px 20px 8px;
    width: 598px;
    *width: 590px;
    /* fix me */ }
  .two-column-wrapper .small-column {
    margin: 20px 0 0 20px;
    /* previously this was like so... 20px 18px 0 20px - however you should use float-l/r to tell the div what margin to use! */
    width: 286px; }
    .two-column-wrapper .small-column.float-r {
      margin-left: 18px;
      margin-right: 0; }
    .two-column-wrapper .small-column.float-l {
      margin-left: 0;
      margin-right: 18px; }

/* inner containers */
.large-column.light-blue {
  background-color: #e8e8e8; }

.new-item {
  margin-top: 30px; }

.new-item2 {
  padding-top: 30px; }

#pageExpired h1 {
  font-size: 2.1em;
  margin-bottom: 8px; }
#pageExpired p {
  margin-bottom: 20px; }
#pageExpired ul {
  padding: 0 0 15px 16px; }
  #pageExpired ul li {
    margin-bottom: 8px;
    list-style: disc; }

.pageCancelledBackground .pageCancelled h1 {
  font-size: 2.1em;
  margin-bottom: 20px; }

.right-col-flush .right-column {
  margin-top: -63px; }
  .right-col-flush .right-column #outside-divider .section {
    border-top: 0; }
    .right-col-flush .right-column #outside-divider .section .content {
      background: transparent; }
    .right-col-flush .right-column #outside-divider .section .image-preview img {
      padding-bottom: 0; }

.right-column {
  float: right;
  width: 321px;
  position: relative;
  left: 0; }
  .right-column h2 {
    font-size: 18px; }
  .right-column .feature-box {
    background-image: url(/content/about-us/image/about-us/paper-fold-bg.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    width: 320px;
    border: 1px dotted #86857c;
    border-left-width: 0px;
    height: 253px;
    z-index: 9999; }
    .right-column .feature-box .inner {
      margin: 20px 20px 20px 22px; }
      .right-column .feature-box .inner h3 {
        color: #2a42c6;
        margin-bottom: 4px; }
      .right-column .feature-box .inner h4 {
        color: #1c1c1c; }
      .right-column .feature-box .inner p {
        font-size: 16px; }
  .right-column #outside-divider {
    padding: 20px 0px 20px 20px; }
    .right-column #outside-divider .section {
      padding-top: 15px;
      padding-bottom: 25px;
      border-top: 1px solid #e8e8e8;
      font-size: 14px; }
      .right-column #outside-divider .section h3, .right-column #outside-divider .section h2 {
        color: #86857c;
        padding: 0px 10px 10px 10px; }
      .right-column #outside-divider .section #facebook, .right-column #outside-divider .section #twitter {
        padding-top: 12px;
        padding-left: 75px;
        background-image: url(/content/general/image/icons/64x64/facebook.png);
        background-repeat: no-repeat;
        background-position: 7px 7px; }
      .right-column #outside-divider .section #twitter {
        background-image: url(/content/general/image/icons/64x64/social-media/twitter.png); }
      .right-column #outside-divider .section .content {
        background-color: #e8e8e8;
        padding: 10px;
        font-size: 12px; }
        .right-column #outside-divider .section .content p, .right-column #outside-divider .section .content li {
          font-size: 12px; }
        .right-column #outside-divider .section .content h4 {
          margin-bottom: 2px; }
        .right-column #outside-divider .section .content a.with-small-icon, .right-column #outside-divider .section .content .call-to-action {
          display: block; }
    .right-column #outside-divider .first-section {
      padding-top: 0px;
      border-top: none; }
    .right-column #outside-divider .image-preview img {
      margin-bottom: 10px; }
    .right-column #outside-divider .image-preview p:last-child {
      margin-bottom: 0; }
    .right-column #outside-divider .links-list li {
      *position: relative;
      *left: -15px;
      zoom: 1; }
    .right-column #outside-divider .links-list a {
      display: block;
      margin-bottom: 5px; }
    .right-column #outside-divider #newsletter-signup-section .content p {
      font-size: 14px !important; }
    .right-column #outside-divider #newsletter-signup-section .content form {
      border-bottom: 1px solid #86857c;
      padding-bottom: 0px;
      margin-bottom: 10px; }

.call-to-action-block {
  overflow: hidden;
  padding-top: 10px;
  margin-bottom: 10px; }
  .call-to-action-block .left-content {
    float: left;
    margin-right: 20px; }
  .call-to-action-block h4 {
    font-size: 16px;
    margin-bottom: 5px; }
  .call-to-action-block .call-to-action {
    margin-top: 10px;
    display: block; }

.just-modal {
  font-family: arial, helvetica, sans-serif;
  font-size: 16px;
  background-image: url(/content/tabulous/images/misc/black-transparent-bg.png);
  position: fixed;
  _position: absolute;
  _left: expression(( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  _top: expression(( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  height: 100%;
  _height: expression(document.documentElement.clientHeight + "px");
  width: 100%;
  _width: expression(document.documentElement.clientWidth + "px");
  top: 0px;
  left: 0px;
  z-index: 9998;
  text-align: center; }
  .just-modal .modal-inner {
    z-index: 9999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: solid 5px #b2b2b2;
    text-align: left;
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    background-color: white;
    padding: 14px 20px 20px;
    color: #1c1c1c;
    position: relative; }
    .just-modal .modal-inner h2 {
      font-size: 18px;
      margin-bottom: 10px;
      color: #2a42c6; }
    .just-modal .modal-inner h3 {
      padding-bottom: 15px; }
    .just-modal .modal-inner .modal-close {
      background: transparent;
      background-image: url("/content/tabulous/images/misc/model-close-button.png");
      width: 34px;
      height: 37px;
      background-repeat: no-repeat;
      text-indent: -9999px;
      display: block;
      position: absolute;
      top: -15px;
      right: -14px; }
    .just-modal .modal-inner .wrapper .modal-content {
      display: block !important;
      overflow: hidden; }

/* Debug files for development */
#grid {
  background-image: url(../../images/misc/grid.png);
  height: 2000px;
  width: 100%;
  position: fixed;
  background-position: top center;
  background-repeat: repeat-y;
  opacity: 0.5; }

#event-search .container #content-area .left-column .section {
  background-image: none; }

#paged-event-section #count {
  margin: -20px -20px 20px;
  padding: 10px 15px;
  background: #eeeeee; }

.offscreen {
  height: 1px;
  left: -50000px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1px; }

.event--list, #popular-events-list, #matched-events, #popular-organised-events, .calendar, #popular-events {
  padding-bottom: 0px; }
  .event--list .vevent, #popular-events-list .vevent, #matched-events .vevent, #popular-organised-events .vevent, .calendar .vevent, #popular-events .vevent {
    clear: both;
    display: block;
    margin-bottom: 26px;
    padding-bottom: 30px;
    overflow: hidden;
    position: relative;
    min-height: 40px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 26px; }
    .event--list .vevent button.pure-button, #popular-events-list .vevent button.pure-button, #matched-events .vevent button.pure-button, #popular-organised-events .vevent button.pure-button, .calendar .vevent button.pure-button, #popular-events .vevent button.pure-button {
      display: none; }
    .event--list .vevent h2, .event--list .vevent h3, .event--list .vevent .content, .event--list .vevent .footer, .event--list .vevent .show-more, #popular-events-list .vevent h2, #popular-events-list .vevent h3, #popular-events-list .vevent .content, #popular-events-list .vevent .footer, #popular-events-list .vevent .show-more, #matched-events .vevent h2, #matched-events .vevent h3, #matched-events .vevent .content, #matched-events .vevent .footer, #matched-events .vevent .show-more, #popular-organised-events .vevent h2, #popular-organised-events .vevent h3, #popular-organised-events .vevent .content, #popular-organised-events .vevent .footer, #popular-organised-events .vevent .show-more, .calendar .vevent h2, .calendar .vevent h3, .calendar .vevent .content, .calendar .vevent .footer, .calendar .vevent .show-more, #popular-events .vevent h2, #popular-events .vevent h3, #popular-events .vevent .content, #popular-events .vevent .footer, #popular-events .vevent .show-more {
      margin-left: 55px;
      margin-bottom: 3px;
      line-height: 130%; }
    .event--list .vevent h2, .event--list .vevent h3, #popular-events-list .vevent h2, #popular-events-list .vevent h3, #matched-events .vevent h2, #matched-events .vevent h3, #popular-organised-events .vevent h2, #popular-organised-events .vevent h3, .calendar .vevent h2, .calendar .vevent h3, #popular-events .vevent h2, #popular-events .vevent h3 {
      margin-bottom: 4px; }
    .event--list .vevent .summary, .event--list .vevent .category, #popular-events-list .vevent .summary, #popular-events-list .vevent .category, #matched-events .vevent .summary, #matched-events .vevent .category, #popular-organised-events .vevent .summary, #popular-organised-events .vevent .category, .calendar .vevent .summary, .calendar .vevent .category, #popular-events .vevent .summary, #popular-events .vevent .category {
      font-size: 12px; }
    .event--list .vevent .summary, #popular-events-list .vevent .summary, #matched-events .vevent .summary, #popular-organised-events .vevent .summary, .calendar .vevent .summary, #popular-events .vevent .summary {
      font-weight: bold;
      margin-bottom: -5px; }
    .event--list .vevent .category, #popular-events-list .vevent .category, #matched-events .vevent .category, #popular-organised-events .vevent .category, .calendar .vevent .category, #popular-events .vevent .category {
      font-style: italic; }
    .event--list .vevent .event--calendar, .event--list .vevent .cal, #popular-events-list .vevent .event--calendar, #popular-events-list .vevent .cal, #matched-events .vevent .event--calendar, #matched-events .vevent .cal, #popular-organised-events .vevent .event--calendar, #popular-organised-events .vevent .cal, .calendar .vevent .event--calendar, .calendar .vevent .cal, #popular-events .vevent .event--calendar, #popular-events .vevent .cal {
      top: 0;
      left: 0;
      position: absolute;
      margin-right: 10px;
      background: white;
      border-bottom: 3px solid #d51007;
      display: block;
      float: left;
      line-height: 90%;
      margin-right: 10px;
      text-align: center; }
      .event--list .vevent .event--calendar .year, .event--list .vevent .event--calendar .month, .event--list .vevent .cal .year, .event--list .vevent .cal .month, #popular-events-list .vevent .event--calendar .year, #popular-events-list .vevent .event--calendar .month, #popular-events-list .vevent .cal .year, #popular-events-list .vevent .cal .month, #matched-events .vevent .event--calendar .year, #matched-events .vevent .event--calendar .month, #matched-events .vevent .cal .year, #matched-events .vevent .cal .month, #popular-organised-events .vevent .event--calendar .year, #popular-organised-events .vevent .event--calendar .month, #popular-organised-events .vevent .cal .year, #popular-organised-events .vevent .cal .month, .calendar .vevent .event--calendar .year, .calendar .vevent .event--calendar .month, .calendar .vevent .cal .year, .calendar .vevent .cal .month, #popular-events .vevent .event--calendar .year, #popular-events .vevent .event--calendar .month, #popular-events .vevent .cal .year, #popular-events .vevent .cal .month {
        font-size: 12px; }
      .event--list .vevent .event--calendar .event--calendar--year, .event--list .vevent .event--calendar .year, .event--list .vevent .event--calendar .event--calendar--day, .event--list .vevent .event--calendar .day, .event--list .vevent .cal .event--calendar--year, .event--list .vevent .cal .year, .event--list .vevent .cal .event--calendar--day, .event--list .vevent .cal .day, #popular-events-list .vevent .event--calendar .event--calendar--year, #popular-events-list .vevent .event--calendar .year, #popular-events-list .vevent .event--calendar .event--calendar--day, #popular-events-list .vevent .event--calendar .day, #popular-events-list .vevent .cal .event--calendar--year, #popular-events-list .vevent .cal .year, #popular-events-list .vevent .cal .event--calendar--day, #popular-events-list .vevent .cal .day, #matched-events .vevent .event--calendar .event--calendar--year, #matched-events .vevent .event--calendar .year, #matched-events .vevent .event--calendar .event--calendar--day, #matched-events .vevent .event--calendar .day, #matched-events .vevent .cal .event--calendar--year, #matched-events .vevent .cal .year, #matched-events .vevent .cal .event--calendar--day, #matched-events .vevent .cal .day, #popular-organised-events .vevent .event--calendar .event--calendar--year, #popular-organised-events .vevent .event--calendar .year, #popular-organised-events .vevent .event--calendar .event--calendar--day, #popular-organised-events .vevent .event--calendar .day, #popular-organised-events .vevent .cal .event--calendar--year, #popular-organised-events .vevent .cal .year, #popular-organised-events .vevent .cal .event--calendar--day, #popular-organised-events .vevent .cal .day, .calendar .vevent .event--calendar .event--calendar--year, .calendar .vevent .event--calendar .year, .calendar .vevent .event--calendar .event--calendar--day, .calendar .vevent .event--calendar .day, .calendar .vevent .cal .event--calendar--year, .calendar .vevent .cal .year, .calendar .vevent .cal .event--calendar--day, .calendar .vevent .cal .day, #popular-events .vevent .event--calendar .event--calendar--year, #popular-events .vevent .event--calendar .year, #popular-events .vevent .event--calendar .event--calendar--day, #popular-events .vevent .event--calendar .day, #popular-events .vevent .cal .event--calendar--year, #popular-events .vevent .cal .year, #popular-events .vevent .cal .event--calendar--day, #popular-events .vevent .cal .day {
        padding: 0 4px;
        border-left: 1px solid #b1b1b1;
        border-right: 1px solid #b1b1b1; }
      .event--list .vevent .event--calendar span, .event--list .vevent .cal span, #popular-events-list .vevent .event--calendar span, #popular-events-list .vevent .cal span, #matched-events .vevent .event--calendar span, #matched-events .vevent .cal span, #popular-organised-events .vevent .event--calendar span, #popular-organised-events .vevent .cal span, .calendar .vevent .event--calendar span, .calendar .vevent .cal span, #popular-events .vevent .event--calendar span, #popular-events .vevent .cal span {
        display: block; }
      .event--list .vevent .event--calendar .event--calendar--month, .event--list .vevent .event--calendar .month, .event--list .vevent .cal .event--calendar--month, .event--list .vevent .cal .month, #popular-events-list .vevent .event--calendar .event--calendar--month, #popular-events-list .vevent .event--calendar .month, #popular-events-list .vevent .cal .event--calendar--month, #popular-events-list .vevent .cal .month, #matched-events .vevent .event--calendar .event--calendar--month, #matched-events .vevent .event--calendar .month, #matched-events .vevent .cal .event--calendar--month, #matched-events .vevent .cal .month, #popular-organised-events .vevent .event--calendar .event--calendar--month, #popular-organised-events .vevent .event--calendar .month, #popular-organised-events .vevent .cal .event--calendar--month, #popular-organised-events .vevent .cal .month, .calendar .vevent .event--calendar .event--calendar--month, .calendar .vevent .event--calendar .month, .calendar .vevent .cal .event--calendar--month, .calendar .vevent .cal .month, #popular-events .vevent .event--calendar .event--calendar--month, #popular-events .vevent .event--calendar .month, #popular-events .vevent .cal .event--calendar--month, #popular-events .vevent .cal .month {
        display: block;
        background-color: #d51007;
        color: white;
        font-weight: bold;
        padding: 1px 0; }
      .event--list .vevent .event--calendar .event--calendar--day, .event--list .vevent .event--calendar .day, .event--list .vevent .cal .event--calendar--day, .event--list .vevent .cal .day, #popular-events-list .vevent .event--calendar .event--calendar--day, #popular-events-list .vevent .event--calendar .day, #popular-events-list .vevent .cal .event--calendar--day, #popular-events-list .vevent .cal .day, #matched-events .vevent .event--calendar .event--calendar--day, #matched-events .vevent .event--calendar .day, #matched-events .vevent .cal .event--calendar--day, #matched-events .vevent .cal .day, #popular-organised-events .vevent .event--calendar .event--calendar--day, #popular-organised-events .vevent .event--calendar .day, #popular-organised-events .vevent .cal .event--calendar--day, #popular-organised-events .vevent .cal .day, .calendar .vevent .event--calendar .event--calendar--day, .calendar .vevent .event--calendar .day, .calendar .vevent .cal .event--calendar--day, .calendar .vevent .cal .day, #popular-events .vevent .event--calendar .event--calendar--day, #popular-events .vevent .event--calendar .day, #popular-events .vevent .cal .event--calendar--day, #popular-events .vevent .cal .day {
        padding-top: 6px;
        padding-bottom: 3px;
        font-size: 16px;
        font-weight: bold; }
      .event--list .vevent .event--calendar .event--calendar--year, .event--list .vevent .event--calendar .year, .event--list .vevent .cal .event--calendar--year, .event--list .vevent .cal .year, #popular-events-list .vevent .event--calendar .event--calendar--year, #popular-events-list .vevent .event--calendar .year, #popular-events-list .vevent .cal .event--calendar--year, #popular-events-list .vevent .cal .year, #matched-events .vevent .event--calendar .event--calendar--year, #matched-events .vevent .event--calendar .year, #matched-events .vevent .cal .event--calendar--year, #matched-events .vevent .cal .year, #popular-organised-events .vevent .event--calendar .event--calendar--year, #popular-organised-events .vevent .event--calendar .year, #popular-organised-events .vevent .cal .event--calendar--year, #popular-organised-events .vevent .cal .year, .calendar .vevent .event--calendar .event--calendar--year, .calendar .vevent .event--calendar .year, .calendar .vevent .cal .event--calendar--year, .calendar .vevent .cal .year, #popular-events .vevent .event--calendar .event--calendar--year, #popular-events .vevent .event--calendar .year, #popular-events .vevent .cal .event--calendar--year, #popular-events .vevent .cal .year {
        padding-bottom: 4px; }
    .event--list .vevent .content, .event--list .vevent .footer p, #popular-events-list .vevent .content, #popular-events-list .vevent .footer p, #matched-events .vevent .content, #matched-events .vevent .footer p, #popular-organised-events .vevent .content, #popular-organised-events .vevent .footer p, .calendar .vevent .content, .calendar .vevent .footer p, #popular-events .vevent .content, #popular-events .vevent .footer p {
      font-size: 12px;
      font-style: normal; }
    .event--list .vevent .show-more, #popular-events-list .vevent .show-more, #matched-events .vevent .show-more, #popular-organised-events .vevent .show-more, .calendar .vevent .show-more, #popular-events .vevent .show-more {
      font-size: 12px;
      margin-top: -4px; }
    .event--list .vevent .footer .is-charity-fav, #popular-events-list .vevent .footer .is-charity-fav, #matched-events .vevent .footer .is-charity-fav, #popular-organised-events .vevent .footer .is-charity-fav, .calendar .vevent .footer .is-charity-fav, #popular-events .vevent .footer .is-charity-fav {
      padding: 0 0 0 26px;
      margin: 0 0 0 8px;
      border-left: 1px solid #86857c;
      background: transparent url(../../images/icons/16x16/thumbup-primary-on-white.gif) no-repeat 12px 0; }
    .event--list .vevent .footer p, #popular-events-list .vevent .footer p, #matched-events .vevent .footer p, #popular-organised-events .vevent .footer p, .calendar .vevent .footer p, #popular-events .vevent .footer p {
      display: inline;
      color: #86857c; }
      .event--list .vevent .footer p em, #popular-events-list .vevent .footer p em, #matched-events .vevent .footer p em, #popular-organised-events .vevent .footer p em, .calendar .vevent .footer p em, #popular-events .vevent .footer p em {
        font-style: normal; }

.left-column #matched-events h2 {
  font-size: 16px; }
.left-column .vevent {
  width: 480px; }

#outside-divider #priorityEventsPanel .content {
  padding: 15px; }
#outside-divider #popular-events-list .vevent {
  margin-bottom: 4px; }
  #outside-divider #popular-events-list .vevent h2, #outside-divider #popular-events-list .vevent h3 {
    font-size: smallest-font;
    margin-bottom: 4px;
    padding: 0; }
  #outside-divider #popular-events-list .vevent .cal {
    top: 0;
    left: 0;
    position: absolute; }
  #outside-divider #popular-events-list .vevent .footer .is-charity-fav {
    padding: 0 0 0 26px;
    margin: 0 0 0 8px;
    border-left: 1px solid #86857c;
    background: transparent url(../../images/icons/16x16/thumbup-primary-on-white.gif) no-repeat 12px 0; }
    #outside-divider #popular-events-list .vevent .footer .is-charity-fav em {
      font-style: normal; }

.outside-results-area .left-column {
  width: 617px; }
.outside-results-area .above-results-area {
  background: #eaecf9;
  width: 890px;
  border: dotted 1px #1c1c1c;
  padding: 15px 25px 18px;
  margin: 0 auto 15px; }
  .outside-results-area .above-results-area #SearchTerm {
    width: 560px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px; }
.outside-results-area label {
  display: block;
  font-size: 14px;
  font-weight: bold; }

.right-column #SearchTerm {
  width: 120px; }
.right-column label {
  display: none; }

/* ---- Site main wrapper - width should always be 960px! ---- */
#contentWrapper {
  margin: 20px auto 0;
  text-align: left;
  width: 960px; }

/* containers */
.single-column {
  margin-top: 20px;
  width: 960px; }
  .single-column.default {
    padding: 20px 60px 30px;
    width: 840px;
    margin-top: 30px; }

.two-column-wrapper {
  margin: 0 auto 0;
  width: 960px;
  text-align: left; }
  .two-column-wrapper .large-column {
    margin-top: 20px;
    padding: 22px 20px 8px;
    width: 598px;
    *width: 590px;
    /* fix me */ }
  .two-column-wrapper .small-column {
    margin: 20px 0 0 20px;
    /* previously this was like so... 20px 18px 0 20px - however you should use float-l/r to tell the div what margin to use! */
    width: 286px; }
    .two-column-wrapper .small-column.float-r {
      margin-left: 18px;
      margin-right: 0; }
    .two-column-wrapper .small-column.float-l {
      margin-left: 0;
      margin-right: 18px; }

/* inner containers */
.large-column.light-blue {
  background-color: #e8e8e8; }

.new-item {
  margin-top: 30px; }

.new-item2 {
  padding-top: 30px; }

#pageExpired h1 {
  font-size: 2.1em;
  margin-bottom: 8px; }
#pageExpired p {
  margin-bottom: 20px; }
#pageExpired ul {
  padding: 0 0 15px 16px; }
  #pageExpired ul li {
    margin-bottom: 8px;
    list-style: disc; }

.pageCancelledBackground .pageCancelled h1 {
  font-size: 2.1em;
  margin-bottom: 20px; }

.right-col-flush .right-column {
  margin-top: -63px; }
  .right-col-flush .right-column #outside-divider .section {
    border-top: 0; }
    .right-col-flush .right-column #outside-divider .section .content {
      background: transparent; }
    .right-col-flush .right-column #outside-divider .section .image-preview img {
      padding-bottom: 0; }

.right-column {
  float: right;
  width: 321px;
  position: relative;
  left: 0; }
  .right-column h2 {
    font-size: 18px; }
  .right-column .feature-box {
    background-image: url(/content/about-us/image/about-us/paper-fold-bg.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    width: 320px;
    border: 1px dotted #86857c;
    border-left-width: 0px;
    height: 253px;
    z-index: 9999; }
    .right-column .feature-box .inner {
      margin: 20px 20px 20px 22px; }
      .right-column .feature-box .inner h3 {
        color: #2a42c6;
        margin-bottom: 4px; }
      .right-column .feature-box .inner h4 {
        color: #1c1c1c; }
      .right-column .feature-box .inner p {
        font-size: 16px; }
  .right-column #outside-divider {
    padding: 20px 0px 20px 20px; }
    .right-column #outside-divider .section {
      padding-top: 15px;
      padding-bottom: 25px;
      border-top: 1px solid #e8e8e8;
      font-size: 14px; }
      .right-column #outside-divider .section h3, .right-column #outside-divider .section h2 {
        color: #86857c;
        padding: 0px 10px 10px 10px; }
      .right-column #outside-divider .section #facebook, .right-column #outside-divider .section #twitter {
        padding-top: 12px;
        padding-left: 75px;
        background-image: url(/content/general/image/icons/64x64/facebook.png);
        background-repeat: no-repeat;
        background-position: 7px 7px; }
      .right-column #outside-divider .section #twitter {
        background-image: url(/content/general/image/icons/64x64/social-media/twitter.png); }
      .right-column #outside-divider .section .content {
        background-color: #e8e8e8;
        padding: 10px;
        font-size: 12px; }
        .right-column #outside-divider .section .content p, .right-column #outside-divider .section .content li {
          font-size: 12px; }
        .right-column #outside-divider .section .content h4 {
          margin-bottom: 2px; }
        .right-column #outside-divider .section .content a.with-small-icon, .right-column #outside-divider .section .content .call-to-action {
          display: block; }
    .right-column #outside-divider .first-section {
      padding-top: 0px;
      border-top: none; }
    .right-column #outside-divider .image-preview img {
      margin-bottom: 10px; }
    .right-column #outside-divider .image-preview p:last-child {
      margin-bottom: 0; }
    .right-column #outside-divider .links-list li {
      *position: relative;
      *left: -15px;
      zoom: 1; }
    .right-column #outside-divider .links-list a {
      display: block;
      margin-bottom: 5px; }
    .right-column #outside-divider #newsletter-signup-section .content p {
      font-size: 14px !important; }
    .right-column #outside-divider #newsletter-signup-section .content form {
      border-bottom: 1px solid #86857c;
      padding-bottom: 0px;
      margin-bottom: 10px; }

.search-results .container #content-area #categories {
  float: left;
  width: 210px;
  padding-left: 10px;
  padding-right: 20px;
  position: relative; }
  .search-results .container #content-area #categories h3 {
    margin-bottom: 8px; }
  .search-results .container #content-area #categories .checkbox-list {
    clear: both;
    padding: 2px 0px 2px 0px; }
    .search-results .container #content-area #categories .checkbox-list li {
      font-size: 12px;
      clear: both; }
    .search-results .container #content-area #categories .checkbox-list .count {
      margin-top: 2px;
      float: left;
      width: 30px;
      text-align: right;
      color: #86857c; }
    .search-results .container #content-area #categories .checkbox-list input {
      float: left;
      width: 20px; }
    .search-results .container #content-area #categories .checkbox-list label {
      float: left;
      -moz-user-select: none;
      -khtml-user-select: none;
      margin-left: 4px;
      margin-right: 8px;
      display: block;
      width: 140px; }
.search-results .container #content-area .content-wrapper {
  border-top: 0;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  padding: 0; }
.search-results .container #content-area #search-results {
  border-right: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8; }
.search-results .container #content-area #results-listing {
  border-top: 1px solid #e8e8e8;
  width: 698px;
  float: right;
  /* 2 Column filled border hack [is awesome!] */
  margin-left: -240px; }
  .search-results .container #content-area #results-listing .results-wrapper {
    margin-left: 1px;
    border-left: 1px solid #e8e8e8;
    min-height: 600px;
    *height: expression(this.height < 600 ? "600px" : true); }
  .search-results .container #content-area #results-listing #number-of-searches {
    font-size: 12px;
    padding: 10px 0 10px 20px; }
  .search-results .container #content-area #results-listing ul#search-results {
    zoom: 1;
    min-height: 600px;
    *height: expression(this.height < 600 ? "600px" : true); }
    .search-results .container #content-area #results-listing ul#search-results li:last-child {
      border-bottom: 0 !important; }
    .search-results .container #content-area #results-listing ul#search-results li {
      zoom: 1;
      padding: 28px 20px 28px;
      border-bottom: 1px solid #e8e8e8;
      margin: 0 15px;
      overflow: hidden;
      background-color: white; }
      .search-results .container #content-area #results-listing ul#search-results li .name, .search-results .container #content-area #results-listing ul#search-results li .description, .search-results .container #content-area #results-listing ul#search-results li .show-more, .search-results .container #content-area #results-listing ul#search-results li .number {
        margin-left: 140px; }
      .search-results .container #content-area #results-listing ul#search-results li .name {
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 3px; }
      .search-results .container #content-area #results-listing ul#search-results li .logo {
        width: 120px;
        /*height: 120px */
        overflow: hidden;
        background-color: white;
        float: left;
        /*border: 1px solid $light-copy-color */
        text-align: center; }
        .search-results .container #content-area #results-listing ul#search-results li .logo img {
          display: block;
          margin-left: auto;
          margin-right: auto; }
      .search-results .container #content-area #results-listing ul#search-results li .sponsorship-apply {
        float: right; }
        .search-results .container #content-area #results-listing ul#search-results li .sponsorship-apply .no-places {
          background-color: #86857c;
          text-shadow: none;
          padding: 4px 8px 4px 8px;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          color: white;
          font-weight: bold;
          font-size: 12px; }
        .search-results .container #content-area #results-listing ul#search-results li .sponsorship-apply .sponsorship {
          float: left;
          width: 104px;
          margin-right: 25px;
          font-size: 12px;
          color: #b2b2b2;
          font-style: italic;
          text-align: center; }
          .search-results .container #content-area #results-listing ul#search-results li .sponsorship-apply .sponsorship strong {
            font-style: normal;
            display: block;
            color: #2a42c6;
            font-size: 16px; }
      .search-results .container #content-area #results-listing ul#search-results li .description {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 3px;
        overflow: hidden;
        height: 50px;
        width: 300px; }
      .search-results .container #content-area #results-listing ul#search-results li .show-more {
        display: none;
        font-size: 12px;
        margin-top: -4px; }
      .search-results .container #content-area #results-listing ul#search-results li .number {
        font-size: 12px;
        font-style: italic;
        color: #86857c;
        margin-bottom: 0; }
  .search-results .container #content-area #results-listing #no-results {
    display: none;
    margin-top: 30px;
    padding: 15px;
    text-align: center;
    font-weight: bold; }

.visually-hidden {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

@-webkit-keyframes greenPulse {
  from {
    background-color: #749a02;
    -webkit-box-shadow: 0 0 9px #333333; }
  50% {
    background-color: #91bd09;
    -webkit-box-shadow: 0 0 18px #91bd09; }
  to {
    background-color: #749a02;
    -webkit-box-shadow: 0 0 9px #333333; } }
.directgiving-style .container {
  color: #676767; }
.directgiving-style .section {
  background-image: none; }
.directgiving-style .button {
  padding: 4px 20px 5px 20px;
  text-align: center;
  float: left;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #908581;
  color: white;
  background: #908681;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.15, #d3cfc9), color-stop(0.84, #908681));
  background: -moz-linear-gradient(top, #d3cfc9 15%, #908681 84%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3cfc9', endColorstr='#908681');
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80746F', endColorstr='#A29993'); }
  .directgiving-style .button:hover {
    background: #908681;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.22, #80746f), color-stop(0.65, #a29993));
    background: -moz-linear-gradient(center bottom, #80746f 22%, #a29993 65%); }
  .directgiving-style .button:active {
    position: relative;
    top: 1px;
    left: 1px;
    border: #4e864b 1px solid; }
  .directgiving-style .button.alt:active {
    border: white 2px solid;
    background: #eab300;
    background: -moz-linear-gradient(top, #eacf75 0%, #eab300 51%, #eacf75 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eab300), color-stop(51%, #369317), color-stop(100%, #eacf75));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EACF75', endColorstr='#EACF75',GradientType=0 );
    margin-bottom: -1px; }

.single-page .container #content-area .left-column {
  width: 938px;
  border: 0; }
  .single-page .container #content-area .left-column .inner {
    width: 938px; }
.single-page .above-results-area label {
  display: block;
  font-weight: bold;
  margin-bottom: 6px;
  font-size: 18px;
  color: #908681; }
.single-page .above-results-area .charity-suggest input {
  float: left; }

.direct-giving .left-column .section h3, .direct-giving .left-column .section h2, .direct-giving h2 {
  color: #71635d; }
.direct-giving h3 {
  color: #71635d;
  font-weight: normal; }
.direct-giving a {
  color: #908681;
  text-decoration: none; }
  .direct-giving a:hover {
    text-decoration: underline; }

#landing-page.direct-giving .search-area {
  width: 938px; }
#landing-page.direct-giving #intro {
  margin-top: 14px;
  color: #71635d;
  width: 345px;
  float: left; }
  #landing-page.direct-giving #intro h1 {
    color: #71635d;
    font-weight: bold;
    font-size: 22px;
    margin: 0;
    padding: 0;
    line-height: 125%; }
  #landing-page.direct-giving #intro p {
    font-size: 22px;
    line-height: 125%; }
#landing-page.direct-giving form {
  width: 480px; }
#landing-page.direct-giving #map-image {
  width: 200px;
  height: 200px;
  background: lime;
  float: right; }
#landing-page.direct-giving .group-section {
  margin-bottom: 20px;
  /*position: relative */ }
#landing-page.direct-giving #charity-categories {
  float: right;
  overflow: hidden;
  border-right: 0;
  padding-top: 0;
  padding-right: 0;
  margin-bottom: 25px;
  background-image: none;
  width: 938px; }
  #landing-page.direct-giving #charity-categories .wrapper {
    position: relative;
    overflow: hidden; }
  #landing-page.direct-giving #charity-categories a {
    color: #4d4d4d;
    text-decoration: none; }
  #landing-page.direct-giving #charity-categories li {
    float: left;
    background: #f2f1ee url(/content/images/graphics/embelish/icons/charity-cat-icons.png) no-repeat 40px 50px;
    margin: 0 18px 18px 0;
    position: relative;
    cursor: pointer; }
    #landing-page.direct-giving #charity-categories li a {
      display: block;
      padding: 10px;
      width: 123px;
      min-height: 114px; }
    #landing-page.direct-giving #charity-categories li.arts {
      background-position: -128px 50px; }
    #landing-page.direct-giving #charity-categories li.children {
      background-position: -286px 50px; }
    #landing-page.direct-giving #charity-categories li.climate {
      background-position: -444px 50px; }
    #landing-page.direct-giving #charity-categories li.corporate {
      background-position: -604px 50px; }
    #landing-page.direct-giving #charity-categories li.democracy {
      background-position: -768px 50px; }
    #landing-page.direct-giving #charity-categories li.disability {
      background-position: 32px -96px; }
    #landing-page.direct-giving #charity-categories li.economic {
      background-position: -128px -96px; }
    #landing-page.direct-giving #charity-categories li.education {
      background-position: -288px -96px; }
    #landing-page.direct-giving #charity-categories li.elderly {
      background-position: -446px -98px; }
    #landing-page.direct-giving #charity-categories li.environment {
      background-position: -610px -101px; }
    #landing-page.direct-giving #charity-categories li.homeless {
      background-position: -768px -104px; }
    #landing-page.direct-giving #charity-categories li.hospices {
      background-position: 34px -240px; }
    #landing-page.direct-giving #charity-categories li.human-rights {
      background-position: -125px -251px; }
    #landing-page.direct-giving #charity-categories li.international-aid {
      background-position: -294px -250px; }
    #landing-page.direct-giving #charity-categories li.medical-health {
      background-position: -447px -250px; }
    #landing-page.direct-giving #charity-categories li.microfinance {
      background-position: -610px -250px; }
    #landing-page.direct-giving #charity-categories li.religion {
      background-position: -772px -244px; }
    #landing-page.direct-giving #charity-categories li.rescue {
      background-position: 28px -386px; }
    #landing-page.direct-giving #charity-categories li.social-welfare {
      background-position: -122px -400px; }
    #landing-page.direct-giving #charity-categories li.sports {
      background-position: -291px -400px; }
    #landing-page.direct-giving #charity-categories li.tech {
      background-position: -446px -395px; }
    #landing-page.direct-giving #charity-categories li.woman-girls {
      background-position: -611px -395px; }
    #landing-page.direct-giving #charity-categories li.first-line {
      margin-left: 0;
      clear: left; }
    #landing-page.direct-giving #charity-categories li:after {
      content: " ";
      position: absolute;
      bottom: 0px;
      right: 0px;
      background: transparent url(/content/images/graphics/icons/arrow-sprite-point-right.png) no-repeat;
      background-position: 0 bottom;
      width: 18px;
      height: 18px;
      display: block; }
    #landing-page.direct-giving #charity-categories li:hover:after {
      background-position: 0 top; }
  #landing-page.direct-giving #charity-categories .see-more {
    width: 938px;
    padding: 4px 0;
    background-color: #f2f1ee;
    position: absolute;
    right: 0;
    bottom: -15px;
    cursor: pointer;
    text-align: center;
    height: 20px; }
    #landing-page.direct-giving #charity-categories .see-more:hover {
      background-color: #e4f0f1; }
    #landing-page.direct-giving #charity-categories .see-more a {
      background: transparent url(/content/images/graphics/icons/arrow-down.png) no-repeat left;
      padding: 0 30px; }
      #landing-page.direct-giving #charity-categories .see-more a:hover {
        color: #333333; }
    #landing-page.direct-giving #charity-categories .see-more .after {
      background: transparent url(/content/images/graphics/icons/arrow-down.png) no-repeat right; }
    #landing-page.direct-giving #charity-categories .see-more.expand .after, #landing-page.direct-giving #charity-categories .see-more.expand a {
      background-image: url(/content/images/graphics/icons/arrow-up.png); }
#landing-page.direct-giving .above-results-area {
  overflow: hidden;
  margin: 29px 0 10px;
  padding: 16px 0;
  width: 471px;
  float: right; }
  #landing-page.direct-giving .above-results-area input {
    margin-top: 2px; }
  #landing-page.direct-giving .above-results-area .input {
    width: 300px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    margin-right: 10px;
    border: 1px solid #e0e0db;
    background: transparent url(/content/images/graphics/embelish/input-bg-new.png);
    height: 21px;
    -webkit-box-shadow: 0 0 2px #ebebe8;
    -moz-box-shadow: 0 0 2px #ebebe8;
    box-shadow: 0 0 2px #ebebe8; }
  #landing-page.direct-giving .above-results-area .slidingdoor-button, #landing-page.direct-giving .above-results-area .button {
    width: 145px;
    text-align: center;
    font-size: 13px;
    font-family: arial, Helvetica, sans-serif; }
#landing-page.direct-giving #globe {
  margin-top: 28px;
  padding: 0;
  width: 618px;
  border: dotted #848370 1px;
  background: white; }
#landing-page.direct-giving .accordion-container h2 {
  *border-bottom: 0 !important; }
#landing-page.direct-giving .cms-modules {
  width: 298px;
  background: white;
  float: left;
  margin-left: 18px;
  margin-bottom: 10px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e6e4de;
  min-height: 560px;
  height: auto !important;
  height: 560px;
  position: relative;
  /* Interaction states
   *---------------------------------- */ }
  #landing-page.direct-giving .cms-modules.first {
    margin-left: 0; }
  #landing-page.direct-giving .cms-modules h2 {
    padding-bottom: 8px;
    border-bottom: 1px solid #dedbd9;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    padding: 7px 0;
    font-size: 17px;
    font-weight: bold;
    margin: 0 8px; }
  #landing-page.direct-giving .cms-modules .list-vertical {
    border-top: 1px dotted #d0d0c8;
    margin: 4px 0 6px; }
    #landing-page.direct-giving .cms-modules .list-vertical li {
      border-bottom: 1px dotted #d0d0c8;
      font-size: 11px;
      padding: 2px 0;
      color: #908681; }
      #landing-page.direct-giving .cms-modules .list-vertical li a {
        text-decoration: underline; }
      #landing-page.direct-giving .cms-modules .list-vertical li:hover {
        text-decoration: none; }
  #landing-page.direct-giving .cms-modules .project-teaser {
    padding: 10px 10px 0; }
    #landing-page.direct-giving .cms-modules .project-teaser img {
      height: 159px;
      display: block; }
    #landing-page.direct-giving .cms-modules .project-teaser .footer {
      border-top: 1px dotted #d0d0c8;
      padding: 6px 0 6px;
      margin-top: 30px; }
    #landing-page.direct-giving .cms-modules .project-teaser .text {
      padding: 6px 0 6px;
      font-size: 12px;
      line-height: 125%;
      min-height: 60px;
      color: #71635d; }
  #landing-page.direct-giving .cms-modules .accordion h3 {
    padding: 12px 25px 12px 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #beb7b3), color-stop(0.78, #e5e3dd));
    background-image: -moz-linear-gradient(center bottom, #beb7b3 0%, #e5e3dd 78%);
    font-size: 16px;
    color: #4d4d4d;
    font-weight: normal;
    border-top: 1px dotted #b4ada8;
    position: relative; }
    #landing-page.direct-giving .cms-modules .accordion h3:nth-child(1), #landing-page.direct-giving .cms-modules .accordion h3.first {
      border-top: none;
      margin-top: -1px; }
    #landing-page.direct-giving .cms-modules .accordion h3 span {
      position: absolute;
      top: 5px;
      right: 5px;
      text-indent: 9999px;
      background: transparent url(/content/images/graphics/icons/arrow-long-up.png) no-repeat 0 10px;
      width: 17px;
      height: 27px; }
    #landing-page.direct-giving .cms-modules .accordion h3:hover {
      cursor: pointer; }
    #landing-page.direct-giving .cms-modules .accordion h3.active {
      background: none;
      color: #908681;
      font-weight: bold; }
      #landing-page.direct-giving .cms-modules .accordion h3.active span {
        display: none; }
      #landing-page.direct-giving .cms-modules .accordion h3.active:hover {
        cursor: auto; }
  #landing-page.direct-giving .cms-modules .accordion p {
    min-height: 81px; }
  #landing-page.direct-giving .cms-modules .accordion div {
    width: 300px;
    overflow: hidden; }
    #landing-page.direct-giving .cms-modules .accordion div img {
      width: 280px;
      margin: 0 10px;
      display: block; }
    #landing-page.direct-giving .cms-modules .accordion div p {
      font-size: 12px;
      margin: 10px;
      color: #71635d; }
  #landing-page.direct-giving .cms-modules .accordion .donate {
    margin: 10px;
    width: auto; }
    #landing-page.direct-giving .cms-modules .accordion .donate h4 {
      font-size: 11px;
      color: #666666;
      border-top: 1px dotted #d0d0c8; }
    #landing-page.direct-giving .cms-modules .accordion .donate ul {
      padding-top: 0; }
      #landing-page.direct-giving .cms-modules .accordion .donate ul li {
        position: relative;
        top: 0;
        left: 0;
        float: left;
        width: 92px;
        border-left: 1px dotted #666666; }
        #landing-page.direct-giving .cms-modules .accordion .donate ul li:nth-child(1), #landing-page.direct-giving .cms-modules .accordion .donate ul li.first {
          border-left: none; }
        #landing-page.direct-giving .cms-modules .accordion .donate ul li img {
          width: auto;
          margin: 0; }
        #landing-page.direct-giving .cms-modules .accordion .donate ul li span {
          /*position: absolute */
          /*bottom: -40px */
          /*filter: alpha(opacity=0) */
          /*-moz-opacity: 0 */
          /*-khtml-opacity: 0 */
          /*opacity: 0 */
          font-size: 12px; }
    #landing-page.direct-giving .cms-modules .accordion .donate .first {
      border-left: 0; }
  #landing-page.direct-giving .cms-modules:nth-child(1), #landing-page.direct-giving .cms-modules.first {
    margin-left: 1px; }
  #landing-page.direct-giving .cms-modules .content {
    margin: 10px;
    width: 280px;
    overflow: hidden; }
  #landing-page.direct-giving .cms-modules .info {
    float: left;
    width: 135px;
    padding: 2px 0 0;
    font-size: 13px; }
  #landing-page.direct-giving .cms-modules .donations {
    float: left; }
    #landing-page.direct-giving .cms-modules .donations li {
      margin-bottom: 8px; }
    #landing-page.direct-giving .cms-modules .donations .nopad {
      font-size: 11px; }
      #landing-page.direct-giving .cms-modules .donations .nopad strong {
        font-size: 16px; }
    #landing-page.direct-giving .cms-modules .donations strong {
      color: #4dc599;
      font-size: 120%;
      display: block; }
  #landing-page.direct-giving .cms-modules .amounts {
    float: right;
    width: 100px; }
    #landing-page.direct-giving .cms-modules .amounts h3 {
      font-size: 13px;
      padding-bottom: 0; }
  #landing-page.direct-giving .cms-modules .options {
    clear: both;
    padding: 6px 0 6px;
    position: absolute;
    left: 10px;
    bottom: 5px; }
    #landing-page.direct-giving .cms-modules .options .button {
      display: block;
      float: left;
      width: 90px;
      clear: none;
      margin-left: 0;
      margin-bottom: 0;
      padding-top: 1px;
      padding-bottom: 2px;
      font-size: 90%; }
      #landing-page.direct-giving .cms-modules .options .button.first {
        margin-right: 14px; }
  #landing-page.direct-giving .cms-modules .slider-image {
    background: transparent url(/content/images/graphics/icons/slider-sprite.png) no-repeat 8px bottom;
    padding: 9px 0 0;
    margin-top: 6px;
    margin-bottom: 50px; }
  #landing-page.direct-giving .cms-modules .thermometer-wrap {
    background: transparent url(/content/images/graphics/icons/thermometer-aqua-v2.png) no-repeat;
    text-align: center;
    padding: 28px 23px 28px 24px;
    float: right;
    color: white; }
    #landing-page.direct-giving .cms-modules .thermometer-wrap em {
      font-style: normal;
      font-size: 26px; }
    #landing-page.direct-giving .cms-modules .thermometer-wrap strong {
      font-weight: bold;
      display: block;
      font-size: 18px; }
    #landing-page.direct-giving .cms-modules .thermometer-wrap span, #landing-page.direct-giving .cms-modules .thermometer-wrap .empty-class {
      display: none; }
  #landing-page.direct-giving .cms-modules #donationImpact {
    position: relative;
    padding-bottom: 0; }
    #landing-page.direct-giving .cms-modules #donationImpact .list-horizontal {
      position: absolute;
      margin: 10px 0 0;
      overflow: hidden;
      top: 0;
      left: 10px;
      width: 260px; }
      #landing-page.direct-giving .cms-modules #donationImpact .list-horizontal li {
        float: left;
        margin-left: 18px;
        padding: 85px 30px 10px;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer; }
        #landing-page.direct-giving .cms-modules #donationImpact .list-horizontal li.first {
          margin-left: 0;
          padding-left: 0;
          margin-right: 10px; }
        #landing-page.direct-giving .cms-modules #donationImpact .list-horizontal li.last {
          float: right;
          padding-right: 0; }
    #landing-page.direct-giving .cms-modules #donationImpact .list-vertical {
      border-top: 1px dotted #d0d0c8; }
      #landing-page.direct-giving .cms-modules #donationImpact .list-vertical li {
        border-bottom: 0; }
        #landing-page.direct-giving .cms-modules #donationImpact .list-vertical li li {
          background: transparent url(/content/images/graphics/icons/causes-sprite.png) no-repeat -185px 18px;
          border-bottom: 1px dotted #d0d0c8;
          min-height: 104px; }
          #landing-page.direct-giving .cms-modules #donationImpact .list-vertical li li p, #landing-page.direct-giving .cms-modules #donationImpact .list-vertical li li a {
            font-size: 12px;
            margin-bottom: 2px;
            display: block;
            text-decoration: none;
            color: #71635d;
            min-height: 82px; }
          #landing-page.direct-giving .cms-modules #donationImpact .list-vertical li li span {
            padding: 14px 0 0 105px;
            display: inline-block;
            min-height: 82px; }
          #landing-page.direct-giving .cms-modules #donationImpact .list-vertical li li span:hover {
            text-decoration: underline; }
          #landing-page.direct-giving .cms-modules #donationImpact .list-vertical li li.third {
            border-bottom: 0; }
      #landing-page.direct-giving .cms-modules #donationImpact .list-vertical .sprite-book-open {
        background-position: -190px -100px; }
      #landing-page.direct-giving .cms-modules #donationImpact .list-vertical .sprite-reader {
        background-position: -185px 9px; }
      #landing-page.direct-giving .cms-modules #donationImpact .list-vertical .sprite-pear {
        background-position: -185px -207px; }
      #landing-page.direct-giving .cms-modules #donationImpact .list-vertical .sprite-paper-pencil {
        background-position: -190px -320px; }
      #landing-page.direct-giving .cms-modules #donationImpact .list-vertical .sprite-forest {
        background-position: -190px -430px; }
      #landing-page.direct-giving .cms-modules #donationImpact .list-vertical .sprite-milk-apple {
        background-position: -185px -656px; }
      #landing-page.direct-giving .cms-modules #donationImpact .list-vertical .sprite-meal {
        background-position: -181px -550px; }
      #landing-page.direct-giving .cms-modules #donationImpact .list-vertical .sprite-bed {
        background-position: -194px -772px; }
      #landing-page.direct-giving .cms-modules #donationImpact .list-vertical .sprite-dollars {
        background-position: -186px -873px; }
  #landing-page.direct-giving .cms-modules .ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em; }
    #landing-page.direct-giving .cms-modules .ui-widget .ui-widget {
      font-size: 1em; }
    #landing-page.direct-giving .cms-modules .ui-widget input, #landing-page.direct-giving .cms-modules .ui-widget select, #landing-page.direct-giving .cms-modules .ui-widget textarea, #landing-page.direct-giving .cms-modules .ui-widget button {
      font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
      font-size: 1em; }
  #landing-page.direct-giving .cms-modules .ui-widget-content a {
    color: #333333; }
  #landing-page.direct-giving .cms-modules .ui-widget-header {
    border: 1px solid #e78f08;
    background: transparent;
    color: white;
    font-weight: bold; }
    #landing-page.direct-giving .cms-modules .ui-widget-header a {
      color: white; }
  #landing-page.direct-giving .cms-modules .ui-state-default, #landing-page.direct-giving .cms-modules .ui-widget-content .ui-state-default, #landing-page.direct-giving .cms-modules .ui-widget-header .ui-state-default {
    background: transparent url(/content/images/graphics/icons/slider-sprite.png) no-repeat; }
  #landing-page.direct-giving .cms-modules .ui-state-default a {
    color: #1c94c4;
    text-decoration: none; }
    #landing-page.direct-giving .cms-modules .ui-state-default a:link, #landing-page.direct-giving .cms-modules .ui-state-default a:visited {
      color: #1c94c4;
      text-decoration: none; }
  #landing-page.direct-giving .cms-modules .ui-state-hover, #landing-page.direct-giving .cms-modules .ui-widget-content .ui-state-hover, #landing-page.direct-giving .cms-modules .ui-widget-header .ui-state-hover, #landing-page.direct-giving .cms-modules .ui-state-focus, #landing-page.direct-giving .cms-modules .ui-widget-content .ui-state-focus, #landing-page.direct-giving .cms-modules .ui-widget-header .ui-state-focus, #landing-page.direct-giving .cms-modules .ui-state-active, #landing-page.direct-giving .cms-modules .ui-widget-content .ui-state-active, #landing-page.direct-giving .cms-modules .ui-widget-header .ui-state-active {
    background: transparent url(/content/images/graphics/icons/slider-sprite.png) no-repeat; }
  #landing-page.direct-giving .cms-modules .ui-state-hover a {
    color: #c77405;
    text-decoration: none; }
    #landing-page.direct-giving .cms-modules .ui-state-hover a:hover {
      color: #c77405;
      text-decoration: none; }
  #landing-page.direct-giving .cms-modules .ui-state-active a {
    color: #eb8f00;
    text-decoration: none; }
    #landing-page.direct-giving .cms-modules .ui-state-active a:link, #landing-page.direct-giving .cms-modules .ui-state-active a:visited {
      color: #eb8f00;
      text-decoration: none; }
  #landing-page.direct-giving .cms-modules .ui-widget :active {
    outline: none; }
  #landing-page.direct-giving .cms-modules .ui-slider {
    width: 238px;
    margin-left: 20px;
    position: relative;
    text-align: left; }
    #landing-page.direct-giving .cms-modules .ui-slider .ui-slider-handle {
      position: absolute;
      z-index: 2;
      width: 1.2em;
      height: 25px;
      cursor: default; }
    #landing-page.direct-giving .cms-modules .ui-slider .ui-slider-range {
      position: absolute;
      z-index: 1;
      font-size: 0.7em;
      display: block;
      border: 0;
      background-position: 0 0; }
  #landing-page.direct-giving .cms-modules .ui-slider-horizontal {
    height: 4.5em; }
    #landing-page.direct-giving .cms-modules .ui-slider-horizontal .ui-slider-handle {
      top: 3.3em;
      margin-left: -0.4em; }
    #landing-page.direct-giving .cms-modules .ui-slider-horizontal .ui-slider-range {
      top: 0;
      height: 100%; }
    #landing-page.direct-giving .cms-modules .ui-slider-horizontal .ui-slider-range-min {
      left: 0; }
    #landing-page.direct-giving .cms-modules .ui-slider-horizontal .ui-slider-range-max {
      right: 0; }
  #landing-page.direct-giving .cms-modules .ui-slider-vertical {
    width: 0.8em;
    height: 100px; }
    #landing-page.direct-giving .cms-modules .ui-slider-vertical .ui-slider-handle {
      left: -0.3em;
      margin-left: 0;
      margin-bottom: -0.6em; }
    #landing-page.direct-giving .cms-modules .ui-slider-vertical .ui-slider-range {
      left: 0;
      width: 100%; }
    #landing-page.direct-giving .cms-modules .ui-slider-vertical .ui-slider-range-min {
      bottom: 0; }
    #landing-page.direct-giving .cms-modules .ui-slider-vertical .ui-slider-range-max {
      top: 0; }

@media all and (max-width: 480px) {
  body#landing-page.mobile-ready #header {
    min-height: 62px; }
  body#landing-page.mobile-ready .container, body#landing-page.mobile-ready #content-area, body#landing-page.mobile-ready .single-page .container #content-area .left-column {
    width: 280px; }
  body#landing-page.mobile-ready .jg-logo {
    left: 0; }
  body#landing-page.mobile-ready .search-area {
    margin-left: 0; }
  body#landing-page.mobile-ready #charity-categories {
    padding-left: 10px; }
  body#landing-page.mobile-ready h1 {
    line-height: 135%; }
  body#landing-page.mobile-ready #intro {
    width: 250px; }
    body#landing-page.mobile-ready #intro p {
      line-height: 135%;
      font-size: 18px; }
  body#landing-page.mobile-ready .above-results-area .input {
    width: 155px; }
  body#landing-page.mobile-ready .above-results-area .button {
    padding-left: 14px;
    padding-right: 14px; }
  body#landing-page.mobile-ready #charity-categories {
    width: 280px;
    padding-left: 0; }
    body#landing-page.mobile-ready #charity-categories .wrapper {
      float: left; }
    body#landing-page.mobile-ready #charity-categories li a {
      width: 113px; }
    body#landing-page.mobile-ready #charity-categories li:nth-child(odd) {
      clear: left;
      margin-left: 0; }
    body#landing-page.mobile-ready #charity-categories li.animal {
      background-position: 30px 53px; }
    body#landing-page.mobile-ready #charity-categories li.arts {
      background-position: -128px 53px; }
    body#landing-page.mobile-ready #charity-categories li.children {
      background-position: -286px 53px; }
    body#landing-page.mobile-ready #charity-categories li.climate {
      background-position: -444px 53px; }
    body#landing-page.mobile-ready #charity-categories li.corporate {
      background-position: -604px 53px; }
    body#landing-page.mobile-ready #charity-categories li.democracy {
      background-position: -768px 53px; }
    body#landing-page.mobile-ready #charity-categories li.disability {
      background-position: 32px -96px; }
    body#landing-page.mobile-ready #charity-categories li.economic {
      background-position: -128px -96px; }
    body#landing-page.mobile-ready #charity-categories li.education {
      background-position: -288px -96px; }
    body#landing-page.mobile-ready #charity-categories li.elderly {
      background-position: -446px -98px; }
    body#landing-page.mobile-ready #charity-categories li.environment {
      background-position: -610px -101px; }
    body#landing-page.mobile-ready #charity-categories li.homeless {
      background-position: -768px -104px; }
    body#landing-page.mobile-ready #charity-categories li.hospices {
      background-position: 34px -240px; }
    body#landing-page.mobile-ready #charity-categories li.human-rights {
      background-position: -125px -251px; }
    body#landing-page.mobile-ready #charity-categories li.international-aid {
      background-position: -294px -250px; }
    body#landing-page.mobile-ready #charity-categories li.medical-health {
      background-position: -447px -250px; }
    body#landing-page.mobile-ready #charity-categories li.microfinance {
      background-position: -610px -250px; }
    body#landing-page.mobile-ready #charity-categories li.religion {
      background-position: -772px -244px; }
    body#landing-page.mobile-ready #charity-categories li.rescue {
      background-position: 28px -386px; }
    body#landing-page.mobile-ready #charity-categories li.social-welfare {
      background-position: -122px -400px; }
    body#landing-page.mobile-ready #charity-categories li.sports {
      background-position: -291px -400px; }
    body#landing-page.mobile-ready #charity-categories li.tech {
      background-position: -446px -395px; }
    body#landing-page.mobile-ready #charity-categories li.woman-girls {
      background-position: -611px -395px; }
    body#landing-page.mobile-ready #charity-categories .see-more {
      width: 280px; }
  body#landing-page.mobile-ready .cms-modules {
    clear: left;
    float: none;
    margin-left: 2px;
    width: 270px; }
    body#landing-page.mobile-ready .cms-modules .content {
      margin-left: 0;
      width: 270px; }
    body#landing-page.mobile-ready .cms-modules .slider-image {
      margin-left: -5px; }
    body#landing-page.mobile-ready .cms-modules .options .first.button {
      width: 64px;
      margin-right: 12px; } }
/*-- generic style */
#landing-page .top-section-wrap {
  position: relative !important;
  overflow: visible; }

#feature-module-wrap {
  width: 940px;
  min-height: 390px;
  height: auto !important;
  height: 390px;
  float: left;
  position: relative;
  margin-top: 20px; }
  #feature-module-wrap h2 {
    color: #908681;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px; }

#charity-map-img {
  /* for non-js view */
  display: none;
  /* for non-js and js views */
  width: 460px;
  margin-right: 15px;
  position: absolute;
  left: 0;
  top: 0;
  /*a
   * /*background: #fff
   * /*color: #908681
   * /*position: absolute
   * /*top: 0
   * /*left: 0
   * /*padding: 5px */ }

#categories-wrap {
  float: left;
  height: 100%;
  width: 105%; }

#categories {
  height: 100%; }
  #categories ul {
    width: 105%; }
    #categories ul li {
      width: 143px;
      height: 133px;
      background: #f2f1ee url(/content/images/graphics/embelish/icons/charity-cat-icons.png) no-repeat 0 0;
      margin: 0 16px 15px 0;
      float: left; }
      #categories ul li.animal {
        background-position: 30px 42px; }
      #categories ul li.arts {
        background-position: -128px 42px; }
      #categories ul li.children {
        background-position: -283px 37px; }
      #categories ul li.climate {
        background-position: -444px 42px; }
      #categories ul li.corporate {
        background-position: -608px 45px; }
      #categories ul li.democracy {
        background-position: -753px 47px; }
      #categories ul li.disability {
        background-position: 26px -98px; }
      #categories ul li.economic {
        background-position: -128px -100px; }
      #categories ul li.education {
        background-position: -288px -98px; }
      #categories ul li.elderly {
        background-position: -446px -100px; }
      #categories ul li.environment {
        background-position: -610px -106px; }
      #categories ul li.homeless {
        background-position: -768px -106px; }
      #categories ul li.hospices {
        background-position: 28px -250px; }
      #categories ul li.human-rights {
        background-position: -125px -251px; }
      #categories ul li.international-aid {
        background-position: -285px -250px; }
      #categories ul li.medical-health {
        background-position: -447px -257px; }
      #categories ul li.microfinance {
        background-position: -610px -250px; }
      #categories ul li.religion {
        background-position: -769px -247px; }
      #categories ul li.rescue {
        background-position: 28px -386px; }
      #categories ul li.social-welfare {
        background-position: -126px -387px; }
      #categories ul li.sports {
        background-position: -286px -400px; }
      #categories ul li.tech {
        background-position: -449px -400px; }
      #categories ul li.woman-girls {
        background-position: -611px -395px; }
      #categories ul li a {
        width: 123px;
        height: 123px;
        color: #4d4d4d;
        text-decoration: none;
        text-align: left;
        padding: 10px 10px 0 10px;
        background: transparent url(/content/images/graphics/icons/arrow-sprite-point-right-off.png) no-repeat right bottom;
        display: block; }
        #categories ul li a:hover {
          background: transparent url(/content/images/graphics/icons/arrow-sprite-point-right-on.png) no-repeat right bottom; }
      #categories ul li.end-item {
        margin-right: 16px; }
      #categories ul li.bottom-row-item {
        margin-bottom: 0 !important; }

#seemore {
  width: 100%;
  margin-top: 15px;
  float: left;
  position: relative;
  z-index: 10;
  text-align: center; }
  #seemore a {
    background: #f1efec;
    color: #71635d;
    padding: 5px 0;
    display: block;
    text-decoration: none; }
    #seemore a:hover {
      /*background: #ece9e6 */
      background: #bdb6b2; }

/*--if javascript turned on */
.hasJS #charity-map-img {
  display: block; }
.hasJS #categories-wrap {
  background: white;
  width: 465px;
  height: 100%;
  overflow: visible;
  position: relative;
  float: right;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10; }
  .hasJS #categories-wrap h2 {
    color: #908681;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    background: white; }
.hasJS #categories {
  width: 100%;
  height: 280px;
  overflow: hidden;
  float: left; }
  .hasJS #categories ul {
    width: 100%;
    height: 100%;
    float: left; }
    .hasJS #categories ul li.end-item {
      margin-right: 0; }

.pos-rel {
  position: relative; }

.hasJS #landing-page.direct-giving .cms-modules .accordion div img {
  margin-top: 0; }

#landing-page.direct-giving .cms-modules .accordion div img {
  margin-top: 10px; }

html {
  height: 100%; }

body {
  height: 100%;
  margin: 0px;
  padding: 0px; }

#map_canvas {
  height: 100%; }

.gradient-bg, #charities-map #charity-finder-wrap #charity-finder input[type="button"], a.brown-btn {
  background: #908681;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.15, #d3cfc9), color-stop(0.84, #908681));
  background: -moz-linear-gradient(top, #d3cfc9 15%, #908681 84%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3cfc9', endColorstr='#908681'); }

#charities-map .container, #charities-map .container #content-area {
  width: 100%;
  height: 100%;
  overflow: visible;
  border: none;
  margin: 0 auto;
  padding: 0; }
#charities-map .content-area {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1; }
#charities-map #charity-finder-wrap {
  position: absolute;
  width: 280px;
  top: 20px;
  left: 20px;
  z-index: 5000; }
  #charities-map #charity-finder-wrap #charity-finder {
    background: #e6e3de;
    padding: 15px;
    width: 250px;
    float: left; }
    #charities-map #charity-finder-wrap #charity-finder label {
      color: #70625d;
      display: block;
      margin: 22px 0 5px 0;
      font-size: 1em;
      font-weight: bold; }
    #charities-map #charity-finder-wrap #charity-finder input {
      border: 1px solid #908581;
      margin: 0;
      padding: 5px; }
    #charities-map #charity-finder-wrap #charity-finder input[type="text"] {
      height: 16px;
      float: left;
      width: 180px; }
      #charities-map #charity-finder-wrap #charity-finder input[type="text"].defaultText {
        color: #70625d; }
      #charities-map #charity-finder-wrap #charity-finder input[type="text"].defaultTextActive {
        color: #c5bfbd; }
    #charities-map #charity-finder-wrap #charity-finder input[type="button"] {
      height: 28px;
      float: left;
      width: 57px;
      border-left: none !important;
      color: white;
      cursor: pointer;
      padding-top: 3px; }
  #charities-map #charity-finder-wrap #charity-categories {
    float: left;
    margin-top: 1px;
    background: #e6e3de;
    width: 280px;
    padding: 0;
    position: relative; }
    #charities-map #charity-finder-wrap #charity-categories #category-title {
      width: 265px; }
      #charities-map #charity-finder-wrap #charity-categories #category-title h2 {
        color: #70625d;
        font-size: 0.8em;
        font-weight: normal;
        padding: 5px 20px 5px 15px;
        width: auto;
        float: left;
        vertical-align: text-top; }
      #charities-map #charity-finder-wrap #charity-categories #category-title a#categories-link {
        color: #70625d;
        background: url(/content/images/buttons/categories-arrows.gif) 100% 8px no-repeat;
        float: right;
        text-decoration: none !important;
        padding-right: 20px;
        width: 232px; }
        #charities-map #charity-finder-wrap #charity-categories #category-title a#categories-link.activated {
          background: url(/content/images/buttons/categories-arrows.gif) 100% -10px no-repeat; }
    #charities-map #charity-finder-wrap #charity-categories ul#category-list {
      display: none;
      clear: both; }
      #charities-map #charity-finder-wrap #charity-categories ul#category-list li {
        font-size: 0.8em; }
        #charities-map #charity-finder-wrap #charity-categories ul#category-list li a {
          color: #70625d;
          padding: 3px 15px;
          display: block;
          text-decoration: none; }
          #charities-map #charity-finder-wrap #charity-categories ul#category-list li a:hover {
            background: #f8d355; }
#charities-map #utility-list {
  position: absolute;
  top: 20px;
  right: 20px;
  width: auto;
  z-index: 5000; }
  #charities-map #utility-list ul {
    float: left;
    width: 100%; }
    #charities-map #utility-list ul li {
      float: left;
      text-align: center;
      margin-right: 1px;
      background: #908681; }
      #charities-map #utility-list ul li a {
        color: white;
        font-size: 0.8em;
        margin: 0;
        padding: 3px 10px;
        text-decoration: none;
        display: inline-block; }
        #charities-map #utility-list ul li a:hover {
          text-decoration: underline; }
  #charities-map #utility-list #social-sharing {
    background: transparent; }
    #charities-map #utility-list #social-sharing #fb-like {
      margin-top: 6px;
      float: left; }
    #charities-map #utility-list #social-sharing #tweet {
      margin-top: 5px;
      float: right; }
  #charities-map #utility-list li.closeBtn {
    margin-right: 0; }
    #charities-map #utility-list li.closeBtn a {
      background: url(/content/images/graphics/embelish/icons/cross.png) 92% 10px no-repeat;
      padding-right: 27px; }

.charity-infobox {
  position: relative;
  border: #908581;
  margin: -25px 15px 15px 15px;
  display: block;
  overflow: visible;
  width: 326px;
  height: 204px; }
  .charity-infobox .content {
    width: 188px;
    float: right; }
  .charity-infobox h2 {
    width: 280px;
    margin-bottom: 9px;
    line-height: 75%;
    min-height: 41px;
    height: auto !important;
    height: 41px; }
    .charity-infobox h2 a {
      color: #70625d;
      font-size: 0.7em;
      text-decoration: none; }
      .charity-infobox h2 a:hover {
        text-decoration: none; }

.logo {
  float: left;
  width: 120px;
  height: 120px;
  padding: 5px;
  background: white;
  vertical-align: middle;
  text-align: center;
  margin-top: 3px; }
  .logo img {
    vertical-align: text-bottom; }

a.brown-btn {
  margin-right: 10px;
  border: 1px solid #908581 !important;
  padding: 3px 3px 5px 3px;
  line-height: 100%;
  color: white !important;
  font-size: 0.7em !important;
  width: 80px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  font-weight: bold; }

a.brown-btn.last-btn {
  margin-right: 0; }

.description {
  color: #70625d;
  font-size: 0.8em;
  /*width: 175px */
  padding: 0 0 15px 15px;
  margin: 0;
  line-height: 133%; }

.error-msg {
  display: none;
  position: absolute;
  top: 47px;
  right: 39px;
  width: 220px;
  background: #f6dede;
  border: 1px solid #ff6666;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #cc0000;
  font-size: 0.8em;
  padding: 3px;
  text-align: center; }
  .error-msg p {
    margin: 0;
    padding: 0; }
  .error-msg .hasJS ul#category-list {
    display: none; }

a#categories-link.highlight {
  color: #aca19d !important; }

.buttons-wrap {
  position: absolute;
  bottom: 21px;
  right: -4px; }

.hide-container {
  display: block; }

#clear-category {
  display: none;
  color: #70625d;
  font-size: 0.8em;
  font-weight: normal;
  padding: 0 20px 0 15px;
  margin-bottom: 0;
  width: auto;
  line-height: 220%; }
  #clear-category a {
    color: #70625d;
    text-decoration: none;
    padding-right: 25px; }
    #clear-category a:hover {
      text-decoration: underline; }

a#categories-link.no-select {
  background: url(/content/images/buttons/categories-arrows.gif) 100% 8px no-repeat !important; }

a#categories-link.no-select.highlight {
  background: url(/content/images/buttons/categories-arrows.gif) 100% -10px no-repeat !important; }

.ie9 #landing-page #footer #quicklinks div {
  margin-right: 28px !important; }

.ie9 #landing-page #footer #quicklinks div#legalstuff {
  margin-right: 0 !important; }

/*# sourceMappingURL=theme.css.map */