body {
    margin:0;
}

body * {
    box-sizing: border-box
}

p {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 16px;
}

a {
    color: rgb(73, 159, 209);
}
#dialog-form {
    display:none;
}

#registerErrorMsg {
    margin:3px 5px 10px 5px;
    color:red;
    font-weight:500;
}
#purchaseWhere {
    margin-left:6px;
    margin-bottom:8px;
    height:33px;
    padding-left:6px;
}
label.required:after {
    content: " *";
    color: red;
}
.ownerinfo {
    padding: 35px 25px;
    display: none
}
label {
    display: inline-block;
    min-width: 135px;
}

input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], select, textarea {
    width: 100%;
}

#purchaseDate {
    visibility: hidden;
}
#productdiv, #ownerdiv, #confirmationdiv {
    padding: 35px 25px;
    display: none
}
    #productdiv p {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #receiptthumb {
    visibility: hidden;
    height: 70px;
    display: inline-block;
}

#receiptlarge {
    display: none;
    width: 300px;
    position: absolute;
    top:100px;
    left:240px;
}

.header {
    background-color:rgb(37,53,81);
    position: relative;
    z-index: 2;
    display:block;
    min-height:100px;
    width: 100%;
    box-sizing: border-box;
    padding-top: 1.1vw;
    padding-bottom: 1.1vw;
    padding-left: 2vw;
    padding-right: 2vw;
    pointer-events: auto
}
    .header img {
        max-height:65px;
    }

.main {
    margin: 50px auto 15px;
    border: 1px solid;
    border-radius: 40px;
    display: block;
    width: 100%;
    height: 100%;
    max-width: 1170px;
    overflow: hidden
}
.main-lt {
    padding: 25px;
    text-align:center
}
.main-lt p {
    text-align:left
}
.main-lt img {
    margin-top:30px;
    width: 100%;
}
.save_this {
    min-height: 600px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('/images/site/latitudesolo-hero.jpg');
}
nav.navwrapper {
    float: right;
}

nav.navwrapper ul li{
    background-color:transparent;
    display: inline-block;
    margin: 10px;
    color: white;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    position:relative;
}
    nav.navwrapper ul li a {
        color: white;
        background-color: rgb(37,53,81);
        padding: 10px;
        text-decoration: none;
        font-family: "proxima-nova", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 19px;
    }
    nav.navwrapper ul li a:hover {
        color: white;
        text-decoration: none;
    }

    nav.navwrapper ul.subnav {
        display: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 35px;
        left: 0;
        right: 0
    }
    nav.navwrapper ul li:hover > ul.subnav {
        display: block;
    }
    nav.navwrapper ul.subnav li {
        display: block;
        margin: 0;
        padding: 0;
        height: 49px;
        min-width:225px;
        text-align: right
    }
    nav.navwrapper ul.subnav li a {
        display: block;
        width: 100%
    }

.main h1 {
    margin: 1rem 0;
    color: rgb(37,53,81);
    font-family: "Archivo Black";
    font-size: 38px;
    line-height: 1.2;
    font-weight: 500;
}
.main h2 {
    margin: 0 0 8px 0;
    color: rgb(37,53,81);
    font-family: "Archivo Black";
    font-size: 22px;
    line-height: 1;
    font-weight: 500;
}
.serialnumberprompt {
    padding:35px 25px;
    color: rgb(37,53,81);
    font-family: "Archivo Black";
    font-size: 28px;
    line-height: 33px;
    font-weight: 400;
}
#lookupErrorMsg {
    color: red;
    margin-bottom:10px;
    font-family: "proxima-nova", sans-serif;
    font-size: 16px;
    line-height: 1.2
}

/** Dialogs **/
.ui-dialog {
    padding: 15px;
    border: 2px solid #253551;
}
.ui-dialog-titlebar,
.ui-dialog-titlebar-close {
    background: none;
    border: 0 none;
}
.ui-dialog-content form fieldset {
    border: 0 none;
    padding:0;
}
.ui-dialog .ui-dialog-buttonpane {
    margin-top:0;
    padding-top:0;
    border:0 none;
}
.ui-dialog .ui-dialog-buttonpane button {
    background: rgb(37, 53, 81);
    color: #fff;
    padding: 10px 30px;
    border: 0 none;
    border-radius: 0;
    font-size: 16px;
    line-height: 1;
}

/** Form Fields **/
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
    border: 1px solid rgba(37, 53, 81, 0.5);
    padding: 10px 20px;
    line-height: 1;
}

#ownerdiv select,
#ownerdiv input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#productdiv input:not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
    border: 1px solid rgba(37, 53, 81, 0.5);
    padding: 10px 20px;
    line-height: 1;
    display: block;
}

#adminsTbl input:not([type="checkbox"]):not([type="radio"]) {
    border: 1px solid rgba(37, 53, 81, 0.5);
    padding: 10px 20px;
    line-height: 1.75;
    width:150px;
}

label {
    display: inline;
    font-family: "proxima-nova", sans-serif;
    font-size: 16px;
    font-weight: 400
}

.submit {
    padding-top: 20px;
    
}
.submit button {
    background-color: rgb(37, 53, 81);
    color: #fff;
    padding: 10px 30px;
    border: 0 none;
    line-height: 1;
}
    .submit button#registerBtn, .submit button#registerBackBtn {
        background-color: rgb(37, 53, 81);
        color: #fff;
        margin-bottom: 10px;
        padding: 10px 20px;
        border: 0 none;
        line-height: 1;
        margin-left: 8px;
    }

.submit a {
    color: rgb(37, 53, 81);
    cursor: pointer;
    font-size: 16px;
    text-decoration: none
}

#dialog-form h3 {
    color: rgb(37,53,81);
    font-family: "Archivo Black";
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}

#registerBtn {
    margin-left: 25%;
}

.footer-container {
    background-color: rgb(37,53,81);
}
.footer {
    margin:150px auto 0;
    padding:35px 15px;
    max-width:1170px;
    width:100%;
}
.footer-img {
    width:35%;
}
.footer-img img {
    width:100%;
    height:auto
}
.footer-copy {
    color: #fff;
    padding-left: 30px;
    font-family: 'Proxima Nova';
    font-size: 19.2px;
    width: 35%
}
.footer-copy a {
    color: #fff;
    width: 35%
}

ul#reasonCBlist{
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    list-style-type:none;
    padding-left:10px;
}


@media (min-width:992px) {
    .main-lt,
    .main-rt {
        float: left;
        width: 50%
    }
    .main-lt {
       padding:35px 45px
    }
    .main-rt {
        border-left: 1px solid rgba(37, 53, 81, 0.5); 
        min-height:575px
    }
    .two-up-fields {
        float:left;
        width: 49%
    }
    .two-up-fields.left {
        margin-right:2%
    }
    .three-up-fields {
        float: left;
        width: 32%
    }
        .three-up-fields.left, .three-up-fields.middle {
            margin-right: 2%
        }
}