body { padding-bottom: 0; color: #333; }
a { color: #004876; }
a:hover { color: #031B33; }

@font-face {
    font-family: 'HelveticaLTCondensedBold';
    src: url('/site_media/v2/fonts/helvetica_lt_condensed_bold-webfont.eot');
    src: url('/site_media/v2/fonts/helvetica_lt_condensed_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/site_media/v2/fonts/helvetica_lt_condensed_bold-webfont.woff') format('woff'),
         url('/site_media/v2/fonts/helvetica_lt_condensed_bold-webfont.ttf') format('truetype'),
         url('/site_media/v2/fonts/helvetica_lt_condensed_bold-webfont.svg#HelveticaLTCondensedBold') format('svg');
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover { outline: 0; }


.breadcrumb { background: #FFF; padding-left: 0; }
.breadcrumb > li + li:before { color: #ccc; content: "\00BB"; }

/* Set padding to keep content from hitting the edges */
.body-content { padding-left: 15px; padding-right: 15px; position: relative; }
.body-content > h1 { margin-top: 7px; margin-bottom: 16px; font-size: 18px; }

.btn .fa { margin-top: 4px; }

#header-top { display: table; padding-top: 8px; padding-bottom: 8px; }

/* Override the default bootstrap behavior where horizontal description lists will truncate terms that are too long to fit in the left column */
.dl-horizontal dt { white-space: normal; }

/* Set width on the form input elements since they're 100% wide by default */
input, select, textarea { max-width: 280px; }

/* Navbar change color scheme on collapse*/
.navbar-default .navbar-toggle { border: 0; }
.navbar-default .navbar-toggle .icon-bar { background-color: #FFF; }
.navbar-toggle .icon-bar { height: 3px; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #333; }

.navbar-default .navbar-nav > li > a { color: inherit; }
.navbar-header .pull-left { display: none; }
.nav .mobile-only { display: none; }

#head-grey-bottom { display: none; }
.outer-nav-container { margin-bottom: 20px; }

#guest_nav { display: block !important; clear: both !important; float: none !important; text-align: center; }
#guest_nav ul { list-style-type: none; padding: 0; margin: 0; display: inline-block; text-align: center; margin-left: auto; margin-right: auto; }
#guest_nav ul li { float: left; padding: 3px; padding-top: 0; margin: 0; font-size: 13px; font-weight: bold; color: #e9661e; }
#guest_nav ul li a { font-weight: normal; color: #333; }

#nav-social-wrapper { padding: 4px; clear: both !important; display: block !important; float: none !important; text-align: center; }
#nav-social-inner { display: inline-block; padding-left: 30px; }
#nav-social-inner2 { display: inline-block; padding-top: 5px; }

.blank-ad-parent { display: none !important; }

#top-bar-social { font-size: 26px; margin-bottom: 8px; }
#top-bar-social a { color: #000; display: inline-block; margin-left: 3px; margin-right: 3px; }
#top-bar-social a:hover { color: #666; }

@media (max-width: 991px) {
    #header-logo-wrapper a img { width: 100%; }
}

#mobile-search { display: none; }
#mobile-search input[type=text] { max-width: 100%; }

.navbar-default .navbar-nav > li.mobile-social { display: none !important; }

@media (max-width: 767px) {
    #mobile-search { display: block; }
    #mobile-search form div { padding: 10px 15px 0; }

    .navbar-default .navbar-nav > li.mobile-social { display: block !important; padding-left: 15px; }
    .navbar-default .navbar-nav > li > a {  }
    .navbar-default .navbar-nav > li.mobile-social > a { padding: 0 !important; margin: 0 10px 0 0 !important; clear: none !important; }
    .navbar-default .navbar-nav > li.mobile-social > a > span { font-size: 26px !important; }
}

@media (min-width: 767px) {
    #main-nav {  } /* #0B549D  */
    .navbar-default { background-color: #000; }
    #nav-bottom-row > .nav > li > a, #nav-row1 > .nav > li > a { padding: 13px 18px; color: #FFF; }

    #nav-bottom-row { text-align: center; background-color: #FFF; border: 0; border-bottom: 1px solid #E0E0E0; }
    #nav-bottom-row .navbar-nav { display: inline-block; float: none; vertical-align: top; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; }
    #nav-bottom-row > .nav > li > a:hover, #nav-bottom-row > .nav > li > a:focus,
    #nav-bottom-row > .nav > li > a { color: #222; background-color: transparent; text-transform: uppercase; }

        #nav-bottom-row > .navbar-nav > li > ul.dropdown-menu { background-color: #222; }
    #nav-bottom-row > .nav > li.open > a { background-color: #222; color: #FFF; }

    .navbar .navbar-nav { display: inline-block; float: none; vertical-align: top; }

    #nav-row1 .nav li { font-family: 'Source Sans Pro', sans-serif; font-weight: 600; color: #FFF; }
    
    #nav-row1 .nav li { text-transform: uppercase; font-size: 15px; }
    #nav-row1 .nav li:last-child, #nav-row1 .nav li.active { border-right: 0; }
    #nav-row1 .nav li ul li { text-transform: uppercase; font-size: 13px; }

    .navbar .navbar-collapse { text-align: center; padding-left: 0; padding-right: 0; height: 32px; }
    #main-nav .container { padding-left: 0; padding-right: 0; width: auto; }
}

/* @media (max-width: 960px) { */
@media (max-width: 1115px) {
    #nav-row1 ul li { }
    #nav-row1 ul li a { padding-left: 10px; padding-right: 10px; font-size: 14px; }
    #nav-row1 ul li.active a { height: inherit !important; }

    #nav-row3 ul li { height: 32px; font-size: 13px !important; }
    #nav-row3 ul li a { padding: 6px 9px;  }
    #nav-row3 ul li.active a { height: inherit !important; }
}

@media (max-width: 915px) {
    #nav-row1 ul li a { font-size: 13px; }
}

#main-nav .dropdown-menu { background-color: #222; }

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

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #FFF; background-color: #333; }

.top-leaderboard { padding-top: 15px; padding-bottom: 15px; }

@media (max-width: 767px) {
    #header-logo { display: none !important; }
    .top-leaderboard, #header-top, .header-leaderboard { padding: 0; }
    .outer-nav-container { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; margin-bottom: 0; }

    #head-grey-bottom { display: none; }
    .navbar-default { background-color: #000; }
    #main-nav { background-image: none; }
    .navbar-header { margin-top: 2px; margin-bottom: 2px; position: relative; }
    .navbar-header .navbar-toggle { margin-top: 5px; }
    .navbar-header .pull-left { display: inline-block; padding-left: 9px; }
    /* .brought-mobile { margin-left: 5%; } */
    #brought-mobile { margin-left: 12px; width: 240px; display: inline-block; }
    #brought-mobile a img { width: 75px; float: left; margin: 0; padding: 0; }
    .nav .mobile-only { display: block; }

    #nav-row1 ul li { height: auto !important; }
    #nav-row1 ul li a { padding: 10px 15px; font-size: 14px; }
    #nav-row1 ul li.active a { height: auto !important; }

    .navbar-collapse { border-top: 1px solid #E0E0E0; margin-top: 6px; }
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #FFF; background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li {  padding-left: 16px; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #FFF; background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #FFF; background-color: transparent; }

    #nav-bottom-row { border-top: 1px solid #E0E0E0; margin-top: 0; }
    #nav-bottom-row { text-align: center; background-color: #000; border: 0;  }
    #nav-bottom-row .navbar-nav { text-align: left; }
    #nav-bottom-row > .nav > li > a:hover, #nav-bottom-row > .nav > li > a:focus,
    #nav-bottom-row > .nav > li > a { color: #FFF; background-color: transparent; }

}

@media (max-width: 560px) {
    .navbar-header { padding-top: 4px; padding-bottom: 4px; }
    .navbar-header .pull-left img { height: 35px; }
    /* .brought-mobile { margin-left: 0 !important; } */
    #brought-mobile { width: 186px; }
    #brought-mobile a img { width: 56px; }
    .navbar-header .navbar-toggle { margin-top: 0; }
}

@media (max-width: 430px) {
    .navbar-header { padding-top: 4px; padding-bottom: 4px; }
    .navbar-header .pull-left img { height: 35px; }
    /* .brought-mobile { margin-left: 0 !important; } */
    #brought-mobile { width: 156px; padding-top: 4px; }
    #brought-mobile a img { width: 48px; }

    .navbar-header .navbar-toggle { margin-top: 0; }
}

@media (max-width: 450px) {
    .navbar-header .pull-left img { height: 30px; margin-top: 3px; }
}

@media (max-width: 400px) {
    .navbar-header .pull-left img { height: 25px; margin-top: 5px; }
}

@media (max-width: 65em) {
    #nav-row2 ul li a { padding-left: 8px; padding-right: 8px; font-size: 13px; }
    #nav-row3 ul li a { padding-left: 8px; padding-right: 8px; font-size: 13px; }
}

@media only screen and (max-width: 992px) {
    #nav-bottom-row > .nav > li > a, #nav-row1 > .nav > li > a { padding: 13px 12px; }
}

@media (max-width: 767px) {
    #nav-row2 ul li a { padding: 10px 15px; font-size: 14px; }
    #nav-row3 ul li a { padding: 10px 15px; font-size: 14px; }
    #nav-bottom-row > .nav > li > a, #nav-row1 > .nav > li > a { padding: 10px 15px; font-size: 14px; }
}

/*@media (max-width: 52em) {
    #nav-row2 ul li:first-child { display: none; }
    #nav-row3 ul li:first-child { display: none; }
}*/

/* Begin ads include */
.ad370x250 { display: block; width: 100%; max-width: 375px; margin-left: auto; margin-right: auto; height: 250px; }
.ad370x250 div iframe { width: 100% !important; }

.ad300x100 { position: relative; width: 100%; margin-bottom: 10px !important; }
.ad300x100 div iframe { width: 100% !important; }

.ad650 { display: block; width: 100%; max-width: 640px; height: 80px; margin-left: auto; margin-right: auto; margin-bottom: 10px !important; }
.ad650 div iframe { width: 100% !important; }

.ad650x100 { display: block; width: 100%; max-width: 650px; margin-left: auto; margin-right: auto; margin-bottom: 10px !important; }
.ad650x100 div iframe { width: 100% !important; }

.ad650x60 { display: block; width: 100%; max-width: 640px; height: 80px; margin-left: auto; margin-right: auto; margin-bottom: 10px !important; }
.ad650x60 div iframe { width: 100% !important; }

.ad468x60 { display: block; width: 100%; max-width: 468px; height: 60px; margin-left: auto; margin-right: auto; margin-bottom: 10px !important; }
.ad468x60 div iframe { width: 100% !important; }

.ad670x90 { display: block; width: 100%; max-width: 670px; height: 90px; margin-left: auto; margin-right: auto; margin-bottom: 10px !important; position: relative; }
.ad670x90 div iframe { width: 100% !important; }

.ad725x60 { display: block; width: 100%; max-width: 725px; height: 60px; margin-left: auto; margin-right: auto; margin-bottom: 10px !important; }
.ad725x60 div iframe { width: 100% !important; }

#ads_side div ul { list-style-type: none; margin: 0; padding: 0; }
#ads_side div ul li div iframe { width: 100% !important; }
#ads_side div ul li a img { width: 100%; }
#ads_side p { text-align: center; margin-bottom: 15px; font-weight: bold; padding-top: 15px; }

.ads-1col #ads_side div ul li { margin: 0; padding: 0; position: relative; margin-bottom: 10px; }

.ads-2col #ads_side div ul li { margin: 0; padding: 0; float: left; width: 49%; position: relative; margin-bottom: 10px; }
.ads-2col #ads_side div ul li:nth-child(even) { margin-left: 2%; }

.ads-1col-hor #ads_side div ul li { margin: 0; padding: 0; position: relative; margin-bottom: 10px; }

@media only screen and (max-width: 992px) {
    .ads-1col-hor #ads_side div ul li { width: 24%; margin-right: 1%; float: left; }
}

@media only screen and (max-width: 500px) {
    .ads-1col-hor #ads_side div ul li { width: 32%; margin-right: 1%; }
}
/* End ads include */


#weather-alert { padding-top: 8px; padding-bottom: 0; margin-bottom: 2px; }
#weather-links a { font-size: 13px; font-weight: bold; padding: 0 6px; }
#weather-links { padding-bottom: 3px; }
.weather-links-td { padding-left: 0; padding-bottom: 3px; }

@media (max-width: 550px) {
    #weather-links a { font-size: 11px; padding: 0 4px; }
    .weather-alert-text { display: none; }
}

footer { padding: 30px 16px 16px 24px; color: rgba(255,255,255,.8); background-color: #111; font-family: 'Source Sans Pro', sans-serif; vertical-align: top; }
footer a { color: rgba(255,255,255,.8); }
footer a:hover { color: rgba(255,255,255,1.0); text-decoration: none; }

.footer-container { padding-left: 0; padding-right: 0; position: relative; }

.footer-links-wrapper { display: inline-block; position: relative; }
.footer-links { margin: 0; display: inline-block; position: relative; width: 190px; font-size: 15px; vertical-align: top; }
.footer-links ul { list-style-type: circle; padding: 0; margin: 16px 0 0; }
.footer-links ul li { padding: 0; margin: 9px 0 0 18px; }

.footer-social { position: absolute; bottom: 0; left: 384px; height: 40px; vertical-align: top !important; }
.fs-fsch { width: 110px; display: inline-block; vertical-align: top; margin-top: 12px;  }
.foot-social-icons { font-size: 30px; display: inline-block; }
.foot-social-icons a { margin-right: 8px; }
.foot-social-icons a:last-child { margin-right: 0; }
.footer-social .fs-fsch .foot-sec-head { display: inline-block; line-height: 0.9; height: 14px; }

.foot-sec-head { font-size: 15px; text-transform: uppercase; border-left: 4px solid #0082D9; padding: 0 0 0 14px; margin: 0; line-height: 0.9; }

#footer-newsletter { width: 330px; float: right; position: relative; padding-bottom: 12px;
    background: url('https://www.longisland.com/site_media/images/newsletter-footer.png') 100% 5% no-repeat; }
#footer-newsletter h3 { width: 65%; margin: 0; }
#footer-newsletter p { width: 65%; margin: 18px 0 28px; }
#footer-newsletter form input[type=text], #mce-EMAIL { width: 260px; display: inline-block; }
#footer-newsletter form {  }

#footer-bottom { color: rgba(220,220,220,.8); clear: both; width: 100%; background-color: #000; display: block; padding: 12px 12px 12px 24px; }
#footer-bottom > a { margin-right: 15px; color: rgba(240,240,240,.8) }
#footer-bottom > a:hover { color: rgba(245,250,250,1.0); text-decoration: none; }
#footer-bottom span { font-size: 13px; padding-left: 40px; }

@media (max-width: 1200px) {
    footer { padding: 16px; vertical-align: top; }
    .footer-links { display: inline-block; width: 24.7%; vertical-align: top; }
    .footer-links-wrapper { display: inline-block; width: 100%; }
    .footer-social { clear: left; position: static; width: 300px; margin-top: 20px; }
    .footer-social::before { content: " "; }

    #footer-newsletter { position: absolute; bottom: 40px; right: 20px; }
    #footer-newsletter { width: 49.5%; float: right; padding-bottom: 12px; background: none; margin-top: -40px; }
    #footer-newsletter form { text-align: left; }
    #footer-newsletter h3 { width: 100%; margin-bottom: 10px; font-size: 20px; }
    #footer-newsletter p { width: 100%; margin: 8px 0 14px; }
    #footer-newsletter form input[type=text], #mce-EMAIL { width: 220px; display: inline-block; }
}

@media only screen and (max-width: 992px) {
    #footer-newsletter { position: absolute; bottom: 70px; right: 10px; }
    #footer-newsletter p span { display: none; }
    #footer-bottom span { display: block; width: 100%; clear: both; padding-left: 0; margin-top: 10px; }
}

@media (max-width: 768px) {
    .footer-links { display: inline-block; width: 49.5%; vertical-align: top; }
    .footer-links-3, .footer-links-4 { margin-top: 20px; }
    .footer-social { clear: both; position: static; width: auto; display: block; margin-top: 20px; }
    #footer-newsletter { position: static; display: block; width: 400px; float: none; margin-top: 20px;
        background: url('https://www.longisland.com/site_media/images/newsletter-footer.png') 100% 5% no-repeat; }
    #footer-newsletter p span { display: inline; }
    #footer-newsletter h3 { width: 65%; margin: 0; }
    #footer-newsletter p { width: 65%; margin: 18px 0 28px; }
    #footer-newsletter form input[type=text], #mce-EMAIL { width: 260px; display: inline-block; }
}

@media (max-width: 450px) {
    footer { padding: 8px; }

    .footer-links ul li { padding: 0; margin: 9px 0 0 14px; }
    .footer-links { width: 100%; margin-top: 20px; }

    #footer-newsletter { width: auto; background: none; }
    #footer-newsletter h3 { width: 100%; }
    #footer-newsletter p { width: 100%; margin: 12px 0 18px; }
    #footer-newsletter form input[type=text], #mce-EMAIL { width: 200px; }

    .fs-fsch { width: 100%; display: block; margin-bottom: 0;  }

    #footer-bottom { font-size: 11px; padding: 8px; }
    #footer-bottom > a { margin-right: 8px; }
    #footer-bottom span { font-size: 11px; padding-left: 0; }
}
/*
@media (max-width: 991px) {
    footer ul.footer-links li { font-size: 13px; padding-bottom: 3px; }

    #footer-newsletter { background-image: none !important; }
    #footer-newsletter h3 { width: 100%; font-size: 18px; }
    #footer-newsletter p { width: 100%; font-size: 13px; }
    #footer-newsletter form input[type=text] { width: 120px; display: inline-block; }

    #footer-bottom > a { margin-right: 9px; }
    #footer-bottom { font-size: 13px; }
    #footer-bottom span { font-size: 11px; }
}

@media (max-width: 775px) {
    footer ul.footer-links { width: 33%; margin-bottom: 16px; }
    footer ul.footer-links:nth-child(3n) { clear: right; }
    footer ul.footer-links li { font-size: 14px; padding-bottom: 0; }
    #footer-newsletter { width: 100%; text-align: center; padding-right: 10px; }
    #footer-newsletter form input[type=text] { width: 80%; max-width: 222px; }

    #weather { display: none; }
    #footer-bottom { background-image: none; padding-left: 0; text-align: center; }
    #footer-bottom > a { margin-right: 6px; margin-left: 6px; line-height: 180%; }
    #footer-bottom span { font-size: 11px; display: inline-block; padding-top: 10px; }
}

@media (max-width: 470px) {
    footer ul.footer-links li { font-size: 13px; padding-bottom: 2px; }
}

@media (max-width: 390px) {
    footer ul.footer-links li { font-size: 14px; padding-bottom: 0; }
    footer ul.footer-links:nth-child(3n) { clear: none; }
    footer ul.footer-links:nth-child(even) { clear: right; }
    footer ul.footer-links { width: 50%; }
}
*/

#header-top-row { display: table-row; }
        
#header-logo .col-xs-6 { position: relative; }
        
.header-leaderboard { display: table-cell; float: none; vertical-align: middle; }
.header-leaderboard > a > img { width: 100%; max-width: 728px; }
.header-leaderboard > div.adunit { width: 100%; max-width: 728px; }

.top-leaderboard { border-bottom: 1px solid #E0E0E0; }
.header-regsearch { display: table-cell; float: none; vertical-align: middle; }
.header-regsearch > a { font-weight: bold; font-size: 12px; padding: 1px 5px; }

#header-logo { display: table; padding-top: 10px; padding-bottom: 10px; }
#header-logo .row { display: table-row; }
#header-logo-wrapper a img { width: 100%; max-width: 420px; }

#header-logo > .row > div { display: table-cell; float: none; vertical-align: middle; }

#header-brought { font-family: 'Source Sans Pro', sans-serif; font-weight: 600; }
#header-brought div { position: relative; display: block; width: 100%; max-width: 480px; margin-left: auto; margin-right: auto; }
#header-brought div a img { width: 33%; float: left; margin: 0; padding: 0; }

.liusedcars-ad-mobile { display: none; }
.liusedcars-ad, .liusedcars-ad-mobile { margin-top: 12px; margin-bottom: 12px; position: relative; text-align: center; }
.liusedcars-ad a img, .liusedcars-ad-mobile a img { width: 100%; }
                
@media (max-width: 1200px) {
    #header-brought { font-size: 16px; }
}

@media (max-width: 585px) {
    .liusedcars-ad, .liusedcars-ad-mobile { padding: 0; width: 98%; }
}

@media (max-width: 690px) {
    .liusedcars-ad { display: none; }
    .liusedcars-ad-mobile { display: block; }
}

.dfp-narrow-top { margin-top: 12px; margin-bottom: 12px; }