.swal-modal {
    width: 80% !important;
    max-width: 480px !important;
}

#catalogueindex_wrapper {
    margin-top: 20px;
}

.shortlist-tab {
    display: inline-block;
}

.shortlist-tab-hidden {
    display: none;
}

#footer_wrapper {
    background-color: black;
    color: white;
}

.bottom_banner_wrapper {
    background-color: #EEE;
}

.bottom_banner_wrapperHome {
    background-color: white;
}

#bottom_banner {
    padding: 20px 15px;
}

#footer {
    max-width: 1200px;
    margin: 10px auto;
    background-color: black;
    color: white;
}

.contentbody {
    background-color: #FFF;
    max-width: 1200px;
    margin: 10px auto;
    padding: 15px;
}

.contentbodyfullwidth {
    background-color: #FFF;
    margin: 10px 20px;
    padding: 15px;
}

.homepagemenu {
  background-image: url("https://s3-ap-southeast-2.amazonaws.com/inglisdigital.com/img/homepagemenubg.jpg");
  background-size: cover;
  background-position: center;
  width: 100%;
}

.header {
    position: relative;
}

#header .poweredByArdex {
    position: absolute;
    right: 10px;
    top: 10px;
}

#header .ardex-logo {
    margin-right: 5px;
}

#header .poweredBy {
    text-align: center;
    font-size: 9px;
}

#header .poweredByArdex img {
    height: 20px;
}

#header .easter-sale {
    margin: 10px auto;
    text-align: center;
}

    #header .easter-sale img {
        max-width: 100%;
    }

#header .logo {
    float: none;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
    width: auto;
    text-align: left;
    width: 200px;
}

.nav {
    background: black;
    height: auto;
    margin-top: 40px;
    text-align: left;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

    .nav ul {
        height: 100%;
    }

        .nav ul li {
            display: inline-block;
            float: none;
            vertical-align: middle;
        }

.logo img {
    height: 85px;
    margin: 4px;
}

.main-nav {
    vertical-align: middle;
}

.nav ul.main-nav li a {
    height: 100%;
}

ul.login li a {
    color: #000;
}


    ul.login li a.login-link {
        color: #FFF;
    }


.loginmenu {
    position: absolute;
    top: 0;
    right: 0;
    height: 96px;
    text-align: right;
    width: 220px;
    vertical-align: middle;
    background-color: white;
    color: black;
    padding: 0 25px 0 50px;
}

    .loginmenu:before {
        content: ' ';
        background-color: white;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 96px 50px 0 0;
        border-color: #000000 transparent transparent transparent;
    }

    .loginmenu .last {
        position: relative;
    }

        .loginmenu .last a {
            height: 100%;
        }

    .loginmenu .dropdown-toggle {
        cursor: pointer;
        text-align: center;
    }

        .loginmenu .dropdown-toggle .logged-in {
            height: 1em;
        }

            .loginmenu .dropdown-toggle .logged-in .fa-user {
                background-color: #000;
                border-radius: 50%;
                color: #FFF;
                padding: 5px;
                height: 1em;
                width: 1em;
            }

    .loginmenu .dropdown {
        display: none;
        position: absolute;
        right: 0;
        top: 70px;
        text-align: left;
        z-index: 99;
    }

    .loginmenu .dropdown-login #bidderid {
        width: 267px;
    }

    .loginmenu .dropdown-login #password {
        font-size: 20px;
        width: 267px;
    }

    .loginmenu .dropdown-login {
        background: #0B82DE;
    }


        .loginmenu .dropdown-login ul {
            display: block;
            position: relative;
            top: 0;
            width: 270px;
        }

        .loginmenu .dropdown-login li {
            border-bottom: 1px dashed #0890E6;
            font-weight: bold;
            padding: 10px;
            width: 100%;
        }

            .loginmenu .dropdown-login li:hover {
                background-color: #249af5;
            }

                .loginmenu .dropdown-login li:hover a {
                    color: #FFF;
                }

        .loginmenu .dropdown-login span {
            color: #FFF;
            font-weight: bold;
        }


        .loginmenu .dropdown-login a {
            background-color: transparent;
            font-weight: bold !important;
        }

        .loginmenu .dropdown-login p {
            padding: 10px;
        }

    .loginmenu .dropdown-login-footer {
        background: #00B9FF;
        padding: 10px;
    }

        .loginmenu .dropdown-login-footer a {
            color: #FFF;
            text-transform: uppercase;
        }

    .loginmenu input.login-button {
        background-color: #0B82DE;
        box-shadow: none;
        color: White !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6c6f2', endColorstr='#8595c1',GradientType=1 );
        font-size: 11px;
        height: 30px;
        -moz-box-shadow: none;
        padding: 0 10px;
        text-transform: uppercase;
        -webkit-box-shadow: none;
        border: 1px solid #d7d7d7;
        border-radius: 5px;
    }

.idcountryswitch {
    position: absolute;
    top: 0;
    right: 150px;
    height: 50px;
    text-align: right;
    width: 50px;
    vertical-align: middle;
    background-color: white;
    color: black;
    padding: 0;
    cursor: pointer;
}
    .idcountryswitch img {
        height: 22px;
    }

    .idcountryswitch .dropdown {
        display: none;
        background-color: white;
        text-align: left;
    }

    .idcountryswitch .dropdown-countryswitch {
        padding: 10px;
        width: 35px;
        background-color: white;
    }

.nav ul.main-nav li.last a {
    height: 25px;
    text-transform: none;
}

.mainmenu {
    width: 850px;
    display: inline-block;
    /*text-align: center;*/
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #d3d3d3;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #d3d3d3;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #d3d3d3;
}

.mediafileselect {
    display: none;
}

.mediacontainer {
    text-align: center;
}

.mediapalette {
    display: inline-block;
    vertical-align: middle;
    width: 240px;
    height: 360px;
    margin: 10px;
}

    .mediapalette h4 {
        background-color: #d3d3d3;
        color: #454545;
        padding: 4px;
        margin: 0;
    }

.mediapalette-disabled .imageplaceholder {
    border: 2px solid #ededed;
}

.mediapalette-disabled h4 {
    color: #d3d3d3;
    background-color: #ededed;
}

.mediapalette-disabled .fileselect {
    color: #ededed;
    cursor: default;
}

.mediatoolbar div {
    display: inline-block;
    width: 33%;
    padding: 6px 0;
}

    .mediatoolbar div:first-child {
        text-align: right;
    }

    .mediatoolbar div:nth-child(2) {
        text-align: center;
    }

    .mediatoolbar div:last-child {
        text-align: left;
    }

.mediatoolbar button, .mediadescription button {
    background: #e5e5e5;
    border: 2px solid #a1a1a1;
    color: #a1a1a1;
    border-radius: 4px;
    height: 30px;
    width: 30px;
    text-align: center;
}

    .mediatoolbar button:before {
        text-align: center;
    }

.mediadescription button {
    width: auto;
}

.dirty button {
    color: red;
}

.imageplaceholder {
    width: 240px;
    height: 180px;
    background-color: white;
    margin: 0;
    padding: 0;
    border: 2px solid #d1d1d1;
    text-align: center;
    box-sizing: border-box;
}

    .imageplaceholder canvas {
        border: 1px solid #bababa;
        display: none;
        max-width: 100%;
        max-height: 100%;
    }

div.PDF {
    padding: 2px;
}

.mediatargetalt {
    display: none;
}

.mediaimg {
    max-width: 100%;
    max-height: 100%;
    border: 0;
    margin: 0;
}

.mediavideo {
    max-width: 100%;
    max-height: 100%;
    border: 0;
    margin: 0;
}

.fileselect {
    border: none;
    background: white;
    font-size: 120px;
    color: #cdcdcd;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    padding: 0;
}

.mediadescription {
    border: 2px solid #d1d1d1;
    border-radius: 6px;
    width: 240px;
    box-sizing: border-box;
}

    .mediadescription textarea {
        width: 180px;
        height: 5rem;
        box-sizing: border-box;
        border: none;
        resize: none;
        display: inline-block;
        vertical-align: bottom;
    }

        .mediadescription textarea:focus {
            outline: none;
        }

    .mediadescription button {
        display: inline-block;
        vertical-align: bottom;
        margin-bottom: 3px;
    }

select:disabled {
    color: rgba(170, 170, 170);
    background-color: rgba(239, 239, 239);
    border: 2px solid rgba(189, 195, 199);
    cursor: default;
}

input:disabled {
    color: rgba(170, 170, 170, 0.7);
    background-color: rgba(239, 239, 239, 0.7);
    border: 2px solid rgba(189, 195, 199, 0.7);
    cursor: default;
}

.back-to-top {
    background: none;
    margin: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    z-index: 100;
    display: none;
    text-decoration: none;
    color: #ffffff;
    background-color: #0067ab;
    font-size: 12px;
    text-align: center;
    padding: 10px;
    display: none;
}

.floatingHeader {
    position: fixed;
    top: 0;
    visibility: hidden;
    z-index: 10;
}

.tablesorter-default .floatingHeader th {
    white-space: normal;
    padding: 4px 20px 4px 4px;
}

body {
    /*background: url(../img/online_auctions.jpg) top right no-repeat;
    background-attachment: fixed;
    background-color: black;
    background-size: cover;*/
    height: 100%;
    background-color: black;
}

#main.mainHome {
    background-color: #FFF;
}

main.content {
    min-height: 100%;
    min-height: -moz-calc(100% - 484px);
    min-height: -webkit-calc(100% - 484px);
    min-height: calc(100% - 484px);
    height: auto !important;
    background-color: #FFF;
}

h1 {
    color: #0e539e;
}

/* Header */

#header .a.top-banner {
    right: 25px;
    top: 35px;
}

.header_quick_links .label {
    margin-right: 3px;
}

main {
    display: block;
}

label {
    /*display:block;*/
    font-weight: normal;
}

fieldset.form {
    border: none;
    border-bottom: 1px solid #dcdcdc;
    padding: 10px 0;
}

    fieldset.form div.col {
        display: inline-block;
        vertical-align: top;
        width: 50%;
    }

label {
    float: left;
    margin-right: 10px;
}

.form label {
    float: left;
    vertical-align: top;
    width: 245px;
}

label.error {
    float: none;
    display: block;
    /*margin-left: 215px;*/
    /*width: 600px;*/
    margin-bottom: 10px;
}

#referencedetails {
    display: none;
}

label {
    float: left;
}

input, select, textarea {
    /*display: block;*/
    vertical-align: top;
    margin-bottom: 5px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 6px;
    border: 2px solid #bdc3c7;
}

.form input[type=file] {
    border: none;
}

.form input[type=checkbox], input[type=radio] {
    display: inline;
}

    input[type=checkbox] + label, input[type=radio] + label {
        float: none;
        width: auto;
        /*margin: 0 0 5px -15px;*/
    }

div.formfield {
    position: relative;
    max-width: 650px;
}

    div.formfield label {
        display: inline-block;
        /*width:245px;*/
        float: none;
    }

    div.formfield input.error, div.formfield textarea.error, div.formfield select.error {
        border-color: red;
    }

    div.formfield button {
        position: absolute;
        top: 0;
        right: 10px;
    }

    /*div.formfield label.error {
    position: absolute;
    left: 600px;
    top: 6px;
}*/

    div.formfield label.error {
        display: block;
        margin-left: 255px;
    }

    /*div.formfield label.error:before {
    content: '<-- ';
}*/

    div.formfield input, div.formfield select, div.formfield textarea {
        display: inline-block;
    }

.racehorse-share {
    margin-left: 255px;
    margin-bottom: 5px;
}

#hd-brandnearshoulder {
    width: 325px;
}
/*#horsedetailsform label.error {
    display:inline-block;
    width: auto;
    margin-left: 20px;
}*/
#bidprice-format, #edit-submit {
    display: inline-block;
    margin-right: 5px;
}

#gstpercentsign {
    font-size: 16px;
    font-weight: bold;
    margin-left: 5px;
}

.bm-10 {
    margin-bottom: 10px !important;
}

.nav {
    /*text-align: left;*/
    padding: 0 25px;
    /*float: left;*/
    /*width: 100%;
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);*/
}

    .nav ul.main-nav li a span {
        font-size: 12px;
        text-align: center;
    }

nav.mainmenu, main {
    /*max-width: 1200px;*/
    margin: 0 auto;
}

    nav.mainmenu a {
        display: inline-block;
        margin-right: 1em;
    }

.mobilenav {
    display: none;
}

.mobileMenuButton {
    text-align: center;
    display: none;
}

#btnMobileMenu {
    padding: 9px 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 4px;
}

    #btnMobileMenu:hover {
        cursor: pointer;
        background-color: transparent;
    }

.icon-bar {
    background-color: #FFFFFF;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

    .icon-bar + .icon-bar {
        margin-top: 4px;
    }

.login {
    /*float: right;*/
    margin-top: 15px;
}

    .login span {
        text-transform: uppercase;
    }

.errormsg, .warningmsg, .confirmationmsg {
    border-style: solid;
    border-width: 2px;
    font-weight: bold;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
}

.confirmationmsg {
    color: green;
    border-color: green;
}

.errormsg {
    color: red;
    border-color: red;
}

.warningmsg {
    color: orangered;
    border-color: orangered;
}

.mediathumb {
    height: 80px;
    margin: 1px;
    max-width: 120px;
}

.videothumb {
    height: 185px;
    margin: 1px 5px;
    width: 330px;
}

/*
a[data-lightbox='photo']:nth-of-type(1n+2) {
    display: none;
}
*/

.mediapreview {
    max-height: 320px;
    max-width: 360px;
    margin: 0;
}

.gallery-thumbs-container {
    margin-top: 10px;
}

.tabcontent {
    padding: 20px;
}

input.inglis-button, button.inglis-button, a.inglis-button {
    background-color: #0067ab;
    box-shadow: none;
    color: White !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6c6f2', endColorstr='#8595c1',GradientType=1 );
    font-size: 11px;
    height: 30px;
    -moz-box-shadow: none;
    padding: 0 10px;
    text-transform: uppercase;
    -webkit-box-shadow: none;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    -webkit-appearance: none;
}

a.inglis-button {
    padding: 5px 15px;
    text-decoration: none;
}

input.inglis-button {
    margin: 15px 6px 16px 0;
}

button.inglis-button {
    margin: 0 6px 0 0;
}

.buttonbar .inglis-button {
    margin: 15px 6px 16px 0;
    display: inline-block;
}

ul li.login-active-inglis {
    background-color: #FFFFFF;
    background-size: 97% 100%;
    height: 100%;
}

    ul li.login-active-inglis a {
        color: #0B82DE;
    }

/*ul li.active-inglis {
    background-color: #0067ab;
    background-size: 97% 100%;
    height: 100%;
}*/

/* Home Page New */
.boxContainer {
    margin: 0 auto;
    text-align: center;
}

.box {
    display: inline-block;
    padding: 20px 10px;
    margin: -30px 10px 0;
    text-align: left;
    vertical-align: top;
    width: 336px;
}

    .box ul {
        padding: 0;
    }

    .box li {
        list-style: none;
        padding: 10px 5px;
    }

    .box img {
        height: 70px;
        width: auto;
    }

.stallion-parade {
    background-color: #690000;
    color: #FFF;
}

    .stallion-parade h1 {
        color: #FFF;
        padding-top: 10px;
        text-align: center;
    }

    .stallion-parade li {
        border-bottom: 1px solid #7B2222;
    }

.get-racing {
    background-color: #0B86D3;
    color: #FFF;
}

    .get-racing li {
        border-bottom: 1px solid #2694D8;
    }

    .get-racing h1 {
        color: #FFF;
        padding-top: 10px;
        text-align: center;
    }

.bloodstock {
    background-color: #A18E65;
    color: #FFF;
}

    .bloodstock h1 {
        color: #FFF;
        padding-top: 10px;
        text-align: center;
    }


    .bloodstock li {
        border-bottom: 1px solid #AB9C77;
    }

.header-image {
    background-color: #FFF;
    margin: 0 -20px;
    text-align: center;
}

#logo-buttons {
    background-color: #EEE;
    display: flex;
    padding: 25px 10%;
    width: 80%;
}

    #logo-buttons span {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 10px;
        display: inline-flex;
        overflow: hidden;
        position: relative;
        margin: 10px auto;
        width: 20%;
        -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.4);
        box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.4);
    }

        #logo-buttons span img {
            border-radius: 10px;
            height: auto;
            margin-bottom: -3px;
            width: 100%;
            -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.4);
            -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.4);
            box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.4);
        }

    #logo-buttons div {
        display: none;
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        bottom: 0;
        padding: 10px 0;
        height: 100%;
        width: 100%;
    }

    #logo-buttons button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%);
    }

    #logo-buttons .rollover {
        display: none;
    }

#enquiry-modal {
    display: none;
}

    #enquiry-modal label {
        width: 90px;
    }

    #enquiry-modal input[type='text'], #enquiry-modal input[type='tel'], #enquiry-modal input[type='email'], #enquiry-modal textarea {
        width: 220px;
    }

.ui-dialog-titlebar {
    background: #000 !important;
    color: #FFF !important;
}

/* Home Page */
.sectionContainer {
    text-align: center;
    border-radius: 5px;
    padding: 10px;
}

    .sectionContainer.timer {
        background-color: #FFF;
    }

    .sectionContainer h2 {
        color: #FFF;
        text-align: left;
        text-transform: uppercase;
    }

.pageaction-home section.sectionContainer {
    padding: 25px 10px 110px;
}

section.sectionContainer section {
    height: 110px;
    width: 110px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.7);
    position: relative;
    border-radius: 50%;
}

    section.sectionContainer section div.section-image {
        overflow: hidden;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 60px;
        height: 60px;
        width: 110px;
        margin-top: 5px;
    }

.pageaction-home section.sectionContainer section {
    height: 220px;
    width: 220px;
    margin: 10px;
}

.pageaction-home section.sectionContainer div.section-image {
    background-size: 120px;
    height: 110px;
    width: 220px;
    margin-top: 20px;
}

section.sectionContainer section div.section-text {
    color: #000000;
    text-transform: uppercase;
    font-size: 10px;
    padding: 5px;
    line-height: 1em;
    text-align: center;
}

.pageaction-home section.sectionContainer section div.section-text {
    font-size: 15px;
    padding: 10px;
}

section.sectionContainer section a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.sale-advert {
    color: #000000;
    display: inline-block;
    margin-right: 10px;
    text-align: left;
    vertical-align: middle;
    width: 230px;
}

    .sale-advert span {
        color: #000000;
        text-transform: uppercase;
    }

    .sale-advert h1 {
        color: #000000;
        margin-bottom: 0;
        font-weight: bold;
    }

    .sale-advert a, .sale-advert a:hover {
        color: #000000;
        text-decoration: none;
    }

.clock-div {
    display: inline-block;
    vertical-align: middle;
    width: 440px;
}

    .clock-div div.sale-banner {
    }

    .clock-div ul#countdown {
        display: none;
    }

.sale-banner h1 {
    color: #000000;
    text-align: center;
    margin: 0 0 0.3em 0;
    text-transform: capitalize;
    font-weight: bold;
}

.sale-banner h2 {
    /* text-transform: capitalize; */
}


ul.countdown {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    text-align: center;
}

    ul.countdown li {
        display: inline-block;
        margin-right: -1px;
    }

        ul.countdown li span {
            font-size: 60px;
            font-weight: 300;
            line-height: 80px;
            background-color: #000;
            color: #a29064;
            border-top: 3px solid #a29064;
            border-bottom: 3px solid #a29064;
            font-family: Segment7Standard;
            padding: 10px 15px 0 15px;
        }

            ul.countdown li span.days {
                border-left: 3px solid #a29064;
                border-top-left-radius: 6px;
                border-bottom-left-radius: 6px;
                padding-left: 30px;
            }

            ul.countdown li span.seconds {
                border-right: 3px solid #a29064;
                border-top-right-radius: 6px;
                border-bottom-right-radius: 6px;
                padding-right: 30px;
            }

        ul.countdown li.seperator {
            font-size: 60px;
            line-height: 70px;
            vertical-align: top;
            background-color: #000;
            color: #FFF;
        }

        ul.countdown li p {
            color: #a29064;
            font-size: 14px;
            margin: 0px;
            text-align: center;
            text-transform: capitalize;
        }

div#closingSoon {
    font-size: 60px;
    font-weight: 300;
    line-height: 80px;
    color: #000;
    padding: 10px 15px 0 15px;
}

.auction-date {
    display: inline-block;
    margin-left: 35px;
    vertical-align: middle;
    width: 205px;
}

    .auction-date h2 {
        color: #a29064;
        text-align: right;
    }

    .auction-date h2 {
        color: #000000;
        line-height: 1.4em;
        margin: 0 0 0.3em 0;
        text-align: left;
        text-transform: none;
        font-weight: bold;
    }

.action {
    /*margin: 10px 0 0 25px;*/
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

table#horsedetails-main #hd-comments {
    width: 100%;
}

div.inglis_dig_row {
    margin-bottom: 5px;
}

    div.inglis_dig_row div.first {
        display: inline-block;
        vertical-align: top;
        width: 225px;
    }

    div.inglis_dig_row div.second {
        display: inline-block;
        vertical-align: top;
    }

div.small_row {
    margin-bottom: 5px;
}

    div.small_row div.first {
        display: inline-block;
        margin-right: 5px;
        text-align: right;
        vertical-align: middle;
        width: 90px;
    }

    div.small_row div.second {
        display: inline-block;
        vertical-align: middle;
    }

.biddingGrey {
    background-color: #333;
    display: flex;
    padding: 10px;
    width: calc(100% - 20px);
}

.biddingWhite {
    background-color: #FFF;
    display: flex;
    padding: 10px;
}

.lotdetail, .lotaudio {
    background: #FFF;
    display: inline-block;
    padding: 10px;
    vertical-align: middle;
    width: 753px;
}

    .lotdetail h3 {
        color: #c00;
        font-size: 100%;
        font-weight: bold;
        line-height: normal;
        margin: 12px 0;
        text-transform: uppercase;
    }

    .lotdetail td span {
        background-color: #dfdfdf;
        padding: 2px;
    }

.lotmedia, .lotVideo {
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    padding-left: 10px;
    width: 360px;
    text-align: center;
}

    .lotmedia .imgCount {
        background-color: #0e539e;
        border-radius: 0px 0px 5px 5px;
        color: white;
        font-size: 16px;
        left: 85%;
        padding: 10px 10px;
        position: absolute;
        top: 0;
    }

    .lotmedia #sliderDiv {
        visibility: hidden;
        position: relative;
    }

.lotVideo {
    background-color: #333;
    margin-top: 35px;
    max-height: 185px;
}

.lotcontact {
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    width: 420px;
}

    .lotcontact label {
        font-weight: bold;
        float: left;
        width: 70px;
    }

p.opening {
    color: #0e539e;
    font-style: italic;
}

#footer .powered {
    display: none;
}

/* Bidding page */

#jumpToLot h5 {
    color: #0e539e;
    font-weight: bold;
}

#jumpToLot button {
    background-color: #ffffff;
    border: 2px solid #bdc3c7;
    border-width: 2px 2px 2px 0;
    color: #bdc3c7;
    margin-left: -4px;
    line-height: 26px;
    border-radius: 0 6px 6px 0;
}

main#middle-content {
    margin: 25px auto 0;
    text-align: left;
    width: 1200px;
    zoom: 1;
    background-color: #FFF;
}

    main#middle-content .full #main {
        margin: 0;
        overflow: auto;
        padding: 0.8em 25px 0.8em 25px;
    }

a.mini img {
    margin-top: -4px;
    padding-right: 0;
}

.lotreports {
    display: block;
    margin-bottom: 25px;
    width: 100%;
}

.lotdescription {
    display: inline-block;
    vertical-align: top;
    width: 750px;
}

.lotlocation, .vendor-contact {
    display: inline-block;
    margin-left: 40px;
    vertical-align: top;
    width: 360px;
}

    .lotlocation, .vendor-contact img {
        display: block;
        height: auto;
        max-width: 360px;
    }

section.bidding-header {
    display: flex;
    background: #0e539e;
    text-align: center;
    width: 100%;
    border: 1px solid #FFF;
    margin: 0 auto 25px;
    padding: 5px 0;
}

    section.bidding-header div {
        display: inline-block;
        vertical-align: middle;
        line-height: 1.3em;
    }

section.bidding h2 {
    color: #0e539e;
    font-weight: bold;
}

.col-xs-1 {
    width: 8.333333%;
}

.col-xs-2 {
    color: #FFF;
    text-align: center;
    font-size: 225%;
    font-weight: bold;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    width: 83.333333%;
}

.col-xs-3 {
    width: 8.333333%;
}

.statusline {
    background-color: #0e539e;
    position: relative;
    overflow: hidden;
    padding: 5px;
}

    .statusline h3 {
        font-size: 12px;
        font-weight: normal;
        margin: 0;
        color: #FFFFFF;
        text-transform: uppercase;
    }

.biddingwidget {
    margin: 0 0 0.8em 0;
}

.highbidder {
    background-color: orange;
    font-size: 10px;
    font-weight: bold;
    margin: 5px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 5px;
    display: inline-block;
}

.outbid {
    background-color: #FF0000;
    font-size: 10px;
    font-weight: bold;
    margin: 5px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 5px;
    display: inline-block;
    ;
}

.currentbid, .bidsplaced, .auctionends {
    display: inline-block;
    margin-right: 10px;
    font-size: 17px;
}

.addtoshortlist {
    float: right;
    display: inline-block;
    text-align: right;
}

.swal-footer {
    text-align: center !important;
}

td .addtoshortlist {
    float: none;
    text-align: left;
}

.addtoshortlist div {
    display: inline-block;
    height: 30px;
    width: 30px;
    background-size: cover;
}

td .addtoshortlist div {
    height: 20px;
    width: 20px;
}

.hassession {
    display: none;
}

.notshortlist {
    background-image: url(images/fave-no.png);
}

.isshortlist {
    background-image: url(images/fave-yes.png);
}

    .isshortlist span, .notshortlist span {
        display: none;
    }

.shortlistloading {
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.currentbid {
    color: #FFFFFF;
    margin-right: 10px;
    font-weight: bold;
}

    .currentbid div {
        background-color: #FFFFFF;
        color: #c00;
        padding: 5px;
    }

.bidsplaced {
    background-color: #0e539e;
    padding: 0 6px;
    border-left: 1px solid #0e539e;
    border-right: 1px solid #0e539e;
}

    .bidsplaced div, .auctionends div {
        padding: 5px;
    }

#bidsplaced, #auctionends {
    color: #FFFFFF;
}

.month {
    font-size: 15px;
    text-transform: uppercase;
}

.reserve {
    background-color: #61813e;
    font-size: 10px;
    font-weight: bold;
    margin: 5px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 5px;
    display: inline-block;
}

.noreserve {
    background-color: #00AEEF;
    font-size: 10px;
    font-weight: bold;
    margin: 5px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 5px;
    display: inline-block;
}

.highbidder {
    background-color: green;
    font-size: 10px;
    font-weight: bold;
    margin: 5px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 5px;
    display: inline-block;
}

.reservenotmet {
    background-color: orange;
    font-size: 10px;
    font-weight: bold;
    margin: 5px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 5px;
    display: inline-block;
}

p.widthdrawn {
    color: #F00;
    font-weight: bold;
}

div.particulars, div.breeding {
    display: inline-block;
    margin: 0 0 0.8em 0;
    vertical-align: top;
    width: 372px;
}

td#location {
    text-transform: uppercase;
}

div#audio div.contact {
    margin: 1.8em 0;
}

div#audio audio {
    display: inline-block;
    vertical-align: middle;
}

div#audio img {
    display: block;
    vertical-align: middle;
    width: 100px;
}

div#vendorLocation {
    margin-bottom: 10px;
}

#googleMap iframe {
    height: 250px;
    width: 300px;
}

#pedigreetabs {
    background-color: #FFF;
    padding: 10px;
}

.class="lotpedigree" {
    overflow: hidden;
}

/* Index page */
table.viewsale, table.confirmhorse, table.saleentry {
    margin-bottom: 20px;
    width: 100%;
}

table.incompletesaleentries {
    width: 920px;
    margin: 0 auto;
    margin-bottom: 20px;
}

table.viewsale th {
    box-sizing: border-box;
}

table.viewsale th, table.confirmhorse th, table.incompletesaleentries th, table.saleentry th {
    border-bottom: 3px solid #34495e;
}

table.viewsale thead th:nth-child(1) {
    width: 50px;
}

table.viewsale thead th:nth-child(2) {
    width: 50px;
}

table.viewsale thead th:nth-child(3) {
    width: 50px;
}

table.viewsale thead th:nth-child(4) {
    width: 64px;
}

table.viewsale thead th:nth-child(5) {
    width: 60px;
}

table.viewsale thead th:nth-child(6) {
    width: 150px;
}

table.viewsale thead th:nth-child(7) {
    width: 150px;
}

table.viewsale thead th:nth-child(8) {
    width: 150px;
}

table.viewsale thead th:nth-child(9) {
    width: 170px;
}

table.viewsale thead th:nth-child(10) {
    width: 60px;
}

table.viewsale thead th:nth-child(11) {
    width: 100px;
}

table.viewsale thead th:nth-child(12) {
    width: 150px;
}

table.viewsalewithfaves th:nth-child(2) {
    width: 40px;
}

table.viewsalewithfaves th:nth-child(3) {
    width: 50px;
}

table.viewsalewithfaves thead th:nth-child(4) {
    width: 50px;
}

table.viewsalewithfaves th:nth-child(5) {
    width: 40px;
}

table.viewsalewithfaves thead th:nth-child(6) {
    width: 50px;
}

table.viewsalewithfaves th:nth-child(7) {
    width: 130px;
}

table.viewsalewithfaves th:nth-child(8) {
    width: 130px;
}

table.viewsalewithfaves th:nth-child(9) {
    width: 130px;
}

table.viewsalewithfaves th:nth-child(10) {
    width: 120px;
}

table.viewsalewithfaves thead th:nth-child(11) {
    width: 60px;
}

table.viewsalewithfaves th:nth-child(13) {
    width: 150px;
}

table.viewsale td, table.confirmhorse td, table.incompletesaleentries td, table.saleentry td, table.myresults td {
    vertical-align: top !important;
    border-bottom: 1px solid #34495e;
    padding: 15px 2px !important;
    font-weight: normal;
}

table.myresults {
    width: 100%;
}

table[id^="activesale"] td:nth-child(12) {
    color: #0065AD;
}

.pickone {
    border: 1px solid red;
}

    .pickone:after {
        content: "Select an existing entry to continue";
        padding: 6px;
        color: red;
        font-size: 1.2em;
        display: inline-block;
    }

    .pickone h2 {
        color: red;
    }


td.widthdrawn {
    color: #F00;
    font-weight: bold;
}

    td.widthdrawn a {
        color: #F00;
    }

.dataTables_wrapper .dataTables_length select, .dataTables_wrapper .dataTables_filter input {
    display: inline-block;
}

#biddingTabs, #endedTabs {
    visibility: hidden;
}

    #biddingTabs.ui-tabs, #endedTabs.ui-tabs {
        visibility: visible;
    }

#togglefilteroptions, #clearfilteroptions, #filteroptions button, .table-buttons button {
    border: none;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    border-radius: 4px;
    padding: 6px 9px;
    margin: 0 3px 6px 3px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: 0.25s linear;
    transition: 0.25s linear;
    cursor: pointer;
}

#togglefilteroptions, #clearfilteroptions, #filteroptions button, .table-buttons button {
    color: #ffffff;
    background-color: #4CB4F9;
    background-image: none;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
}

    .table-buttons button.activeviewby {
        background-color: #0e539e;
    }

    #togglefilteroptions:hover, #clearfilteroptions:hover, button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) {
        color: #ffffff;
        background-color: #72c4fa;
        background-image: none;
        border: none;
    }

button.buttons-columnVisibility  {
    background-color: #cccccc;
}

#horselocation {
    display: none;
}

/* Footer */
#footer div.bloodstock {
    text-align: center;
}

    #footer div.bloodstock img {
        margin: 0 10px;
        width: 180px;
        vertical-align: middle;
    }

#footer div.ing_dig_logo {
    padding: 0 10px;
}

/*#broodmaredetails-foaldetails input[type=radio] {
    display: inline-block;
}

    #broodmaredetails-foaldetails input[type=radio] + label {
        margin-left: 0;
        width: auto;
        margin-right: 15px;
    }*/

#broodmaredetailsform input {
    display: inline-block;
}

#broodmaredetailsform {
    display: none;
}

#broodmare-responsibility {
    border: 1px dashed #000;
    float: right;
    padding: 10px;
    width: 50%;
    margin-right: 10px;
}

/* Dashboard */

.entriessubmitted {
    background-color: #e1e1e1;
    padding: 10px;
    margin-bottom: 20px;
}

.not-entered {
    color: #cc0000;
    font-weight: bold;
}

/* paymentpage */
section.paymentpage .cataloguing {
    color: #0067ab;
    font-style: italic;
    margin-top: 0.6em;
    text-align: center;
}

div.cat-cataloguepreview {
    border: 1px solid #0067ab;
    margin: 10px;
    padding: 5px;
    background-color: white;
}

    div.cat-cataloguepreview h2 {
        background-color: #0067ab;
        color: #FFF;
        padding: 5px;
    }


    div.cat-cataloguepreview div.cat-horsename name {
        display: block;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }

div.cat-horse {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 50%;
}

.as-agent {
    margin-left: 255px;
}

.paymentpage table {
    float: none;
    margin: 0 0 0.8em 0;
}

/* Terms & Conditions */

section#terms {
    padding: 5px;
    max-height: 200px;
    overflow-y: scroll;
}

    section#terms ol {
        counter-reset: item;
        padding: 0;
    }

    section#terms li {
        display: block;
        margin-bottom: 2px;
    }

    section#terms ol.menu li:before {
        content: counters(item, ".") " ";
        counter-increment: item;
    }

    section#terms ol.submenu {
        list-style-type: lower-alpha;
        padding-left: 20px;
    }

        section#terms ol.submenu li {
            display: list-item;
        }

            section#terms ol.submenu li:before {
                content: none;
            }

        section#terms ol.submenu ol {
            list-style-type: lower-roman;
        }

    section#terms ol.nomenu {
        list-style-type: none;
    }

        section#terms ol.nomenu li:before {
            content: none;
        }

/* Bidding Approval */
section#biddingapprovalpage #approval-left {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

section#biddingapprovalpage #approval-right {
    border: 1px dashed #F00;
    color: #F00;
    display: inline-block;
    margin: 5px;
    padding: 5px;
    vertical-align: top;
    width: 45%;
}

section#biddingapprovalpage #red-box {
    border: 1px dashed #F00;
    color: #F00;
    margin: 5px;
    padding: 5px;
}

section#biddingapprovalpage #important {
    border: 1px dashed #F00;
    color: #F00;
    margin: 5px;
    padding: 5px;
    vertical-align: top;
}


section#biddingapprovalpage input[type="checkbox"] + label, input[type="radio"] + label {
    margin: 0;
}

iframe#saleconditions {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
    overflow-y: scroll;
}

div#terms-agree {
    background: #E2E2E2;
    border: 1px solid #000;
    padding: 10px;
}

    div#terms-agree input[type=checkbox] {
        display: inline;
    }

        div#terms-agree input[type=checkbox] + label {
            font-weight: bold;
            margin: 0 0 5px;
        }

/* Enter Horse page */

.enterhorse-button {
    margin: 10px 0 40px;
}

#enterhorse-responsibility {
    margin: 0 10px;
}

/*#horsedetailsform {
    width: 1100px;
}*/

/* View Sale & Sale Results */
.searchBox {
    margin: 10px 0;
}

    .searchBox div {
        display: inline-block;
        vertical-align: middle;
    }

    .searchBox input {
        display: inline-block;
        vertical-align: middle;
    }

#auctioneerpop img {
    width: 100px;
}

.resultscol {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    box-sizing: border-box;
}

    .resultscol .form label {
        width: 100px;
    }

.salecolumn {
    display: inline-block;
    vertical-align: top;
    width: 33%;
}



/* 'Enter a Horse' Tasklist */

ul#tasklist {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    /*text-align:center;*/
}

    ul#tasklist li {
        display: inline-block;
        position: relative;
        margin: 0 0 10px 0;
        padding: 6px 6px 6px 30px;
        background-color: #ccc;
        color: #888;
        border-top: 3px solid #ccc;
        border-bottom: 3px solid #ccc;
        font-weight: bold;
        text-align: left;
        width: 90px;
        font-size: 10px;
        white-space: nowrap;
    }

        ul#tasklist li a {
            font-size: 10px;
            color: White;
            text-decoration: none;
        }

        ul#tasklist li div {
            font-size: 10px;
        }

        ul#tasklist li:first-child {
            padding: 6px;
            border-left: 3px solid #ccc;
        }

        ul#tasklist li:before {
            position: absolute;
            display: inline-block;
            border-top: 22px solid transparent;
            border-left: 22px solid #ccc;
            border-bottom: 22px solid transparent;
            right: -17px;
            top: -3px;
            content: '';
            z-index: 2;
        }

        ul#tasklist li:after {
            position: absolute;
            display: inline-block;
            border-top: 27px solid transparent;
            border-left: 27px solid white;
            border-bottom: 27px solid transparent;
            top: -8px;
            right: -22px;
            content: '';
            z-index: 1;
        }

        ul#tasklist li.tl-complete {
            background-color: #4f81bd;
            border-color: #4f81bd;
            color: white;
        }

            ul#tasklist li.tl-complete:before {
                border-left-color: #4f81bd;
            }

            ul#tasklist li.tl-complete:first-child {
                border-left: 3px solid #4f81bd;
            }

        ul#tasklist li.tl-active:first-child {
            border-left: 3px solid #0067ab;
        }

        ul#tasklist li.tl-active {
            background-color: #0067ab;
            border-color: #0067ab;
            color: white;
        }

            ul#tasklist li.tl-active:before {
                border-left-color: #0067ab;
            }

.resultssearchform {
    margin: 20px 0;
    border: 1px solid #333;
    padding: 10px;
}

.biddingapprovaltime {
    margin: 10px 0;
    background-color: #0067ab;
    color: white;
    font-size: 22px;
    padding: 6px;
    display: inline-block;
    border-radius: 6px;
}

.biddingapprovallimit, .increaselimit {
    margin: 10px 0;
    background-color: red;
    color: white;
    font-size: 22px;
    padding: 6px;
    display: inline-block;
    border-radius: 6px;
    height: 40px;
    box-sizing: border-box;
}

.increaselimit {
    background-color: #339966;
    width: 128px;
    font-size: 1em;
    vertical-align: top;
    text-align: center;
    margin-left: 10px;
    padding: 5px;
    cursor: pointer;
}

#biddingapprovallimitincrease {
    display: none;
}

.shortlisthighbidder td {
    background-color: #c0fcae;
    position: relative;
}

    .shortlisthighbidder td:first-child:after {
        content: 'You are the highest bidder';
        position: absolute;
        bottom: 10px;
        left: 10px;
        width: 200px;
        z-index: 1;
        font-weight: bold;
    }

.shortlistreservenotmet td {
    background-color: #ffdfbf;
    position: relative;
}

    .shortlistreservenotmet td:first-child:after {
        content: 'Reserve not met';
        position: absolute;
        bottom: 10px;
        left: 10px;
        width: 200px;
        z-index: 1;
        font-weight: bold;
    }

.shortlistunderbidder td {
    /*background-color:#fcd483;*/
    background-color: #FFA491;
    position: relative;
}

    .shortlistunderbidder td:first-child:after {
        content: 'You are NOT the highest bidder';
        position: absolute;
        bottom: 10px;
        left: 10px;
        width: 200px;
        z-index: 1;
        font-weight: bold;
    }

.bidamount-formatted, .btn-bidnow {
    display: inline-block;
    margin-right: 5px;
}

#registrationpage input, #registrationpage select, #registrationpage textarea {
    display: block;
}

div.redbox {
    border: 2px solid #FF0000;
    color: #FF0000;
    float: right;
    padding: 10px;
    width: 300px;
}

.fixed {
    max-width: 1200px;
    position: fixed;
    top: 0;
    z-index: 9999;
}

.racehorseonly {
    display: none;
}

@media only screen and (max-width: 1250px) {
    #header {
        position: relative;
    }

        .mainmenu, #header .layout, .loginmenu, .idcountryswitch {
            display: none;
        }

    .mobileMenuButton {
        display: block;
        margin: 0;
        z-index: 1000;
        position: absolute;
        right: 10px;
        top: 40px;
    }

    .nav {
        margin-top: 0;
        padding: 0;
        width: 100%;
    }


    ul.mobilemenu {
        text-align: center;
        width: 100%;
        background-color: #FFF;
        color: #000000;
        margin-top: 10px;
        list-style: none;
        list-style-image: none;
        padding: 0;
    }

        ul.mobilemenu li {
            padding: 6px;
            border-bottom: 1px solid;
            font-size: 14px;
            text-transform: uppercase;
            font-family: 'Raleway', Verdana, Tahoma, Geneva, sans-serif;
            font-weight: 300;
            width: 100%;
        }

        ul.mobilemenu a {
            text-decoration: none;
            color: inherit;
        }
}

@media only screen and (max-width: 1024px) {
    #header .poweredByArdex {
        display: none;
    }
}

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

    .contentbodyfullwidth {
        margin: 0;
    }

    main#middle-content {
        margin: 0 auto;
        max-width: 760px;
    }

    .sale-advert {
        text-align: center;
        margin-bottom: 20px;
    }

    body {
        background: #FFF;
    }

    nav.mainmenu, main {
        margin: 0 10px;
        max-width: 100%;
    }

        main.content {
            min-height: 100%;
            min-height: -moz-calc(100% - 175px);
            min-height: -webkit-calc(100% - 175px);
            min-height: calc(100% - 175px);
        }

    ul li.active-inglis {
        background-color: black;
        color: #FFF;
    }

    .sectionContainer {
        padding: 25px 5px;
    }

    .sale-banner {
        display: block;
        margin: 0 0 25px;
        width: 100%;
    }

    .clock-div {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    ul.countdown li span {
        font-size: 40px;
        padding: 10px 10px 0;
    }

        ul.countdown li span.days {
            padding-left: 20px;
        }

        ul.countdown li span.seconds {
            padding-right: 20px;
        }

    .auction-date {
        display: block;
        margin: 10px auto 0;
        width: 100%;
    }

        .auction-date h2 {
            text-align: center;
        }

        .auction-date br {
            display: none;
        }

    section.sectionContainer section {
        margin-bottom: 25px;
    }

    .pageaction-home section.sectionContainer section {
        height: 140px;
        width: 140px;
        margin: 10px;
    }

    .pageaction-home section.sectionContainer div.section-image {
        background-size: 60px;
        height: 70px;
        width: 140px;
    }

    a.button, input.button, span.button, input[type=submit] {
        background-color: white;
        border: 2px solid #0067ab !important;
        color: #0067ab !important;
        height: auto;
        padding: 10px;
        white-space: normal;
    }

    textarea {
        width: 95%;
    }

    #logo-buttons {
        display: block;
    }

        #logo-buttons span {
            height: auto;
            width: 45%;
            margin-left: 10px;
            margin-right: 10px;
        }

    div#bottom_banner {
        display: none;
    }

    #footer div.bloodstock {
        display: none;
    }

    #footer .logo {
        display: none;
    }

    #footer .powered {
        display: block;
    }

    table.responsivetable, table.responsivetable thead, table.responsivetable tbody, table.responsivetable th, table.responsivetable td, table.responsivetable tr {
        display: block;
        border: none;
    }

        table.responsivetable thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table.responsivetable tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
        }

            table.responsivetable tr:last-child td {
                padding-bottom: 6px;
            }

        table.responsivetable td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #dbdad8;
            position: relative;
            padding-left: 70px;
            text-transform: none;
            padding-bottom: 6px;
            padding-top: 6px;
        }

    table#logintable.responsivetable td {
        padding-left: 80px;
    }

    table.responsivetable td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        left: 6px;
        width: 60px;
        padding-right: 10px;
        white-space: nowrap;
    }

    table#logintable tr:nth-of-type(1) {
        display: none;
    }

    table#logintable td:nth-of-type(1):before {
        content: "Bidder Id";
    }

    table#logintable td:nth-of-type(2):before {
        content: "Password";
    }

    table.viewsale.responsivetable td {
        padding-left: 115px !important;
    }

    table[id^="activesale"].viewsalewithfaves td:nth-of-type(2):before, table[id^="activesale"].viewsalenofaves td:nth-of-type(1):before, table[id^="completedsale"] td:nth-of-type(1):before {
        content: "Lot";
    }

    table[id^="activesale"].viewsalewithfaves td:nth-of-type(3):before, table[id^="activesale"].viewsalenofaves td:nth-of-type(2):before, table[id^="completedsale"] td:nth-of-type(2):before {
        content: "Category";
    }

    table[id^="activesale"].viewsalewithfaves td:nth-of-type(4):before, table[id^="activesale"].viewsalenofaves td:nth-of-type(3):before, table[id^="completedsale"] td:nth-of-type(3):before {
        content: "Colour";
    }

    table[id^="activesale"].viewsalewithfaves td:nth-of-type(5):before, table[id^="activesale"].viewsalenofaves td:nth-of-type(4):before, table[id^="completedsale"] td:nth-of-type(4):before {
        content: "Media";
    }

    table[id^="activesale"].viewsalewithfaves td:nth-of-type(6):before, table[id^="activesale"].viewsalenofaves td:nth-of-type(5):before, table[id^="completedsale"] td:nth-of-type(5):before {
        content: "Sex";
    }

    table[id^="activesale"].viewsalewithfaves td:nth-of-type(7):before, table[id^="activesale"].viewsalenofaves td:nth-of-type(6):before, table[id^="completedsale"] td:nth-of-type(6):before {
        content: "Name";
    }

    table[id^="activesale"].viewsalewithfaves td:nth-of-type(8):before, table[id^="activesale"].viewsalenofaves td:nth-of-type(7):before, table[id^="completedsale"] td:nth-of-type(7):before {
        content: "Sire";
    }

    table[id^="activesale"].viewsalewithfaves td:nth-of-type(9):before, table[id^="activesale"].viewsalenofaves td:nth-of-type(8):before, table[id^="completedsale"] td:nth-of-type(8):before {
        content: "Dam";
    }

    table[id^="activesale"].viewsalewithfaves td:nth-of-type(10):before, table[id^="activesale"].viewsalenofaves td:nth-of-type(9):before, table[id^="completedsale"] td:nth-of-type(9):before {
        content: "On Account Of";
    }

    table[id^="activesale"].viewsalewithfaves td:nth-of-type(11):before, table[id^="activesale"].viewsalenofaves td:nth-of-type(10):before, table[id^="completedsale"] td:nth-of-type(10):before {
        content: "State";
    }

    table[id^="activesale"].viewsalewithfaves td:nth-of-type(12):before, table[id^="activesale"].viewsalenofaves td:nth-of-type(11):before {
        content: "Bid";
    }

    table[id^="activesale"].viewsalewithfaves td:nth-of-type(13):before, table[id^="activesale"].viewsalenofaves td:nth-of-type(12):before {
        content: "Time Left";
    }

    table[id^="completedsale"] td:nth-of-type(11):before {
        content: "Purchaser";
    }

    table[id^="completedsale"] td:nth-of-type(12):before {
        content: "Price";
    }

    table.confirmhorse.responsivetable td {
        padding-left: 85px !important;
    }

    table.confirmhorse td:nth-of-type(1):before {
        content: "Name";
    }

    table.confirmhorse td:nth-of-type(2):before {
        content: "DOB";
    }

    table.confirmhorse td:nth-of-type(3):before {
        content: "Sire";
    }

    table.confirmhorse td:nth-of-type(4):before {
        content: "Dam";
    }

    table.confirmhorse td:nth-of-type(5):before {
        content: "Microchip";
    }

    table.saleentry td:nth-of-type(1):before {
        content: "Name";
    }

    table.saleentry td:nth-of-type(2):before {
        content: "Colour";
    }

    table.saleentry td:nth-of-type(3):before {
        content: "Sex";
    }

    table.saleentry td:nth-of-type(4):before {
        content: "DOB";
    }

    table.saleentry td:nth-of-type(5):before {
        content: "Sire";
    }

    table.saleentry td:nth-of-type(6):before {
        content: "Dam";
    }

    table.saleentry td:nth-of-type(7):before {
        content: "Supplier";
    }

    table.saleentry td:nth-of-type(9):before {
        content: "Action";
    }

    table.incompletesaleentries td:nth-of-type(1):before {
        content: "Sale Name";
    }

    table.incompletesaleentries td:nth-of-type(2):before {
        content: "Entries Close";
    }

    table.incompletesaleentries td:nth-of-type(3):before {
        content: "Bidding Starts";
    }

    table.incompletesaleentries td:nth-of-type(4):before {
        content: "Bidding Ends";
    }

    table.responsivetable.saleentry td {
        padding-left: 85px !important;
    }

    table.incompletesaleentries {
        width: 100%;
    }

        table.incompletesaleentries td {
            padding-left: 100px !important;
        }

    .as-agent {
        margin-left: 0;
    }

    /* Conditions page */
    section.conditionspage iframe {
        display: block;
        margin: 0 auto;
        width: 95%;
    }

    section.conditionspage label {
        margin-left: 0;
    }

    /* Review page */

    div.cat-cataloguepreview {
        display: block;
        width: auto;
    }

    div.cat-horse {
        display: block;
        box-sizing: border-box;
        width: 100%;
    }

    div.cat-cataloguepreview h2 {
        margin: 0;
    }
    /* Bidding Page */

    #lotnumber {
        display: inline-block;
        width: 40px;
    }

    #jumpToLot button {
        border: 2px solid #bdc3c7;
    }

    .vendor-contact {
        margin-left: 0;
        vertical-align: top;
        width: 100%;
    }

    main#middle-content {
        width: auto;
    }

    .lotreports {
        float: none;
        width: auto;
    }

        .lotreports a {
            display: block;
        }

    .biddingGrey, .biddingWhite {
        display: block;
    }

    .lotdetail, .lotaudio {
        margin: 0;
    }

    .lotdescription, .lotdetail, .lotmedia {
        display: block;
        float: none;
        width: auto;
    }

    .lotmedia {
        float: none;
        margin-top: 10px;
        text-align: center;
    }

    .lotaudio, .lotVideo {
        display: block;
        width: 100%;
    }

    .mediapreview {
        max-width: 95%;
        width: auto;
    }

    .lotlocation {
        margin: 0 auto;
        text-align: left;
    }

    ul#tasklist li {
        width: auto;
        text-align: left;
    }

    .shortlisthighbidder td:first-child:after {
        display: block;
        position: relative;
        left: 0;
        margin-top: 10px;
    }

    section#biddingapprovalpage #approval-left {
        display: block;
        width: 100%;
    }

    section#biddingapprovalpage #approval-right {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    a.inglis-button {
        display: inline-block;
        height: auto;
    }

    #logo-buttons span img {
        max-width: 100%;
        width: auto;
    }

    section.bidding-header {
        width: 92%;
    }

    .col-xs-1 {
        width: 10%;
    }

    .col-xs-2 {
        width: 80%;
        flex: none;
    }

    .col-xs-3 {
        width: 10%;
    }

}

@media only screen and (max-width: 768px) and (max-height: 576px) {
    /* Home Page */
    .homepagemenu .sectionContainer {
        display: none;
    }

    .mainHome .homepagemenu .sectionContainer {
        display: block !important;
    }

    #footer {
        margin: 0 auto;
        padding-top: 15px;
    }

    .contentbody {
        padding: 0;
    }

    #footer_wrapper {
        background-color: #FFF;
    }

    #footer .ing_dig_logo p {
        color: #0067ab;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    #header, main.content, #footer {
        margin: 0 auto;
        text-align: left;
        max-width: 768px;
        zoom: 1;
        background-color: #FFF;
    }

    .mobileMenuButton {
        top: 75px;
    }

    .racehorse-share {
        margin-left: 0;
    }
}

@media only screen and (max-width: 576px) {
    /* Home Page */
    .homepagemenu .sectionContainer {
        display: none;
    }

    .mainHome .homepagemenu .sectionContainer {
        display: block !important;
    }

    .lotlocation, .vendor-contact img {
        max-width: 300px;
    }

    div.particulars, div.breeding {
        max-width: 100%;
    }

    #header, main.content, #footer {
        margin: 0 auto;
        text-align: left;
        max-width: 570px;
        zoom: 1;
        background-color: #FFF;
    }

        #footer .ing_dig_logo p {
            color: #0067ab;
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 5px;
            text-align: center;
        }

            #footer .ing_dig_logo p:nth-child(2) {
                display: none;
            }

    #logo-buttons span {
        display: block;
        height: 100%;
        width: 100%;
        margin: 10px auto;
    }

    #footer .mobile_footer_links {
        display: block;
        width: 100%;
        margin-top: 40px;
        text-align: center;
    }

    .mobileMenuButton {
        top: 60px;
    }


    .racehorse-share {
        margin-left: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #header, main.content, #footer {
        margin: 0 auto;
        text-align: left;
        /*width: 990px;*/
        zoom: 1;
    }

    main#middle-content {
        width: 990px;
    }

    .nav ul.main-nav li a {
        padding: 1px 2px 0;
    }
}

@media only screen and (min-width: 1200px) {
    #header {
        /*padding-right: 20px;*/
    }

    #header, main.content, #footer, main#middle-content {
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        zoom: 1;
    }
}

@media only screen and (max-width: 1250px) {
    .mainmenu {
        width: 100%;
    }

    .loginmenu {
        top: auto;
        bottom: -30px;
        right: 0;
        height: auto;
        width: 220px;
        vertical-align: middle;
        background-color: transparent;
        color: black;
    }

        .loginmenu:before {
            display: none;
        }
}