.hero-bg {
  background: #fff !important;
}

#Wrapper {
  background: #eeebe4 !important;
}

@media (max-width: 979px) {
  #Wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

table th,
table td {
  font-style: normal !important;
  padding: 7px !important;
  line-height: 1.4em !important;
}

#container {
  margin: 14px auto !important;
  box-shadow: 0px 0px 10px #eeebe4;
  padding: 0 14px 14px 14px !important;
  font-family: azo-sans-web, Arial, sans-serif !important;
  font-size: 120% !important;
  //overflow :visible;
}

section + section > #MainCol {
  min-height: 0 !important;
}

.BreadCrumb {
  font-family: azo-sans-web, Arial, sans-serif;
  font-size: 17px;
  padding: 2px 0 !important;
  margin: 0 14px 20px 14px !important;
}

.BreadCrumb li,
.BreadCrumb li a {
  margin-right: 5px !important;
}

.BreadCrumb li,
.BreadCrumb li a:hover {
  font-weight: bold !important;
}

.BreadCrumb li a {
  font-weight: normal !important;
}

#MainCol,
#SideBar {
  background: #fff !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-top: 0 !important;
}

#SideBar {
  margin: 0 0 0 14px !important;
}

#SideBar .Hero {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  background: #fff !important;
}

.hero-bg .hero-right {
  bottom: 0px !important;
}

.hero-bg .main-img {
  width: 954px !important;
}

@media (min-width: 768px) {
  .hero-bg .main-img {
    height: 362px !important;
  }
}

#SideBar h3 {
  font-family: azo-sans-web, Arial, sans-serif;
  margin: 10px 0 !important;
  font-size: 24px;
  color: #242048;
  line-height: 1.6em !important;
}

#SideBar ul,
#SideBar ul a {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border: 0 !important;
}

#SideBar ul a {
  padding: 14px !important;
  font-size: 15px !important;
  text-shadow: none !important;
  color: #242048;
}

#SideBar ul a:active,
#SideBar ul a:focus {
  color: #242048 !important;
  background: #eeebe4 !important;
}

#SideBar ul li.On a,
#SideBar ul li a:hover,
#SideBar ul li.On a:hover {
  color: #000;
  text-decoration: none;
  background: #f8f6f3 !important;
}

#MainCol h1,
.SearchStart h1,
.NoResultsMessage h1,
#MainCol h2,
.SearchStart h2,
.NoResultsMessage h2,
#MainCol h3,
.SearchStart h3,
.NoResultsMessage h3,
#MainCol h4,
.SearchStart h4,
.NoResultsMessage h4,
#MainCol h5,
.SearchStart h5,
.NoResultsMessage h5,
#MainCol h6,
.SearchStart h6,
.NoResultsMessage h6,
#MainCol .cmsregion .section .gbox h2,
.SearchStart .cmsregion .section .gbox h2,
.NoResultsMessage .cmsregion .section .gbox h2,
#MainCol .cmsregion .section .gbox h2 strong span,
.SearchStart .cmsregion .section .gbox h2 strong span,
.NoResultsMessage .cmsregion .section .gbox h2 strong span {
  border-bottom: 0 !important;
  box-shadow: none !important;
  font-weight: normal !important;
  font-family: azo-sans-web, Arial, sans-serif;
  font-size: 24px !important;
  color: #242048;
  line-height: 1.2em !important;
  padding-bottom: 4px !important;
}

#MainCol table {
  box-shadow: none !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}

#MainCol table th {
  background: #242048 !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  font-family: azo-sans-web, Arial, sans-serif;
}

#MainCol table tr {
  border: 0 !important;
}

table th a.desc {
  text-shadow: none !important;
}

#container label {
  margin: 7px 0 !important;
  //float:left;
}

#container select,
#container input,
#container textarea {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.125) inset !important;
  padding: 5px !important;
  background-color: #fff !important;
  border: 1px solid #999 !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  color: #555 !important;
  font-size: 15px !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  clear: both;
}

#form_registration input,
#form_registration select,
#container .Content select,
#container .Content input,
#resetpasswordtoken input,
#form_forgot_password input,
#form_contact input,
#form_contact select {
  padding: 10px !important;
}

.Column input[type="text"],
.Column input[type="password"],
.Column textarea {
  width: 100% !important;
}

.paginatorFooter {
  position: relative;
  min-height: 90px;
}

.deleteFulfillmentButton.Button.delete-button {
  position: absolute;
  top: 50px;
  right: 0;
}

.myCorrectionsButton.Button.corrections-button {
  position: absolute;
  top: 50px;
  right: 0;
}

#container input[type="checkbox"],
#container input[type="radio"] {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
}

.search .collections select {
  padding: 10px !important;
}

@media (max-width: 979px) {
  #container {
    width: 100% !important;
  }

  #container input[type="text"],
  #container select {
    width: 100% !important;
    max-width: 100% !important;
  }
}

#home #container {
  background: #fff !important;
}

@media (max-width: 979px) {
  #container {
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media (max-width: 767px) {
  .content.no-spacing.container {
    padding: 0px 2%;
    width: 96%;
  }
}

@media (min-width: 980px) {
  #home #container {
    margin-top: 14px !important;
    padding-top: 14px !important;
  }
}

.nav-brand-negative-mobile {
  margin: 0px !important;
}

label {
  font-weight: normal !important;
}

select {
  height: 40px !important;
  background: #fff !important;
}

#container .confactions span.button,
#container .buttonbar .button a,
#container a.button,
#container button,
#container input[type="submit"],
#container input[type="reset"],
#container input[type="button"] {
  border: 0 !important;
  /* border-bottom     : 4px solid #0C5583 !important; */
  padding: 8px 20px !important;
  cursor: pointer !important;
  font-size: 17px !important;
  font-family: azo-sans-web, Arial, sans-serif !important;
  border-radius: 40px !important;
  -webkit-border-radius: 40px !important;
  -moz-border-radius: 40px !important;
  background-image: none !important;
  background-color: #242048 !important;
  color: #fff !important;
  margin: 2px 0 0 0 !important;
  font-weight: normal !important;
  text-shadow: none !important;

  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  box-shadow: none !important;
}

#container .confactions span.button:hover,
#container .buttonbar .button a:hover,
#container a.button:hover,
#container button:hover,
#container input[type="submit"]:hover,
#container input[type="reset"]:hover,
#container input[type="button"]:hover {
  background-color: #5678a2 !important;
}

#container .confactions span.button:active,
#container .buttonbar .button a:active,
#container a.button:active,
#container button:active,
#container input[type="submit"]:active,
#container input[type="reset"]:active,
#container input[type="button"]:active {
  background-color: #01334f !important;
}

#SideBar .gbox {
  background: #fff !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border: 0 !important;
}

#SideBar .gbox.blue h2,
#SideBar .gbox.blue h6 {
  background: #242048 !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}

#MainCol .Hero {
  background-color: #f8f6f3 !important;
  background-image: none !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

.paginator nav ol li a {
  background-image: none !important;
  border: 0 !important;
}

.SideLight .Column {
  margin-bottom: 0 !important;
}

.SideLight .Column h3 {
  background-image: none !important;
  background: none !important;
  font-size: 20px !important;
}

.FbContent {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;

  border-top: 0 !important;
  background: #f8f6f3 !important;
}

#SideBar .FbContent .FbButton {
  margin-top: 2px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 8px 5px !important;
  border: 0 !important;
  text-shadow: none !important;
  background-image: none !important;
  border-bottom: 4px solid #4e69a2 !important;
  box-shadow: none !important;

  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

#SideBar .FbContent .FbButton:active {
  background-color: #223b72 !important;
}

#SideBar .FbContent .FbButton span {
  font-family: azo-sans-web, Arial, sans-serif !important;
  font-size: 17px;
  font-weight: normal;
}

.homeleft2 .BasicSearch .Friendly {
  color: #242048 !important;
}

@media (max-width: 767px) {
  .SearchHolder,
  .SearchHolder2 {
    width: 93% !important;
  }
}

.homeleft2 {
  background: #fff !important;
  width: 315px !important;
  height: 380px !important;
  font-family: azo-sans-web, Arial, sans-serif;
}

@media (max-width: 767px) {
  .homeleft2 {
    height: 450px !important;
  }
}

.homeleft2 h1 {
  color: #242048 !important;
}

.Panel.SideLight,
.SideLight .Column .Content {
  background: #f8f6f3 !important;
  padding-top: 0 !important;
}

.SideLight .Column .Content {
  padding: 7px 14px 14px 14px !important;
}

.SearchHolder,
.SearchHolder2 {
  margin: 0 !important;
}

.homeleft2 .BasicSearch .Block {
  margin: 0 0 5px 0px !important;
}

#container .homeleft2 .BasicSearch .SearchHolder label {
  margin: 1px 0px 0px 4px !important;
}

@media (max-width: 979px) {
  .homeleft2 .BasicSearch .SearchHolder {
    width: 100%;
  }

  .Variants {
    width: 47% !important;
    margin-right: 2% !important;
  }
}

@media (max-width: 767px) {
  footer .links dl.span2,
  footer .links dl.span4 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 20px !important;
  }
}

@media (min-width: 980px) {
  #SideBar .homeleft2 .BasicSearch .SearchFacetHalf {
    width: 137px !important;
    padding: 10px !important;
  }

  .homeleft2 .BasicSearch select.offset {
    width: 90px !important;
  }

  #SearchFacets_1__Value {
    margin-right: 0 !important;
  }

  #SideBar .homeleft2 .BasicSearch input.Size01 {
    width: 75px !important;
    padding: 10px !important;
  }

  html.no-websqldatabase
    #SideBar
    .homeleft2
    .BasicSearch
    select#SearchFacets_3__Value,
  #SideBar .homeleft2 .BasicSearch #SearchFacets_4__Value {
    width: 285px !important;
  }
}

#SideBar .homeleft2 .BasicSearch .HighLight {
  margin-top: 10px !important;
}

.SearchHolder2 {
  //width: 45% !important;
}

.FullWidth.SearchTopBar #searchFilters_form select {
  height: 29px !important;
}

.FullWidth.SearchTopBar #searchFilters_form .CheckboxLabel {
  color: #555;
}

#SideBar input[type="text"],
#SideBar input[type="password"],
#SideBar input[type="email"],
#SideBar textarea {
  //max-width: 92% !important;
}

#SideBar {
  margin: 0 !important;
}

.featured-promo {
  margin: 14px 0 14px 14px !important;
  padding-top: 14px;
  min-height: 400px !important;
  //height   : 400px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .featured-promo {
    min-height: 0 !important;
  }

  .rpromo .img-right-promo {
    display: none;
  }
}

.homeleft2.sidesearch {
  margin-top: 0 !important;
}

.paginatorFooter .paginator {
  float: right !important;
  margin-right: -8px !important;
}

footer .links {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  border-bottom: 0 !important;
  background: #f8f6f3 !important;
}

body#home footer .links {
  /*width: 934px !important;*/
}

@media only screen and (min-width: 974px) {
  body#home footer .links {
    width: 98% !important;
  }
}

footer .notice {
  padding: 14px 10px !important;
  background: #fff;
  border-top: 2px solid #e0dacd !important;
}

#container a.out-btn {
  padding: 0 10px !important;
}

#MainCol .Column {
  padding: 14px !important;
}

/* FAQ STYLE */
#help-nav {
  border: 0 !important;
}

#help-nav .ui-widget-header span.BG,
#help-nav .ui-state-default span.BG,
#help-nav .ui-state-active span.BG {
  border-top: 2px solid #fff;
  background: #f8f6f3 !important;
  padding: 14px;
}

#help-nav ul li a {
  background: #f8f6f3;
  border-top: 2px solid #fff;
}

/* Legacy Content page sets like Anzac */

.FamineLandingTop,
.AnzacStoriesTop,
.FamineTop,
.MemorialTop,
.AuBmdTop {
  background-position: top left !important;
}

#MainCol.Anzac {
  background: url("//www.findmypast.com/images/template/au/anzac/anzac-landing-bg.jpg")
    no-repeat #fff !important;
}

.AnzacStoriesSingle img,
.AnzacStoriesModule img {
  display: none;
}

.AnzacStoriesSingle p {
  margin: 18px 0 !important;
}

@media (max-width: 979px) {
  #MainCol.Anzac,
  #MainCol.Famine {
    background: #fff !important;
  }

  .AnzacLandingContent {
    margin: 18px 18px 0 0;
  }

  .AnzacLandingContent {
    width: 60%;
  }

  .AnzacStoriesModule {
    background: #f8f6f3;
  }

  .FamineLandingTop,
  .AnzacLandingTop,
  .FamineLandingTop,
  .MemorialLandingTop,
  .BmdLandingTop {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
  }

  .FamineLandingBox,
  .AnzacLandingBox,
  .FamineLandingBox,
  .MemorialLandingBox,
  .BmdLandingBox {
    float: none !important;
    width: 100% !important;
    margin: 20px 0 0 0 !important;
    background: #fff !important;
    opacity: 1 !important;
    border-top: 4px solid #aaa !important;
  }

  #SideBar ul li a {
    line-height: 1.2em !important;
  }

  .AnzacLandingContent {
    float: none;
    width: 100%;
    margin: 20px 0 0 0;
  }

  .AnzacLandingLinks {
    float: left;
    width: 100%;
    margin: 0;
    padding-left: 0;
    border-left: none;
  }
}

.ToolTipPopup {
  border: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

#MainCol.Panel.Famine {
  background: url("../../images/template/ie/famine/famine-landing-bg.jpg")
    no-repeat #fff !important;
}

@media (max-width: 979px) {
  #MainCol.Panel.Famine {
    background: #fff !important;
  }
}

/* Override inverted containers Andrew */
#container {
  background: #eeebe4 !important;
  box-shadow: none !important;
  margin: 20px auto 0px auto !important;
}

ul.BreadCrumb,
.contents,
#SideBar {
  background: #eeebe4 !important;
}

#container ul.BreadCrumb li a,
#container ul.BreadCrumb li a:after,
#container ul.BreadCrumb li,
#container ul.BreadCrumb li:last-child {
  color: #2e2c25 !important;
}

ul.BreadCrumb li,
ul.BreadCrumb li a:hover {
  color: #2e2c25 !important;
}

ul.BreadCrumb li a {
  font-weight: normal;
}

@media (max-width: 979px) {
  .ie8 ul.BreadCrumb {
    margin-top: 20px !important;
  }
}

ul.BreadCrumb li a:hover {
  font-weight: bold !important;
}

.Panel.SideLight,
.SideLight .Column .Content,
.FbContent,
.Panel.SideLight h3,
.SideLight .Column .Content h3 {
  background: #fff !important;
}

.Panel.SideLight {
  margin-bottom: 40px;
}

.Panel {
  position: relative;
  overflow: visible !important;
  box-shadow: 0px 0px 10px #eeebe4 !important;
  background: #fff !important;
}

form {
  margin-bottom: 0 !important;
}

#SideBar h3 {
  margin: 0 !important;
  padding: 14px !important;
}

#SideBar.Panel {
  background: #fff !important;
}

#SideBar form {
  margin: 0 0 10px 0 !important;
}

#SideBar .Column {
  padding: 0 !important;
}

.Panel:after,
#SideBar .gbox:after {
  height: 6px;
  content: "";
  bottom: -6px;
  left: 10px;
  right: 10px;
  background: #e0dacd;
  position: absolute;
}

#MainCol {
  //margin-left:14px !important;
}

#SideBar {
  margin-right: 14px !important;
}

@media (max-width: 979px) {
  #MainCol {
    //margin-left: 0 !important;
  }
}

@media (max-width: 979px) {
  #SideBar {
    margin-right: 0 !important;
  }
}

#ForgottenPassword {
  margin-top: 12px !important;
  display: inline-block;
}

footer .notice {
  background: #eeebe4 !important;
  border: none !important;
}

/* Legacy Search Bar */
.SearchMain,
.SearchButtonWrapper,
.FullWidth.SearchTopBar .SearchMain .SearchMainContainer .Block,
.SearchMain .SearchMainContainer {
  background: #fff !important;
  border-radius: 0 !important;
  border: 0 !important;
}

.FullWidth.SearchTopBar .SearchMain input.Size04 {
  width: 152px;
  margin-right: 10px;
}

.SearchButtonWrapper {
  padding: 30px 14px 0 0 !important;
}

.SearchButtonWrapper .Block button.HugeSearch {
  height: auto !important;
}

.SearchTopBar {
  height: auto !important;
}

.HugeSearch {
  width: auto !important;
}

.HugeSearch img,
.HugeSearch br {
  display: none;
}

.SearchMain .Block[style] {
  min-height: 0 !important;
}

.FullWidth.SearchTopBar .SearchMain .SearchButtonWrapper {
  width: 9.5% !important;
}

.SearchMain .Block .SearchHolder span.Helpers {
  margin: 0px 0px 5px 1px !important;
}

.SearchMain .Block div.Friendly {
  color: #242048 !important;
}

.SearchHolder,
.SearchHolder2 {
  //width           : 96% !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.homeleft2 {
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.Column > div > li {
  margin-left: 14px !important;
}

/* Alert box Khaki for all content use and multiple tags within it */
.alert-pay-box {
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #ffffff;
  border: 1px solid #f39234;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px !important;
}

.alert-pay-box h4 {
  margin: 0 10px 0 0 !important;
  letter-spacing: -1px !important;
  color: #f39234 !important;
}

.alert-pay-box h4 .fa-fw {
  margin-right: 5px;
}

.alert-pay-box ul {
  margin: 10px 16px;
}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 10px;
}

.change-font {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.update-card-confirm {
  min-height: 250px;
}

.update-card-confirm p {
  padding-right: 200px;
}

.no-overflow-icon {
  overflow: hidden;
  position: absolute;
  height: 350px;
  width: 200px;
  right: 0;
  bottom: 0;
}

.fa-right-bg {
  position: absolute;
  right: -42px;
  bottom: -30px;
  font-size: 257px;
  color: #bcda90;
  margin-top: 70px;
}

.cardText,
.smallPrint {
  font-family: azo-sans-web, Arial, sans-serif;
  font-size: 15px;
}

/* overrides for MyRecords page */

/* ----- Unify buttons ----- */

.V .btn-toolbar {
  float: right;
  width: 185px;

  @media (max-width: 979px) {
    float: none;
  }
}

.V .btn-group {
  border-radius: 30px;
  border: 1px solid #242048;
  background-color: #242048;
  font-size: 0;
  display: inline-block;
}

.V .TXT,
.V .IMG,
.V .IMGMulti,
.V .PDF {
  float: left;
  line-height: 0;
}

.V a {
  display: inline-block;
  padding-left: 0 !important;
  position: relative;
  color: white;
}

.V i {
  padding: 7px 14px 7px 14px;
  margin-right: 0;
  font-size: 16px;
}

.V .btn-group div:last-child i {
  padding-right: 14px;
  padding-left: 10px;

  @media (max-width: 979px) {
    padding-right: 7px;
  }
}

.V .btn-group div:first-child i {
  padding-left: 14px;
  border-right: 1px solid #242048;

  @media (max-width: 979px) {
    border-right: 0;
  }
}

.V .btn-group div:last-child i {
  border-right: 0;
  /* this has to be separate as it has to come after first child to stop single icons having a border - as singletons are both first and last child */
}

.V .btn-group a:link {
  background-color: #242048;
  color: white;
}

.V .btn-group a:hover,
.V .btn-group a:active,
.V .btn-group a:focus {
  background-color: #5678a2;
  color: white;
}

.V .btn-group div:last-child a:link,
.V .btn-group div:last-child a:hover,
.V .btn-group div:last-child a:active,
.V .btn-group div:last-child a:focus {
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
}

.V .btn-group div:first-child a:link,
.V .btn-group div:first-child a:hover,
.V .btn-group div:first-child a:active,
.V .btn-group div:first-child a:focus {
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}

.V span {
  position: absolute;
  right: 0;
  top: 3px;
  width: 9px;
  height: 9px;
  text-indent: -9999px;
  z-index: 1;
  background: url("/images/themes/global/site-sprites-v12.png") 0px -709px no-repeat;
}

.V .btn-group span {
  right: 10px;
}

.V b {
  text-indent: -9999px;
  display: block;
  height: 0;

  @media (max-width: 979px) {
    text-indent: 0;
    display: inline;
    padding-right: 20px;
  }
}

/*------ END Unify buttons -------*/

@media (max-width: 679px) {
  #MainCol .myrecords-container.Column {
    padding: 0 !important;
  }

  .myrecords-table td,
  .myrecords-table th {
    font-size: 0.8em;
    padding: 2px !important;
  }
}

@media (max-width: 550px) {
  .mobile-hide {
    display: none;
  }
}

@media (max-width: 767px) {
  .paginator nav ol li a {
    padding: 8px 3px !important;
    position: relative;
    top: -20px;
  }

  .ui-dialog {
    width: 98% !important;
    left: 1% !important;
    top: 1% !important;
  }
}
