body {
    position: relative;
    color: #000;
    background: #fff;
    text-align: left;
    font: 62.5%/1.2em Lato,sans-serif;
    font-family: Lato,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    max-width: 100%;
    height: 100%;
    margin: 0;
}

button,input[type=button],input[type=submit],label {
    cursor: pointer;
}

a:active,a:hover {
    outline: 0;
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    background-color: transparent;
    color: #007abb;
    text-decoration: none;
}

a:focus,a:hover {
    color: #23527c;
    text-decoration: underline;
}

a:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
    outline-color:#007abb;
}

img {
    border: 0;
    vertical-align: middle;
}

@media print {
    *,:after,:before {
        color: #000!important;
        text-shadow: none!important;
        background: 0 0!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
    }

    a,a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    img {
        page-break-inside: avoid;
        max-width: 100%!important;
    }
}

ul {
    margin-top: 0;
    margin-bottom: 10px;
}

.clearfix:after,.clearfix:before {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}

.well,
.card {
    background-image: linear-gradient(to bottom, #f9f9f9, #f1f1f1);
    background-color: #fff;
    min-height: 20px;
    padding: 19px 30px;
    margin-bottom: 20px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

.center {
    float: left;
    margin: 0 auto 5%;
}

.wrap-center {
    width: 981px;
    margin: auto;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .wrap-center {
        width: auto;
    }
}

/****** Jumbotron Row ***********************************************************/
#jumbotron {
    color: #fff;
    padding: 0px 0px 150px;
}

@media only screen and (min-width: 1332px) {
    #jumbotron {
        max-width: 1332px;
        margin: auto;
    }
}

#jumbotron a:link,
#jumbotron a:visited,
#jumbotron a:hover,
#jumbotron a:active {
    text-decoration: none;
}

/* needed to override the navigation.css */
#jumbotron .store-star,
#jumbotron .choose-dealer{
    color: #fff!important;
    font-size: 18px;
}

.jumbo-dealer {
    margin: 40px auto 0px;
    background-color: #00669e;
    padding: 12px;
    width: 300px;
}

.jumbo-dealer:focus {
       color: #fff;
    background-color: #286090;
    border-color: #122b40;
}

#jumbotron h1 {
    color: #fff;
    font-size: 2.375em;
    font-weight: 700;
    text-shadow: 0 .125em .25em rgba(0,0,0,.29);
    margin: 60px 10px 0px;
}

#jumbotron .sbs-logo {
    margin: 50px auto 20px!important;
}

#jumbotron p {
    font-size: 1.5em;
    color: #fff;
    text-shadow: 0 .125em .25em rgba(0,0,0,.21);
    line-height: 1.3em;
    padding-top: 15px;
    display: inline-block;
    vertical-align: top;
}

#jumbotron .svg-map-point {
	font-size: 1.5em;
	line-height: 1.3em;
	text-shadow: 0 .125em .25em rgba(0,0,0,.21);
	padding-top: 15px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
	color: #fff;
}

#jumbotron .address {

}

#jumbotron .info-marker {
    font-size: 1em;
    font-weight: 700;
    color: #fff;
	padding-top: 4em;
}

#jumbotron .info-marker img{
	width: 100%;
}

/* this is need to fix the image size at these pixels */
@media only screen and (min-width:1200px) and (max-width:2000px) {
	#jumbotron .info-marker img{
		width: 175%;
		margin-left: -65%;
	}
}

@media only screen and (min-width:992px) and (max-width:1024px) {
    #jumbotron {
        padding: 0px 0px 70px;
    }

	#jumbotron .info-marker {
		font-size: 1em;
		font-weight: 700;
		color: #fff;
		text-align:center;
		padding-top: 4em;
	}

	#jumbotron .info-marker img{
		width: 100%;
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
    #jumbotron {
        padding: 0px 0px 70px;
    }

    #jumbotron .info-marker {
		padding-top: 2em;
		padding-bottom: 0.5em;
        text-align:center;
	}

	#jumbotron .address {
		padding-top: 0em;
	}

	#jumbotron .info-marker img{
		width: 25%;
	}

    #jumbotron h1,#jumbotron p {
        text-align: center
    }

    #rvTypeBar > [class*='col-'] {
        padding: 0px 10px;
    }
}

@media only screen and (max-width:767px) {
    #jumbotron {
        padding-bottom: 50px;
        background-position: top!important;
    }

    .jumbo-dealer {
        width: 250px;
    }

    #jumbotron .info-marker {
        margin-top: 1em;
		padding-top: 1em;
		padding-bottom: 0.5em;
        text-align:center;
	}

	#jumbotron .address {
        padding-top: 0em;
	}

	#jumbotron .info-marker img{
		width: 40%;
	}
	
	#jumbotron .sbs-logo .mobile-logo {
        width: 200px;
    }

    #jumbotron h1 {
        font-size: 40px;
        line-height: 48px;
    }

    #jumbotron p {
        font-size: 18px;
    }

    #jumbotron h1,#jumbotron p {
        text-align: center
    }
}

/****** Dealer Hours ***********************************************************/

#dealerHours,
.dealerHours {
    text-align: center;
    border-radius: 0.188em;
    background-color: #ffffff;
    box-shadow: 0 0.125em 0.250em 0 rgba(0, 0, 0, 0.08);
    padding-top: 15px;
    margin-top: -5em;
    padding-bottom: 30px;
    font-family: Lato;
}

#dealerHours h1,
#dealerHours h2,
.dealerHours h1,
.dealerHours h2 {
    font-size: 1.063em;
    font-weight: bold;
    text-align: center;
    color: #484848;
    margin-bottom: 0;
    line-height: 18px;
}

#dealerHours .hours-row.
.dealerHours .hours-row {
    font-size: 1.063em;
    text-align: left;
    color: #434343;
}

#dealerHours .top-row,
.dealerHours .top-row {
    margin-top: 1.375em;
    margin-bottom: 1.625em;
    text-align: center;
}

#dealerHours .hours-row,
.dealerHours .hours-row {
    margin-top: 0px;
    margin-bottom: 0.500em;
    font-size: 1em;
}

#dealerHours .day-of-week,
.dealerHours .day-of-week {
    font-weight: bold;
    color: #434343;
    margin-right:0px !important;
    padding-right:0px !important;
    padding-left: 30px;
}

#dealerHours .hours,
.dealerHours .hours {
    margin-left:0px !important;
    padding-left:0px !important;
}

#dealerHours .phone-number,
.dealerHours .phone-number {
    padding-top: 5px;
    font-size: 18px;
    line-height: 55px;
    font-weight: 500;
    color: #727272;
}

#dealerHours .contact-link,
.dealerHours .contact-link {
    margin-top:12em;
    margin-bottom:3em;
}

#dealerHours .btn,
.dealerHours .btn {
    font-size: 0.875em;
    font-weight: 900;
    text-align: center;
    min-height: 2.063em;
    min-width: 15.125em;
    font-family: Lato;
    text-transform: uppercase;
}

#dealerHours .btn.btn-outline,
.dealerHours .btn.btn-outline {
    background: 0 0;
}

#dealerHours .btn-outline.btn-primary,
.dealerHours .btn-outline.btn-primary {
    border-color: #00669e;
    color: #00669e
}

#dealerHours .btn-outline.btn-primary:focus,
#dealerHours .btn-outline.btn-primary:hover,
.dealerHours .btn-outline.btn-primary:focus,
.dealerHours .btn-outline.btn-primary:hover {
    color: #00669e;
    border-color:#00669e;
    background-color: #FFFFFF;
}


.contactBtn .contact-link{
    margin-bottom:3em;
}

.contactBtn .btn {
    font-weight: 900;
    text-align: center;
    font-family: Lato;
    text-transform: uppercase;
}

.contactBtn .btn.btn-outline {
    background: 0 0;
}

.contactBtn .btn-outline.btn-primary {
    border-color: #00669e;
    color: #00669e;
}

.hours-border:nth-child(2):after, .hours-border:nth-child(3):after{
    background: #979797;
    opacity: 0.2;
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    width: 2px;
    height: 100%;
    top: 10px;

}

.dealerHoursOneCol{
    padding-left: 3% !important;
    width: 35% !important;
}

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

    .hours-border:after {
        width: 0px;
        height: 0%;
    }

    .blueCircle {
        /*
        height:500px;
        width: 900px;
        background-color: #0b3e5f;
        position: absolute;
        right: -275px;
        top: auto;
        bottom: -350px;
        border-radius: 250px;
        z-index: 0;
        */

        height:500px;
        width: 600px;
        background-color: #0b3e5f;
        position: absolute;
        right: -220px;
        top: -50px;
        border-radius: 300px;
        z-index: 0;

    }


}

@media only screen and (min-width: 1025px) and (max-width: 1100px)  {
    #dealerHours .top-row,
    .dealerHours .top-row {
        margin-top: 0.875em;
        margin-bottom: 1.063em;
    }

    #dealerHours .hours-row,
    .dealerHours .hours-row {
        margin-top: 0px;
        margin-bottom: 0.813em;
        font-size: 1em;
    }

    #dealerHours .contact-link,
    .dealerHours .contact-link {
        margin-top:12em;
        margin-bottom:3em;
    }
}

@media only screen and (min-width:768px) and (max-width:840px) {
    .dealerHoursThreeCol {
        font-size: .85em;
    }
}

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

    .dealerHoursThreeCol > .hours-border{
        padding-left: 2em !important;
    }
    
    .dealerHoursTwoCol {
        width: 75% !important;
    }

    .dealerHoursTwoCol > .hours-border{
        padding-left: 5% !important;
    }

    .dealerHoursOneCol{
        padding-left: 3% !important;
        width: 50% !important;
    }
   
    #dealerHours,
    .dealerHours {
        margin-top: -20px;
        padding: 15px 0px;
        margin-left: auto;
        margin-right: auto;
    }

    #dealerHours .top-row,
    .dealerHours .top-row {
        margin-top: 0.875em;
        margin-bottom: 1.063em;
    }

    #dealerHours .day-of-week,
    .dealerHours .day-of-week {
        padding-left: 0px;
    }

    #dealerHours .hours-row,
    .dealerHours .hours-row{
        margin-top: 0px;
        margin-bottom: 0.813em;
        font-size: 1em;
    }

    #dealerHours .contact-link,
    .dealerHours .contact-link {
        margin-top:12em;
        margin-bottom:3em;
    }
}




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

    .hours-border:nth-child(2):after, .hours-border:nth-child(3):after{
        background: none;
    }
    .contactBtn .contact-link{
        margin: 20px 0px;
    }

    #dealerHours,
    .dealerHours {
        border-radius: none;
        box-shadow: none;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 20px;
    }

    #dealerHours .top-row,
    .dealerHours .top-row {
        margin-top: 30px;
        margin-bottom: 1.063em;
        background-color: #f0f0f0;
        padding: 10px 0px;
    }

    #dealerHours .hours-row,
    .dealerHours .hours-row {
        margin-top: 0px;
        margin-bottom: 0.813em;
        font-size: 1em;
    }
    
    #dealerHours .phone-number,
    .dealerHours .phone-number {
        line-height: 25px;
        margin-bottom: 10px;
        padding-top: 0px;
    }

    #dealerHours .contact-link,
    .dealerHours .contact-link {
        margin-top:12em;
        margin-bottom:3em;
    }
}

/****** National Pricing ***********************************************************/
#nationWidePricing {
    width: 64em;
    min-height: 15.250em;
    background-image: radial-gradient(circle at 61% -112%, #03a2f8, #00669e);
    margin-top:4.813em;
    font-family: Lato;
}

#nationWidePricing h1 {
    padding-top: 22px;
    font-size: 44px;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    text-shadow: 0 0.125em 0.125em rgba(0, 0, 0, 0.3);
}

#nationWidePricing .key-word {
    color: #ffd012;
    text-shadow: 0 0.125em 0.125emrgba(0, 0, 0, 0.3);
}

#nationWidePricing .discount-text {
    font-size: 1.875em;
    font-weight: 500;
    line-height: 2.6;
    color: #ffffff;
    text-shadow: 0 0.125em 0.125em rgba(0, 0, 0, 0.23);
    text-transform:uppercase;
}

#nationWidePricing .discount-text-key-word {
    font-size: 42px;
    line-height: 1.86;
}

#nationWidePricing .btn {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    min-height: 40px;
    min-width: 250px;
    font-family: Lato;
    text-transform: uppercase;
}

#nationWidePricing .btn.btn-outline {
    background: 0 0;
}

#nationWidePricing .btn-outline.btn-primary {
    border: solid 2px #ffffff;
    color: #ffffff
}

#nationWidePricing .btn-outline.btn-primary:focus,
#nationWidePricing .btn-outline.btn-primary:hover {
    color: #ffffff;
    border: solid 2px #ffffff;
    background-color: #FFFFFF;
}

#nationWidePricing .shop-rvs{
    margin-top:3em !important;
    padding-bottom: 2em !important;
}


@media only screen and (max-width: 991px) {
    #nationWidePricing {
        margin-top:1.125em;
        width: 100%;
        min-height: auto;
    }

    #nationWidePricing .discount-text {
        margin-top:0.875em;
        line-height: 1.47;
    }

    #nationWidePricing .shop-rvs{
        margin-top:2.375em !important;
        padding-bottom: 2.313em !important;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #nationWidePricing {
        margin-top:1.125em;
        width: 100%;
        min-height: auto;
    }

    #nationWidePricing .discount-text {
        margin-top:0.875em;
        line-height: 1.47;
    }

    #nationWidePricing .shop-rvs{
        margin-top:2.375em !important;
        padding-bottom: 2.313em !important;
    }
}

@media only screen and (max-width:767px) {
    #nationWidePricing {
        margin-top:1.125em;
        width: 100%;
        min-height: auto;
    }

    #nationWidePricing .discount-text {
        margin-top:0.875em;
        line-height: 1.47;
    }

    #nationWidePricing .shop-rvs{
        margin-top:2.375em !important;
        padding-bottom: 2.313em !important;
    }
}

/****** Products Row ***********************************************************/
#products {
    width: 73.125em;
    min-height: 51.813em;
    margin-top:4.813em;
    border: 0.063em solid;

}

@media only screen and (min-width:1024px) and (max-width:1180px) {
    #products {
        width: 64em;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #products {
        display:none;
    }
}

@media only screen and (max-width:767px) {
    #products {
        display:none;
    }
}

/****** RV Services Row ***********************************************************/
#rvServices{
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
}

#rvServices h1,
#rvServices h2 {
    font-size: 28px;
    line-height: 32px;
    color: #464855;
    margin-bottom: 10px;
}

#rvServices ul{
    list-style-type: disc;
}

#rvServices li{
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    margin: 10px 10px;
    color: #00669e;
}

@media only screen and (min-width:1024px) and (max-width:1180px) {
    #rvServices{
        width: auto;
        padding-bottom: 20px;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #rvServices{
        width: auto;
        padding-bottom: 20px;
    }

    #rvServices ul {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    #rvServices li{
        margin-top: 0.938em;
        margin-bottom: 0px;
    }
}

@media only screen and (max-width:767px) {
    #rvServices{
        width: auto;
        padding-bottom: 20px;
    }

    #rvServices ul {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    #rvServices li{
        margin-top: 0.938em;
        margin-bottom: 0px;
    }
}


/****** Popular Brands Row ***********************************************************/
#popularBrands {
    padding-top: 30px;
    background-image: linear-gradient(to bottom, #f9f9f9, #f1f1f1);
    text-align: left;
}

#popularBrands h2 {
    font-size: 1.125em;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #00669e;
    margin-bottom: 0.938em;
    text-transform: capitalize;
}

#popularBrands h1,
#popularBrands h2.section-heading {
    font-size: 28px;
    line-height: 32px;
    color: #464855;
    margin-bottom: 30px;
    text-align: center;
}

#popularBrands ul{
    list-style-type: none;
    padding-left:0px;
}

#popularBrands li{
    font-size: 16px;
    color: #00669e;
    margin: 10px 0px;
    text-transform: capitalize;
}

#popularBrands .items-row{
    margin-bottom: 30px;
}

#popularBrands .items-row:last-of-type {
    margin-bottom: 30px;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #popularBrands h2 {
        margin-top: 1.250em;
        margin-bottom: 0.938em;
    }

    #popularBrands ul {
        margin-bottom: 0px;
        margin-top: 0.938em;
        padding-left:0px;
    }

    #popularBrands li{
        margin-top: 0.938em;
        margin-bottom: 0px;
    }

    #popularBrands .items-row{
        margin-bottom: 0px;
    }

}


@media only screen and (max-width:767px) {
    #popularBrands h2 {
        margin-top: 1.250em;
        margin-bottom: 0.938em;
    }

    #popularBrands ul {
        margin-bottom: 0px;
        margin-top: 0.938em;
        padding-left:0px;
    }

    #popularBrands li{
        margin-top: 0.938em;
        margin-bottom: 0px;
    }

    #popularBrands .items-row{
        margin-bottom: 0px;
    }
}


/****** About CW ***********************************************************/

#aboutCW{
    margin-top: 3.563em;
}

#aboutCW h1,
#aboutCW h2 {
    font-size: 2.000em;
    font-weight: 500;
    text-align: center;
    color: #464855;
    margin-bottom: 1em;
}

#aboutCW p {
    font-size: 0.875em;
    line-height: 1.71;
    text-align: left;
    color: #727272;
    margin-bottom: 2.15em;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #aboutCW{
        width:auto;
    }

     #aboutCW h1 {
        margin-top:1.25em;
        margin-bottom:1em;
    }

    #aboutCW p {
        margin-bottom: 2em;
    }
}

@media only screen and (max-width:767px) {
    #aboutCW{
        margin-top: 0.25em;
        width:90%;
    }

     #aboutCW h1 {
        margin-top:0.5em;
        margin-bottom:0.5em;
    }

    #aboutCW p {
        margin-bottom: 2em;
    }
}


/****** dealer home advanced ***********************************************************/
.dealer-advanced {
    margin-bottom: 40px;
    padding: 20px 0px 0px;
    background-image: linear-gradient(to bottom, #f9f9f9, #f1f1f1);
    border-radius: 4px;
}

.black-transparent-bottom.nohover {
	display: none;
}

/****** advanced stock number only ***********************************************************/

.key-popup {
	display: none;
	width: 502px;
	border-radius: 9px;
	border: 1px solid #c7c7c7;
	overflow: hidden;
}

@media only screen and (max-width: 767px) {
	.key-popup {
		width: 100%;
	}
}

#dealer-message-desktop {
    border: 1px solid rgba(33,43,54,0.3);
    border-radius: 4px;
    border-left: solid 10px #D0021B;
    background-color: #FFFFFF;
    color: #212B36;
    font-family: Lato;
    letter-spacing: 0;
    margin-top: 3em;
    margin-bottom: -2em;
    margin-left: 0;
    margin-right: 0;
}

#dealer-message-desktop .icon-container {
    width: 2.25em;
    padding: 0;
    padding-left: .5em;
}


#dealer-message-desktop .exclamation-icon {
	width: 27px;
    vertical-align: text-bottom;
    padding-top: 15px;
}

#dealer-message-desktop h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    padding-top: 15px;
    padding-bottom: 8px;
    color: #212B36;
}

#dealer-message-desktop p {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 15px;
    color: #212B36;
    text-shadow: none;
    text-align: left;
    padding-top: 8px;
}

#dealer-message-mobile {
    border: 1px solid rgba(33,43,54,0.3);
    border-radius: 4px;
    border-left: solid 10px #D0021B;
    background-color: #FFFFFF;
    color: #212B36;
    font-family: Lato;
    letter-spacing: 0;
    padding-left: 30px;
    padding-right: 30px;
}

#dealer-message-mobile .exclamation-icon {
	width: 27px;
	vertical-align: text-bottom;
    margin-top: 18px;
}

#dealer-message-mobile h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    padding-top: 9px;
    padding-bottom: 10px;
}

#dealer-message-mobile p {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 15px;
}

/****** footer ***********************************************************/
#footer-mobile{
    background-color: #272727;
    color: #ffffff;
    min-height:7.054em;
    display:none;
}

#searchBox {
    padding-top: 1.313em;
}

#searchBox .search-field {
    display: block;
    border: none;
    border-radius: 0;
    font-size: 25px;
    background: #3a3a3a;
    color: #ffffff;
    font-weight: 300;
    text-align: left;
}

#searchBox .search-field::placeholder {
    background: #3a3a3a;
    color: #ffffff;
    font-weight: 300;
    text-align: left;
}

#searchBox .search-glyphicon{
    color: #ffffff;
    font-size:25px;
    text-align:center;
    padding-right:16px;
    padding-top:4px;
}

#footer-mobile .footer-links {
    text-transform: uppercase;
    font-size: 1.313em;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.86;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}


#footer .btn-default,  #footer-mobile .btn-default{
    background-color: #272727;
    color : #ffffff;
    border: none;
    padding-left: 0px;
    font-size: 0.875em;
    text-align: left;
    text-transform: uppercase;
}

#footer ul.dropdown-menu ,  #footer-mobile ul.dropdown-menu {
    background-color: #272727;
}



#footer-mobile{
    width:auto;
    margin-top: 4.563em;
}

#footer-mobile .top-row{
    background-color: #3a3a3a;
    height: 4em;
    width: 100%;
    padding-top: 1em;
}

#footer-mobile .logo-row{
    padding-top:1.688em;
    padding-bottom: 1.750em;
}

#footer-mobile .footer-links {
    padding-bottom: 3.000em;
}

#footer-mobile .footer-links-bottom{
    font-size: 1.063em;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.47;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    padding-bottom: 2.438em;
}

#footer-mobile .footer-links-bottom  a:link,
#footer-mobile .footer-links-bottom  a:visited,
#footer-mobile .footer-links-bottom  a:hover,
#footer-mobile .footer-links-bottom  a:active {
    color: #ffffff;
    text-decoration: none !important;
    text-transform: uppercase;
}


#footer-mobile .footer-links-bottom > .link-container {
    border-top: 2px #565656 solid;
}


#footer-mobile .footer-links-bottom > .link-container:last-child {
    border-bottom: 2px #565656 solid;
}

#footer-mobile .copyright {
    font-size: 0.875em;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    padding-left: 0.875em;
}


@media only screen and (min-width:768px) and (max-width:1024px) {
    #footer-mobile{
        display: block
    }

    #footer{
        display: none;
    }

    #searchBox {
        padding-top: 0;
    }
}

@media only screen and (max-width:767px) {
    #footer-mobile{
        display: block
    }

    #footer{
        display: none;
    }

    #searchBox {
        padding-top: 0;
    }
}


#footer{
    background-color: #272727;
    margin-top: 6.125em;
}

#footer .top-row{
    background-color: #3a3a3a;
    height: 4.375em;
}

#footer .logo-row{
    margin-top: 1.563em;
}


#footerLinks {
    padding-top: 1.813em;
}

#footerLinks a:link,
#footerLinks a:visited,
#footerLinks a:hover,
#footerLinks a:active {
    font-size: 0.688em;
    text-align: left;
    color: #b5b5b5;
    padding-right: 0.938em;
    text-decoration: none !important;
}


#footerLinksRow2{
    padding-top : 2.688em;
}

#footerLinksRow2 a:last-child {
    border-right: none !important;
}​

#footerLinksRow2 a ,
#footerLinksRow2 a:link,
#footerLinksRow2 a:visited,
#footerLinksRow2 a:hover,
#footerLinksRow2 a:active {
    padding-right: 1em;
    padding-left: 1em;
    border-right: 0.063em solid #ffffff;
    font-size: 0.938em;
    text-align: left;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none !important;

}

#footerRow3{
    border-bottom: 0.125em solid #ffffff;
    text-transform: uppercase;
    padding-top: 3.375em;
    height: 6em;
    width:90%;
    margin-left: 5%
}


#footerRow3 .btn-default{
    background-color: #272727;
    color : #ffffff;
    border: none;
    font-family: Lato;
    font-size: 0.875em;
    text-align: left;
    text-transform: uppercase;
}

#footerRow3 a ,
#footerRow3 a:link,
#footerRow3 a:visited,
#footerRow3 a:hover,
#footerRow3 a:active {
    padding-right: 1em;
    padding-left: 1em;
    font-size: 0.875em;
    text-align: left;
    color: #ffffff;
    text-decoration: none !important;
}

#footerRow4{
    font-size: 0.875em;
    text-align: left;
    color: #ffffff;
    margin-top: 0.875em;
    padding-bottom: 0.875em;
    width:90%;
    margin-left: 5%
}

#footerRow4 a:last-child {
    border-right: none !important;
}

#footerRow4 a ,
#footerRow4 a:link,
#footerRow4 a:visited,
#footerRow4 a:hover,
#footerRow4 a:active {
    padding-right: 1em;
    padding-left: 1em;
    border-right: 1px solid #ffffff;
    font-size: 0.875em;
    text-align: left;
    color: #ffffff;
    text-decoration: none !important;
}

@media only screen and (min-width: 1332px) {
    .max1332 {
        width: 1332px;
    }
}

.nopadding {
    padding: 0px!important;
}

.margin-top-20 {
	margin-top: 20px;
}

.margin-top-30 {
	margin-top: 30px;
}

.padding-10 {
	padding: 10px;
}

.padding-15 {
	padding: 15px;
}

.padding-25 {
	padding: 25px;
}

.padding-top {
	padding: 30px 0 0 0;
}

.margin-10 {
	margin: 10px;
}

.padding-5 {
	padding: 5px 0;
}

.nomargin {
	margin: 0px!important;
}

@media only screen and (max-width: 767px) {
	.margin-top-10 {
		margin-top: 10px;
	}

	.mobile-nopadding {
		padding: 0px!important;
	}

	.mobile-marginb-10 {
		margin-bottom: 10px;
	}

	.mobile-marginb-20 {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 991px) {
	.padding-sm {
		padding: 15px;
	}
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}

.marginb-10 {
	margin-bottom: 10px;
}

/****** original header ***********************************************************/
.header-page .cust {
	float: right;
	padding: 0 21px;
	position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.header-page .cust {
		width: auto;
	}
}

@media only screen and (max-width: 767px) {
	.header-page .desktop .cust {
		display: none;
	}
	.header-page .mobileonly .cust {
		float: left;
		padding: 1px 16px;
	}
}

@media (min-width: 768px) {
	.header-page .mobileonly .cust {
		display: none!important;
	}
}


.touchno-touch .header-page .cust:hover a {}

.touchno-touch .header-page .cust:hover i {}

.header-page .cust .location-page {
	background: #00669e;
	padding-left: 12px;
}

.header-page .cust a {
	display: inline-block;
	font-size: 14px;
	line-height: 29px;
	padding: 6px 12px 6px 8px;
	color: #000;
	font-weight: normal;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.header-page .cust a {
	}
}

@media only screen and (min-width: 768px) and (max-width: 833px) {
	.header-page .cust .tab-text {
		display: none;
	}

	.header-page .cust a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

.header-page .cust a:hover .tab-text {
	color: #fff!important;
	text-decoration: none;
}

.header-page .cust a:hover {
	color: #00669e!important;
	text-decoration: none;
}

.header-page .cust i {
	display: inline-block;
	margin-left: 15px;
	margin-right: 5px;
	position: relative;
	top: 54%;
	left: 0;
	margin-top: -10px;
	width: 13px;
	height: 16px;
	background: url("/img/content/tel-b.png") no-repeat center;
	background-size: cover;
}

.header-page .cust .mobile i {
	display: inline-block;
	margin-right: 15px;
	position: absolute;
	top: 54%;
	left: 0;
	margin-top: -10px;
	width: 13px;
	height: 16px;
	background: url("/img/minified-svg/map-white.png") no-repeat center;
	background-size: cover;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.header-page .location img {
	}
}

.header-page ul li ul.dropmenu {
	max-width: 980px;
	background-color: #FFF;
	display: none;
	position: absolute;
	z-index: 10000;
	left: inherit;
	text-decoration: none;
	box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.header-page ul.dropmenu li {
	display: block;
	padding: 17px 25px;
}

.header-page ul.dropmenu li:hover {
	background: #0075b8;
}

.header-page .menu .dropmenu li a {
	color: #0075b8;
	font-size: 14px;
	text-decoration: none;
}

.header-page .menu .dropmenu li:hover a {
	color: #FFF;
}

@media only screen and (max-width: 768px) {
	.header-page .menu ul li ul.mobilemenu {
		min-width: 185px;
		background: #0075b8;
		display: none;
		position: absolute;
		z-index: 999;
		left: inherit;
		text-decoration: none;
		opacity: 0.94;
	}
	.header-page .menu li:hover ul.mobilemenu {
		display: block;
	}
	.header-page .menu ul.mobilemenu li {
		display: block;
		border-bottom: 1px solid #d8e4ec;
	}
	.header-page .menu .mobilemenu li a {
		background: #0075b8;
		color: #fff;
		font-size: 14px;
		text-transform: capitalize;
	}
	.header-page .menu .mobilemenu li:hover a {
		background: #d8e4ec;
		color: #000;
	}
}

.header-page .menu .mobilemenu .mobileonly img {
	display: inline-block;
	padding: 7px 16px;
	position: relative;
	width: 13px;
	background: url("/img/minified-svg/map-white.png") no-repeat center;
	background-size: cover;
}

.menucolor {
	background: #00669E;
}

@media only screen and (max-width: 767px) {
	.menucolor {
		border-bottom: 2px solid #000;
	}
}

.menucolor li.mobileonly.dark a {
	color: #00669e!important;
}

.menucolor li.mobileonly.dark a:hover {
	color: #FFF!important;
	text-decoration: none;
}

.menucolor li a {
	color: #FFF;
}

.menucolor li:hover a {
	background: #0075b8;
	color: #fff!important;
}

.menucolor li a:active {
	background: #0075b8;
	color: #fff!important;
}

.menucolor .mobileonly .cust {
	background: #d8e4ec;
}

.menucolor .mobileonly .cust li a {
	color: #000!important;
	border: 1px solid #cdd7dd!important;
}

.menucolor .mobileonly .cust li:hover a {
	background: #0075b8;
	color: #fff!important;
}

.menucolor .mobileonly .cust li a:active {
	background: #0075b8;
	color: #fff!important;
}

/****** original footer ***********************************************************/
.page-footer {
	background: #00669E;
	float: left;
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.page-footer {
		padding-left: 12px;
		padding-right: 0px;
	}
}

.page-footer .message {
	position: absolute;
	right: 0;
	bottom: 1px;
	width: 291px;
}

.page-footer .message.active .close {
	visibility: visible;
	opacity: 1;
}

.ie8 .page-footer .message.active .close {
	display: block;
}

.page-footer .message .close {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all, .3s;
	transition: all, .3s;
}

.ie8 .page-footer .message .close {
	display: none;
}

@media only screen and (max-width: 767px) {
	.page-footer .message {
		position: static;
		top: 0;
		padding: 0;
		width: auto;
	}
}

.page-footer .message .close {
	background: url('https://images.rvs.com/images/minified-svg/close3.svg');
}

.ie8 .page-footer .message .close {
	background: url("https://images.rvs.com/images/content/close3.png") no-repeat center;
}

.page-footer .message.mass-scroll {
	bottom: 114px;
}

.page-footer .message.mass-scroll section {
	position: static;
}

.page-footer .message section {
	position: fixed;
	bottom: 0;
	background: #0075b8;
	border-radius: 5px 5px 0 0;
	z-index: 111;
	width: 291px;
}

@media only screen and (max-width: 767px) {
	.page-footer .message section {
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		right: 0;
		padding: 0;
	}
}

.page-footer .message .message_i {
	height: 43px;
	cursor: pointer;
	padding: 0 20px 0 50px;
}

.page-footer .message i {
	display: inline-block;
	background: url("https://images.rvs.com/images/minified-svg/chat.svg") no-repeat center;
	background-size: cover;
	width: 23px;
	height: 17px;
	margin-right: 15px;
	position: absolute;
	top: 13px;
	left: 14px;
}

.ie8 .page-footer .message i {
	background: url("https://images.rvs.com/images/content/chat.png") no-repeat center;
}

.page-footer .message p {
	display: inline-block;
	color: #ffffff;
	font-size: 14px;
	line-height: 43px;
	font-weight: normal;
	letter-spacing: .4px;
}

.page-footer .message .message__popup {
	background: #ffffff;
	padding: 16px 22px;
	display: none;
}

.page-footer .message .message__popup .row {
	padding-bottom: 10px;
}

.page-footer .message .message__popup .row p {
	color: #000;
	line-height: 22px;
	padding-bottom: 8px;
}

.page-footer .message .message__popup .text p {
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	color: #000;
	padding-bottom: 13px;
}

.page-footer .wrap-center {
	padding-top: 20px;
	padding-bottom: 30px;
	position: relative;
    width: auto;
}

@media only screen and (max-width: 767px) {
	.page-footer .wrap-center {
		text-align: left;
		padding-top: 26px;
	}
}

.page-footer .copy {
	float: left;
	margin-left: 10px;
}

@media only screen and (max-width: 767px) {
	.page-footer .copy {
		float: left;
		padding-left: 0;
		padding-bottom: 10px;
		display: inline-block;
		margin-right: 10px;
	}
}

.page-footer .copy span {
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
}

.page-footer ul {
	font-size: 0;
	line-height: 0;
	float: right;
	margin-right: 10px;
}

@media only screen and (max-width: 767px) {
	.page-footer ul {
		float: left;
		margin-left: 10px;
	}
}

.page-footer ul li {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	padding: 6px 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.page-footer {
		padding-left: 12px;
		padding-right: 0px;
	}

		.page-footer ul li {
	    display: inline-block;
	    vertical-align: top;
	    font-size: 10px;
	    line-height: 15px;
	    font-weight: normal;
	}
}

.page-footer ul li span {
	display: inline-block;
	vertical-align: top;
	color: #ffffff;
	padding-left: 13px;
	padding-right: 13px;
	line-height: 15px;
}

.page-footer ul li a {
	color: #fff;
	display: inline-block;
	vertical-align: top;
	line-height: 15px;
}

@media only screen and (max-width: 767px) {
	.page-footer ul li a {
		line-height: 20px;
	}
}

.page-footer ul li a:hover {
	color: #fff;
	text-decoration: underline;
    cursor: pointer;
}

.page-footer .brand {
	padding: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
}

.page-footer .divider {
	border-bottom: 1px solid #1f81a8;
	margin: 10px;
	padding: 0;
	width: 97%;
}

.page-footer .brand img {
	float: left;
	width: 250px;
	margin-bottom: 10px;
	margin-right: 20px;
}

.page-footer .brand .big {
	float: left;
	padding-top: 10px;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.page-footer .brand .big {
		float: left;
		padding-top: 20px;
		text-align: left;
		margin-left: 0;
        padding-left: 0;
	}
}

.page-footer .big li {
	font-size: 14px;
	line-height: 2;
	text-transform: uppercase;
}

.footerlink li a {
    padding: 0px 16px 0px 16px;
}
	@media only screen and (max-width: 360px) {
		.footerlink li a {
			padding: 0px 5px 0px 5px;
		}
	}
ul.dropup {
    display: none;
    border-bottom: 1px solid white;
}
.dropup {
    background-color: #272727;
    list-style-type: none;
    float: left;
    min-width: 160px;
    padding: 5px 0px;
    list-style: none;
    font-size: 14px;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
}
.dropup a{
	font-size:16px;
}
#page-footer .dropup {
    padding: 0;
    margin-bottom: 10px;
}
.dropDownLink:hover {
    background-color: white;
    color: black;
}
.page-footer ul .dropDownLink a {
    color: #00669e;
    vertical-align: middle;
    line-height: 20px;
    padding: 6px 12px;
}
.navigation {
    cursor: pointer;
    position: relative;
}
#navigation li:hover ul.dropup {
    display: block;
    position: absolute;
    bottom: 15px;
    margin: 0 0 0 -15px;
    width: 150px;
}

/****** inputs ***********************************************************/

input.sub {
	display: inline-block;
	position: absolute;
	top: 73%;
	right: 10px;
	width: 16px;
	border: 0;
	text-indent: -33333px;
	height: 16px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: url("https://images.rvs.com/images/minified-svg/search-icon.svg") no-repeat center;
	background-size: cover;
}

.ie8 input.sub {
	background: url("https://images.rvs.com/images/content/search.png") no-repeat center;
	margin-top: -8px;
}

input.blue {
	display: inline-block;
	position: absolute;
	width: 22px;
	border: 0;
	top: 13px!important;
	text-indent: -33333px;
	height: 22px;
	padding: 2px 6px 3px!important;
	margin-left: 5px!important;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: url("https://images.rvs.com/images/minified-svg/search-icon.svg") no-repeat center;
	background-size: cover;
}

input.addon {
	width: 20px;
	border: 0;
	text-indent: -33333px;
	height: 20px;
	background: url("https://images.rvs.com/images/minified-svg/search-icon.svg") no-repeat center;
}

.ie8 input.sub {
	background: url("https://images.rvs.com/images/content/search.png") no-repeat center;
	margin-top: -8px;
}

@media only screen and (max-width: 767px) {
	input.blue {
		margin-top: 0px!important;
	}
}

input.vin.sub {
	display: inline-block;
	position: relative;
	top: 7px;
	right: 27px;
	width: 16px;
	border: 0;
	text-indent: -33333px;
	height: 16px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: url("https://images.rvs.com/images/minified-svg/search-icon.svg") no-repeat center;
	background-size: cover;
}

.ie8 input.vin.sub {
	background: url("https://images.rvs.com/images/content/search.png") no-repeat center;
	margin-top: -8px;
}

/****** checkbox and radios ***********************************************************/

.checkbox {
	position: relative;
	top: -5px;
	height: 21px !important;
	width: 21px;
	clear: left;
	float: left;
	background: url("https://images.rvs.com/images/content/check.png") no-repeat;
	cursor: pointer;
	text-align: left;
	overflow: hidden;
	background-position: 0px 0px;
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
}

.checkbox .contactcheck {
	position: relative;
	top: -5px;
	height: 21px;
	width: 21px;
	clear: left;
	float: left;
	background: url("https://images.rvs.com/images/content/check.png") no-repeat;
	cursor: pointer;
	text-align: left;
	overflow: hidden;
	background-position: 0px 0px;
}

.checkbox.checked {
	background-position: 0px -42px;
}

.checkbox input {
	position: absolute;
	left: -2400px;
	top: 0px;
}

.checkbox:focus {
    box-shadow: 0 0 10px 1px #0d8eca;
}

.optin {
    display: none;
    width: 55%;
    margin: 0 auto !important;
}

.optinCheckbox {
	height: 21px !important;
	width: 21px !important;
	float: left !important;
}






/* GANDER COUPONS AND CTA'S */

#ganderCoupons .oneCoupon {
    border: 1px solid #f4f6f8;
    border-radius: 3px;
    min-height:300px;
}

#ganderCoupons .oneCoupon .couponMainContent {
    padding: 20px 50px;
}

#ganderCoupons .oneCoupon .couponMainContent h4 {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.1px;
    text-align: center;
    color: #00669e;
    margin-bottom: 20px;
}


#ganderCoupons .oneCoupon .couponFinePrint p {
    padding: 20px 50px;
    text-align: left;
    font-size:10px;
    line-height: 1.6 !important;
    letter-spacing: -0.1px;
    color: #919eab;
}

#ganderCoupons .oneCoupon .couponCTA {
    border-top: 1px solid #f4f6f8;
    border-bottom: 1px solid #f4f6f8;
    padding: 20px 50px;
}

@media only screen and (min-width:768px) and (max-width:991px) {
    #ganderCoupons .oneCoupon .couponCTA {
        padding: 10px 10px !important;
    }    
}

@media only screen and (min-width:500px) and (max-width:767px) {
    #ganderCoupons .oneCoupon .couponCTA {
        padding: 10px 25px !important;
    }    
}

@media only screen and (min-width:321px) and (max-width:499px) {
    #ganderCoupons .oneCoupon .couponCTA {
        padding: 0 !important;
    } 
}

@media only screen and (max-width:320px) {
    #ganderCoupons .oneCoupon .couponCTA {
        padding: 0 !important;
    } 

    #ganderCoupons .oneCoupon .btn.btn-warning {
        font-size: .70em;
    }
}

#ganderCoupons .oneCoupon .btn {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    padding-top:15px;
    padding-bottom:15px;
}

#ganderCoupons .oneCoupon .btn.btn-warning {
    color: #212b36;
}

#ganderCoupons .oneCoupon .productDescription {
    font-size: 10px;
    letter-spacing: -0.1px;
    text-align: center;
    color: #637381;
    line-height: 1.3em !important;
}

#ganderCoupons .oneCoupon #itemsContainer {
    margin-bottom:30px;
}

#ganderCoupons .oneCoupon #itemsContainer .oneItem {
    margin-bottom: 10px;
}


.couponMainContent .carousel-indicators {
    left:0;
    margin:20px auto 0;
    position: relative;
}

.couponMainContent .carousel-indicators li {
    background: #dfe3e8;
    margin:0 4px;
    height:12px;
    width: 12px;
}

.couponMainContent .carousel-indicators li.active {
    background: #00669e;
}

#couponCarousel .item .text-contain {
    width:40%;
    float:left;
    margin-top: 20%;
}

#couponCarousel .item .text-contain p {
    font-size: 14px;
    line-height: 1.5em !important;
    letter-spacing: -0.1px;
    color: #637381;
}

#couponCarousel .item .img-contain {
    width:56%;
    float:right;
    height:275px;
}

#couponCarousel .carousel-control {
    background: none;
    color:#00669e;
    opacity: 1;
    top: auto;
    bottom:32px;
}

.pricetip .ui-widget {
    font-family: 'Lato', sans-serif;
    font-size: 9px;
    line-height: 11px;
}

.pricetip .ui-tooltip {
    border-radius: 10px;
    background-color: #f4f6f8;
    box-shadow: 10px 10px 10px 0 rgba(0,0,0,0,0.3);
    width: 140px;
}

@media only screen and (min-width: 1024px) {
    #dealer-message-desktop {
        margin-left: -11px;
        margin-right: -11px;
    }
}

@media only screen and (min-width: 1400px) {
    #dealer-message-desktop,
    #dealerHours {
        margin-left: 50px;
        margin-right: 50px;
    }
}