/* Minification failed. Returning unminified contents.
(1077,5): run-time error CSS1035: Expected colon, found '}'
 */
* {
    margin: 0;
    padding: 0;
}

html {
    position: relative;
    min-height: 100%;
}
/*body jk old { margin-bottom: 120px; padding-bottom:120px; }*/
/*body jk old { padding-top: 67px;  }*/
body {
    padding-top: 64px;
    /*    margin-bottom: 120px;
    padding-bottom: 120px;*/
    font-size: 12px !important; /*jk global body font size. This used to be in bootstrap 3.2*/
    font-family: Georgia, "Times New Roman", Times, serif !important;
    background-color: #f5f5f5;
}

a {
    color: #2B519D;
}

a img {
    border: none;
}

p {
    font-size: 1.05em;
}

.center {
    text-align: center;
}

h1,
h2,
h3 {
    font-weight: normal !important;
}

h1 {
    font-size: 30.25px !important;
    font-weight: normal !important;
    line-height: .85em !important;
    margin: 0 0 14px !important;
/*    font-size: 2.75em;
    line-height: .85em;
    margin: 0 0 14px;*/
}

h1 small {
    display: block;
    font-size: .6em;
}


h2 {
    letter-spacing: -.05em;
    font-size: 2em;
    line-height: 1em;
}

h3 {
    letter-spacing: -.05em;
    font-size: 1.4em !important;
}

h3 a {
    text-decoration: none;
}

fieldset {
    border: none;
}


.endfloat {
    clear: both;
}

#wrapper {
    width: 855px;
    margin: 0 auto;
    background: #fff;
    font-size: 12px; /*11px default, but still sizable.*/
    overflow: hidden;
    background-color: #f5f5f5;
}

#midsection {
    clear: both;
    float: left;
    width: 780px;
    display: inline; /* hack */
    margin-left: 225px;
    /*font-size: xx-small;*/
}

#midsection.widecolumn {
    width: 750px;
    padding-left: 25px;
    display: inline;
}

#midsection2 {
    clear: both;
/*    float: left;
    width: 780px;*/
    display: inline; /* hack */
    /*margin-left: 225px;*/
    /*font-size: xx-small;*/
}

.affix {
    width: 100%;
    background-color: #F44336;
    border-color: #F44336;
    z-index: 10;
}

.btn-sm2, .btn-group-sm > .btn {
    padding: 1px 10px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 0px;
}

/*Header/Footer Specific Styles*/

#header {
    font-family: Helvetica, Arial, sans-serif;
}

#header ul,
#footer ul {
    list-style: none;
    padding-top: 32px;
}

#header li,
#footer li {
    float: left;
    margin: 0 10px 0 0;
}


#logo_header {
    float: left;
    width: 190px;
    height: 78px;
    text-indent: -9999px;
    overflow: hidden;
    display: inline; /* IE hackiness */
    background: url('/images/BoatBrowser_2022.png') no-repeat;
    background-size: cover;
    /*background: url('/images/boatbrowserlogo_header.jpg') no-repeat;*/
}

#a_header {
    padding: 0;
}

#a_companyName {
    font-weight: 600;
    font-size: large;
}

#a_phone {
    font-weight: 600;
    font-size: large;
}

#sp_phoneIcon {
    padding-right: 3px;
}

.dropdown-menu {
    top: 50px;
    margin-left: 10px;
}
/*Mobile Nav Styles*/
#a_headerMobile {
    padding: 0;
}

#sp_phoneIcon {
    padding-right: 3px;
}

#sp_phoneIconMobile {
    padding-right: 3px;
    font-size: x-large;
}

#nav-header {
    float: right;
}


.main-logo img {
    padding: 2px 0;
}

#navbar {
    /*background-color: white;*/
    background-color: #f5f5f5;
}

.navbar-nav > li > .dropdown-menu {
    background-color: #008cba;
    color: #fff;
    box-shadow: 3px 3px 10px #7C7C7C;
}

.navbar-nav > li > .dropdown-menu > li > a {
    color: #fff;
}

.navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-nav > li > .dropdown-menu > li > a:focus {
    background-color: #006687;
    color: #fff;
}

.navbar-default {
    background-color: #e0e0e0;
    border-color: #007399;
}

    .navbar-default .navbar-brand {
        color: #008cba;
    }

    .navbar-default .navbar-nav > li > a {
        color: #008cba;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #fff;
        background-color: #006687;
    }

    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        color: #fff;
        background-color: #006687;
    }

    #a_header:hover {
        background-color:unset!important;
    }



.logo_header {
    top: -13px;
    float: left;
    width: 190px;
    height: 78px;
    text-indent: -9999px;
    overflow: hidden;
    display: inline; /* IE hackiness */
    background: url('/images/BoatBrowser_2022.png') no-repeat;
    background-size: cover;
    /*background: url('/images/boatbrowserlogo_header.jpg') no-repeat;*/
}

#ul-mobile {
    margin: 0;
    width: 90%;
}

#ul-mobile > li > a {
    height: 50px;
}

#ul-mobile > li {
    float: left;
}

.li-button {
    width: 25%;
    border-color: white;
    border-right-width: thin;
    border-right-style: solid;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 120px;
    background-color: #f5f5f5;
    border-top: 1px solid #e3e3e3;
    padding-top: 20px;
}

#footer {
    float: left;
    clear: both;
    width: 825px;
    margin-top: 20px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px !important;
    overflow: hidden;
    color: #fff;
    background: #2B519D;
    padding: 5px 0;
    overflow: hidden;
}

    #footer ul {
        margin: 0;
        padding: 0 0 5px;
        float: left;
        display: inline; /* hack */
        list-style: none;
    }

    #footer li {
        margin: 5px 5px 0 0;
        padding: 0;
        float: left;
    }

#footer a {
    color: #fff;
}

#logo_footer {
    float: left;
    background: url('/images/boatbrowserlogo_footer.jpg') no-repeat;
    width: 184px;
    height: 20px;
    margin: 13px 22px 10px 6px;
    text-indent: -9999px;
}

#logo_footer_lakes {
    float: left;
    background: url('/images/Lakebrowserlogo_footer.jpg') no-repeat;
    width: 184px;
    height: 20px;
    margin: 13px 22px 10px 6px;
    text-indent: -9999px;
}


#footer #terms {
    clear: left;
}

#bs-mobile-navbar-collapse > ul {
    float: none !important;
}

@media (max-width: 767px) {
    body{
        padding-bottom:0!important;
        margin-bottom:0!important;
    }

    #imgLogo {
        height: 55px !important;
    }

    #ul-mobile {
        font-size: 11px !important;
        font-weight: 600 !important;
    }
    #bs-mobile-navbar-collapse > ul{
        width:50%;
        float:right!important;
    }
    #bs-mobile-navbar-collapse > ul > li {
        background-color: #008cba;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
    }

    #bs-mobile-navbar-collapse > ul > li > a{
        color:white!important;
    }

    .menu-item > a {
        color: white !important;
    }
}

/*END Header/Footer Specific Styles*/

.container {
    width: 855px !important;
}




@media (max-width: 1199px) {
    body {
        padding-top: 84px;
    }
}

@media (max-width: 767px) {
    body {
        padding-top: 51px;
    }
}

@media (max-width: 500px) {
    body {
        padding-top: 51px;
    }
}


.actionBtn {
    color: Black;
    font-weight: bold;
    margin: 8px 5px 0 5px;
}

.actionBtn:hover {
    color: #000;
}

li {
    border-right: medium none;
    padding-right: 0px;
    border-top: medium none;
    padding-left: 10px;
    padding-bottom: 8px;
    margin: 0px;
    border-left: medium none;
    padding-top: 0px;
    border-bottom: medium none;
}


#login {
    clear: both;
    float: left;
    width: 330px;
    margin: 0 0 10px 10px;
    display: inline; /* IE Hackiness */
    overflow: hidden;
    background: url('/images/login_background.gif') repeat-x bottom left #D5DCEB !important;
}

.login {
    clear: both;
    float: left;
    /*width: 330px;*/
    /*margin: 0 0 10px 10px;*/
    display: inline; /* IE Hackiness */
    overflow: hidden;
    background: url('/images/login_background.gif') repeat-x bottom left #D5DCEB !important;
}

#login h2 {
    font-size: 1.25em;
    color: #fff;
    padding: 10px 20px 15px 60px;
    background: url('/images/xlogin_header.jpg') no-repeat #2B519D;
}

#login form {
}

#login a {
    clear: both;
    float: right;
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: -.02em;
    /*margin: 4px 10px 4px 0;*/
    display: inline; /* hack */
}

#login label {
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    margin: 4px 0 0 4px;
    padding: 0;
    float: left;
    clear: both;
}

#login .text_input {
    width: 110px;
    background: #FFFFCC;
    color: #000000;
    border: 1px solid #ccc;
    float: right;
    margin-right: 10px;
}

#login span {
    /*width: 50px;*/
    padding-top: 2px;
    display: inline;
    float: left;
}

#login .button {
    clear: both;
    float: right;
    margin: 0 10px 0 0;
    background: #2B519D;
    color: #fff;
    font-weight: bold;
    padding: 4px;
    font-size: 1em;
    border: none;
}

.link_list {
    list-style: none;
    width: 440px;
    overflow: hidden;
    /*float: right;*/
    display: inline; /* Big fat thanksgiving hack */
}


.link_list li {
    /*float: left;*/
    border-top: 1px solid #666;
    width: 200px;
    margin: 0 0 0 20px;
    padding: 0 0 8px;
    display: inline;
}

.link_list li p {
    letter-spacing: -.05em;
}

.boats_for_sale h3,
.sell_your_boat h3,
.guide_to_listing h3,
.get_started h3,
.boats_for_sale p,
.sell_your_boat p,
.guide_to_listing p,
.get_started p {
    padding-left: 60px;
}

.link_list .boats_for_sale {
    background: url('/images/icons/search.jpg') no-repeat 0 6px;
}

.link_list .sell_your_boat {
    background: url('/images/icons/forsale.jpg') no-repeat 0 6px;
}

.link_list .guide_to_listing {
    background: url('/images/icons/guide.jpg') no-repeat 0 6px;
}

.link_list .get_started {
    background: url('/images/icons/start.jpg') no-repeat 0 6px;
}

.link_list h3 {
    border-top: 4px solid #ccc;
    margin-bottom: 5px;
    padding-top: 4px;
}

.link_list li {
    /*float: left;*/
    border-top: 1px solid #666;
    width: 200px;
    margin: 0 0 0 20px;
    padding: 0 0 8px;
    display: inline;
}

.link_list li p {
    letter-spacing: -.05em;
}

    @media (max-width: 767px) {
        .link_list {
            text-align: center;
        }
    }


    /*JK Genereic styles*/
    .required {
        color: Red;
        font-size: larger;
    }

    .height-10 {
        height: 10px;
    }

    .height-20 {
        height: 20px;
    }

    .height-30 {
        height: 30px;
    }

    .height-40 {
        height: 40px;
    }

    .height-50 {
        height: 50px;
    }

    .height-60 {
        height: 60px;
    }

    .height-70 {
        height: 70px;
    }

    .height-80 {
        height: 80px;
    }

    .height-90 {
        height: 90px;
    }

    .height-100 {
        height: 100px !important;
    }

    .v-align-middle {
        vertical-align: middle !important;
    }

    .HIDDEN {
        display: none !important;
    }

    .template-row {
        padding: 4px;
        /*border-bottom-style: inset;*/
    }

    @media (max-width: 991px) {
        body > .container {
            padding-bottom: 100px;
        }

        .footer {
            height: 200px;
        }
    }

    @media (max-width: 767px) {
        body > .container {
            padding-bottom: 120px;
        }

        .footer {
            height: 230px;
        }

        #footer {
            width: 100% !important;
            /*width: 96% !important;*/
            height: 100% !important;
            margin: auto !important
        }

        #footer_menu {
            display: none !important;
        }

        .xs-no-row {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }
    }


    address {
        display: inline;
        margin-bottom: 0;
    }

    .strong {
        font-weight: bold;
    }

    .larger {
        font-size: 21px;
    }

    .large {
        font-size: 17px;
    }

    .link {
        color: #4488dd;
    }

        .link:hover {
            color: #00526e;
            cursor: pointer;
        }

    /* Carousel base class */
    .carousel {
        height: 300px;
        margin-bottom: 30px;
    }

    .banner-carousel {
        height: 155px;
        margin-bottom: 30px;
    }
    /* Since positioning the image, we need to help out the caption */
    .carousel-caption {
        z-index: 10;
    }

        .carousel-caption > h1 {
        }

    /* Declare heights because of positioning of img element */
    .carousel .item {
        height: 300px;
        background-color: #fff;
        vertical-align: middle;
    }

    .banner-carousel .item {
        height: 155px;
        background-color: #fff;
        vertical-align: middle;
    }
    /*.carousel-inner > .item > img { position:absolute; top:50%; left:50%; margin-top:-35%; margin-left:-50%; min-height: 100%; min-width: 100%; width: 100%; height: auto; }*/
    .carousel-inner > .item > img {
        position: absolute;
        top: 0;
        left: 0;
        min-height: 100%;
        min-width: 100%;
        height: 100%;
        width: 100%;
        margin: 0;
    }

    .banner-carousel > .carousel-inner > .item > img {
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 0;
        margin-left: 0;
        max-width: 200%;
        width: auto;
        height: auto;
    }

    @media (max-width: 991px) {
        .carousel {
            height: 200px;
        }

            .carousel .item {
                height: 200px;
            }
    }
    /* Carousel fade-transition CSS */
    .carousel-fade .carousel-inner .item {
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
    }

    .carousel.carousel-fade .active.left,
    .carousel.carousel-fade .active.right {
        left: 0;
        z-index: 2;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .carousel.carousel-fade .next,
    .carousel.carousel-fade .prev {
        left: 0;
        z-index: 1;
    }

    .carousel-control {
        display: none;
    }

    .carousel.carousel-fade .carousel-control {
        z-index: 3;
    }

    .carousel p.btn-slider {
        position: absolute;
        bottom: -1px;
        right: 9px;
        z-index: 4;
    }

    a.btn-slider, a.btn-slider:hover, a.btn-slider:visited {
        color: #ff0303;
        text-decoration: none;
        font-size: 15px;
        font-weight: bold;
        background-color: rgba(255,255,255,0.83);
        border-radius: 44px;
    }

        a.btn-slider:hover {
            background-color: rgba(255,255,255,.8);
        }

    /* Dropdown Submenu */
    .dropdown-submenu {
        position: relative;
    }

        .dropdown-submenu > .dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: -6px;
            margin-left: -1px;
            -webkit-border-radius: 0 6px 6px 6px;
            -moz-border-radius: 0 6px 6px;
            border-radius: 0 6px 6px 6px;
            background-color: #008cba;
            box-shadow: 3px 3px 10px #7C7C7C;
        }

            .dropdown-submenu > .dropdown-menu a {
                color: #fff;
            }

                .dropdown-submenu > .dropdown-menu a:hover {
                    background-color: #006687;
                    color: #fff;
                }

        .dropdown-submenu > a:after {
            display: block;
            content: " ";
            float: right;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-left-color: #ccc;
            margin-top: 5px;
            margin-right: -10px;
        }

        .dropdown-submenu:hover > a:after {
            border-left-color: #fff;
        }

        .dropdown-submenu.open > a {
            background-color: #006687;
        }

    /* Side Nav */
    .sideNavShadow {
        box-shadow: 5px 5px 5px #c3c3c3;
    }

    @media (max-width: 768px) {
        .sideNavShadow {
            box-shadow: none;
        }
    }



    @media (min-width: 992px) {
        .banner-img {
            display: none;
        }

        .md-hidden {
            display: none !important;
        }
    }

    @media (min-width: 1200px) {
        .lg-hidden {
            display: none !important;
        }
    }

    @media (max-width: 767px) {
        .banner-img {
            display: none;
        }

        .sm-hidden {
            display: none !important;
        }

        .xs-hidden {
            display: none !important;
        }
    }

    a.boatInsuranceForAgents:hover {
        text-decoration: none;
    }

    a .boatInsuranceForAgents, a .boatInsuranceForAgents:hover {
        background-color: #fff;
        width: 60%;
        margin: auto;
        color: #000099;
        font-weight: bold;
    }

        a.boatInsuranceForAgents .click {
            color: #00FFFF;
        }

    a > .consequentionLoss {
        border: 2px solid #004C66;
    }

    a.consequentionLoss:hover {
        text-decoration: none;
    }

    a .consequentionLoss, a .consequentionLoss:hover {
        background-color: #0099CC;
        width: 50%;
        margin: auto;
        color: #fff;
        font-weight: bold;
    }

        a.consequentionLoss .always {
            background-color: #004C66;
        }

        a.consequentionLoss .click {
            color: #004C66;
        }

    a.yourAgent:hover {
        text-decoration: none;
    }

    a .yourAgent, a .yourAgent:hover {
        background-color: #fff;
        border: thin solid #62778D;
        width: 75%;
        margin: auto;
        color: #000099;
        font-weight: bold;
    }

        a.yourAgent .click {
            color: #000;
        }

        a.yourAgent .yourAgentDivider {
            background-color: #FFFF00;
            width: 80%;
            margin: auto;
        }

    .well-custom {
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 3px;
        padding: 0 7px;
    }

    .well-custom-lg {
        border-radius: 3px;
    }

    .text-umu {
        font-weight: bold;
        font-family: serif;
        color: #003399;
        padding: 10px 0 15px 83px;
    }

    .main-txt {
        margin-top: 10px;
        font-size: 10pt;
    }

    .img-main {
        background: url(/images/new/boat-insurance-listing-speedboat.jpg) no-repeat;
        box-shadow: 0 0 8px rgba(0, 0, 0, .8);
        margin: -25px -24px 0 -24px;
        background-size: 780px;
        background-position-x: -90px;
        background-position-y: -50px;
        height: 200px;
    }

    .img-main-txt {
        color: white;
        font-weight: bold;
        font-size: 25px;
        position: absolute;
        text-shadow: 2px 2px rgba(0,0,0,.8);
        top: 0;
    }

    .img-main-txt-free {
        font-size: 29px;
    }

    .img-circular-custom {
        width: 125px;
        height: 125px;
        border-radius: 150px;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        box-shadow: 0 0 8px rgba(0, 0, 0, .8);
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
        -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    }

    .img-circular-quotedetails {
        width: 94px;
        height: 94px;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        box-shadow: 0 0 8px rgba(0, 0, 0, .8);
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
        -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    }

    .img-sailboat {
        background: url(/images/new/boat-insurance-listing-sailboat.jpg) no-repeat;
        background-size: 130px;
        margin: auto;
        margin-top: 20px;
    }

    .img-cs {
        background: url(/images/new/boat-insurance-listing-customer-service.jpg) no-repeat;
        background-size: 138px;
        margin: auto;
        margin-top: 20px;
    }

    .img-just {
        background: url(/images/new/jet-ski-on-water.jpg) no-repeat;
        background-size: 187px;
        margin: auto;
        margin-top: 20px;
    }

    .img-find {
        background: url(/images/new/boat-insurance-listing-find.jpg) no-repeat;
        background-size: 125px;
        margin: auto;
        margin-top: 20px;
        a
    }

    .img-cost {
        background: url(/images/new/dollar_icon.jpg) no-repeat;
        background-size: 125px;
        margin: auto;
        margin-top: 20px;
    }

    .img-fishing {
        background: url(/images/new/Fishing.jpg) no-repeat;
        background-size: 225px;
        margin: auto;
        margin-top: 20px;
    }

    .img-guide {
        background: url(/images/new/guide.jpg) no-repeat;
        background-size: 175px;
        margin: auto;
        margin-top: 20px;
    }

    .img-side {
        background: url(/images/new/sidebyside.jpg) no-repeat;
        background-size: 175px;
        margin: auto;
        margin-top: 20px;
    }

    .img-cruiser {
        background: url(/images/new/boat-insurance-listing-cruiser.jpg) no-repeat;
        box-shadow: 0 0 8px rgba(0, 0, 0, .8);
        border-radius: 3px;
        margin-top: 25px;
        background-size: 292px;
        background-position-y: -20px;
        height: 175px;
    }

    .img-get-listing {
        background: url(/images/new/boat-insurance-listing-now.png) no-repeat;
        margin: 50px auto 30px auto;
        background-size: 150px;
        background-position-x: -2px;
    }

    @media (max-width: 767px) {
        .div-centered {
            width: 50%;
            margin: auto;
        }

        .img-main {
            background-size: 810px;
        }
    }

    @media (min-width: 768px) and (max-width: 990px) {
        .div-centered {
            width: 26%;
            margin: auto;
        }

        .img-main {
            background-position-x: -10px;
            background-size: 840px;
        }
    }

    @media (min-width: 991px) and (max-width: 1199px) {
        .div-centered {
            width: 84%;
            margin: auto;
        }
    }

    @media (min-width: 1200px) {
        .div-centered {
            width: 70%;
            margin: auto;
        }
    }


    /*JK Styles for the QuoteForm.aspx Owner Tab Quote Request Operator Tab */
    /*Table Styles*/
    table > thead {
        background-color: #282eb1;
        font-size: 13px;
    }

    table > tbody {
        font-size: 12px !important;
    }

    th, th > a {
        color: white !important;
    }

    .operator-data > td {
        padding-top: 10px !important;
    }

    .operator-table-icon {
        /*font-size: large!important;*/
        padding-right: 5px !important;
    }

    /*Action*/
    .operator-data .action-column {
        padding-top: 5px !important;
    }

    .btn-xs, .btn-group-xs > .btn {
        border-radius: 3px !important;
    }


    /*App Tool Bar Styles*/
    .app-toolbar {
        background-color: #0c2a48 !important;
        /*background-color: #024080!important;*/
    }

    /*Color Styles*/
    .color-white {
        color: white !important;
    }

    .color-red {
        color: red !important;
    }

    .color-green {
        color: green !important;
    }

    /*End Color Styles*/

    /*Layout styles*/
    .padding-left-none {
        padding-left: 0 !important;
    }

    .padding-right-none {
        padding-right: 0 !important;
    }

    .padding-top-none {
        padding-top: 0 !important;
    }

    .padding-bottom-none {
        padding-bottom: 0 !important;
    }

    .padding-none {
        padding: 0 !important;
    }

    .margin-left-none {
        margin-left: 0 !important;
    }

    .margin-right-none {
        margin-right: 0 !important;
    }

    .margin-top-none {
        margin-top: 0 !important;
    }

    .margin-top-25 {
        margin-top: 25px !important;
    }

    .margin-bottom-none {
        margin-bottom: 0 !important;
    }

    .margin-none {
        margin: 0 !important;
    }

    .border-none {
        border: none !important;
    }

    @media (max-width: 767px) {
        .xs-padding-left-none {
            padding-left: 0 !important;
        }

        .xs-padding-right-none {
            padding-right: 0 !important;
        }

        .xs-padding-top-5 {
            padding-top: 5px !important;
        }

        .xs-padding-top-10 {
            padding-top: 10px !important;
        }

        .xs-padding-left-10 {
            padding-left: 10px !important;
        }

        .xs-padding-right-10 {
            padding-right: 10px !important;
        }
    }
    /*End Layout styles*/

    #ContentHost {
        padding-left: 0 !important;
        padding-right: 0 !important;
        background-color: #f5f5f5;
    }

    @media (max-width: 767px) {
        #wrapper {
            /*width: 100% !important;*/
            width: unset !important;
            /*font-size:20px;*/
        }

        h1 {
            font-size: 25.25px !important;
        }

        .container {
            width: unset !important;
        }

        #HeroDiv img {
            width: 100%;
        }

        #LoginHostContainer {
            width: 100% !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        #ContentHostContainer {
            width: 100% !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        /*effect small screen*/
        #ContentHost {
            padding-left: 0 !important;
            padding-right: 0 !important;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            /* optional */
            -webkit-box-align: start;
            -moz-box-align: start;
            -ms-flex-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start;
        }

        #LoginHost {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            /* optional */
            -webkit-box-align: start;
            -moz-box-align: start;
            -ms-flex-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start;
        }


        #ResourceHost,
        #divLogin {
            -webkit-box-ordinal-group: 2;
            -moz-box-ordinal-group: 2;
            -ms-flex-order: 1;
            -webkit-order: 1;
            order: 1;
            padding-right: 0;
            padding-left: 0;
        }

        #divInstructions {
            padding-top: 40px;
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        #MainContentHost {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }


        span {
            /*font-size:20px!important;*/
        }

        #logo_footer {
            background: unset !important;
        }
    }

    .text-bold {
        font-weight: bold;
    }

    .panel-heading {
        background-color: #0c2a48 !important;
        color: white !important;
        font-size: 14px !important;
    }

    .btn-edit-operator, .btn-edit-boat {
        margin-right: 5px;
    }

    .separator-image {
        height: 50px;
    }

    #trOperatorUnder16Question > td > img {
        height: 50px;
    }

    #operatorInfoForm > table:nth-child(2) > tbody > tr:nth-child(3) > td.heading {
        font-size: 16px;
    }

    #tblOperatorMVR {
        margin-top: 10px !important;
    }

    #tblOperatorWarning {
        margin-top: 10px;
        margin-bottom: 10px;
        /*padding-left: 10px;
                            padding-right: 10px;*/
        text-align: center;
        background-color: lightgoldenrodyellow;
    }

        #tblOperatorWarning > tbody > tr > td > h3 {
            margin-top: 10px !important;
        }

    #tblOperatorQuestions {
        /*margin-top: 20px;*/
    }

    #priorOwnedQuestion {
        margin-top: 10px;
    }
    /*jk creates a red border around object to bring attention to it*/
    .border-highlight {
        border-width: 1px !important;
        border-color: red !important;
        border-style: solid !important;
    }
    /*jk removes border around object*/
    .remove-border-highlight {
        border-width: 0 !important;
        border-color: unset !important;
        border-style: unset !important;
    }

    #tblPriorOwnedBoats {
        margin-bottom: 10px;
    }

        #tblPriorOwnedBoats > thead {
            background-color: #282eb1;
            font-size: 13px;
            color: #333;
        }

            #tblPriorOwnedBoats > thead > tr > th {
                /*color: #333 !important;*/
                text-align: center;
            }

        #tblPriorOwnedBoats > tbody > tr {
            color: #333 !important;
            text-align: center;
        }

    #tblOperatorMVRList {
        margin-bottom: 10px;
        border: 0;
    }

        #tblOperatorMVRList > thead {
            background-color: #282eb1;
            font-size: 13px;
            color: #333;
        }

            #tblOperatorMVRList > thead > tr > th {
                /*color: #333 !important;*/
                text-align: center;
            }

        #tblOperatorMVRList > tbody > tr {
            color: #333 !important;
            text-align: center;
        }

    hr {
        border-top: 1px solid #e4e4e4;
    }


    /*jk prior owned boat dialog styles*/
    #previouslyOwnedBoatDialog-Document {
        width: 350px;
    }

    /* jk for autocomplete results*/
    ul.auto-complete-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 1500;
        max-height: 250px;
        overflow: auto;
    }



    .th-city-state-action-col {
        width: 90px;
        text-align: center;
    }

    .city-state-action {
        text-align: center;
    }

    .th-operator-mvr-action-col {
        width: 132px !important;
        text-align: center !important;
    }

    .btn-edit-operator-mvr {
        margin-right: 5px !important;
    }



    /*JK End Styles for the Quote Request Operator Tab */
    /*JK QuoteForm.aspx Location Tab*/
    #frmMoorageZip, #frmPWCMoorageZip {
        margin-right: 15px;
        display: block;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

        #frmMoorageZip[disabled], #frmMoorageZip[readonly], #frmPWCMoorageZip[disabled], #frmPWCMoorageZip[readonly] {
            background-color: #eee;
            opacity: 1;
        }


    #lblDontKnowZip, #lblPWCDontKnowZip {
        display: block;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        border-radius: 4px;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
    /*End JK QuoteForm.aspx Owner Tab*/

    /*JK Boat Tab*/
    #btnChangeBoat {
        float: right;
        margin-right: 20px;
        padding-left: 8px;
        padding-right: 8px;
    }


    /*JK Siteadmin/ViewQuote.aspx */
    .panel-button {
        float: right;
        color: white;
        background-color: #282eb1;
    }

    /*JK Siteadmin/ViewQuote.aspx */

    /*JK Dev/Agents/BoatQuoteLink.aspx */
    .bql.panel-heading {
        color: #3c763d !important;
        background-color: #dff0d8 !important;
        border-color: #d6e9c6 !important;
    }
    /*JK END Dev/Agents/BoatQuoteLink.aspx */

    /*JK AgencyEditor Styles*/
    #dealership-top {
        margin-bottom: 5px;
    }

    #dealership-top, #dealership-left, #dealership-right, #dealership-bottom, #dealership-editor {
        background-color: #f5f5f5;
    }
    /*JK End AgencyEditor Styles*/

    .invalidArrow {
        position: absolute;
        top: 6px;
        right: 25px;
    }

    .invalidElement {
        background-color: #FFE6E6;
    }

    .invalidLabel {
        color: Red;
        border: thin solid red;
        background-color: #FFE6E6;
        margin-left: 6px;
        padding-left: 3px;
        padding-right: 3px;
    }

    ul {
        list-style: none !important;
    }

    /*Default.aspx*/
    #default > #wrapper {
        padding-right: 0 !important;
        background-color: #f5f5f5;
    }

    @media (max-width: 767px) {
        #default > #wrapper {
            padding-right: 15px !important;
        }

        #Default > div.container.padding-left-none {
            padding-right: 0 !important;
        }
    }

    /*End Default.aspx*/

    /*sellboat*/
    @media (max-width: 767px) {
        #dataform > div.container {
            margin-top: 25px !important;
        }
    }
    /*End sellboat*/

    /*Terms of Use*/
    @media (max-width: 767px) {
        #TermsOfUse > div.container {
            margin-top: 25px !important;
        }
    }

    /*End Terms of Use*/

    /*BoatSurveyors*/
    /*#BoatSurveyors > div.container {
        clear: both;
        float: left;
        width: 780px;
        display: inline;*/ /* hack */
    /*padding-left: 0px;
    }


        #BoatSurveyors > div.container p {
            line-height: 2em;
            font-size: 1.1em;
            margin: 0 40px 15px 212px;
        }

        #BoatSurveyors > div.container ul {
            font-size: 1.1em;*/
    /*margin: 0 40px 15px 250px;*/
    /*margin: 0 40px 0px 250px;
        }

        #BoatSurveyors > div.container li {
            padding: 0;
            margin: 0;
            line-height: 1.5em;
        }

        #BoatSurveyors > div.container .nostyle li {
            list-style-type: none;
            margin: 10px 0 10px 10px;
        }

        #BoatSurveyors > div.container .no_indent {
            margin-left: 230px;
            font-size: 1.05em
        }

            #BoatSurveyors > div.container .no_indent li {
                list-style-type: none;
                margin: 0 0 10px 0
            }

    @media (max-width: 767px) {
        #BoatSurveyors > div.container {
            margin-top: 25px !important;
            margin-bottom: 25px !important;
            width: 90%;
        }

            #BoatSurveyors > div.container ul {
                margin: auto;
                width: 70%;
            }
    }*/
    /*End BoatSurveyors*/

    /*FindBoats*/
    #FindBoats > div.container {
        /*margin-top: 25px !important;*/
        padding-left: 0 !important;
    }

    @media (max-width: 767px) {
        #btnSubmit {
            width: 100%;
        }

        #tblBoatSelectParams {
            width: 100%;
        }

        #FindBoats > div.container {
            /*margin-top: 25px !important;*/
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    }
    /*End FindBoats*/

    /*Dealers/Tour*/
    #tblDealersTour {
        text-align: center;
        margin: auto;
    }
    /*End Dealers/Tour*/
    /*Sales Person Center*/
    #admin-wrapper {
        margin: 0 auto;
        background: #fff;
        font-size: 12px; /*11px default, but still sizable.*/
        overflow: hidden;
        background-color: #f5f5f5 !important;
    }


    #sales-person-center {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    #tblListings {
        text-align: center;
    }

        #tblListings td {
            font-size: 14px;
        }

    #oldListingsNote {
        padding-top: 10px;
    }

    #SalesPersonCenter .panel-body {
        padding-left: 0;
        padding-right: 0;
    }

    #divStartNewListing {
        margin: auto;
        width: fit-content;
    }

    #btnNewListing {
        margin-left: 10px;
    }


    .oldListingsNote {
        margin-top: 10px;
    }

    @media (max-width: 767px) {
        #listing-btn-group > .btn-print-listing {
            display: none !important;
        }

        #admin-wrapper {
            padding-left: 0px;
            padding-right: 0px;
        }

        .oldListingsNote {
            margin-top: 10px;
        }
    }
    /*End Sales Person Center*/

    /*    AdminCenter*/
    #admin-center {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    /*    End AdminCenter*/

    /*ListingEditor*/
    #tblButtons {
        margin: auto;
    }

    #tblShowDetailed,
    #tblDetailed,
    #tblThirdPartyContactInfo {
        width: 100%;
    }

    @media (max-width: 767px) {
    }

    /*FindResults*/
    #search_results.ResultTableHost {
        height: 185px;
        clear: both;
        width: 100%;
    }

    #search_results td {
        height: 29px;
        /*was 59 rdt */
    }

    #search_results th,
    #search_results td {
        font-family: Helvetica, Arial, sans-serif;
    }

    .result-body {
        height: 160px;
    }

    .result-image {
        text-align: center;
        width: 20%;
    }

    .result-description {
        width: 25%;
    }



    @media (max-width: 767px) {
        #search_results {
            margin-top: 25px;
        }

            #search_results table {
                height: unset;
            }

            #search_results td {
                height: unset !important;
            }

        .result-image {
        }

        .result-description {
        }

        #search_results > table, #search_results > table > tbody {
            display: inline-block;
        }

            #search_results > table > tbody > tr.result-body {
                height: unset;
                display: flex;
                flex-wrap: wrap;
            }

        .result-image {
            display: block;
            flex: 1 /* to evenly distributs flex elements;; */;
        }

        .result-description {
            width: 100%;
            flex: auto;
        }
    }
    /*End FindResults*/

    /*BoatDetails*/
    #divLargeFeaturedPic {
        text-align: center;
        width: 260px;
    }

    #divClickToEnlarge {
        color: blue;
        font-size: 10px;
        text-align: center;
        font-weight: 700;
    }

    #leftcolumn {
        float: left;
        width: 290px
    }

        #leftcolumn h3 {
            margin-left: 30px;
            color: #4768AA;
            font-weight: bold;
            font-size: 1.2em;
        }

        #leftcolumn ul {
            margin-left: 30px;
            list-style-type: none;
            font-family: Arial, Helvetica, sans-serif;
        }

        #leftcolumn li {
            margin-top: 8px;
        }

        #leftcolumn a {
            text-decoration: none;
            color: #000;
        }

            #leftcolumn a:hover {
                text-decoration: underline;
            }

        #leftcolumn img#umu {
            margin: 30px 10px 0 30px;
            border: 1px solid #ccc;
        }

    #boat_details {
        float: left;
        width: 480px;
    }

        #boat_details h2 {
            color: #4768AA;
        }

        #boat_details h3 {
            color: #999999;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1em;
            letter-spacing: normal;
        }

    .price {
        color: #4768AA;
        font-size: 2em;
        margin: 15px 0 5px 0;
        font-family: Arial, Helvetica, sans-serif;
        width: 200px;
    }

    .spacer {
        color: #4768AA;
        font-size: 2em;
        margin: 0px 5px 5px 0;
        font-family: Arial, Helvetica, sans-serif;
        width: 200px;
        height: 5px;
    }

    #boat_details div {
        float: left;
    }

    #boat_details dl {
        clear: left;
        float: left;
        display: inline; /* IE hack */
        margin: 15px 15px 0 0;
        color: #4768AA;
        font-family: Arial, Helvetica, sans-serif;
        text-align: initial;
    }

    #boat_details dt {
        clear: left;
        float: left;
        display: inline; /* IE hack */
        font-weight: bold;
        margin: 5px 0 5px 0;
    }

    #boat_details dd {
        float: left;
        margin: 3px 0 0 5px
    }

    .description {
        clear: left;
        float: left;
        font-size: 1.1em;
        line-height: 2em;
        margin-top: 15px;
        width: 500px;
        font-family: Arial;
        background-color: WhiteSmoke;
    }

    #additional_photos {
        width: 500px;
    }

        #additional_photos h3 {
            clear: left;
            color: #4768AA;
            font-size: 1.15em;
            font-family: Georgia, "Times New Roman", Times, serif;
            margin-top: 20px;
        }

        #additional_photos img {
            float: left;
            margin: 15px 15px 0 0;
            border: 1px solid #551A8B
        }


    #spanOfferMessage {
        font-family: Arial;
        text-align: center;
    }

    @media (max-width: 767px) {
        #leftcolumn {
            float: none;
            width: 100%;
        }

        #divLargeFeaturedPic {
            width: 100%;
        }

        #divClickToEnlarge {
            display: none;
        }

        #boat_details {
            width: 100%;
        }

        .description {
            width: 100%;
        }

        #additional_photos {
            width: 100%;
        }

        #boat_details_div {
            float: none !important;
            text-align: center;
        }

        .price {
            text-align: center;
            width: unset;
        }

        #spanOfferMessage {
            font-weight: 600;
            font-size: small;
        }

        #pGetBoatInsurance {
            text-align: center;
        }

        #ulMiscMobileContent {
            text-align: center;
        }

        #divMobileMiscContents {
            margin: auto;
            width: 99%;
        }
    }
    /*End BoatDetails*/

    /*TellAFriend*/
    #pnlEmailWrapper > div {
        padding-right: 0;
        padding-left: 0;
    }

    #divButtons {
        text-align: start;
    }

    @media (max-width: 767px) {
        #pnlEmailWrapper {
            margin-top: 25px;
        }

            #pnlEmailWrapper > div {
                padding-right: unset;
                padding-left: unset;
            }

        #divButtons {
            text-align: center;
        }
    }
    /*End TellAFriend*/

    /*UsedBoats*/
    #search_results {
        margin: auto;
        /*width: 75%;*/
    }
    /*End UsedBoats*/

    /*signup*/
    #pnlSignupForm {
        background-color: #f5f5f5;
    }

    @media (max-width: 767px) {
        #btnSubmit {
            width: 100%;
        }
    }
    /*end signup*/