/* ## corrects possible view port issues in browsers that do not recognize the viewport meta tag ## */
/* http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ */
@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}


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

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

    /*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

    audio:not([controls]) {
        display: none;
        height: 0;
    }

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

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

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

    /*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

    button,
    html input[type="button"], /* 1 */
    input[type="reset"],
    input[type="submit"] {
        -webkit-appearance: button; /* 2 */
        cursor: pointer; /* 3 */
    }

        /*
 * Re-set default cursor for disabled elements.
 */

        button[disabled],
        input[disabled] {
            cursor: default;
        }

    /*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box; /* 1 */
        padding: 0; /* 2 */
    }

    /*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

    input[type="search"] {
        -webkit-appearance: textfield; /* 1 */
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box; /* 2 */
        box-sizing: content-box;
    }

        /*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

    /*
 * Removes inner padding and border in Firefox 4+.
 */

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}



/* ===============  Default Adjustments  =============== */

body {
}

::-moz-selection {
    background: #3197fc;
    text-shadow: none;
}

::selection {
    background: #3197fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    max-width: 100% !important;
    height: auto !important;
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

/** FIX Google Maps Info window styes problem **/
img[src*="gstatic.com/"],
img[src*="googleapis.com/"] {
    max-width: none !important;
}

p {
    margin: 0 0 1em 0;
    line-height: 1.5em;
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

.hidden {
    display: none;
    visibility: hidden;
}

.visuallyHidden,
.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .visuallyHidden.focusable:focus, .visually-hidden:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.skip {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

    .skip:focus, .skip:active {
        clip: auto;
        color: #fff;
        height: auto;
        margin: 0;
        overflow: visible;
        padding: 10px;
        text-align: center;
        background: #1f3b62;
        width: 100%;
        border: 1px dashed #fff;
        z-index: 1001;
    }

.a11y-instructions:focus {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #1f3b62;
    color: #fff;
    padding: 10px;
    border: 1px dashed #fff;
    text-align: Center;
    z-index: 1001;
}

.a11y-instructions p:last-child {
    margin: 0px;
}

.invisible {
    visibility: hidden;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.hide {
    display: none;
}

.smallest {
    font-size: .8em;
}

.smaller {
    font-size: .9em;
}

.larger {
    font-size: 1.1em;
}

.largest {
    font-size: 1.2em;
}

.extra-large {
    font-size: 1.5em;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic !important;
}

.strike {
    text-decoration: line-through !important;
}

.red, .red:visited {
    color: #f00 !important;
}

.green, .green:visited {
    color: #390 !important;
}

.lgreen, .lgreen:visited {
    color: #97937d !important;
}

.bgYellow {
    background: yellow;
}

.bgGreen {
    background: lime;
}

.vtop {
    vertical-align: top;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.imgLeft {
    float: left;
    margin-right: 5px;
    padding: 5px;
    border: 1px solid #c4c4c4;
}

.imgRight {
    float: right;
    margin-left: 5px;
    padding: 5px;
    border: 1px solid #c4c4c4;
}

.nowrap {
    white-space: nowrap;
}

.borderless {
    border: 0;
    border-collapse: collapse;
}

.breakforprint {
    page-break-after: always;
}

.clear {
    overflow: hidden;
    clear: both;
    height: 0;
    margin: 0;
    font-size: 1px;
    line-height: 0;
}

.important {
    color: red;
    font-weight: bold;
    text-transform: uppercase;
}



/* ## Base List styles ## */
ul, ol {
    margin: 0 0 1em;
}

.noBullet {
    padding: 0 0 0 1em;
    list-style-type: none;
}

.noIndent {
    padding: 0;
    list-style-type: none;
}

.bulletSquare {
    list-style-type: square;
}

/* ## Note/hint text or link ## */
.note {
    font-size: .8em;
    color: #4e4e4e;
    margin: 0 10px;
}

    .note a, .note a:link, .note a:visited {
        text-decoration: underline;
    }

/* GOOGLE MAP IMAGES */
.gm-style img {
    max-width: initial !important;
    height: initial !important;
}

/* ================================================================
   PRIMARY LAYOUT STYLES 
   ================================================================ */

/* Enter unique styles for site here */

/* ## Disabled Form Fields ## */
input[disabled=true] {
    background-color: #F0F0F0;
}

textarea[disabled=true] {
    background-color: #F0F0F0;
}

select[disabled=true] {
    background-color: #F0F0F0;
}

input[readonly=true] {
    background-color: #F0F0F0;
}

textarea[readonly=true] {
    background-color: #F0F0F0;
}

select[readonly=true] {
    background-color: #F0F0F0;
}

/* Removed :link from the list to help cut down on writing time and prevent the need for extra specificity for classes */
a, a:visited {
    color: #00b0fa;
    text-decoration: underline;
}

    a:hover, a:active, a:focus {
        color: #00b0fa;
        text-decoration: none;
    }

    a:active, a:focus {
        outline: 1px solid #78aeda;
    }

.btnText {
    margin: 0;
    padding: 0;
    color: #6D6D6D;
    text-decoration: underline;
    border: 0;
    background: none;
}

    .btnText:hover {
        color: #6D6D6D;
        text-decoration: none;
    }

/* ## Link Modifiers ## */
a .text {
    text-decoration: underline;
}

a:hover .text, a:active .text, a:focus .text {
    text-decoration: none;
}

a [class^="icon-"] {
    text-decoration: none;
}

a.removeLink {
    color: #f00;
    font-size: 0.9em;
}

svg.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

/* ## Focus Overlay - Advanced Focus States - It is still important to add basic css focus states for when no JS is active ## */
#focus-overlay {
    display: none;
    position: relative;
    border-radius: 2px;
    box-shadow: 0 0 3px 2px #78aeda;
    transition: all 0.2s cubic-bezier(0, 1, 0, 1);
}

    #focus-overlay::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        box-shadow: 0 0 2px 1px #008cff, 0 0 2px #008cff inset;
        transition: all 0.1s ease-out;
    }

    #focus-overlay.focus-overlay-active {
        display: block;
    }

    #focus-overlay.focus-overlay-animating::after {
        opacity: 1;
    }

.focus-overlay-target {
    outline: none;
}

.skip a {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    text-align: center;
}

    .skip a:focus {
        position: static;
        width: auto;
        height: auto;
        background: #444444;
        color: #ffffff;
        font-weight: bold;
        display: block;
        padding: 10px;
    }


/* ## Link Lists ## */
/* We use '<ul class="linkList">' when setting a list of organized links. */
ul.linkList {
    margin: 0 0 15px 0;
    padding: 0;
    list-style-type: none;
}

    ul.linkList li {
        margin-bottom: 8px;
    }

    ul.linkList a,
    ul.linkList a:link,
    ul.linkList a:visited {
        text-decoration: none;
    }

        ul.linkList a:hover,
        ul.linkList a:active {
            text-decoration: underline;
        }


/* ## Start Up Layout - Use, modify, or delete as need be ## */
html, body { /*overflow-x:hidden;*/
    color: #444444;
}

body {
    background: #fff;
}

.container {
}

.site-body {
    padding: 20px 0;
}

.store-item .site-body {
    padding: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

.hdng {
    margin: 0 0 1em;
}

.hdng2 {
}

/* ==========================================================================
   Layouts
   ========================================================================== */

.table-layout {
}

    .table-layout .table-cell {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
    }

        .table-layout .table-cell .inner {
            padding: 10px;
        }

    .table-layout.with-overlay .table-cell {
        padding: 10px;
    }

        .table-layout.with-overlay .table-cell .inner {
            background: rgba(255,255,255,.7);
            padding: 20px;
        }

    .table-layout .table-cell img.set-as-background {
        display: none;
    }


/* ==========================================================================
 Global Fonts: Use class names below to add in the Font Family 
 ========================================================================== */

.roboto {
    font-family: 'Roboto', sans-serif !important;
}

.montserrat {
    font-family: 'Montserrat', sans-serif !important;
}

.opensans {
    font-family: 'Open Sans Condensed', sans-serif !important;
}

.nunito {
    font-family: 'Nunito', sans-serif !important;
}


/* ==========================================================================
   Global Modules - Most modules use the same setup and changing below changes each one. 
   If global, change here, if specific, change via events.css, news.css etc. 
   ========================================================================== */

.mod {
    position: relative;
    margin: 0 0 1em;
}

.title {
    position: relative;
    margin: 0 0 1em;
}

    .title a {
        text-decoration: none;
    }

.titleAlt {
    margin: 0 0 0.1em;
    font-size: 1.2em;
}

.titleAlt2 {
}

.mod-head {
    position: relative;
}

    .mod-head .title {
    }

    .mod-head .more {
        position: absolute;
        right: 0px;
        top: 0px;
    }

.mod-content {
}

.mod-rail {
    border: 1px solid #dddddd;
}

    .mod-rail .mod-head {
        background: #eeeeee;
        border-bottom: 1px solid #dddddd;
    }

        .mod-rail .mod-head .title {
            padding: 10px;
            margin: 0;
        }

    .mod-rail .mod-content {
        padding: 10px;
        font-size: .875em;
    }

    .mod-rail .more {
        border-top: 1px solid #dddddd;
    }

        .mod-rail .more a {
            display: block;
            background: #eeeeee;
            padding: 10px;
            text-decoration: none;
            text-align: center;
        }

            .mod-rail .more a:hover,
            .mod-rail .more a:focus {
                background: #dddddd;
            }

.view-arch {
    color: #fff;
    text-decoration: none;
}

    .view-arch:active,
    .view-arch:hover {
        text-decoration: underline;
        color: #fff;
    }

.slctdiv select {
    padding: 15px 40px 15px 15px;
    background: #fff;
    border: 1px solid #00b0fa;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: 'Montserrat', sans-serif;
    color: #717171;
}

.slctdiv {
    display: inline-block;
    margin: 0;
    position: relative;
}

    .slctdiv:after {
        content: '';
        right: 15px;
        top: 35%;
        width: 20px;
        height: 20px;
        position: absolute;
        pointer-events: none;
        background: url(/cms/images/general/arrow.svg) no-repeat;
        background-size: 100% 100%;
    }


/* Item Lists Content
   ========================================================================== */

.item-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.item {
    padding: 1em 0;
    border-top: 1px solid #ccc;
}

    .item:first-child {
        border-top: 0;
        padding-top: 0;
    }

    .item:last-child {
        padding-bottom: 0;
    }

    .item > .content {
        display: table-cell;
    }

.content .title {
    margin: 0;
    text-align: left;
    font-size: 1.75em;
}

.item-list .content p {
    margin: 0;
}

.content .date {
    font-size: 0.85em;
    margin: 0 0 5px;
    display: block;
}


/* Item Media
   ========================================================================== */

.aside {
    text-align: center;
    padding: 0 0 10px;
}

    .aside.date-icon {
        display: table-cell;
        padding: 0 15px 0 0;
    }

.date-icon .date {
    border: 1px solid #888;
    background: #888;
    font-weight: bold;
    text-align: center;
    width: 50px;
}

    .date-icon .date .month {
        font-size: .875em;
        padding: 5px;
        color: #fff;
    }

    .date-icon .date .day {
        padding: 10px 5px;
        background: #fff;
    }

.caption {
    display: block;
    font-size: 0.8em;
    line-height: 1.2em;
}


/* Media Queries for Item Lists 
  ========================================================================== */


@media only screen and (min-width:30em) {

    .item {
        display: table;
        padding: 1em 0;
        width: 100%;
        border-top: 1px solid #ccc;
    }

        .item > .content {
            display: table-cell;
            width: 100%;
            vertical-align: top;
        }

    .aside {
        display: table-cell;
        padding: 0 15px 0 0;
    }

        .aside img {
            width: 100% !important;
        }
}

@media only screen and (min-width:48em) {

    .item .item-block {
        display: table-cell;
        vertical-align: top;
        padding: 0 10px 0 0;
    }

        .item .item-block:last-child {
            padding: 0;
        }
}


/* News
   ========================================================================== */

.article > .aside {
    float: right;
    margin: 1em;
}

.meta {
    margin: 0.5em 0;
}

    .meta > div {
        float: left;
    }

    .meta .social-tools {
        float: right;
    }

.social-icon-share {
    display: inline-block;
    margin: 0 10px;
}

#twitter-widget-0 {
    position: relative !important;
    left: 5px;
}
/* ==========================================================================
   Filters
   ========================================================================== */

.filter {
    padding: 1em;
    border: 1px solid #aaa;
    background: #00b0fa;
    margin: 0 0 1em;
    color: #fff;
}

    .filter a {
        color: #fff;
    }

.filter-options {
    float: left;
}

.filter-actions {
    float: right;
}

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


/* Pagination
   ========================================================================== */

.paging {
}

.sort-status {
    font-size: .875em;
    margin: 0 0 1em;
}

.paging-results {
    float: left;
}

.paging-list {
    float: right;
}

    .paging-list ul {
        display: block;
        padding: 0;
        margin: 0;
    }

    .paging-list li {
        display: block;
        padding: 0;
        margin: 0;
        border: 1px solid #002B40;
        border-left-width: 0;
        float: left;
    }

        .paging-list li:first-child {
            border-left-width: 1px;
        }

        .paging-list li a,
        .paging-list li span {
            display: block;
            min-width: 30px;
            padding: 2px 5px;
            text-align: center;
        }

        .paging-list li a {
            /* Link State */
        }

        .paging-list li span {
            /* Current Page State */
        }

        .paging-list li.disabled {
            display: none;
        }

            .paging-list li.disabled + li {
                border-left-width: 1px;
            }

            .paging-list li.disabled + .all {
                border-left-width: 0;
            }




/* ==============================================================
   GLOBAL STYLES 
   ============================================================== */

/*--- where is this used at? ----*/
.alert {
    overflow: hidden;
    border: 1px solid #FE0000;
    margin: 1em 0;
    padding: 10px;
    min-height: 50px;
    color: #000;
    background-color: #FEFF99;
}

    .alert a {
        color: #000;
    }

.bdr {
    border: 1px solid #555244;
    padding: 1px;
    background-color: #a7a496;
}

.bdrTop {
    border-top: 1px solid #999;
}

.bdrRight {
    border-right: 1px solid #999;
}

.bdrBottom {
    border-bottom: 1px solid #999;
}

.bdrLeft {
    border-left: 1px solid #999;
}

.bdrDash {
    border: 1px dashed #555244;
}

.bdrDashTop {
    border-top: 1px dashed #999;
}

.bdrDashRight {
    border-right: 1px dashed #999;
}

.bdrDashBottom {
    border-bottom: 1px dashed #999;
}

.bdrDashLeft {
    border-left: 1px dashed #999;
}

.alternate {
    background-color: #d8d8d8;
}

.row {
    background-color: #ffffff;
}


/* ##  Error Markers  ## */

.fieldlbl {
    padding: 4px 2px 0 0;
    text-align: right;
}

.field {
    padding-left: 2px;
}

.fieldpad {
    padding-bottom: 2px;
}

.fieldtext {
    color: #000000;
}

.fielderror {
    color: #cc0000;
}

.fieldnorm {
    width: 16px;
    height: 20px;
}

.fieldreq {
    width: 16px;
    height: 20px;
    background: transparent url(/cms/images/global/field-req.gif) no-repeat center right;
}

span.fieldreq {
    padding: 0 6px;
    background-position: center center;
}

span.fieldnorm {
    padding: 0 6px;
    background-position: center center;
}

.fieldred {
    width: 16px;
    height: 20px;
    background: transparent url(/cms/images/global/field-error.gif) no-repeat center right;
}

span.fieldred {
    padding: 0 6px;
    background-position: center center;
}


/* ##  Tooltip Classes  ## */

.toolTipWrpr {
    display: none;
    width: 340px;
    z-index: 99;
}

.toolTipShadow {
    background: url(/cms/images/core/tooltipbacktop.png) no-repeat top left;
    padding: 10px 13px 1px 13px;
    color: #666666;
}

.toolTopShadowBottom {
    background: url(/cms/images/core/tooltipbackbottom.png) no-repeat top left;
    width: 340px;
    height: 16px;
}

.toolTipDate {
    font-size: 11px;
    color: #999999;
    font-weight: bold;
}

.toolTipName {
    font-size: 14px;
    color: #666666;
    font-weight: bold;
    margin-bottom: 14px;
}


/* ##  Generic Pager  ## */

.generic-pager {
    margin: 0 0 1em;
}

    .generic-pager ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .generic-pager li {
        display: inline-block;
        margin: 0 3px 5px 0;
        font-size: .875em;
        font-weight: bold;
    }

        .generic-pager li a {
            display: inline-block;
            color: #444444;
            padding: 6px 10px;
            background: #cccccc;
            text-decoration: none;
        }

            .generic-pager li a:hover, .genericPager li a:focus {
                color: #333333;
                background: #aaaaaa;
                text-decoration: none;
            }

        .generic-pager li.nolink {
            color: #fff;
            background: #444444;
            padding: 6px 10px;
        }

        .generic-pager li.active {
            color: #fff;
            background: #444444;
            padding: 6px 10px;
        }


/* ##  Smart Bug  ## */

.smartbug ul {
    list-style-type: none;
    background-color: #ccc;
    font-size: 10px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    padding: 0px;
}

.smartbug li {
    border-bottom: 1px solid #000;
}

.smartbug a, .smartbug a:link, .smartbug a:visited {
    text-decoration: none;
    display: block;
    color: #000;
    padding: 5px;
}

    .smartbug a:hover {
        background-color: #999;
        text-decoration: underline;
    }


/* ##  Master Overlay Styles ## */

.site-overlay {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    background: #ffffff;
    overflow: hidden;
    -webkit-box-shadow: 0 0 15px #333;
    -moz-box-shadow: 0 0 15px #333;
    box-shadow: 0 0 15px #333;
}

    .site-overlay .overlay-content {
        padding: 15px;
    }


/* Legacy Overlay */
.siteOverlay {
    display: none;
    position: relative;
    width: 550px;
    max-width: 95%;
    min-height: 1px;
    background-color: #fff;
    z-index: 1000;
    -webkit-box-shadow: 0 0 15px #333;
    -moz-box-shadow: 0 0 15px #333;
    box-shadow: 0 0 15px #333;
}

    .siteOverlay .overlayBar {
        position: relative;
        padding: 7px 10px;
        text-align: right;
        border-bottom: 1px solid #e6e6e6;
    }

    .siteOverlay .overlayClose {
        display: inline-block;
        cursor: pointer;
        z-index: 5;
    }

    .siteOverlay .overlayContent {
        padding: 15px;
    }



/* =================================================================
  Site Sale Space
===================================================================*/
.site-sale {
    display: none;
    padding: 30px 15px;
    background: #004c97;
    color: #fff;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    font-weight: 400;
}

/* =================================================================
   MODULE STYLES - No Specific home for these yet
===================================================================*/

.breadcrumb-container {
    background: #eee;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

/* ##  Breadcrumb  ## */

.breadcrumbs {
    padding: 0;
    font-size: .875em;
}

    .breadcrumbs a, .breadcrumbs a:visited {
        text-decoration: none;
    }

        .breadcrumbs a:hover, .breadcrumbs a:focus, .breadcrumbs a:active {
            text-decoration: underline;
        }

    .breadcrumbs span {
        margin: 0 2px;
        font-weight: normal;
        font-weight: bold;
    }

    .breadcrumbs .seperator {
        margin: 0 8px;
        vertical-align: middle;
        padding: 0px;
        display: inline-block;
        width: 0px;
        height: 0px;
        border-left: 6px solid #aaa;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
    }

/* ##  PAGE TOOLS  ## */
/* Print and Email icons and wrapper */

.page-tools-wrapper {
    display: block;
    text-align: right;
    margin: 0 0 15px 0;
    padding: 10px;
}

.page-tool {
    margin: 0 5px 0;
    font-size: 0.875em;
    color: #686868;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}

    .page-tool svg {
        fill: #004c97;
        font-size: 2.5em;
        padding: 0 5px;
    }

.page-tools-wrapper a {
    float: right;
    display: flex;
    align-items: center;
    margin: 0 0 0 20px;
    color: #004c97;
}

    .page-tools-wrapper a:hover,
    .page-tools-wrapper a:focus,
    .page-tools-wrapper a:active {
        color: #1C4E87;
    }

    .page-tools-wrapper a span {
        color: #004c97;
        text-decoration: underline;
        font-weight: 500;
        background: transparent !important;
    }

.page-tools-wrapper .addthis_toolbox {
    float: right;
    display: inline;
}

    .page-tools-wrapper .addthis_toolbox a,
    .page-tools-wrapper .addthis_toolbox a:link,
    .page-tools-wrapper .addthis_toolbox a:visited {
        background: none;
        padding: 0;
        margin: 0 0 0 5px;
    }

.addthis_button_compact svg {
    width: 25px !important;
    height: 25px;
}
/* ## Page Heading ## */

.page-heading {
    margin: 35px 15px;
    border-bottom: 1px solid #dbdbdb;
}

    .page-heading .title {
        margin: 0;
        padding: 0 0 10px;
        font-size: 1.6em;
        font-weight: normal;
        background: none;
        border: 0;
    }


/* ## Email a Friend ## */

.emailFriendWrapper {
}

    .emailFriendWrapper .inner {
        padding: 10px;
    }

    .emailFriendWrapper .emailFriendSender {
        margin: 10px 0 20px;
        border-bottom: 1px dashed #ccc;
    }

    .emailFriendWrapper .emailFriendAdditional {
        margin: 10px 0 0;
        padding: 20px 0 0;
        border-top: 1px dashed #ccc;
    }


/* ## FAQ ## */

.faq-wrapper {
}

    .faq-wrapper h2 {
    }

    .faq-wrapper .category-header {
    }

    .faq-wrapper .question-list {
        list-style-type: none;
        padding: 0px;
        margin: 0 0 20px 10px;
        position: relative;
    }

        .faq-wrapper .question-list:before {
            position: absolute;
            content: '';
            height: 100%;
            width: 1px;
            left: 0;
            top: -10px;
            background: #ccc;
        }

        .faq-wrapper .question-list li {
            position: relative;
            padding: 0 0 0 20px;
        }

            .faq-wrapper .question-list li:before {
                position: absolute;
                content: '';
                width: 10px;
                height: 1px;
                left: 0;
                top: 10px;
                background: #ccc;
            }

    .faq-wrapper .faq-block {
    }

/* =================================================================
                  Carousel STYLES - Slick
===================================================================*/


.carousel {
    margin-bottom: 20px !important;
}

    .carousel .carousel-item {
        padding: 0 10px;
    }

    .carousel .slick-prev,
    .carousel .slick-next {
        position: absolute;
        bottom: 0px;
    }

    .carousel .slick-prev {
        left: 0px;
    }

    .carousel .slick-next {
        right: 0px;
    }

    .carousel .slick-dots {
        margin: 10px 0 0;
        padding: 0px;
        list-style-type: none;
        text-align: center;
    }

        .carousel .slick-dots li {
            display: inline-block;
            margin: 0 2px;
        }

            .carousel .slick-dots li button {
                text-indent: -9999em;
                text-align: left;
                display: block;
                width: 12px;
                height: 12px;
                padding: 0px;
                background: #dddddd;
                border: 1px solid #cccccc;
                -webkit-border-radius: 20px;
                border-radius: 20px;
            }

            .carousel .slick-dots li.slick-active button {
                background: #aaaaaa;
            }



/* =================================================================
                  Responsive Tabs
===================================================================*/

/* Jquery Tab Module Styling */

.tabModule {
    max-width: 60em;
    margin: 25px auto;
}

    .tabModule .ui-widget-header {
        background: #00b0fa;
    }

        .tabModule .ui-widget-header .ui-state-default {
            border: none;
        }

            .tabModule .ui-widget-header .ui-state-default a {
                color: #fff !important;
            }

            .tabModule .ui-widget-header .ui-state-default.ui-tabs-active a {
                color: #000 !important;
            }

        .tabModule .ui-widget-header .ui-state-hover {
            background: #d4b98e;
        }

/* Tabs container */
.r-tabs {
    position: relative;
}

    /* Tab element */
    .r-tabs .r-tabs-nav .r-tabs-tab {
        position: relative;
    }

    /* Tab anchor */
    .r-tabs .r-tabs-nav .r-tabs-anchor {
        display: block;
        padding: 10px 12px;
        text-decoration: none;
        background: #cccccc;
        border: 1px solid #cccccc;
        border-bottom: 0px;
        position: relative;
        bottom: -1px;
    }

    /* Disabled tab */
    .r-tabs .r-tabs-nav .r-tabs-state-disabled {
        opacity: 0.5;
    }

    /* Active state tab anchor */
    .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
        background: #ffffff;
    }

    /* Tab panel */
    .r-tabs .r-tabs-panel {
        border: 1px solid #ccc;
    }

    /* Accordion anchor */
    .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
        display: block;
        padding: 10px 12px;
        text-decoration: none;
        background: #cccccc;
        border: 1px solid #cccccc;
        border-bottom: 0px;
        position: relative;
        bottom: -5px;
        margin: 0 0 4px;
    }

        .r-tabs .r-tabs-accordion-title .r-tabs-anchor:after {
            position: absolute;
            content: '';
            right: 10px;
            top: 15px;
            border-top: 10px solid #aaaaaa;
            border-left: 9px solid transparent;
            border-right: 9px solid transparent;
        }

    /* Active accordion anchor */
    .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
        background: #ffffff;
    }

        .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after {
            border-top: 0px;
            border-bottom: 10px solid #aaaaaa;
            border-left: 9px solid transparent;
            border-right: 9px solid transparent;
        }

    /* Disabled accordion button */
    .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
        opacity: 0.5;
    }




/* =================================================================
                        THIRD PARTY STYLES
===================================================================*/



/* =================================================================
                        PRINT STYLES
===================================================================*/

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

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

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

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}


/* ## Button Styles ## */

.btn-wrapper {
    display: flex;
    text-decoration: none !important;
    width: 100%;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
}

.btn, a.btn {
    display: inline-block;
    margin: 0;
    padding: .75em 1em;
    font-weight: 500;
    color: #fff;
    background: #004c97;
    border: 0;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    overflow: visible;
    border-radius: 25px;
}

.hawksearch a.SelectDealer, .item-details-wrapper a.SelectDealer {
background: #ef1111;
}

    .btn:hover,
    .btn:focus {
        background: #00b0fa;
    }

.btn-alt {
}

    .btn-alt .btn {
        color: #666666;
        background-color: #cccccc;
        border: 1px solid #fff;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
    }

.btn-wrapper.btn-warning-wrapper {
    display: block;
    width: 100%;
}

    .btn-wrapper.btn-warning-wrapper .btn {
        margin: 5px 10px;
        display: block;
    }

/* Red Button */
.btn.redbtn {
    background: #7f3035;
    color: #fff;
}

    .btn.redbtn:hover,
    .btn.redbtn:active {
        background: #522023;
    }

/* Green Button */
.btn.greenbtn {
    background: #006a52;
    color: #fff;
}

    .btn.greenbtn:hover,
    .btn.greenbtn:active {
        background: #014e3d;
    }

/* Yellow Button */
.btn.yellowbtn {
    background: #faf100;
    color: #000;
}

    .btn.yellowbtn:hover,
    .btn.yellowbtn:active {
        background: #ccc403;
    }

.btn.transbtn {
    background: transparent;
    color: #004c97;
    border: 2px solid #004c97;
}

    .btn.transbtn:hover,
    .btn.transbtn:active {
        background: #004c97;
        color: #fff;
    }


.btn-large .btn {
    padding: 5px 10px;
    font-size: 1.4em;
}

.btn-full-width {
    display: block;
}

    .btn-full-width .btn {
        display: block;
        padding-left: 0;
        padding-right: 0;
    }

    .btn-full-width input.btn {
        width: 100%;
    }


/* ## modifier for icon fonts (IcoMoon) embedded within button wrapper ## */

.btn-wrapper [class^="icon-"] {
    margin: 0 3px;
    font-size: 0.7em;
}


/* ## Site Icons ## */

.iconImage {
    position: relative;
    display: inline-block;
    bottom: 1px;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    text-indent: -9999em;
    background: url(/cms/images/layout/icons_default.png) no-repeat 0 0;
    overflow: hidden;
}

.iconCart {
    width: 22px;
    height: 22px;
    background-position: 0 0;
}

.iconRefresh {
    width: 22px;
    height: 22px;
    background-position: 0 -27px;
}

.iconContinueArrow {
    width: 22px;
    height: 16px;
    background-position: 0 -57px;
}

.iconCheckbox {
    width: 18px;
    height: 14px;
    background-position: -23px -112px;
}

.iconXSquareRed {
    width: 12px;
    height: 12px;
    background-position: 0 -112px;
}

.iconSearch {
    width: 14px;
    height: 14px;
    background-position: -55px 0;
}

.iconQuestion {
    width: 22px;
    height: 22px;
    background-position: 0 -75px;
}


/* ## truncate styling ## */

.truncateLink {
}

    .truncateLink a, .truncateLink a:link, .truncateLink a:visited {
        margin-left: 5px;
    }

        .truncateLink a.truncateMore, .truncateLink a.truncateMore:link, .truncateLink a.truncateMore:visited {
        }

        .truncateLink a.truncateLess, .truncateLink a.truncateLess:link, .truncateLink a.truncateLess:visited {
        }





/* ## Table Wrapper to allow for overflow/scroll on smaller screens ## */
.table-wrapper {
    overflow: auto;
}

.data-table {
    widtH: 100%;
    display: table;
    border-collapse: collapse;
    margin-bottom: 20px;
}

    .data-table tr:nth-child(odd) {
        background: #e6e6e6;
    }

    .data-table th {
        background: #888888;
        padding: 6px 15px;
        font-size: 1em;
        border: 1px solid #888;
        border-bottom: 2px solid #555555;
        color: #fff;
    }

        .data-table th a {
            color: #fff;
            text-decoration: underline;
        }

    .data-table td {
        vertical-align: top;
        padding: 6px 15px;
        border: 1px solid #E1E1E1;
    }

        .data-table td td {
            border-style: none;
        }


/* ## NEW Limit Text Box ## */

.limitTextBox {
    width: 100% !important;
    margin: 0 0 1em;
}

    .limitTextBox span {
        display: none;
    }

.limitTextBoxBar {
    width: 100%;
    display: none;
}

.limitTextBoxBarWrpr {
    width: 100%;
    border: 0px solid #000;
    overflow: hidden;
    font-size: 9px;
    color: #000;
    white-space: nowrap;
    height: 5px;
    background-color: #FDFBBE;
}

.limitTextBoxBarInner {
    width: 0%;
    background-color: #FF0000;
}

.limitTextBoxInputWrpr {
    display: block;
    width: 100%;
    vertical-align: top;
}

    .limitTextBoxInputWrpr textarea {
        vertical-align: top;
        margin: 0px !important;
    }

.limitTextBoxSpellWrpr {
    display: table-cell;
    padding-left: 5px;
    vertical-align: top;
    display: none;
}

    .limitTextBoxSpellWrpr img {
        max-width: 16px !important;
        cursor: pointer;
    }



/* =================================================================
                        Site Section Styling
===================================================================*/
.design-playset {
    display: none;
}

.residential {
    padding: 40px 0px;
    background: #fff;
    text-align: center;
}

.commercial {
    padding: 40px 0px;
    background: #f8f8f8;
    text-align: center;
}

.homepage-banner {
    background-size: cover;
    background-color: #f8f8f8;
    max-height: 100%;
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
}

    .homepage-banner img {
        display: none;
    }

.hp-banner-text {
    text-align: center;
    position: relative;
}

    .hp-banner-text h1 {
        font-size: 1.45em;
        color: #000;
    }

    .hp-banner-text a.btn {
        font-weight: 700;
        text-transform: uppercase;
    }

.help-find {
    padding: 0 0 20px 0;
    background: #f8f8f8;
}

    .help-find .find-help-wrapper {
        text-align: left;
        padding: 40px 15px;
    }

        .help-find .find-help-wrapper h2 {
            font-size: 1.75em;
            font-weight: 400;
            text-align: center;
        }

.find-fieldset {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: 1.25em;
}

    .find-fieldset * {
        margin: 10px 0;
    }

    .find-fieldset .pricerange {
        flex-basis: 100%;
        order: 3;
    }

    /*.find-fieldset .slctdiv:focus:after{transform: rotate(180deg);}*/

    .find-fieldset span {
        font-size: 1.15em;
    }

    .find-fieldset .identify,
    .find-fieldset .lookingfor,
    .find-fieldset .pricerange {
        width: 100%;
        position: relative;
    }



        .find-fieldset .identify select {
            width: 100%;
        }

        .find-fieldset .lookingfor select {
            width: 70%;
        }

        .find-fieldset .pricerange select {
            width: 100%;
        }

.residential h3,
.commercial h3 {
    text-align: center;
    font-weight: 400;
    font-size: 1.75em;
    margin: 10px 0;
}

.residential h4 {
    color: #7f3035;
    font-size: 1.25em;
    text-transform: uppercase;
}

.commercial h4 {
    color: #006a52;
    font-size: 1.25em;
    text-transform: uppercase;
}

.hp-img img {
    width: 100%;
}

.hp-desc {
    background: #f2f2f2;
    padding-bottom: 40px;
}

.store-related .hp-desc {
    background: transparent;
    padding: 10px 40px 40px 40px;
}

.hp-desc p {
    font-weight: 500;
    line-height: 1.25em;
    padding: 0 30px;
    color: #000;
}

.hp-items {
    margin: 25px 0;
}

/* Custom Module changes */


.marketing {
    background: none;
}

.marketing-wrapper {
    padding: 40px 10px;
}

    .marketing-wrapper img {
        display: block;
        width: 100%;
    }

.marketing-content {
    max-width: 440px;
}

.marketing h4 {
    font-size: 2.5em;
    margin: 15px 0;
    font-weight: 300;
}

.marketing span {
    color: #7f3035;
    font-weight: 700;
    font-size: 1.5em;
    text-transform: uppercase;
}

.marketing p {
    font-size: 1em;
    color: #000;
    font-weight: 500;
    margin: 15px 0;
}

.interior-banner img {
    width: 100%;
}

.interior h1 {
    color: #004c97;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-weight: 500;
    font-size: 2.5em;
    margin: 15px 0;
}

.interior h2 {
    font-size: 2.25em;
    font-weight: 400;
    margin: 25px 0;
    text-align: center;
}

.interior h3 {
    font-size: 2.25em;
    font-weight: 400;
    margin: 25px 0;
    text-align: center;
}


.productlist h1 {
    margin: 35px 0;
}

.interior .page-title {
    padding: 30px 0;
    background: #f8f8f8;
    margin: 0px;
}
/*  =========================================================
                      Store Locater Code 
=================================================================  */


.store-locator {
    position: relative;
    margin-top: -20px;
    margin-bottom: -20px;
}

    .store-locator .map-overlay {
        position: initial;
        height: 100%;
        background: #fff;
        max-width: 100%;
        width: 100%;
        box-shadow: 1px 0px 4px 0px #424242;
    }

.map-overlay .map-overlay-top {
    position: absolute;
    width: 100%;
    float: none;
    top: 0;
    background: #fff;
    z-index: 999;
}

.map-overlay .map-overlay-bottom {
    width: 100%;
    float: none;
}

.map-overlay .zip-code {
    display: flex;
    flex-direction: column;
    padding: 20px;
    margin: 10px 0 0 0;
    border-bottom: 1px solid #ebebeb;
}

    .map-overlay .zip-code * {
        margin: 7px 0;
    }

    .map-overlay .zip-code button {
        width: 100%;
    }

    .map-overlay .zip-code label {
        font-weight: 500;
        color: #928c8c;
        font-size: 1.1em;
    }

input.gback {
    background: #ebebeb;
    border: none;
    padding: 10px;
    color: #928c8c;
    font-weight: 500;
}

.locations-head {
    padding: 20px 10px;
}

    .locations-head h1 {
        text-transform: initial;
    }

.location-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.location-flex-left {
    width: 100%;
}

.location-flex-right {
    width: 100%;
}

.locatn-market-text {
    padding: 15px 10px;
}

.locations-found {
    color: #00b0fa;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.1em;
    padding: 20px;
}

.store-locate-wrapper {
    overflow: auto;
}

.store-locate {
    display: flex;
    width: 100%;
    margin: 20px 0;
    padding: 20px;
    align-items: flex-start;
}

    .store-locate img {
        display: block;
        width: 22px;
    }

    .store-locate .store-address {
        display: table-cell;
        width: 90%;
        vertical-align: top;
        padding: 0 0 0 10px;
    }

        .store-locate .store-address p {
            color: #616161;
            padding: 10px 0;
            font-weight: 400;
            font-size: 1.1em;
            margin: 0;
        }

        .store-locate .store-address a {
            padding: 5px 0;
            display: block;
            font-weight: 500;
        }

        .store-locate .store-address span {
            color: #616161;
            font-size: 1.05em;
        }

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #d1d1d1;
    border-radius: 10px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #000000;
    }



/*  Design your own playset */


.dyo-playset {
    background: url('/cms/images/general/dyoback.png') no-repeat;
    background-size: cover;
    padding: 50px 0;
    text-align: center;
    color: #fff;
    background-position: 30% 100%;
}

    .dyo-playset h3 {
        font-size: 2em;
    }

    .dyo-playset p {
        padding: 0 25px;
        font-size: 1.25em;
    }

    .dyo-playset a {
        margin: 25px 0;
    }



/*  Product Registration  */

.introduction-reg p {
    max-width: 55em;
    margin: 0 auto;
    padding: 50px 10px 50px;
    width: 100%;
    font-weight: 400;
    font-size: 1.05em;
}

.product-reg,
.product-information {
    background: #f8f8f8;
    padding: 50px 15px;
    margin: 0 10px;
}

.prdt-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .prdt-head span {
        font-weight: 500;
    }

.product-reg h2,
.product-information h3 {
    color: #004c97;
    font-weight: 500;
    text-align: left;
    font-size: 1.5em;
}

.product-information {
    margin: 60px 10px;
}

    .product-information .zipcode {
        display: table;
        width: 100%;
    }

.zip-button {
    display: block;
    vertical-align: bottom;
    width: 100%;
    text-align: center;
}

    .zip-button input {
        margin: 10px;
    }

.ziplabel {
    display: block;
}

.purchased .slctdiv,
.product-purchase .slctdiv {
    width: 100%;
}

.reg-button {
    text-align: center;
    margin: 20px 0 0;
}


.homepage-main-banner {
    position: relative;
}

.hp-overlay {
    position: absolute;
    width: 100%;
    height: 200px;
    top: 100%;
    margin-top: -185px;
    background-repeat: no-repeat;
    z-index: 0;
    background-size: cover;
    background-position: center;
}

    .hp-overlay img {
        display: none;
    }

.hp-text-wrapper {
    padding: 25px;
    background: #f8f8f8;
}
/* =================================================================
                        Media Queries
===================================================================*/


/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
    .page-tools-wrapper {
        display: none;
    }

    .responsive-table,
    .responsive-table thead,
    .responsive-table tbody,
    .responsive-table tr,
    .responsive-table td {
        display: block;
        width: 100%;
    }

        .responsive-table tr {
            border: 1px solid #E1E1E1;
        }

        .responsive-table th {
            display: none;
        }

        .responsive-table td {
            border-style: none;
        }
}

@media only screen and (min-width:11.250em) and (max-width:48.093em) {
    #btnCustomize {
        display: none;
    }
}

@media only screen and (max-width: 30em) {
    .hp-overlay {
        background-size: contain;
        margin-top: -225px;
    }
}

/* 16px baseline (768px +) */
@media only screen and (min-width:48em) {

    /* Content and layout modifiers */
    .d-align-right {
        text-align: right;
    }

    .d-align-left {
        text-align: left;
    }

    .site-sale {
        display: block;
    }
    /* ==========================================================================
       Layouts
   ========================================================================== */

    .table-layout {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

        .table-layout .table-cell {
            display: table-cell;
            vertical-align: middle;
        }

            .table-layout .table-cell .inner {
                display: inline-block;
                width: 100%;
                max-width: 40em; /* half of container width */
            }

            .table-layout .table-cell:first-child {
                text-align: right;
            }

                .table-layout .table-cell:first-child .inner {
                    text-align: left;
                }

        .table-layout.full-width .table-cell .inner {
            max-width: 2000px;
        }

    .site-sale {
        font-size: 1.25em;
    }

    .btn-wrapper {
        flex-direction: row;
    }

    /* Site Body Section */

    .homepage-banner {
        max-height: 100%;
        height: 400px;
    }

    .hp-overlay {
        height: 450px;
        margin-top: -100px;
    }

    .hp-banner-text {
        position: relative;
        padding: 5px 0;
    }

        .hp-banner-text h1 {
            font-size: 1.75em;
            color: #ffffff;
        }

    .hp-text-wrapper {
        margin-top: -150px;
        padding: 0;
        background: transparent;
    }

    .help-find {
        margin-top: 40px;
    }

    .find-fieldset {
        justify-content: center;
    }

        .find-fieldset * {
            margin: 10px;
        }

        .find-fieldset span {
            font-size: 1.35em;
        }

        .find-fieldset .identify,
        .find-fieldset .lookingfor,
        .find-fieldset .pricerange {
            width: auto;
        }

            .find-fieldset .identify select {
                width: auto;
            }

            .find-fieldset .lookingfor select {
                width: auto;
            }

            .find-fieldset .pricerange select {
                width: auto;
            }

    .help-find .find-help-wrapper h2 {
        font-size: 2.5em;
        margin: 20px 0;
    }

    .help-find .find-help-wrapper {
        text-align: center;
    }

    .marketing-wrapper img {
        display: none;
        width: 100%;
    }

    .residential h3,
    .commercial h3 {
        text-align: center;
        font-size: 2.5em;
        margin: 25px 0;
    }

    .residential h4,
    .commercial h4 {
        font-size: 1.5em;
        margin: 20px 10px;
    }

    .marketing {
        padding: 100px 0;
        background: url('/cms/images/general/bwlower.png')no-repeat;
        background-size: cover;
        background-position: center;
    }

    .product-reg,
    .product-information {
        background: #f8f8f8;
        padding: 50px 60px;
    }

        .product-information .zipcode {
            width: 40%;
        }

    .zip-button {
        display: table-cell;
        width: 40%;
        text-align: center;
    }

        .zip-button input {
            margin: 10px;
        }

    .ziplabel {
        display: table-cell;
        width: 60%;
    }

    .reg-button {
        text-align: center;
        margin: 50px 0 0;
    }

    .product-reg h2,
    .product-information h3 {
        font-size: 2.25em;
    }

    .location-flex {
        flex-direction: row;
    }

    .location-flex-left {
        width: 60%;
    }

    .location-flex-right {
        width: 40%;
    }
}

@media only screen and (min-width: 60em) {
    .store-locator .map-overlay {
        max-width: 450px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .map-overlay .map-overlay-top {
        width: 100%;
        height: 30%;
        position: relative;
    }

    .map-overlay .map-overlay-bottom {
        overflow: auto;
        width: 100%;
        height: 67%;
    }

    .map-overlay .zip-code {
        padding: 20px;
    }

        .map-overlay .zip-code button {
            width: auto;
        }

    .store-locate {
        padding: 20px;
    }

    .locations-found {
        padding: 20px;
        background: #fff;
    }

    .dyo-playset {
        padding: 100px 0;
    }

    .location-flex-left {
        width: 70%;
    }

    .location-flex-right {
        width: 30%;
    }

    .hp-overlay {
        background-size: cover;
    }
}




@media only screen and (min-width: 80em) {
    .store-locator .map-overlay {
        max-width: 650px;
    }

    .map-overlay .map-overlay-top {
        width: 65%;
        float: right;
        height: 25%;
        position: relative;
    }

    .map-overlay .map-overlay-bottom {
        overflow: auto;
        width: 65%;
        float: right;
        height: 75%;
    }

    .map-overlay .zip-code {
        padding: 10px 50px 30px 0;
    }

    .store-locate {
        padding: 10px 50px 10px 10px;
    }

    .locations-found {
        padding: 20px 0;
    }

    .homepage-banner {
        max-height: 100%;
    }

    .hp-overlay {
        height: 500px;
        margin-top: -120px;
    }
}




@media only screen and (min-width: 900px) {
    .residential.ctabox .hp-wrapper .slick-track {
        display: flex;
        flex-wrap: wrap;
        height: 100%;
    }

        .residential.ctabox .hp-wrapper .slick-track .slick-slide {
            min-width: 33%;
        }

    .hp-wrapper .slick-track {
        display: block;
        border: solid 0px #ff0000;
    }

        .hp-wrapper .slick-track .slick-slide {
            min-width: initial;
        }

    .container .hp-wrapper .grid-4 {
        min-width: 33%;
    }

    .slick-slider .slick-track {
        min-width: 100%;
    }
}



.nav-bar > ul > li > a {
    text-align: center;
}

/* Ticket #491830 - Add first listed dealer to website header  */

.dlrInfo { width:230px; display:inline-block; text-align:left; font-size:.75em; padding:5px;}
.dlrInfo .location {font-weight:bold; margin-bottom:5px; display:block; border:solid 1px #00b0fa; background:#fff; padding:10px; border-radius:25px}
.dlrInfo .local {font-weight:bold; margin-bottom:5px; display:block;}
.dlrInfo .dlrTitle {text-align:center; width:100%;}
.dlrInfo .dlrAdd {text-align:center; font-size:.875em; display:block;} 


/* Ticket #499977 - Add PayPal to the site (so BYA Customers can also use the PP credit/finance option) */

.payPalFields .formee .btnPayPal {margin-top:20px !important;}
.payPalFields .formee .btnPayPal a {display:flex; flex-wrap:nowrap;}
.payPalFields .formee .btnPayPal a div {margin:10px 5px}

@media only screen and (max-width: 480px) {
    .payPalFields .formee .btnPayPal a { flex-wrap:wrap;}
}


/* Ticket #539915 -  	Blog Improvements-Programming and FED work  */


.blogs-template {width:100%; margin-bottom:20px; }
.blogs-template h2 {text-align:left; font-size:1.2em; font-weight:bold;}
.blogs-template div { margin:10px 0px; }

table.MultilineTable tbody {display:flex; flex-wrap:wrap; justify-content:space-between;}
table.MultilineTable tbody tr:nth-child(1) {width:100%;}
table.MultilineTable tbody tr {width:32%; margin-bottom:20px; text-align:left;}
table.MultilineTable tbody tr {width:100%; text-align:right;}
table.MultilineTable tbody tr.row {width:32%; text-align:left;}
table.MultilineTable tbody tr.alternate {background:#fff; width:32%; text-align:left;}

table.MultilineTable .smaller.grey.italic a {
	display: inline-block;
	margin: 0;
	padding: .75em 1em;
	font-weight: 500;
	color: #fff;
	background: #004c97;
	border: 0;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	overflow: visible;
	border-radius: 25px;
}

table.MultilineTable .blogs-template h2 {position:relative;}
table.MultilineTable .blogs-template h2::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -15px;
	left: ;
	width: 5.125rem;
	height: .3125rem;
	border-radius: 3px;
	background-color: #004c97;
}

table.MultilineTable .row a {
	color: #069;
	text-decoration: none;
}
table.MultilineTable .row a:hover {
	
	text-decoration: underline;
}
table.MultilineTable tbody tr td {width:100%;}
table.MultilineTable tbody tr table {text-align:right; }
table.MultilineTable tbody tr table td {vertical-align:top;}
.blogs-template .postDetail p img { margin:10px auto; display:block;}

.autocomplete-w1 .autocomplete {border:solid 1px #ccc; padding:10px; background:#fff;}
.autocomplete-w1 .autocomplete div {padding:5px;}
.autocomplete-w1 .selected {background:#ccc; }
.autocomplete-w1 .selected:hover {cursor:pointer;}


.lg-learn-more {align-items:center !important; justify-content:center;}
.lg-learn-more .lg-learn-more-tagline {font-size:.875em;}
.lg-learn-more .lg-learn-more-content {font-size:.875em;}
.lg-learn-more img {width:70px !important}
#loanglide-button:hover {cursor:pointer;}


/* Ticket #614093 - Remove pop up from all landing pages that asks for shipping zip code or login */

.hawksearch > span {text-align:center; padding-left:calc((25%) - (15px)) !important;}

@media only screen and (max-width: 767px) {
    .hawksearch > span {padding-left:0; width:100%; display:block;}
}

.hawksearch span[id$='spanSelectYourDealer'] {
	text-align: center;
	padding-left: 0 !important;
    margin:0px auto;
    display:block;
}