/* ## 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;
}



/*! 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 {
    margin: 0;
    padding: 0;
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */

body {
    margin: 0;
    padding: 0;
    outline: 0;
    font-family: 'Titillium Web', sans-serif;
}

main {
    outline: 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;
}

/* ==========================================================================
   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 .content {
    font-size: 18px;
}

body .grid_9.content::after,
body .grid_3.content::after {
    content: "";
    display: inline-block;
    width: 0px;
    height: 0px;
}

::-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%;
    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;
}

.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 {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

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

.invisible {
    visibility: hidden;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.hide {
    display: none;
}

.costSummary .hide {
    display: none !important;
}

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

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

.larger {
    font-size: 1.1em;
}

.largest {
    font-size: 1.2em;
}

.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;
}

.black, .black:visited {
    color: #000;
    fill: #000 !important;
}

.blue, .blue:visited {
    color: #0000ff;
    fill: #0000ff !important;
}

.blue-alt, .blue-alt:visited {
    color: #4948cf;
    fill: #4948cf !important;
}

.grey, .grey:visited {
    color: #666666;
    fill: #666666 !important;
}

.middleGrey, .middleGrey:visited {
    color: #444444;
    fill: #444444 !important;
}

.whiteBG {
    background: #fff;
    z-index: 1;
}

.offWhiteBG {
    background: #f5f5f5;
}

.darkGreyBG {
    background: #21201e;
}

.middleGreyBG {
    background: #444444;
}

.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;
}

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

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

.marginBtm {
    margin-bottom: 1em !important;
}


/* ## 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 {
    margin: 0 7px;
    font-size: .8em;
    color: #4e4e4e;
}

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


/* ================================================================
   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: #0000ff;
    display: inline-block;
    max-width: 100%;
    text-decoration: none;
}

    a:hover, a:active, a:focus {
        color: #0000ff;
        text-decoration: underline;
    }

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

.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;
}


/* ## 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 ## */
body {
    background: #fff;
}

.container {
}

.siteBody {
    min-height: 300px;
    margin: 0;
}

/* ==========================================================================
   Global Modules
   ========================================================================== */

.mod {
    position: relative;
}

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

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

.titleAlt2 {
}

.title .more {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.6em;
}

.modContent {
    padding: 15px;
}



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

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

.item {
    display: table;
    padding: 1em 0;
    width: 100%;
    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;
        width: 100%;
        vertical-align: top;
    }

.content .title {
    margin: 0;
}

.itemList .content p {
    margin: 0;
}

.content .date {
    font-size: 0.85em;
}


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

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

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


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


@media (max-width : 400px) {

    .item {
        display: block;
    }

        .item > .content {
            display: block;
        }

        .item > .aside {
            display: block;
        }
}


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

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

.meta {
    margin: 0.5em 0;
}

    .meta > div {
        float: left;
    }

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


/* =================================================================
                        General Styles
===================================================================*/

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
    overflow: hidden;
}

/*
 * Hides SVG off screen
 */

.svg-legend {
    position: absolute;
    top: -999em;
    width: 0;
    height: 0;
}

/* ## Responsive Video ## */

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


/* ## Button Styles ## */
/*
    <span class="btnWrapper"><input class="btn" value="Submit" /></span>
	or
	<a href="#" class="btnWrapper"><span class="btn">Submit</a></a>
*/
.linkButton {
    border: 0;
    background: none !important;
    text-decoration: underline;
    color: blue;
    padding: 0;
}

.btn-wrpr, .btnWrapper {
    cursor: pointer;
    display: inline-block;
    text-decoration: none !important;
}

.btn, a.btn {
    margin: 0;
    padding: 10px 30px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    background: #333;
    border-radius: 4px;
    border: 2px solid #333;
}

    .btn:hover, .btn:focus,
    a.btn:hover, a.btn:focus {
        color: #333;
        background: #fff;
    }

    .btn.btn-theme-01, a.btn.btn-theme-01 {
        background: #0000ff;
        border-color: #0000ff;
    }

        .btn.btn-theme-01:hover, .btn.btn-theme-01:hover .icon, .btn.btn-theme-01:focus, .btn.btn-theme-01:focus .icon,
        a.btn.btn-theme-01:hover, a.btn.btn-theme-01:hover .icon, a.btn.btn-theme-01:focus, a.btn.btn-theme-01:focus .icon {
            fill: #0000ff;
            color: #0000ff;
            background: #fff;
        }

/*.btnAlt {background-color:#cccccc ;}
.btnAlt .btn{color:#666666; background-color:#cccccc ; border:1px solid #fff; text-align:center; text-decoration:none; cursor:pointer;}
.btnAlt:hover, .btnAlt:hover .btn { background-color:#E3E3E3; }

.btnLarge .btn {padding:5px 10px; font-size:1.4em;}
.btnFullWidth {display: block;}
.btnFullWidth .btn {display:block; padding-left:0; padding-right:0; }
.btnFullWidth input.btn { width:100%; }*/

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

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

.top-links .btnWrapper {
    top: -15px;
    right: 10px;
    position: absolute;
}

@media (max-width: 767px) {
    .wishlist-btns .btnWrapper {
        display: block;
        margin-bottom: 16px;
        text-align: center;
    }

    .accountBlocks .cartTools {
        padding: 10px;
    }

    .accountBlocks dl.forms dd {
        margin: 0 0 10px 0;
    }
}



/* ## Site Icons ## */

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

header .icon {
    fill: #fff;
}

.icon-cart {
    width: 1.123046875em;
}

.icon-chat {
    width: 1.125em;
}

.icon-clearance {
    width: 0.845703125em;
}

.icon-caret {
    width: 1.6904296875em;
}

.icon-email {
    width: 1.5458984375em;
}

.icon-arrow {
    width: 0.533203125em;
}

.icon-menu {
    width: 1.4970703125em;
}

.icon-newsletter {
    width: 1.2734375em;
}

.icon-bigarrow {
    width: 0.5810546875em;
}

.icon-shipping {
    width: 1.306640625em;
}

.icon-vehicles {
    width: 1.0576171875em;
}

.icon-order {
    width: 1.0791015625em;
}

.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;
}

.view .icon {
    fill: #999999 !important;
}

.view .active-view .icon {
    fill: #000000 !important;
}

/* ## truncate styling ## */

.truncateLink {
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    display: block;
}

    .truncateLink a, .truncateLink a:link, .truncateLink a:visited {
        position: relative;
        text-decoration: none;
    }

        .truncateLink a:before, .truncateLink a:after {
            content: " ";
            width: 10px;
            height: 2px;
            background: #0000ff;
            position: absolute;
            margin: auto;
            bottom: 0;
            right: -20px;
            top: 0;
        }

        .truncateLink a:after {
            transform: rotate(90deg);
            transition: all .2s ease-in-out;
        }

        .truncateLink a.truncateLess:after {
            transform: rotate(0deg);
            transition: all .2s ease-in-out;
        }

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


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

.limitTextBox {
}

    .limitTextBox span {
        display: none;
    }

.limitTextBoxBar {
    width: 100%;
}

.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: table-cell;
    width: 100%;
    vertical-align: top;
}

    .limitTextBoxInputWrpr textarea {
        box-sizing: border-box;
        vertical-align: top;
    }

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

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

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

    .alert a {
        color: #fff;
    }

.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  ## */

.genericPager {
    padding: 10px 15px 20px 10px;
}

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

    .genericPager li {
        float: left;
        display: block;
        font-size: 11px;
        margin: 0 5px 5px 0;
    }

        .genericPager li a {
            float: left;
            color: #003871;
            padding: 2px 4px;
            border: 1px solid #ddd;
            text-decoration: none;
        }

            .genericPager li a:hover, .genericPager li a:focus {
                color: #000;
                background-color: #CFCFCF;
                border: 1px solid #000;
                text-decoration: none;
            }

        .genericPager li.nolink {
            color: #fff;
            border: 1px solid #ddd;
            padding: 2px 4px;
        }

        .genericPager li.active {
            color: #686868;
            border: 1px solid #ddd;
            padding: 2px 4px;
            background-color: #CFCFCF;
        }


/* ##  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 ## */

.siteOverlay {
    display: none;
    position: relative;
    width: 550px;
    max-width: 95%;
    min-height: 1px;
    background-color: #fff;
    z-index: 1000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -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;
    }

.open {
    opacity: 1;
    display: block;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.closed {
    opacity: 0;
    display: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.next-link:after {
    content: " ";
    width: 5px;
    height: 5px;
    margin: 0 0 2px 5px;
    transform: rotate(-45deg);
    display: inline-block;
    vertical-align: middle;
    border-right: 2px solid #0000ff;
    border-bottom: 2px solid #0000ff;
}

.next-link.grey:after {
    width: 5px;
    height: 5px;
    margin: 0 10px 4px;
    border-right: 2px solid #666666;
    border-bottom: 2px solid #666666;
}

.next-link.grey:hover {
    text-decoration: none;
}

    .next-link.grey:hover:after {
        border-right: 2px solid #0000ff;
        border-bottom: 2px solid #0000ff;
    }

.next-link.black:after, .breadcrumbs a:after {
    content: " ";
    width: 5px;
    height: 5px;
    margin: 0 0 2px 10px;
    transform: rotate(-45deg);
    display: inline-block;
    vertical-align: middle;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
}

.breadcrumbs a:after {
    margin: 0 8px 2px 10px !important;
}

.pagination-custom .next-link.black:hover:after, .pagination-custom .next-link.black:focus:after {
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

.next-link.white:after {
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

.next-link.middleGrey:after {
    width: 5px;
    height: 5px;
    margin: 0 10px 2px 0;
    border-right: 2px solid #444444;
    border-bottom: 2px solid #444444;
}

.prev-link:before {
    content: " ";
    width: 7px;
    height: 7px;
    margin: 0 5px 4px 0;
    transform: rotate(45deg);
    display: inline-block;
    vertical-align: middle;
    border-left: 2px solid #0000ff;
    border-bottom: 2px solid #0000ff;
}

.prev-link:before {
    content: " ";
    width: 5px;
    height: 5px;
    margin: 0 5px 3px 0;
}

.prev-link.grey:before {
    border-left: 2px solid #666666;
    border-bottom: 2px solid #666666;
}

.prev-link.black:before {
    width: 5px;
    height: 5px;
    margin: 0 10px 2px 0;
    border-left: 2px solid #000000;
    border-bottom: 2px solid #000000;
}

.pagination-custom .prev-link.black:hover:before, .pagination-custom .prev-link.black:focus:before {
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

/* =================================================================
                        Header Styles
===================================================================*/

.hidden-info p {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

/* ## Site Header ## */
.siteHeader {
    min-height: 80px;
    z-index: 1000;
    margin-bottom: 3px;
    width: 100%;
    top: 0;
    left: 0;
    transition: all ease .3s;
}

@media(min-width:68.750em) {
    .siteHeader {
        position: fixed;
    }
}

body.sticky .siteHeader {
    transition: all ease .3s;
}



.siteHeader a.sitelogo,
.siteHeader a.sitelogo:link,
.siteHeader a.sitelogo:visited {
    float: left;
    display: block;
    width: 265px;
    height: 65px;
    margin-bottom: 10px;
    background: url(/cms/images/layout/logo-diesel.png) no-repeat 0 0;
    text-indent: -9999em;
}

/* Used for HighDPI devices for alternative logo */
/* uncomment for use
@media only screen and (min--moz-device-pixel-ratio: 1.5),
    (-o-min-device-pixel-ratio: 3/2),
    (-webkit-min-device-pixel-ratio: 1.5),
    (min-device-pixel-ratio: 1.5) {

	.siteHeader a.sitelogo,
	.siteHeader a.sitelogo:link,
	.siteHeader a.sitelogo:visited {
		background-image:url(/cms/images/dev/placeholders/AE_logo_tag_3color_300w_2x.png);
	}
}
*/

.siteHeader .hdrPhonenum {
    background-position: 100% 0;
    background-repeat: no-repeat;
    bottom: 12px;
    display: block;
    height: 34px;
    position: absolute;
    right: 12px;
    text-indent: -9999em;
    width: 200px;
}

.headerLinks {
    font-size: 0.9em;
    margin: 0 0 10px;
    padding: 5px 0 0;
    text-align: right;
}

    .headerLinks a, .headerLinks a:link, .headerLinks a:visited {
        margin: 0 3px;
        text-decoration: none;
    }

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

header {
}

    header .logo {
        width: 100%;
        margin: 0;
        padding: 20px 0;
        text-align: center;
        border-bottom: 1px solid #555555;
    }

        header .logo img {
            width: 100%;
            max-width: 185px;
        }

    header .icon {
        width: 2em;
        height: 2em;
        margin: 5px auto;
        display: inline-block;
        vertical-align: middle;
    }

    header .toggle-body .icon {
        margin: 5px 0;
    }

    header .shop-vehicle .icon, header .search-area .icon {
        margin: 15px auto 5px;
    }

    header .header-banner {
        display: none;
    }

        header .header-banner .chat-button {
            display: inline-block;
        }

            header .header-banner .chat-button a, .topNavMobile #scC6XS {
                display: inline-block;
                vertical-align: top;
            }

                header .header-banner .chat-button a span,
                .topNavMobile #scC6XS span {
                    font-weight: 400;
                }

                header .header-banner .chat-button a,
                .topNavMobile #scC6XS a {
                    position: relative;
                    margin-left: 30px;
                }

                    .topNavMobile #scC6XS a::before {
                        content: "";
                        position: absolute;
                        display: block;
                        left: -24px;
                        top: 4px;
                        width: 19px;
                        height: 16px;
                        -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQ9JREFUeNqUVAsNgzAQLQQDs1ALTAJIwAJI6CQUCZuEgQMmgUoYEoaE7Upel0tz/F7ykrZ3PO7eFZK+71UETayJObFg5y+iIz6IkxKQRntLfBNNJKSwN4jbLbELcUSywttLYsJY4lwhb1wTM2hrJl6JDdpSUZsN4jPybSymWUUlfNmCQ14oQnOxirW2J8QFb1hX0gAmdQ4tvOwkMX1AoILxX3CEd3+xoFzzgABv9jPKyXFmg9iEkj2GFcGcDUnCchtS1r/DfRuElosDFhRBbMa4Owj6sj/wxRydSMbWM5toJVzYPXRp5EstjD5Y0G4ILR9/xiq54yGHSuJqbogZYUi+K5UIv6Az0PDXD6j8CTAA0bRDJphEEZYAAAAASUVORK5CYII=");
                        mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQ9JREFUeNqUVAsNgzAQLQQDs1ALTAJIwAJI6CQUCZuEgQMmgUoYEoaE7Upel0tz/F7ykrZ3PO7eFZK+71UETayJObFg5y+iIz6IkxKQRntLfBNNJKSwN4jbLbELcUSywttLYsJY4lwhb1wTM2hrJl6JDdpSUZsN4jPybSymWUUlfNmCQ14oQnOxirW2J8QFb1hX0gAmdQ4tvOwkMX1AoILxX3CEd3+xoFzzgABv9jPKyXFmg9iEkj2GFcGcDUnCchtS1r/DfRuElosDFhRBbMa4Owj6sj/wxRydSMbWM5toJVzYPXRp5EstjD5Y0G4ILR9/xiq54yGHSuJqbogZYUi+K5UIv6Az0PDXD6j8CTAA0bRDJphEEZYAAAAASUVORK5CYII=");
                        background-size: 19px 16px;
                        background-repeat: no-repeat;
                        background-position: left center;
                    }

                    header .header-banner .chat-button a svg {
                        margin-right: 5px;
                    }

                        header .header-banner .chat-button a svg.chat-online {
                            fill: #2d9711;
                        }

                        header .header-banner .chat-button a svg.chat-offline {
                            fill: red;
                        }

    header .header-top {
    }

        header .header-top .nav-holder {
            width: 18%;
            min-width: 64px;
            height: 55px;
            display: inline-block;
        }

        header .header-top .nav-wrpr {
            height: 55px;
            overflow: hidden;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        header .header-top .toggle-nav {
            width: 80%;
            height: 55px;
            /*position: relative;*/
            color: #fff;
            font-size: 12px;
            font-weight: 600;
            text-decoration: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            header .header-top .toggle-nav a {
                text-decoration: none;
            }

                header .header-top .toggle-nav a:hover, header .header-top .toggle-nav a:focus {
                    text-decoration: underline;
                }

            header .header-top .toggle-nav .toggle-nav-item {
                width: 25%;
                min-width: 40px;
                min-height: 55px;
                text-align: center;
                padding: 0; /*position: relative;*/
                border-left: 1px solid #555555;
            }

                header .header-top .toggle-nav .toggle-nav-item p {
                    color: transparent;
                    margin: 2px 0 0;
                    line-height: 1.2;
                }

                header .header-top .toggle-nav .toggle-nav-item a {
                    color: #fff;
                    border: none;
                    background: transparent;
                    position: relative;
                }

                header .header-top .toggle-nav .toggle-nav-item button.menu-btn {
                    width: 100%;
                    border: none;
                    padding-top: 40px;
                    background: transparent;
                    top: 0;
                    left: 0;
                    right: 0;
                    margin-top: -40px;
                    margin-left: auto;
                    margin-right: auto;
                    color: transparent;
                    line-height: 1.2em;
                }

    header .cart-count {
        top: 3px;
        left: 3px;
        right: 0;
        font-size: 10px;
        position: absolute;
    }

    header .header-top .toggle-nav .toggle-nav-item .my-account {
        width: 50%;
        min-width: 60px;
        padding: 10px 0;
    }

        header .header-top .toggle-nav .toggle-nav-item .my-account:last-child {
            border-left: 1px solid #555555;
        }

    header .header-top .toggle-nav .account-wrpr.toggle-nav-item {
        width: 75%;
        min-width: 128px;
        height: 50px;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    header .header-top .toggle-nav .toggle-nav-item .menu-drop {
        display: none;
    }

.search-area .search-area-wrpr {
    top: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    padding: 15px;
    background: #f5f5f5;
    z-index: 9999;
}

@media (max-width: 1099px) {
    .search-area .search-area-wrpr .search-bar input {
        width: 100%;
        height: 59px;
        color: #000;
        font-size: 18px;
        margin: 0;
        border: 0;
        padding: 10px;
        border-radius: 5px;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .search-area .search-area-wrpr .search-bar .btn-wrpr {
        border: 0;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
    }

        .search-area .search-area-wrpr .search-bar .btn-wrpr .btn {
            padding: 6px 20px;
        }

    .search-area .search-area-wrpr {
        width: 97%;
    }

        .search-area .search-area-wrpr .search-bar {
            position: relative;
        }

    header .header-top .toggle-nav .account-wrpr.toggle-nav-item {
        width: 50%
    }
}

header .header-nav {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.header-nav .faux-nav .shop-by {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    z-index: 999;
}

    .header-nav .faux-nav .shop-by button {
        display: none;
    }

    .header-nav .faux-nav .shop-by li {
        position: relative;
    }

        .header-nav .faux-nav .shop-by li ul {
            color: #000;
            margin: 0;
            display: inline-block;
            padding: 5px 38px 40px;
            list-style: none;
            top: 0;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            background: #f5f5f5;
            box-shadow: 0 0px 20px #000;
            max-height: 20em;
            overflow-y: scroll;
        }

    .header-nav .faux-nav .shop-by .brand a {
        width: auto;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-decoration: none;
        position: relative;
        padding: 0;
    }

.faux-nav-items .title-wrpr {
    margin-bottom: 0;
}

.faux-nav-items p {
    font-size: 20px;
    font-weight: 600;
    text-align: left;
}

.faux-nav-items .btm-banner p {
    margin: 0;
    padding-top: 10px;
    text-align: center;
}

.faux-nav-items .btm-banner .brands {
    text-align: center;
}

    .faux-nav-items .btm-banner .brands .brand {
        display: block;
        margin-bottom: 10px;
    }

.select-boxes {
    margin: 20px 0;
}

.select-wrpr {
    font-size: 18px;
    margin-bottom: 15px;
    position: relative;
}

.select-boxes .select-wrpr.closed {
    opacity: 1;
    display: block;
}

    .select-boxes .select-wrpr.closed:after {
        content: " ";
        width: 10px;
        height: 10px;
        top: -25px;
        right: 20px;
        bottom: 5px;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        display: inline-block;
        transform: rotate(45deg);
        border-right: 3px solid #fff;
        border-bottom: 3px solid #fff;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

.select-boxes .select-wrpr.open:after {
    content: " ";
    width: 10px;
    height: 10px;
    top: -25px;
    right: 20px;
    bottom: -5px;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    display: inline-block;
    transform: rotate(-135deg);
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
}

.product-details .select-boxes .select-wrpr.closed:after,
.product-details .select-boxes .select-wrpr.open:after {
    border-color: #000;
}

.select-boxes .select-wrpr select,
.select-boxes .select-wrpr-go a {
    width: 100%;
    color: #fff;
    padding: 15px;
    font-weight: 600;
    position: relative;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #0000ff;
    border-radius: 5px;
    border: 2px solid #0000ff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.product-details .select-boxes .select-wrpr select {
    color: #000;
    background: #fff;
}

.select-boxes .select-wrpr select::-ms-expand {
    display: none;
}

.select-boxes .select-wrpr select option {
    color: #000;
    background: #fff;
}

.select-boxes .select-wrpr-go {
    display: block;
    width: 100%;
    text-align: center;
}

    .select-boxes .select-wrpr-go a {
        display: block;
        padding: 10px 0;
        font-size: 18px;
        line-height: 27px;
    }

        .select-boxes .select-wrpr-go a,
        .select-boxes .select-wrpr-go a:hover,
        .select-boxes .select-wrpr-go a:focus {
            text-decoration: none;
        }

            .select-boxes .select-wrpr-go a.top-nav-clear {
                color: #333;
                border: none;
                background: none;
                margin-top: 10px;
                padding: 5px;
                cursor: pointer;
                text-decoration: underline;
            }

                .select-boxes .select-wrpr-go a.top-nav-clear:hover, .select-boxes .select-wrpr-go a.top-nav-clear:focus {
                    text-decoration: none;
                }

.header-nav .navWrpr {
    width: 100%;
}

section.right-toggle-menu {
    display: none;
}

@media (min-width: 400px) {
    header .header-top .nav-holder {
        width: 20%;
        height: 75px;
    }

    header .header-top .nav-wrpr {
        height: 75px;
    }

    header .header-top .toggle-nav {
        width: 80%;
        height: 75px;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        header .header-top .toggle-nav .toggle-nav-item button.menu-btn {
            color: #fff;
        }

    header .shop-vehicle .icon {
        margin: 5px auto;
    }

    header .search-area .icon {
        margin: 15px auto 4px;
    }

    header .header-top .toggle-nav .account-wrpr.toggle-nav-item {
        height: 75px;
    }

    header .header-top .toggle-nav .toggle-nav-item p {
        color: #fff;
    }
}

@media (min-width: 475px) {
    header .shop-vehicle .icon {
        margin: 15px auto 4px;
    }
}

@media (min-width: 768px) {
    header .select-boxes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    header .select-wrpr {
        width: 23%;
        height: 58px;
        margin-bottom: 0;
    }

    .select-boxes .select-wrpr.closed:after, .select-boxes .select-wrpr.open:after {
        top: 0;
    }

    .select-boxes .select-wrpr-go {
        width: 25%;
        text-align: center;
    }

        .select-boxes .select-wrpr-go a {
            padding: 15px 0;
        }

            .select-boxes .select-wrpr-go a:first-child {
                margin-bottom: 0;
            }

    .faux-nav-items .btm-banner .brands .brand {
        display: inline-block;
        margin-bottom: 0;
    }
}

@media (min-width: 960px) {
    header .header-top .toggle-nav .account-wrpr.toggle-nav-item {
        width: 50%;
    }
}

@media (min-width: 1100px) {
    header .header-top .logo {
        width: 25%;
    }

    header .header-top .nav-wrpr {
        width: 75%;
        height: auto;
    }

    header .header-top .toggle-nav {
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 68.75em) {
    header {
    }

        header .header-top .container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        header .logo {
            border: 0;
        }

            header .logo img {
                width: 100%;
                max-width: 265px;
                padding-left: 10px;
            }

        header .header-banner {
            color: #ccc;
            text-transform: uppercase;
            padding: 7px 0 3px;
            display: block;
        }

            header .header-banner .icon {
                width: 2.1em;
                height: 2em;
                fill: #fff;
                margin-right: 10px;
                vertical-align: top;
            }

            header .header-banner span {
                font-weight: 600;
                color: #ccc;
            }

            header .header-banner a {
                color: #ccc;
            }

            header .header-banner .grid_6 {
            }

                header .header-banner .grid_6.right a {
                    margin-left: 15px;
                }

        header .header-top .nav-holder {
            display: none;
        }

        header .header-top .toggle-nav .search-area.toggle-nav-item a {
            display: none;
        }

        header .header-top .toggle-nav .toggle-nav-item .menu-drop {
            opacity: 1;
            display: block;
        }

        header .search-area .search-area-wrpr {
            top: 30px;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            width: 90%;
            padding: 0;
            background: #fff;
            border-radius: 5px;
            display: inline-block !important;
        }

        header .search-area-wrpr input {
            width: 100%;
            height: 53px;
            color: #000;
            font-size: 18px;
            margin: 0;
            border: 0;
            padding: 10px;
            border-radius: 5px;
            vertical-align: top;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        header .search-area-wrpr .btn-wrpr {
            position: absolute;
            right: 0;
            top: 0;
            margin: 0px -4px 0px 0px;
            border: none;
            padding: 0;
            outline: none;
            background: none;
        }

        header .search-area-wrpr .btn {
            padding: 6px 30px 10px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        header .search-area .icon, header .search-area .search-toggle {
            display: none;
        }

        header .search-area-wrpr .icon {
            width: 3em;
            height: 2em;
            margin: 7px auto 2px;
            display: inline-block;
        }

        header .header-top .toggle-nav .toggle-nav-item {
            width: 75%;
            border: 0;
            position: relative;
        }

        header .header-top .toggle-nav .account-wrpr.toggle-nav-item {
            width: 25%;
            min-width: auto;
            padding: 0;
            border: 0;
        }

        header .header-top .toggle-nav .toggle-nav-item .my-account {
            width: auto;
            min-width: 60px;
            padding: 20px 0;
        }

            header .header-top .toggle-nav .toggle-nav-item .my-account:first-child {
                margin-right: 35px;
            }

            header .header-top .toggle-nav .toggle-nav-item .my-account:last-child {
                border-left: 0;
            }

        header .cart-count {
            top: 7px;
            left: 7px;
            font-size: 17px;
        }

        header .header-top .toggle-nav .toggle-nav-item p {
            font-size: 16px;
            text-transform: uppercase;
        }

        header .my-account .icon {
            width: 3.5em;
            height: 3.5em;
        }

    .shop-vehicle.toggle-nav-item {
        display: none;
    }

    .header-nav .faux-nav {
        width: 100%;
        max-width: 233px;
        text-align: center;
        padding: 0;
        display: inline-block;
    }

        .header-nav .faux-nav .shop-by button {
            display: inline-block;
        }

        .header-nav .faux-nav .shop-by {
            color: #fff;
            list-style: none;
            margin: 0;
            padding: 0;
            position: relative;
        }

            .header-nav .faux-nav .shop-by button {
                width: 100%;
                color: #fff;
                font-size: 18px;
                font-weight: 600;
                letter-spacing: 1px;
                text-decoration: none;
                text-transform: uppercase;
                background: transparent;
                position: relative;
                padding: 21px 0;
                border: none;
            }

                .header-nav .faux-nav .shop-by button:after {
                    content: " ";
                    width: 7px;
                    height: 7px;
                    top: 2px;
                    bottom: 4px;
                    margin-top: auto;
                    margin-bottom: auto;
                    right: 10px;
                    position: absolute;
                    display: inline-block;
                    transform: rotate(45deg);
                    border-right: 2px solid #fff;
                    border-bottom: 2px solid #fff;
                    -webkit-transition: all .2s ease-in-out;
                    -moz-transition: all .2s ease-in-out;
                    transition: all .2s ease-in-out;
                }

                .header-nav .faux-nav .shop-by button:hover, .header-nav .faux-nav .shop-by button:focus {
                    color: #fff;
                    background: #0000ff;
                }

            .header-nav .faux-nav .shop-by ul {
                color: #000;
                width: 71vw;
                margin: 0;
                display: inline-block;
                padding: 5px 40px 40px;
                list-style: none;
                left: 0;
                position: absolute;
                background: #f5f5f5;
            }

            .header-nav .faux-nav .shop-by li ul {
                top: 70px;
                overflow-y: hidden;
            }

    section.right-toggle-menu {
        display: inline-block;
    }

    header .header-btm {
        border-top: 1px solid #ccc;
    }
}

/* =============================================
                 Toggle Menu
===============================================*/

.right-toggle-menu {
    top: 125px;
    right: 0;
    width: 55px;
    height: 300px;
    position: fixed;
    display: none;
}

    .right-toggle-menu .toggle-head {
        width: 280px;
        height: 50px;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        text-align: left;
        text-transform: uppercase;
        padding: 10px 20px;
        display: block;
        border: none;
        top: 140px;
        left: -110px;
        transform: rotate(-90deg);
        position: absolute;
        background: #4948cf;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

        .right-toggle-menu .toggle-head:after {
            content: " ";
            width: 7px;
            height: 7px;
            top: 0;
            bottom: 4px;
            margin-top: auto;
            margin-bottom: auto;
            right: 20px;
            position: absolute;
            display: inline-block;
            transform: rotate(45deg);
            border-right: 2px solid #fff;
            border-bottom: 2px solid #fff;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

    .right-toggle-menu.menu-open .toggle-head:after {
        content: " ";
        width: 7px;
        height: 7px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        right: 20px;
        position: absolute;
        display: inline-block;
        transform: rotate(-134deg);
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .right-toggle-menu .toggle-body {
        color: #fff;
        padding: 15px;
        width: 300px;
        height: 250px;
        top: 25px;
        right: -54px;
        position: relative;
        background: #21201f;
    }

    .right-toggle-menu.menu-open {
        right: 328px;
    }

.toggle-row {
    margin: 10px 20px 35px;
    display: block;
}

    .toggle-row p {
        font-size: 24px;
        font-weight: 600;
        margin: 0 0 0 20px;
        text-transform: uppercase;
        display: inline-block;
        vertical-align: middle;
    }

        .toggle-row p span {
            font-size: 14px;
            font-weight: 600;
            display: block;
        }

    .toggle-row a {
        color: #fff;
        display: block;
    }


@media (min-width: 68.75em) {
    .right-toggle-menu {
        display: inline-block;
    }

    .interior .right-toggle-menu {
        display: none;
        visibility: hidden;
    }
}

/* =================================================================
                        Index Styles
===================================================================*/

/* =============================================
                    Slideshows
===============================================*/

.content-wrpr a {
    text-decoration: none;
}

/* =======  HOME SLIDESHOW  ======= */

.mainStage {
    position: relative;
    overflow: hidden;
    width: 960px;
    height: 425px;
    margin: 0 20px;
}

    .mainStage h1 {
        color: #72A3D0;
        font: normal 14px Sone,'Arial Narrow',Arial,Helvetica,sans-serif;
        font-stretch: condensed;
        margin: 0 0 0.6em 0;
        padding: 0;
        text-transform: lowercase;
        text-shadow: 1px 1px 1px #fff;
        z-index: 2;
    }

        .mainStage h1 sup {
            font-size: 0.5em;
        }

    .mainStage h3 {
        color: #72A3D0;
        font: bold 20px 'Arial Narrow',Arial,Helvetica,sans-serif;
        font-stretch: condensed;
        margin: 0 0 0.6em;
        z-index: 2;
    }

.mainStage-top {
    position: absolute;
    top: 20px;
    border-bottom: 1px dashed #bbc2c9;
    width: 100%;
    padding-bottom: 4px;
    z-index: 1;
}

.mainStage .items {
    width: 20000em;
    position: absolute;
    clear: both
}

.mainStage .single {
    float: left;
    position: relative;
    width: 960px;
    height: 425px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: right 0;
}

    .mainStage .single h3 {
        font-size: 60px;
        text-transform: uppercase;
        margin: 80px 0 0 0;
        text-shadow: 2px 2px 2px #ABC9E4;
    }

    .mainStage .single p {
        font-size: 14px;
        font-weight: bold;
        color: #72a3d0;
        line-height: 1.6em;
    }

.mainStage .navi {
    position: absolute;
    top: 15px;
    right: 0;
}

.mainStage a.browse {
    background: url(/cms/images/slideshow/slide_arrows.png) no-repeat;
    display: block;
    width: 25px;
    height: 30px;
    cursor: pointer;
    font-size: 1px;
    position: absolute;
    z-index: 1000;
    top: 0;
}

.mainStage a.right {
    background-position: -25px 0;
    right: 0;
}

    .mainStage a.right:hover {
        background-position: -25px -30px
    }

    .mainStage a.right:active {
        background-position: -25px -60px
    }

.mainStage a.left {
    margin-left: 0;
    right: 35px;
}

    .mainStage a.left:hover {
        background-position: 0 -30px;
    }

    .mainStage a.left:active {
        background-position: 0 -60px;
    }

.mainStage a.disabled {
    visibility: hidden !important;
}

/* =======  HERO SLIDESHOW  ======= */

.slideshow-home .slide-item {
}

.slideshow-department .slide-item {
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 80% center;
}

.slideshow-home .slide-item .slide-item-img {
}

X.slideshow-home .slide-item .content-wrpr {
    padding: 20px 20px 60px;
    background: #21201e;
}

.slideshow-department .slide-item .content-wrpr {
    height: 420px;
    padding: 40px 20px;
    z-index: 1000;
    position: relative;
}

.slideshow-home .slide-item .content-wrpr a {
    color: #fff;
}

.slideshow-home .slide-item .content-wrpr .portal,
.slideshow-department .slide-item .content-wrpr a,
.slideshow-department .slide-item .content-wrpr .portal {
    color: #fff;
    height: 275px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
}
/*.slideshow-home .slide-item:after, .slideshow-department .slide-item:after {
            content: " ";
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .1);
            position: absolute;
        }*/
.slideshow-home .content-wrpr .title-wrpr h2, .slideshow-department .content-wrpr .title-wrpr h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    text-shadow: 2px 2px 2px #000;
    text-transform: uppercase;
}

    .slideshow-home .content-wrpr .title-wrpr h2 span,
    .slideshow-department .content-wrpr .title-wrpr h2 span {
        font-weight: 900;
        letter-spacing: 2px;
    }

.slideshow-home .content-wrpr .caption,
.slideshow-department .content-wrpr .caption {
    font-size: 21px;
    margin-top: 10px;
    text-shadow: 2px 2px 2px #000;
}

@media (min-width: 68.75em) {
    .slideshow-home .slide-item {
        position: relative;
    }

    .slideshow-department .slide-item .container {
        height: 100%;
    }

    X.slideshow-home .slide-item .content-wrpr {
        width: 100%;
        min-width: 16em;
        max-width: 87.5em;
        position: absolute;
        top: -25px;
        left: 80px;
        background: none;
    }
    /*.slideshow-home .slide-item .slide-item-img {

        width:100%;
    }*/
    .slideshow-department .slide-item .content-wrpr {
        width: 80%;
        height: 100%;
        margin: 0 auto;
    }

        X.slideshow-home .slide-item .content-wrpr a,
        .slideshow-home .slide-item .content-wrpr .portal,
        .slideshow-department .slide-item .content-wrpr a,
        .slideshow-department .slide-item .content-wrpr .portal {
            width: 600px;
            height: 250px;
            display: inline-block;
            top: 0px;
            left: 0;
            bottom: 0;
            margin-top: auto;
            margin-bottom: auto;
            position: relative;
        }

    X.slideshow-home .slide-item .content-wrpr a {
        margin: 0;
        top: 40px;
        width: 500px;
    }

    .slideshow-home .content-wrpr .title-wrpr h2, .slideshow-department .content-wrpr .title-wrpr h2 {
        font-size: 52px;
        font-weight: 600;
    }

    .slideshow-home .content-wrpr .caption, .slideshow-department .content-wrpr .caption {
        font-size: 26px;
    }
}

@media (min-width: 82em) {

    .slideshow-home .content-wrpr .title-wrpr h2 {
        font-size: 80px;
    }

    .slideshow-home .content-wrpr .title-wrpr span {
        font-size: 80px;
        text-shadow: 2px 2px 2px #000;
        line-height: 85px;
        font-weight: 600;
    }
}

.slideshow-home .content-wrpr .title-wrpr,
.slideshow-home .content-wrpr .caption,
.slideshow-home .content-wrpr > div {
    display: none;
}


/* =======  PAGE SLIDESHOW  ======= */

.page-slider {
    margin: 0 35px;
}

    .page-slider .slide-item .image img {
        display: block;
        margin: 0 auto;
    }

    .page-slider .slide-item .title {
        color: #0000ff;
        font-size: 18px;
        margin: 0 0 5px;
    }

    .page-slider .slide-item .price {
        color: #000000;
        font-size: 16px;
        font-weight: 700;
    }

    .page-slider .slide-item a {
        padding: 0 10px 0 0px;
    }

        .page-slider .slide-item a:hover, .page-slider .slide-item a:focus {
            text-decoration: none;
        }

.popularitems .itemWrapper .itemTitle {
    min-height: 108px;
    font-size: 18px;
    font-weight: normal;
}

.popularitems .itemWrapper .itemPrice {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
}
/* =============================================
                 Home Section Styles
===============================================*/

.home section, .home .section {
}

    .home section .title-wrpr, .home .section .title-wrpr,
    .interior section .title-wrpr {
        text-align: center;
        margin-bottom: 40px;
    }

.interior section .product-reviews .title-wrpr {
    margin-bottom: 10px;
}

.home section .title-wrpr .title, .home .section .title-wrpr .title,
.interior section .title-wrpr .title {
    margin: 20px 0 5px;
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
}

.home section .title-wrpr .title-alt {
    margin: 20px 0 5px;
    font-size: 40px;
    font-weight: 500;
}

.home .section .title-wrpr .title-alt {
    margin: 0 0 10px;
    font-size: 40px;
    font-weight: 500;
}

.home section .copy .title-wrpr .title-alt, .home .section .copy .title-wrpr .title-alt {
    margin: 0 0 5px;
    text-transform: uppercase;
}

.home section .recent-link, .home .section .recent-link, .interior section .recent-link {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 3px;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
}

@media (max-width: 960px) {
    .siteBody section, .siteBody .section {
        overflow: hidden;
    }
}

@media (min-width: 68.75em) {
    .home section .title-wrpr, .home .section .title-wrpr,
    .interior section .title-wrpr {
        text-align: left;
        padding: 0 10px;
    }

    .more-prod .title-wrpr {
        margin-top: 35px;
        padding: 0 !important;
    }

    .home section.project-wrpr .title-wrpr, .interior section.project-wrpr .title-wrpr {
        text-align: center;
    }

    .home .section .faux-nav-items .title-wrpr {
        margin: 20px 0 10px;
    }

    .home section .title-wrpr .title, .home .section .title-wrpr .title,
    .home .recent-link, .interior section .title-wrpr .title, .interior .recent-link {
        margin: 0 30px 0 0;
        display: inline-block;
        vertical-align: middle;
    }
}

#tab-youtubevideos {
    margin: 35px 0;
}

/*  Starting a Proect  */
.project-wrpr {
    margin: 40px 0 0;
    padding: 15px 0 30px;
}

    .project-wrpr .title-wrpr .caption {
        font-size: 20px;
        font-weight: 600;
    }

    .project-wrpr .projects .item {
        width: 100%;
        max-width: 320px;
        height: auto;
        margin: 0 auto 5px;
        padding: 0;
        position: relative;
        border: none;
    }

    .project-wrpr .item .title {
        width: 100%;
        height: 55px;
        margin: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        background-repeat: no-repeat;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAA3CAYAAAB9wJNnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNBQTcyQUQxNzBCMzExRTdCQTM0RkZBOUNCNjhFRDJCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNBQTcyQUQyNzBCMzExRTdCQTM0RkZBOUNCNjhFRDJCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0FBNzJBQ0Y3MEIzMTFFN0JBMzRGRkE5Q0I2OEVEMkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0FBNzJBRDA3MEIzMTFFN0JBMzRGRkE5Q0I2OEVEMkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6AG+NtAAADb0lEQVR42uzdTW9MURjA8XPu69yZub3vM17KF/FlbERXIqFsGi/dSJAmJFiwJVGRCGJHIt1ZiKQLSlgw6LRTUzMdaqad485HwEqe/29T6yf3/nOfnDrVSplHCsAfs+31HwemD1laDytM4/9kMQLgbxjVbBzZIH4EEBCnWn266vsvDzIJAgjIemmswahRHCu//CzDNAggIGn1NVl67ovWg4RZEEBAFM9726/X704rpfn6I4CAHFoPd5uNwz/K18ZmGgQQECUMb686TmsfkyCAgCiu2/qZpfORUvaYaRBAQJDxOMtmO+XPkFkQQEASHQRLm9Xg+QEOPgggIOsFsXq/mo0ZY4zHMAggIIpJ4oW21lsFoyCAgKjV1/OX+1F0s+DggwACsuqnR8NGfnxgjBMwDQIIiOpfWF/set7r/Rx8EEBAFMdpDbJszjfGY/UlgIAok8sOukrtcNkBAQRkrb5B8GyzVnu8h4MPAgjIehmsrZ9FcWJkjO8wDQIIiPr6i6LrXcdu7+XggwACouLn+8vdOLo6ZYy3yzgIICDJKEvntsvXgcsOCCAg6x2YCm9/q1Re7Cn/ycEHAQTksO12L03nXWN8zTQIICCJTtMLfcsa5Gryh35BAAEp8atWn66H9cXUGIeDDwIISDLeztKzyhi3wiwIICCJncQLm677vuB3/gggIGr19dyVThxfqxnjEz8CCIhisuzsUKmdKUYBAghRz3sY3mkHwVLGZQcggJD1sFtb/TS5GBjjuEwDBBCS2Fl6pmfbnZiDDxBASKIrwdLXev1+Un79sfqCAEKUnTw9P7njjz9wBAIIWatvEl9ue96bhNUXBBCiOM7nThTdisvVl8sOQAAhis7z00OtBzVGAQIIUfEL6/daQWUpLbdgVl8QQAiqnx5vx/Glyf/28JgGCCAksfP8ZMdxVkMOPkAAIYrvv/paqz4seLxBACFOnp+ytR75TAIEEJLoJFn45Lkr/M4fCCCEPczW9340dWtyySnPNQggZD3LzcbRntYDrrgHAYQsteqTT5XKi2b59ccwQAAhym6WnasrNbYZBQggJNFFPtuy7TWuuAcBhCyu926jVnswrdh9QQAhTbOYGWo9YvUFAYQsUXTjo+t+aDIJEEDIenCt3q8kvlIoZVh9QQAhbPVtzKxpvc0V9/gnvwUYAKQUy42Ab2xcAAAAAElFTkSuQmCC");
        background-size: cover;
    }

        .project-wrpr .item .title .left-right-wrpr {
            width: 100%;
            color: #fff;
            display: table;
            table-layout: fixed;
        }

            .project-wrpr .item .title .left-right-wrpr .left, .project-wrpr .item .title .left-right-wrpr .right {
                height: 55px;
                display: table-cell;
                vertical-align: middle;
            }

            .project-wrpr .item .title .left-right-wrpr .left {
            }

                .project-wrpr .item .title .left-right-wrpr .left h3 {
                    margin: 0;
                    font-size: 20px;
                    font-weight: 600;
                    letter-spacing: 1px;
                    text-transform: uppercase;
                    padding: 0 20px;
                }

            .project-wrpr .item .title .left-right-wrpr .right {
            }

                .project-wrpr .item .title .left-right-wrpr .right p {
                    margin: 0;
                    font-size: 14px;
                    font-weight: 700;
                    letter-spacing: 1px;
                    text-transform: uppercase;
                    padding: 0 15px;
                }

@media (min-width: 768px) {
    .project-wrpr .projects {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .project-wrpr .projects .item {
            margin: 0 15px 30px;
        }
}

@media (min-width: 1025px) {
    .project-wrpr .projects .item {
        width: 22%;
    }
}

/*  Recently Viewed  */

.products-recent {
    margin-bottom: 40px;
}

/*  Popular Brands  */
.popular-brands {
    margin: 30px 0;
    Xoverflow: hidden;
    padding-bottom: 50px;
    text-align: center;
    position: relative;
}

    .popular-brands:before {
        content: " ";
        width: 100%;
        height: 1px;
        background: #ccc;
        top: 52px;
        left: 0;
        right: 0;
        position: absolute;
    }

    .popular-brands .title-wrpr {
        padding: 0 30px;
        display: inline-block;
    }

X.brand a {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    display: block;
}

.brand .image {
    min-height: 50px;
}

.brand .caption {
    margin-top: 15px;
    padding: 0 20px;
}

.brand .image img {
    margin: 0 auto;
}

@media (min-width: 1025px) {
    X.brands-wrpr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .brand {
        width: 150px;
        padding: 20px 20px 40px;
    }

    .popular-brands:before {
        top: 65px;
    }

    .home section.popular-brands .title-wrpr, .interior section.popular-brands .title-wrpr {
        text-align: center;
        margin-top: 10px;
    }
}

.brand-by-letter {
    margin: 0 0 30px;
}

    .brand-by-letter ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .brand-by-letter ul li {
            display: inline-block;
            margin: 0 1px 4px;
        }

            .brand-by-letter ul li a {
                display: block;
                padding: 2px 8px;
                background: #21201E;
                color: #ffffff;
                font-size: 1.25em;
                min-width: 20px;
                text-align: center;
            }

                .brand-by-letter ul li a:hover,
                .brand-by-letter ul li a:focus {
                    background: #00f;
                    text-decoration: none;
                }

.brand-listing {
}

    .brand-listing h3 {
        margin: 0 0 15px;
        padding: 0 0 5px;
        border-bottom: 1px solid #cccccc;
        font-size: 2em;
    }

    .brand-listing .inner [class*="grid_"]:nth-child(6n+1) {
        clear: both;
    }

    .brand-listing .itemLink {
        display: table;
        height: 210px;
        max-width: 210px;
        margin: 0 auto;
        text-align: center;
        position: relative;
    }

        .brand-listing .itemLink span.image {
            display: table-cell;
            vertical-align: middle;
        }

        .brand-listing .itemLink span.caption {
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
            text-transform: uppercase;
            color: #000000;
            font-weight: 700;
            font-size: 1em;
        }

/*  Callouts  */
.side-banners {
    margin: 20px 0;
    max-width: 100%;
    float: none;
}

    .side-banners a {
        width: 100%;
    }

    .side-banners:first-child .half {
        border: none;
    }

.callouts {
    float: none;
}

    .callouts .half {
    }

.callouts {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

    .callouts .callout-divs {
        width: 100%;
        color: #000;
        text-align: center;
        text-decoration: none;
    }

.copy {
}

    .copy p {
        color: #666;
        font-size: 20px;
        font-weight: 600;
        margin-top: -20px;
    }

.blue-dot {
    color: #fff;
    width: 80px;
    height: 80px;
    display: table;
    margin: 0 auto;
    border-radius: 50%;
    background: #0000ff;
    border: 2px solid #0000ff;
}

    .blue-dot .icon {
        width: 2.7em;
        height: 80px;
        margin: 0 auto;
        display: table-cell;
        vertical-align: middle;
    }

.callouts a:hover .blue-dot,
.callouts a:focus .blue-dot {
    background: #fff;
    text-decoration: none;
}

    .callouts a:hover .blue-dot .icon, .callouts a:focus .blue-dot .icon {
        fill: #0000ff;
    }

@media (min-width: 68.75em) {
    .side-banners {
        margin: 20px 0;
        width: 50%;
        float: left;
    }

        .side-banners a {
            width: 100%;
        }

        .side-banners:first-child .half {
            border-right: 1px solid #ccc;
        }

    .callouts {
        float: left;
    }

    .home section.callouts .copy .title-wrpr .title-alt {
        line-height: 1.3;
    }

    .callouts .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #ccc;
    }

    .callouts {
        width: 100%;
        margin-bottom: 40px;
        padding: 25px 0;
        border-bottom: none;
    }
    /* .callouts:first-child .half{ border-right: 1px solid #ccc; }*/
    .blue-dot {
        color: #fff;
        width: 150px;
        height: 150px;
        margin-right: 20px;
    }

        .blue-dot .icon {
            width: 5em;
            height: 9em;
        }

    .copy p {
        text-align: left;
    }

    .callouts .callout-divs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .callouts .image,
    .callouts .portal .image {
        max-width: 30%;
        margin: 0 20px 0 0;
    }

    .callouts .copy,
    .callouts .portal .copy {
        max-width: 70%;
    }
}

/*  Trending Items  */
.products-trending {
}

    .products-trending .container {
        padding-bottom: 40px;
        border-bottom: 1px solid #ccc;
    }


/*  Sale Items  */
.products-sale {
    padding-bottom: 40px;
}

    .products-sale .page-slider .slide-item .sale {
        font-size: 20px;
        font-weight: 600;
    }

    .products-sale .page-slider .slide-item .price {
        color: #666;
        font-weight: 600;
        text-decoration: line-through;
    }


/*  Wade's Picks  */
.banner-wrpr {
    text-align: center;
    margin-bottom: 5px;
}

.interior .banner-wrpr {
    margin-bottom: 40px;
}

.interior .two-col .banner-wrpr {
    margin: 75px 0 40px;
}

.banner {
    min-height: 200px;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}

    .banner a,
    .banner .portal {
        min-height: 200px;
        color: #fff;
        text-decoration: none;
    }

    .banner .banner-logo .image {
        margin: 20px 0 0;
        display: inline-block;
    }

        .banner .banner-logo .image img {
            width: 115px;
        }

    .banner .wades-picks {
        width: 100%;
        text-align: center;
        display: inline-block;
    }

        .banner .wades-picks h2 {
            font-size: 38px;
            padding: 10px 0;
            display: inline-block;
            text-transform: uppercase;
            border-top: 2px solid #fff;
            border-bottom: 2px solid #fff;
        }

    .banner .wade {
        width: 100%;
        display: block;
    }

    .banner .copy .caption {
        font-size: 22px;
        margin-bottom: 32px;
        display: block;
    }

    .banner .copy .btn-wrpr {
        margin-bottom: 25px;
    }

@media (min-width: 68.75em) {
    .banner {
        margin: 0 10px;
    }

        .banner a,
        .banner .portal {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: distribute;
            justify-content: space-around;
        }

        .banner .copy {
            width: 60%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-content: space-between;
        }

        .banner .banner-logo .image {
            margin: 0;
        }

            .banner .banner-logo .image img {
                width: 175px;
            }

        .banner .copy .caption, .banner .copy .btn-wrpr {
            margin: 0;
        }

        .banner .wades-picks {
            width: auto;
        }

        .banner .copy .caption {
            width: auto;
        }

        .banner .wade {
            width: auto;
            margin-top: 25px;
        }
}

/* =================================================================
                        Interior Styles
===================================================================*/

.interior main {
    padding-bottom: 40px;
}

.interior section .title-wrpr .title-alt {
    margin: 0 0 5px;
    font-size: 40px;
    font-weight: 500;
}

.products-listing {
}

    .products-listing .product-number p {
        font-size: 20px;
        font-weight: 600;
        margin: 15px 0;
    }

    .products-listing .products-container {
        width: 90%;
        max-width: 460px;
        margin: 15px auto;
        padding: 0 0 35px;
        border-bottom: 1px solid #666;
    }

    .products-listing .products-item {
        text-align: center;
    }

    .products-listing .products-item-title {
        font-size: 24px;
        font-weight: 600;
        margin: 0 0 15px;
    }

.products-container .products-item .copy ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

.products-container .copy a {
    font-weight: 600;
}

.products-container .products-item .copy ul a {
    color: #666;
    font-weight: 500;
}

.products-container .products-item .copy a.next-link:hover {
    color: #0000ff;
}

.listing-header {
    padding: 0 10px;
}

    .listing-header .top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

.interior .top .paging-wrpr {
    text-align: center;
    margin: 0 auto;
}

.listing-header .top .listing-header-right {
    width: calc(100% - 250px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .listing-header .top .listing-header-right select {
        padding: 8px;
        border-radius: 5px;
        border: 1px solid #ccc;
    }

    .listing-header .top .listing-header-right > div {
        margin-bottom: 10px;
    }

        .listing-header .top .listing-header-right > div > span {
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            display: inline-block;
            margin: 5px 10px 0 0;
        }

.listing-header-right .show, .listing-header-right .sort-by {
    width: 230px;
}

.show select {
    width: calc(100% - 58px);
}

.sort-by select {
    width: calc(100% - 70px);
}

.listing-header-right .view {
    width: 125px;
    display: flex;
    align-items: center;
}

    .listing-header-right .view .icon {
        width: 2.8em;
        height: 2.8em;
    }

    .listing-header-right .view p {
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0 5px 0 0;
    }

.listing-header .btm {
    margin: 20px 0;
}


    .listing-header .btm .filter-btn {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        margin: 0 5px 10px 0;
        padding: 5px 30px 5px 10px;
        background: #0000ff;
        display: inline-block;
        position: relative;
        cursor: pointer;
    }

        .listing-header .btm .filter-btn:before {
            content: " ";
            width: 10px;
            height: 2px;
            top: 0;
            right: 9px;
            bottom: 0;
            margin-top: auto;
            margin-bottom: auto;
            position: absolute;
            background: #fff;
            transform: rotate(45deg);
        }

        .listing-header .btm .filter-btn:after {
            content: " ";
            width: 10px;
            height: 2px;
            top: 0;
            right: 9px;
            bottom: 0;
            margin-top: auto;
            margin-bottom: auto;
            position: absolute;
            background: #fff;
            transform: rotate(-45deg);
        }

.interior .listing-body {
}

    .interior .listing-body .listing-header {
        padding: 0 10px;
    }

    .interior .listing-body a:hover, .listing-body a:focus {
        text-decoration: none;
    }

    .interior .listing-body .copy p {
        font-size: 20px;
        font-weight: 600;
    }

    .interior .listing-body .copy .price p {
        color: #000;
    }

    .interior .listing-body.grid .listing {
        width: 90%;
        max-width: 420px;
        text-align: center;
        padding: 10px;
        margin: 0 auto;
    }

.listing-body.grid .listing .compare {
    text-align: center;
    margin-bottom: 10px;
}

.listing-body.list .listing a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.interior .listing-body .itemCompare {
    display: none;
}

@media (min-width: 480px) {
    .interior .listing-body.grid {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .interior .listing-body.grid .listing {
            width: 45%;
            max-width: 300px;
            margin: 0 0 30px;
            text-align: left;
        }

            .interior .listing-body.grid .listing .image {
                text-align: center;
            }

            .interior .listing-body.grid .listing .compare {
                text-align: left;
            }
}

@media (min-width: 700px) {
    .interior .listing-body.grid .listing {
        width: 30%;
    }
}

@media (min-width: 768px) {
    .products-listing .products-container-wrpr {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
    }

    .products-listing .products-container {
        width: 49.9%;
        margin: 0 0 30px;
        border: 0;
    }

        .products-listing .products-container:nth-of-type(odd) {
            border-right: 1px solid #ccc;
        }

        .products-listing .products-container:last-child {
            border: none;
        }

    .products-listing .products-item {
        text-align: left;
    }
}

@media (min-width: 1025px) {
    .listing-header .top {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .interior .top .paging-wrpr {
        text-align: left;
    }

    .products-listing .products-container {
        width: 33%;
        margin: 0 0 40px;
        padding: 0;
        border-right: 1px solid #ccc;
    }

        .products-listing .products-container:nth-of-type(3n) {
            border: 0;
        }

    .interior .listing-body.grid .listing {
        width: 22%;
    }

    .interior .listing-body .itemCompare {
        display: block;
    }
}

@media (max-width: 1024px) {
    .listing-header .top {
        display: block;
    }

    .interior .top .paging-wrpr {
        max-width: 100%;
    }

    .listing-header .top .listing-header-right {
        width: 100%;
        text-align: center;
    }

        .listing-header .top .listing-header-right > div {
            margin: 0 auto 15px;
        }
}

@media (min-width: 1215px) {
    .listing-header-right .show, .listing-header-right .sort-by {
        margin: 0 10px 0 0;
    }
}

@media (min-width: 1300px) {
    .listing-header-right .show, .listing-header-right .sort-by {
        margin-right: 25px;
    }
}

/* =============================================
            Checkboxes/Radio Buttons
===============================================*/


.checkbox {
    display: none;
}

    .checkbox + label {
        position: relative;
        padding: 10px 0 0 35px;
        display: inline-block;
        font-size: 18px;
        font-weight: 600;
    }

        .checkbox + label:before {
            background-color: #fff;
            border: 2px solid #ccc;
            padding: 9px;
            border-radius: 3px;
            display: block;
            position: absolute;
            top: 13px;
            left: 5px;
            content: " ";
        }

        .checkbox:checked + label:before, .checkbox + label:hover:before {
            border: 2px solid #000;
            color: #ccc;
        }

    .checkbox.no-border:checked + label:before {
        border-color: transparent;
    }

    .checkbox:checked + label:after {
        content: '\2713';
        font-size: 16px;
        position: absolute;
        top: 12px;
        left: 10px;
        color: #0000ff;
    }

    .checkbox.green-tick:checked + label:after {
        color: #8cc63f;
    }

.radio {
    display: none;
}

    .radio + label {
        font-size: 18px;
        font-weight: 600;
        position: relative;
        padding-left: 35px;
        display: inline-block;
        vertical-align: middle;
    }

        .radio + label:before {
            background-color: #fff;
            border: 1px solid #0000ff;
            border-radius: 50px;
            display: inline-block;
            position: absolute;
            content: ' ';
            width: 16px;
            height: 16px;
            top: 5px;
            left: 10px;
        }

    .radio:checked + label:after {
        content: ' ';
        width: 12px;
        height: 12px;
        border-radius: 50px;
        position: absolute;
        background: #0000ff;
        top: 8px;
        left: 13px;
    }

    .radio:checked + label:before {
        color: #99a1a7;
        border: 1px solid #0000ff;
    }

    .radio + label span {
        color: #666;
        font-weight: 600;
        display: inline-block;
    }

        .radio + label span:before {
            content: "(";
            color: #666;
            margin-left: 5px;
            margin-right: -1px;
            display: inline-block;
        }

        .radio + label span:after {
            content: ")";
            color: #666;
            margin-left: -1px;
            display: inline-block;
        }

/* =============================================
                    Sidebars
===============================================*/

.sidebar {
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .sidebar {
        margin-bottom: 0;
    }
}

.sidebar .railNav a {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding-left: 20px;
}

    .sidebar .railNav a:before {
        content: " ";
        width: 5px;
        height: 5px;
        margin: 0 10px 3px -15px;
        display: inline-block;
        transform: rotate(-45deg);
        border-right: 2px solid #000;
        border-bottom: 2px solid #000;
    }

.sidebar .railNav li.has-dropdown > ul {
    display: none;
}

.sidebar .railNav li.has-dropdown.active > ul {
    display: block;
}

.sidebar .railNav li.has-dropdown.active > a::before {
    transform: rotate(45deg);
}

.sidebar .railNav li:not(.has-dropdown) > a::before {
    content: none;
}

.sidebar .js-accordion {
    margin-bottom: 20px;
}

.sidebar .js-accordion__panel {
    background-color: #f5f5f5;
}

.js-accordion__header {
    display: none;
}

.js-accordion__panel ul {
    margin: 0 20px;
    padding: 5px 0 15px;
    list-style: none;
    /* border-bottom: 1px solid #ccc; */
}

.js-accordion__panel:first-of-type ul {
    padding-top: 15px;
}

.js-accordion__panel {
    display: block;
    overflow: hidden;
    opacity: 1;
    transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
    max-height: 100%;
    /* magic number for max-height = enough height */
    visibility: visible;
    transition-delay: 0s;
    margin: 0;
    padding: 0;
}
/* This is the hidden state */
[aria-hidden=true].js-accordion__panel {
    display: block;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition-delay: 1s, 0s, 0s;
    margin: 0;
    padding: 0;
}

.js-accordion button {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    text-align: left;
    padding: 15px 20px;
    position: relative;
    background-color: #f5f5f5;
    border: 0;
    border-bottom: 1px solid #ccc;
}

    .js-accordion button:last-of-type {
        border: 0;
    }

    .js-accordion button:hover, .js-accordion button:focus,
    .js-accordion button[aria-expanded="true"] {
        color: #fff;
        background: #0000ff;
    }

    .js-accordion button[aria-expanded="true"] {
        border-bottom: 1px solid #ccc;
    }

    .js-accordion button:last-child {
        border: none;
    }

    .js-accordion button:after {
        content: " ";
        width: 12px;
        height: 2px;
        background: #000;
        top: 0;
        right: 15px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        transform: rotate(0deg);
        transition: all .1s ease-in-out;
        border-right: 0 solid transparent;
        border-bottom: 0 solid transparent;
    }

    .js-accordion button:before {
        content: " ";
        width: 12px;
        height: 2px;
        background: #000;
        top: 0;
        right: 15px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        transform: rotate(90deg);
        transition: all .1s ease-in-out;
        border-right: 0 solid transparent;
        border-bottom: 0 solid transparent;
    }

    .js-accordion button[aria-expanded="true"]:after {
        content: " ";
        width: 10px;
        height: 2px;
        background: #fff;
        top: 0;
        right: 15px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        transform: rotate(0deg);
    }

    .js-accordion button[aria-expanded="true"]:before {
        content: " ";
        width: 10px;
        height: 2px;
        background: #fff;
        top: 0;
        right: 15px;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        transform: rotate(0deg);
    }

    .js-accordion button:hover:after, .js-accordion button:focus:after,
    .js-accordion button:hover:before, .js-accordion button:focus:before,
    .js-accordion button[aria-expanded="true"]:hover:after, .js-accordion button[aria-expanded="true"]:focus:after,
    .js-accordion button[aria-expanded="true"]:hover:before, .js-accordion button[aria-expanded="true"]:focus:before {
        background: #fff;
    }

.js-accordion__panel > div {
    margin: 10px 20px;
}
/* =============================================
                    Filters
===============================================*/

.filter {
    padding: 1em;
    border: 1px solid #444444;
    background: #cccccc;
}

.filter-options {
    float: left;
}

.filter-actions {
    float: right;
}

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

.paging {
    padding: 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;
            }


/* pagination and filters */

.filters {
    float: left;
    display: inline;
    margin: 0 0 5px 0;
}

    .filters .filterList {
        float: left;
        display: inline;
        margin-bottom: 5px;
    }

    .filters label {
        display: inline;
        margin: 0 5px 0 0;
        font-weight: bold;
        font-size: 0.8em;
    }

    .filters .sortList {
        float: left;
        display: inline;
        padding: 3px 10px 0;
    }

        .filters .sortList label {
            margin: 0 5px 0 0;
        }

    .filters select {
        margin-right: 10px;
    }


    .filters .sortList .last {
        border-right: 0;
    }

    .filters .sortItem {
        display: inline;
        margin: 0;
        padding: 2px 4px;
        font-size: 0.8em;
        border-right: 1px solid #999999;
    }

        .filters .sortItem a, .filters .sortItem a:link, .filters .sortItem a:visited {
            padding-right: 12px;
            text-decoration: none;
            background: url(/cms/images/layout/arrow_sortorder.gif) no-repeat 100% 2px;
        }

            .filters .sortItem a.down, .filters .sortItem a.down:link, .filters .sortItem a.down:visited {
                font-weight: bold;
                background-position: 100% -18px;
            }

            .filters .sortItem a.up, .filters .sortItem a.up:link, .filters .sortItem a.up:visited {
                font-weight: bold;
                background-position: 100% -38px;
            }

.pagination {
    float: right;
    width: 400px;
    margin: 0 0 10px 0;
    text-align: right;
}

    .pagination .view {
        float: right;
        display: inline;
        padding: 0 0 0 10px;
    }

        .pagination .view a,
        .pagination .view a:link,
        .pagination .view a:visited {
            color: #0000ff;
            font-weight: 600;
            padding: 5px 0;
            display: inline-block;
        }

    .pagination .paging {
        float: right;
        display: inline;
        padding: 0 10px;
    }

        .pagination .paging a, .pagination .paging a:link, .pagination .paging a:visited {
            float: left;
            display: inline;
            margin: 0 3px;
            padding: 2px 6px;
            text-align: center;
            text-decoration: none;
        }

        .pagination .paging .active {
            float: left;
            display: inline;
            margin: 0 4px;
            padding: 2px 6px;
            text-align: center;
            color: #000;
            background-color: #d2d2d2;
            text-decoration: none;
            border: 1px solid #969696;
        }

        .pagination .paging .total {
            float: left;
            display: block;
            padding-top: 2px;
            color: #999999;
        }

    .pagination a.arrowRight, .pagination a.arrowRight:link, .pagination a.arrowRight:visited {
        float: left;
        display: inline;
        background: url(/cms/images/layout/arrow_right_gray.gif) no-repeat 50% 50%;
        text-indent: -9999em;
    }

    .pagination a.arrowLeft, .pagination a.arrowLeft:link, .pagination a.arrowLeft:visited {
        float: left;
        display: inline;
        background: url(/cms/images/layout/arrow_left_gray.gif) no-repeat 50% 50%;
        text-indent: -9999em;
    }


.interior .paging-wrpr {
    margin-bottom: 40px;
}

.interior #reviewList .paging-wrpr {
    margin-bottom: 0;
}

.interior .top .paging-wrpr {
    width: 100%;
    max-width: 250px;
    margin-bottom: 0;
}

.interior .paging-wrpr .paging {
    width: 100%;
    max-width: 250px;
    padding: 0;
    display: inline-block;
}

    .interior .paging-wrpr .paging p {
        width: 100%;
        max-width: 250px;
        margin: 0;
        font-size: 18px;
        font-weight: 600;
        display: inline-block;
    }

.interior .paging-wrpr .pagination-custom {
    float: none;
    width: calc(100% - 255px);
    margin: 0;
    padding: 0;
    text-align: right;
    display: inline-block;
}

    .interior .paging-wrpr .pagination-custom ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        .interior .paging-wrpr .pagination-custom ul li {
            margin: 0 5px 10px;
        }

            .interior .paging-wrpr .pagination-custom ul li a,
            .interior .paging-wrpr .pagination-custom ul li span {
                color: #666;
                font-weight: 600;
                padding: 10px 15px;
                border-radius: 5px;
                border: 1px solid transparent;
                display: inline-block;
            }

.paging-wrpr .pagination .pagination-custom ul li span.total {
    width: 100%;
    max-width: 50px;
    padding: 10px 15px 10px 5px;
    text-align: left;
}

.interior .paging-wrpr .pagination-custom ul li a:focus, .interior .paging-wrpr .pagination-custom ul li a:hover,
.interior .paging-wrpr .pagination-custom ul li span.active {
    color: #fff;
    background: #0000ff;
    border-color: #0000ff;
    text-decoration: none;
}

.interior .paging-wrpr .pagination-custom ul li a.next-link, .interior .paging-wrpr .pagination-custom ul li a.prev-link,
.interior .paging-wrpr .pagination-custom ul li:first-child a, .interior .paging-wrpr .pagination-custom ul li:last-child a {
    color: #000;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #999;
}

    .interior .paging-wrpr .pagination-custom ul li a.next-link:hover, .interior .paging-wrpr .pagination-custom ul li a.prev-link:hover,
    .interior .paging-wrpr .pagination-custom ul li a.next-link:focus, .interior .paging-wrpr .pagination-custom ul li a.prev-link:focus,
    .interior .paging-wrpr .pagination-custom ul li:first-child a:hover, .interior .paging-wrpr .pagination-custom ul li:first-child a:focus,
    .interior .paging-wrpr .pagination-custom ul li:last-child a:hover, .interior .paging-wrpr .pagination-custom ul li:last-child a:focus {
        color: #fff;
    }

@media (max-width: 1024px) {
    .interior .paging-wrpr .paging {
        max-width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .interior #reviewList .paging-wrpr .paging {
        margin: 25px 0 0;
    }

    .interior .paging-wrpr .pagination-custom {
        width: 100%;
    }

        .interior .paging-wrpr .pagination-custom ul {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
}

.page-name, .product-name {
}

    .page-name .title, .product-name .title {
        font-size: 36px;
        line-height: 1.25em;
        font-weight: 500;
        text-align: center;
        margin: 25px 0 15px;
    }

.shopping-cart-wrpr {
    position: relative;
    display: block;
    margin-left: -10px;
    margin-right: -10px;
}

    .shopping-cart-wrpr .page-name .title {
        margin: 0 20px 15px;
    }

/* =============================================
                    DETAILS PAGE
===============================================*/

.details-wrpr {
}

    .details-wrpr .backTo a {
        font-weight: 600;
        padding-left: 10px;
    }

.product-details-wrpr {
}

.product-images {
}

    .product-images .image {
        width: 100%;
        max-width: 563px;
        height: 100%;
        max-height: 450px;
        text-align: center;
        margin: 0 auto 20px;
    }

    .product-images .alt-images {
        margin: 0 30px;
        padding: 0;
        list-style: none;
        display: flex;
    }

        .product-images .alt-images > div {
        }

        .product-images .alt-images a {
            margin: 0 2px;
        }

    .product-images .photo-gallery.alt-images {
        display: block;
    }

    .product-images .alt-images img {
        border: 1px solid #ccc;
    }

    .product-images .item-gallery.alt-images li a {
        display: block;
        max-width: 100px;
        margin: 0 auto;
        padding: 0 10px;
    }

    .product-images .item-gallery.alt-images img {
    }

.product-details {
    padding: 0 0 30px 0;
}

.product-details-wrpr a.btn.btn-theme-01 {
    color: #fff;
    text-decoration: none;
}

    .product-details-wrpr a.btn.btn-theme-01:hover, .product-details-wrpr a.btn.btn-theme-01:focus {
        color: #0000ff;
    }

    .product-details-wrpr a.btn.btn-theme-01.disabled {
        border-color: #ccc;
        background: #ccc;
    }

        .product-details-wrpr a.btn.btn-theme-01.disabled:hover, .product-details-wrpr a.btn.btn-theme-01.disabled:focus {
            color: #fff;
            cursor: auto;
        }

.detail-review {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
}

    .detail-review p {
        color: #666;
    }

    .detail-review .stars-wrpr {
    }

        .detail-review .stars-wrpr .star {
        }

        .detail-review .stars-wrpr span {
            display: inline-block;
        }

            .detail-review .stars-wrpr span a {
                padding: 0 5px;
            }

        .detail-review .stars-wrpr .review-link {
        }

            .detail-review .stars-wrpr .review-link:after {
                content: " | ";
                color: #666;
                font-weight: 500;
            }

    .detail-review .item-number {
    }

.select-vehicle {
    margin-bottom: 40px;
    padding: 40px;
    background: #f5f5f5;
}

    .select-vehicle .title-wrpr {
        margin: 0 !important;
    }

        .select-vehicle .title-wrpr .title {
            text-transform: initial !important;
        }

    .select-vehicle .select-wrpr select {
        border: 1px solid #ccc;
    }

.product-details .btn-wrpr {
    width: 100%;
    text-align: center;
    cursor: auto;
}

.vin-number-wrpr {
    margin: 0 0 20px;
    display: flex;
    align-items: center;
}

    .vin-number-wrpr .rowLabel {
        margin: 0 10px 0 0;
    }

    .vin-number-wrpr .text {
    }

.make-model-wrpr {
    padding-left: 0;
}

    .make-model-wrpr .quantity-wrpr {
        width: 100%;
        margin-bottom: 40px;
    }

    .make-model-wrpr .make-model p {
        font-size: 20px;
        font-weight: 600;
    }

    .make-model-wrpr .price p {
        font-size: 32px;
        font-weight: 600;
        text-align: center;
        margin: 0;
    }

        .make-model-wrpr .price p span {
            font-weight: 600;
        }

        .make-model-wrpr .price p#spanPrice {
            margin-bottom: 10px;
        }
            /* .make-model-wrpr .price p#spanPrice span { color: #0000ff; font-size: 38px; font-weight: 700; } */
            .make-model-wrpr .price p#spanPrice span.sale {
                color: #f00;
            }

    .make-model-wrpr .qty-area {
        font-weight: 600;
        padding: 40px;
        background: #f5f5f5;
    }

    .make-model-wrpr .qty-wrpr {
        text-align: center;
        display: block;
    }

        .make-model-wrpr .qty-wrpr label {
            display: inline-block;
        }

    .make-model-wrpr .qty-number {
        text-align: center;
        padding: 10px 15px;
        background: #fff;
        border-radius: 5px;
        border: 1px solid #ccc;
    }

    .make-model-wrpr .btn-wrpr {
        text-align: center;
        margin: 15px 0 0 !important;
        display: block;
    }

    .make-model-wrpr .qty-area .add-to {
        width: 100% !important;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        margin-top: 15px;
        cursor: pointer;
        display: block;
        border: none;
    }

@media (min-width: 960px) {
    .make-model-wrpr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .make-model-wrpr > .price {
            margin-right: 15px;
        }

        .make-model-wrpr .price p {
            text-align: left;
            line-height: 1.3;
        }

            .make-model-wrpr .price p#spanPrice {
                margin-bottom: 0;
            }
    /* .make-model-wrpr .price p#spanPrice span { font-size: 50px; } */
}

.product-details-footer {
}

    .product-details-footer .half {
    }

        .product-details-footer .half a,
        .product-details-footer .half .portal {
            text-decoration: none;
        }

        .product-details-footer .half .copy {
            width: 100%;
            display: inline-block;
        }

    .product-details-footer .image {
        display: inline-block;
    }

        .product-details-footer .image .icon {
            width: 4em;
            height: 3em;
        }

    .product-details-footer .half.shipping {
        text-align: center;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
    }

.interior .product-details-footer .title-wrpr .title-alt {
    color: #000;
    margin-top: 0;
}

.product-details-footer .half.more-prod {
    text-align: center;
}

    .product-details-footer .half.more-prod .copy p {
        color: #000;
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: -5px;
    }

.product-details-footer .half p a {
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}

.product-tab {
    margin: 40px 10px 0;
}

    .product-tab p {
        font-size: 18px;
    }

    .product-tab .details-tabs .tabdiv {
        min-height: 50px;
    }

    .product-tab .details-tabs #tabs {
        padding: 0;
        border: none;
    }

    .product-tab .details-tabs .ui-widget-header {
        border: none;
        background: none;
        border-radius: 0;
        border-bottom: 1px solid #ccc;
    }

        .product-tab .details-tabs .ui-state-active, .product-tab .details-tabs .ui-widget-content .ui-state-active,
        .product-tab .details-tabs .ui-widget-header .ui-state-active {
            border-radius: 0;
            border: none;
        }

    .product-tab .details-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        border-bottom: 1px solid #ccc;
    }

    .product-tab .details-tabs .ui-state-hover, .product-tab .details-tabs .ui-widget-content .ui-state-hover,
    .product-tab .details-tabs .ui-widget-header .ui-state-hover, .product-tab .details-tabs .ui-state-focus,
    .product-tab .details-tabs .ui-widget-content .ui-state-focus,
    .product-tab .details-tabs .ui-widget-header .ui-state-focus {
        color: #000;
        border: none;
        background: none;
    }

        .product-tab .details-tabs .ui-state-hover a, .product-tab .details-tabs .ui-widget-content .ui-state-hover a,
        .product-tab .details-tabs .ui-widget-header .ui-state-hover a, .product-tab .details-tabs .ui-state-focus a,
        .product-tab .details-tabs .ui-widget-content .ui-state-focus a,
        .product-tab .details-tabs .ui-widget-header .ui-state-focus {
            color: #000;
            border: none;
            background: none;
        }

    .product-tab .details-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .product-tab .details-tabs .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
    .product-tab .details-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
        cursor: pointer;
        padding: 20px 0;
        border-bottom: 7px solid #0000ff;
    }

    .product-tab .details-tabs .ui-state-default, .product-tab .details-tabs .ui-widget-content .ui-state-default,
    .product-tab .details-tabs .ui-widget-header .ui-state-default {
        border: none;
        background: none;
    }

        .product-tab .details-tabs .ui-state-default a, .product-tab .details-tabs .ui-widget-content .ui-state-default a,
        .product-tab .details-tabs .ui-widget-header .ui-state-default a {
            color: #000;
            padding: 20px 0;
            border: none;
            background: none;
            border-bottom: 7px solid transparent;
        }

            .product-tab .details-tabs .ui-state-default a:hover,
            .product-tab .details-tabs .ui-state-default a:focus,
            .product-tab .details-tabs .ui-widget-content .ui-state-default a:hover,
            .product-tab .details-tabs .ui-widget-content .ui-state-default a:focus,
            .product-tab .details-tabs .ui-widget-header .ui-state-default a:hover,
            .product-tab .details-tabs .ui-widget-header .ui-state-default a:focus {
                border-bottom: 7px solid #0000ff;
            }
/*.product-tab .details-tabs .ui-state-default,
            .product-tab .details-tabs .ui-widget-content .ui-state-default:hover,
            .product-tab .details-tabs .ui-widget-content .ui-state-default:focus,
            .product-tab .details-tabs .ui-widget-header .ui-state-default:hover,
            .product-tab .details-tabs .ui-widget-header .ui-state-default:focus {}*/
.ui-tabs .ui-tabs-nav li a {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.product-tab .details-tabs .ui-tabs .ui-tabs-panel {
    padding: 0;
}

.product-tab .details-tabs .ui-tabs li.ui-state-default a:nth-of-type(2n) {
    width: 0 !important;
    height: 0;
    margin: 0;
    padding: 0 !important;
    visibility: hidden;
}

.sidebar .page-name {
    padding-bottom: 5px;
    background: #fff;
}

    .sidebar .page-name ~ .page-name {
        margin-top: 40px;
    }

@media (max-width: 767px) {
    .product-tab .details-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
        width: calc(100% - 40px);
    }

    .product-tab .details-tabs .ui-state-default, .product-tab .details-tabs .ui-widget-content .ui-state-default,
    .product-tab .details-tabs .ui-widget-header .ui-state-default {
        border: none;
        background: none;
        border-radius: 0;
        border-top: 1px solid #ccc;
    }

    .product-tab .details-tabs .ui-tabs .ui-tabs-nav li {
        width: 100%;
    }

        .product-tab .details-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .product-tab .details-tabs .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
        .product-tab .details-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-loading a, .product-tab .details-tabs .ui-state-default a,
        .product-tab .details-tabs .ui-widget-content .ui-state-default a, .product-tab .details-tabs .ui-widget-header .ui-state-default a {
            width: 100%;
            padding: 20px 0 7px;
        }
}

@media (min-width: 768px) {
    .product-tab .details-tabs .ui-tabs .ui-tabs-nav li {
        margin-right: 3em;
    }
}

.product-add {
    margin: 0 10px;
}

.interior section .product-add .title-wrpr .title, .interior section .product-reviews .title-wrpr .title {
    font-size: 30px;
    font-weight: 500;
    text-transform: initial;
    margin-bottom: 50px;
}

.interior section .product-tab .title-wrpr .title {
    font-size: 30px;
    font-weight: 500;
    text-transform: initial;
    margin-bottom: 0;
}

.interior section .product-reviews .title-wrpr p {
    display: none;
    margin: 40px 0 0;
}

.products-table .row {
    margin: 0;
    padding: 40px 20px;
    background: #ebebeb;
}

    .products-table .row:nth-of-type(even) {
        background: #f5f5f5;
    }

.products-table .col-one p {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.products-table .row ul {
    font-size: 18px;
    margin: 0;
}

.products-table .row:first-of-type ul, .products-table .row:last-of-type ul {
    padding: 0 20px;
    list-style: none;
}

.product-reviews {
    margin: 0 10px;
}

.review-wrpr {
    margin: 30px 0;
}

    .review-wrpr .reviewCompose {
        padding: 0 10px 35px 10px;
        background: #ebebeb;
    }

@media (min-width: 768px) {
    .review-wrpr .reviewCompose {
        padding: 0 25px 35px 25px;
    }
}

.review-wrpr p {
    color: #0000ff;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 0 20px;
}

    .review-wrpr p .open-close {
        width: 24px;
        height: 24px;
        margin: 0 10px -5px 0;
        background: #0000ff;
        border-radius: 50%;
        display: inline-block;
        position: relative;
    }

        .review-wrpr p .open-close:before, .review-wrpr p .open-close:after {
            content: " ";
            width: 12px;
            height: 2px;
            top: 0px;
            left: 0px;
            right: 0;
            bottom: 0;
            margin: auto;
            z-index: 1;
            position: absolute;
            background: #ebebeb;
        }

        .review-wrpr p .open-close:after {
            transform: rotate(90deg);
        }

.review-wrpr .btnWrapper[data-trigger-review="disable"] p .open-close:after {
    transform: rotate(0deg);
}

.interior .products-recent {
    margin-bottom: 80px;
}

.half.item-number p {
    word-break: break-all;
}

    .half.item-number p span {
        color: #44448c;
    }

@media (min-width: 480px) {
    .make-model-wrpr .make-model, .make-model-wrpr .price {
        text-align: center;
    }
}

@media (min-width: 680px) {
    .make-model-wrpr .qty-area span, .make-model-wrpr .qty-area label,
    .make-model-wrpr .qty-area .qty-number, .make-model-wrpr .qty-area .add-to {
        width: 30%;
        margin: 0 15px 0 0 !important;
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .product-images .image {
        margin-bottom: 140px;
    }

    .make-model-wrpr .qty-area span, .make-model-wrpr .qty-area label,
    .make-model-wrpr .qty-area .qty-number, .make-model-wrpr .qty-area .add-to {
        width: 100%;
        margin: 0 0 15px !important;
        display: block;
    }

    .make-model-wrpr .make-model, .make-model-wrpr .price {
        text-align: left;
    }

    .make-model-wrpr .qty-number {
        padding: 10px 0;
    }

    .product-details-footer {
        padding-right: 40px;
    }
}

@media (min-width: 800px) {
    .products-table .row {
        padding: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .products-table .col-one {
        width: 30%;
        min-width: 210px;
    }
}

@media (min-width: 894px) {
    .product-images .alt-images {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (min-width: 960px) {
    .product-details {
        padding: 0 0 0 20px;
    }

    .product-images .image {
        margin: 0 auto 50px;
    }

    .product-images .alt-images {
    }

    .page-name .title, .product-name .title {
        text-align: left;
        margin: 0 0 15px;
    }
}

@media (min-width: 1025px) {
    .detail-review {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: left;
    }

        .detail-review .half {
            width: 50%;
        }

            .detail-review .half:last-child {
                text-align: right;
            }

    .product-details-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px 0;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

        .product-details-footer .half {
            width: 50%;
        }

            .product-details-footer .half.shipping {
                margin-bottom: 0;
                border-bottom: none;
                border-right: 1px solid #ccc;
            }

            .product-details-footer .half .copy {
                line-height: 1;
            }
}

@media (min-width: 1100px) {
    .product-details-footer .half a,
    .product-details-footer .half .portal {
        padding: 0 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .product-details-footer .half.more-prod a {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

        .product-details-footer .half.more-prod a .image,
        .product-details-footer .half.more-prod .portal .image {
            margin-right: 15px;
        }

    .product-details-footer .half .related-link {
        margin-top: 10px;
        font-size: 18px;
        font-weight: 600;
        display: block;
    }

    .product-details-footer .half.more-prod .copy p {
        margin-top: 0;
    }
}

@media (min-width: 1170px) {
    .product-images .alt-images {
    }

    .product-details .btn-wrpr {
        text-align: right;
    }

    .make-model-wrpr .qty-area span, .make-model-wrpr .qty-area label,
    .make-model-wrpr .qty-area .qty-number, .make-model-wrpr .qty-area .add-to {
        width: 30%;
        text-align: center;
        margin: 0 15px 0 0 !important;
        display: inline-block;
    }
}

/* =============================================
                    MODULE STYLES
===============================================*/

/* ##  Breadcrumb  ## */

.breadcrumbs {
    color: #666;
    font-size: 17px;
    padding: 30px 10px;
}

    .breadcrumbs a, .breadcrumbs a:visited {
        color: #000;
        font-weight: 600;
        text-decoration: none;
    }

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

    .breadcrumbs span {
        font-weight: 600;
    }

        .breadcrumbs span a {
            padding-right: 4px;
        }

@media (max-width: 48em) {
    .breadcrumbs {
        display: none;
    }
}

/* ## Page Heading ## */

.pageHeading {
    margin-bottom: 30px;
    border-bottom: 1px solid #dbdbdb;
}

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


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

.pageToolsWrapper {
    float: right;
    display: inline;
    padding: 5px 0 0 0;
    text-align: right;
}

.pageTool {
    margin: 0 10px 0;
    font-size: 0.938em;
    color: #686868;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}

.pageToolsWrapper a {
    float: right;
    display: inline;
}

    .pageToolsWrapper a:hover,
    .pageToolsWrapper a:active {
        color: #1C4E87;
        text-decoration: underline;
    }

    .pageToolsWrapper a.bookmark,
    .pageToolsWrapper a.bookmark:link,
    .pageToolsWrapper a.bookmark:visited {
        padding: 0 0 0 18px;
        margin-left: 7px;
        background-position: 0 -39px;
    }

        .pageToolsWrapper a.bookmark:hover,
        .pageToolsWrapper a.bookmark:active {
            background-position: 0 -119px;
        }

.pageToolsWrapper .addthis_toolbox {
    float: right;
    display: inline;
}

    .pageToolsWrapper .addthis_toolbox a,
    .pageToolsWrapper .addthis_toolbox a:link,
    .pageToolsWrapper .addthis_toolbox a:visited {
        background: none;
        padding: 0;
        margin: 0 0 0 5px;
    }

.addthis_toolbox {
    display: inline;
}


/* ## 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;
    }


/* ## Hawk Search ## */

.hawk-searchQuery .hawk-sqHeader {
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
    background: #4948cf;
}

.hawk-searchQuery .hawk-sqActive {
    border-color: #4948cf;
}


/* ## Gallery ## */

.galleryListing {
}

    .galleryListing [class*="grid_"]:nth-child(4n+1) {
        clear: both;
    }

@media only screen and (min-width:11.250em) and (max-width:47.938em) {
    .galleryListing [class*="grid_"]:nth-child(2n+1) {
        clear: both;
    }
}

.galleryListingItemWrpr {
    margin-bottom: 30px;
    text-align: center;
}

.galleryListingItemImageLink {
}

    .galleryListingItemImageLink img {
        max-height: 180px;
    }

.galleryListingItemDesc {
    margin: 10px 0 20px;
}

    .galleryListingItemDesc .all {
        display: block;
        text-align: left;
        color: #000;
        font-size: 1.1em;
        font-weight: 700;
    }
/*.galleryListingItemDesc .all:after {
        content: " ";
        width: 5px;
        height: 5px;
        margin: 0 0 2px 5px;
        display: inline-block;
        transform: rotate(-45deg);
        border-right: 1px solid;
        border-bottom: 1px solid;
    }*/

.photo_toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.toolbar-item {
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: sans-serif;
}

a.photo_goback, a.photo_email {
    padding: 0 15px;
    position: relative;
    color: #7272DC
}

    a.photo_goback:before {
        content: " ";
        width: 7px;
        height: 7px;
        margin: 2px 0 0 -14px;
        position: absolute;
        display: inline-block;
        border-left: 2px solid;
        border-bottom: 2px solid;
        transform: rotate(45deg);
    }

    a.photo_email:after {
        content: " ";
        width: 7px;
        height: 7px;
        margin: 2px 0 0 4px;
        position: absolute;
        display: inline-block;
        border-right: 2px solid;
        border-bottom: 2px solid;
        transform: rotate(-45deg);
    }

.mod_gallery_details {
    padding: 0 15%
}

    .mod_gallery_details .photo-gallery {
        width: 75%;
        margin: 15px auto 0;
    }

        .mod_gallery_details .photo-gallery .slick-track {
            width: 1000% !important;
        }

        .mod_gallery_details .photo-gallery .slick-slide {
            margin-right: 15px;
        }

        .mod_gallery_details .photo-gallery a {
            width: auto !important;
            color: #7272DC
        }

.gallery-item img {
    width: 100% !important;
}

.mod_gallery_details .photo-gallery .slick-prev:focus, .mod_gallery_details .photo-gallery .slick-next:focus,
.mod_gallery_details .photo-gallery .slick-slide:focus,
.mod_gallery_details .photo-slideshow:focus {
    outline: 2px solid cadetblue;
    box-shadow: 0px 0px 10px blueviolet;
}

.gallery-comments h3 {
    font-size: 1.3em
}

.gallery-top {
    display: flex;
    flex-direction: column;
}

    .gallery-top h1 {
        margin: 0 0 5px;
        font-size: 40px;
        font-weight: 500;
    }

    .gallery-top .btn {
        font-family: sans-serif;
        font-size: 14px;
        padding: 15px 20px;
    }

.gallery-filters select {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    padding: 15px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border-radius: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #0000FF;
    background-image: url(/cms/images/down.svg);
    background-repeat: no-repeat;
    background-position: right .7em top 50%, 0 0;
    text-transform: uppercase;
}

    .gallery-filters select::-ms-expand {
        display: none;
    }

    .gallery-filters select:hover {
        background: #21201E;
        background-image: url(/cms/images/down.svg);
        background-repeat: no-repeat;
        background-position: right .7em top 50%, 0 0;
    }

    .gallery-filters select:focus {
        background: #21201E;
        background-image: url(/cms/images/down.svg);
        background-repeat: no-repeat;
        background-position: right .7em top 50%, 0 0;
    }

    .gallery-filters select option {
        font-weight: normal;
        background: #fff;
        color: #343434;
    }

.gallery-filter {
    background: #eee;
    padding: 15px 20px;
}

; .gallery-filter h2 {
    margin: 0;
    padding: 0;
    font-size: 1.3em;
    font-weight: 700;
}

.gallery-filters {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 0 0;
    flex-direction: column;
}

; .gallery-filters > div {
    width: 100%;
    text-transform: uppercase;
}

.gallery-filters .btn {
    width: 100%;
}
/* Backend Code */

.gallery-submit-btn {
    margin: 20px auto;
}

.gallery-title h1 {
    margin: 0 0 5px;
    font-sizE: 40px;
    font-weight: 500;
}

.gallery-submit {
    margin: 20px 0 0 0;
    padding: 25px;
    background: #EEEEEE;
}

.gallery-add-custom {
    font-size: .9em;
    color: #7272dc
}

.gallery-submit .btn {
    width: 100%;
}

.gallery-submit .MultilineTable {
    margin: 20px 0;
}

.gallery_listing .MultilineTable tr.row {
    background: #f9f9f9 !important;
}

.gallery-submit .MultilineTable th {
    background: #343434;
    padding: 10px;
    font-size: 16px;
}

.gallery_listing .MultilineTable td {
    text-align: center;
}

    .gallery_listing .MultilineTable td img {
        min-width: 72px;
        margin-bottom: 10px;
    }

    .gallery_listing .MultilineTable td .simple_overlay img {
        display: none;
        max-width: 200px;
    }

    .gallery_listing .MultilineTable td input {
        font-size: 16px;
        color: #000 !important;
    }

@media (max-width: 767px) {
    .toolbar-item {
        text-align: center !important;
    }

    .gallery-submit div[class^="grid"] {
        width: 100%;
    }
}

@media (min-width: 48em) {
    .toolbar-item {
        width: 50%;
    }

    .gallery-item {
        min-width: 150px !important;
    }

    .gallery-top {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: 0 0 40px;
    }

    .gallery-filters {
        flex-direction: row;
    }

        .gallery-filters > div {
            width: 24%;
        }

    .gallery-submit-btn {
        margin: 0;
    }
}

/* =================================================================
                        Footer Styles
===================================================================*/

footer button {
    color: #fff;
    text-align: left;
    border: none;
    margin: 0;
    padding: 0;
    background: transparent;
}

footer {
    color: #fff;
    text-align: center;
}

    footer ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    footer a, footer a:hover, footer a:focus, footer a .icon {
        color: #fff;
        fill: #fff;
    }

        footer a .icon {
            width: 2.5em;
            height: 2.5em;
            margin: 5px;
            border-radius: 50%;
        }

        footer a:hover .icon, footer a:focus .icon {
            background: rgba(0,0,255, .8);
        }

.footer-top {
    padding-bottom: 25px;
}

.footer-btm {
    padding: 30px 10px;
}

.footer-btm-right {
    display: table;
    width: 100%;
}

.footer-btm .footer-copy {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
}

    .footer-btm .footer-copy p {
        margin: 0;
    }

.footer-btm .footer-seal {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
}

.footer-btm span {
    display: block;
    font-size: 18px;
}

    .footer-btm span a {
        color: #fff;
    }

@media (max-width: 1099px) {
    .footer-btm .grid_6 {
        width: 100%;
        float: none;
        text-align: center;
    }

    .footer-btm-right {
        display: block;
    }

    .footer-btm .footer-copy {
        text-align: center;
        display: block;
    }

        .footer-btm .footer-copy p {
            margin: 0 0 15px;
        }

    .footer-btm .footer-seal {
        display: block;
        text-align: Center;
    }
}
/*  Newsletter  */
.newsletter {
    text-align: center;
}

    .newsletter .news {
        color: #fff;
        text-align: center;
        padding: 40px 0 0;
    }

        .newsletter .news .icon {
            width: 3.5em;
            height: 3.5em;
        }

        .newsletter .news .title-wrpr {
            margin-bottom: 0;
        }

    .newsletter .caption {
        color: #fff;
        font-size: 20px;
        text-align: center;
        margin: 5px 0;
    }

    .newsletter .enter-email {
        background: #fff;
        display: inline-block;
        border-radius: 5px;
        margin-bottom: 45px;
        position: relative;
    }

        .newsletter .enter-email input[type="text"] {
            margin-right: -5px;
            padding: 10px;
            border: 0;
            border-radius: 5px;
        }

        .newsletter .enter-email .btn {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

@media (min-width: 68.75em) {
    .newsletter .container {
        padding: 30px 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .newsletter .news, .newsletter .caption, .newsletter .enter-email {
        width: 34%;
        margin: 0;
    }

    .newsletter .caption {
        font-size: 18px;
    }

    .newsletter .enter-email input[type="text"] {
        width: 100%;
        padding: 12px;
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .newsletter .enter-email .btn-wrpr {
        position: absolute;
        right: 0;
        top: 0;
    }

    .newsletter .news {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .newsletter .news .title-wrpr {
            margin: 0;
            line-height: 1;
        }
}

@media (min-width: 1150px) {
    .newsletter .news, .newsletter .caption, .newsletter .enter-email {
        width: 33%;
    }
}

@media (min-width: 1315px) {
    .newsletter .news .title-wrpr {
        margin: 0 0 0 -65px;
        padding: 0;
    }

    .newsletter .caption {
        text-align: left;
    }
}

/*  Contact  */
footer .contact {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

    footer .contact .title {
        font-size: 20px;
        line-height: 1.3;
        margin: 30px 0 0;
        padding: 0 25px 10px;
    }

    footer .contact p {
        font-size: 16px;
        text-align: center;
    }

        footer .contact p span {
            display: block;
        }

            footer .contact p span strong {
                font-size: 18px;
            }


/*  Footer Items  */
.customer-service, .resources, .information {
    text-align: left;
    padding: 0;
    border-bottom: 1px solid #ccc;
}

    .customer-service .header, .resources .header, .information .header {
        font-size: 22px;
        margin: 15px 0;
        padding: 0 25px;
        cursor: pointer;
        outline: 0;
    }

    .customer-service ul, .resources ul, .information ul {
        padding: 15px 45px 10px;
        border-top: 1px solid #ccc;
    }

    .customer-service a, .resources a, .information a {
        color: #fff;
        font-size: 18px;
        margin-bottom: 5px;
    }

.footer-logo-wrpr {
    margin-bottom: 20px;
}

.footer-btm span {
    display: block;
    font-size: 17px;
    font-weight: 600;
}

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


@media (min-width: 68.75em) {
    .footer-top {
        border-bottom: 1px solid #ccc;
    }

        .footer-top .container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            text-align: left;
            padding: 0 10px;
        }

    footer .customer-service, footer .resources, footer .information {
        width: 20%;
    }

    footer .contact {
        width: 40%;
        padding: 0 0 0 10px;
        border-bottom: none;
    }

        footer .contact p {
            text-align: left !important;
        }

        footer .contact .title {
            padding: 0 0 10px;
        }

    .customer-service, .resources, .information {
        padding: 0;
        border-bottom: none;
    }

        .customer-service .header, .resources .header, .information .header {
            font-size: 22px;
            font-weight: 600;
            margin: 27px 0 5px;
            padding: 0;
            cursor: pointer;
            outline: 0;
            pointer-events: none;
        }

        .customer-service ul, .resources ul, .information ul {
            padding: 0;
            border-top: 0;
            display: block !important;
        }

    .footer-btm .container {
        padding: 0 10px;
    }

    .footer-logo-wrpr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
    }

        .footer-logo-wrpr p {
            margin: 0;
        }

        .footer-logo-wrpr span {
            margin: 10px 15px 0 0;
        }

    .footer-copy p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: inline-block;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .footer-copy p span {
            font-size: 14px;
            margin-right: 7px;
        }
}

@media (min-width: 1315px) {
    .newsletter .news .icon {
        margin-left: -45px;
    }
}

/* ## footer (inherit) ## */
.footer {
}

.footerBar {
    margin-bottom: 10px;
    min-height: 1px;
    padding: 10px;
    background-color: #ecf1f8;
}

.ftrPhonenum {
    float: left;
    width: 170px;
    height: 28px;
    text-indent: -9999em;
    background-position: 100% 0;
    background-repeat: no-repeat;
}

.advFooter {
    position: relative;
    margin-bottom: 15px;
    padding: 0 0 5px 0;
}

    .advFooter li.callout {
        margin-bottom: 10px;
    }

    .advFooter .callout a,
    .advFooter .callout a:link,
    .advFooter .callout a:visited {
        font-weight: bold;
        font-size: 1.1em;
        color: #6d6d6d;
    }

ul.advList {
    margin: 0 0 10px;
    padding: 0;
    list-style-type: none;
}

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

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

    ul.advList .listhdng {
        display: block;
        margin-bottom: 8px;
        font-size: 1.1em;
    }

        ul.advList .listhdng,
        ul.advList .listhdng a,
        ul.advList .listhdng a:link,
        ul.advList .listhdng a:visited {
            font-weight: bold;
            color: #6d6d6d;
        }

.footerHeading {
    display: block;
    margin: 0 0 2px;
    font-weight: bold;
    font-size: 1.1em;
}

.welcomeMessage {
    position: absolute;
    bottom: 5px;
    right: 0;
    width: 50%;
    padding: 20px;
    font-size: 12px;
    background-color: #ECF1F8;
    border: 1px solid #9BAAB7;
}

    .welcomeMessage .iconClose {
        position: absolute;
        top: 3px;
        right: 3px;
        width: 13px;
        height: 13px;
        background: url(/cms/images/layout/icon_x.gif) no-repeat 0 0;
        cursor: pointer;
    }

.subFooter {
    padding: 10px 0;
}

.footerLinks {
}

    .footerLinks a,
    .footerLinks a:link,
    .footerLinks a:visited {
        text-decoration: none;
        color: #666666;
    }

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

.copyright {
    text-align: right;
    color: #787878;
}


/* ## Footer Email Signup ## */

.emailSignup {
    margin: 0 0 15px;
}

    .emailSignup p {
        margin: 0 0 2px 0;
    }

    .emailSignup .imgLabel {
        float: left;
        margin: 5px 7px 0 0;
    }

    .emailSignup .text {
        float: left;
        width: 165px;
        margin: 0 5px 0 0;
    }


/* ## Footer Social Follow ## */

.followUs {
    margin: 0 0 10px;
}

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

    ul.socialFollow li {
        display: inline-block;
    }

        ul.socialFollow li a {
            display: inline-block;
            width: 32px;
            height: 32px;
            background: url(/cms/images/layout/social-32.png) no-repeat 0 0;
            text-indent: -9999em;
            overflow: hidden;
        }

        ul.socialFollow li.facebook a {
            background-position: 0 0;
        }

        ul.socialFollow li.twitter a {
            background-position: 0 -69px;
        }

        ul.socialFollow li.gplus a {
            background-position: 0 -138px;
        }

        ul.socialFollow li.pinterest a {
            background-position: 0 -207px;
        }


/* =================================================================
                        Plugins
===================================================================*/

/* ## Nick's Datatoggle ## */

.dropdown-panel {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 320px;
    box-shadow: 3px 3px 6px rgba(0,0,0,.3);
}

/* =================================================================
                        Media Queries
===================================================================*/


/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
    .siteHeader a.sitelogo,
    .siteHeader a.sitelogo:link,
    .siteHeader a.sitelogo:visited {
        float: none;
        display: block;
        width: auto;
    }

    .pageTools {
        display: none;
    }
}


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

@media (max-width: 374px) {
    .FAQWrpr .btnWrapper {
        margin: 15px auto;
    }
}

/* =================================================================
                        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;
    }
}

/* =================================================================
                        HAWKSEARCH
===================================================================*/

#hawkfacets .hawk-railNavHeading {
    display: none;
}

@media (max-width: 767px) {
    #hawkfacets .hawk-railNavHeading {
        display: block;
    }
}

#hawkfacets .hawkRailNav {
    border: none;
    background: #F5F5F5;
}

#hawkfacets .hawk-guidedNavWrapper .hawk-selectedNav {
    border-bottom-color: #767676;
    background-color: transparent;
}

#hawkfacets .hawk-guidedNavWrapper .hawk-selectedGroup {
    border-bottom-color: #767676;
}

#hawkfacets .hawk-guidedNavWrapper .hawk-selectedHeading,
#hawkfacets .hawk-guidedNavWrapper .hawk-selectedHeading a,
#hawkfacets .hawk-guidedNavWrapper .hawk-selectedHeading a:link,
#hawkfacets .hawk-guidedNavWrapper .hawk-selectedHeading a:visited {
    margin: 0;
    padding: 0;
    color: #000000;
    text-transform: uppercase;
}

#hawkfacets .hawk-guidedNavWrapper .hawk-clearSelected a,
#hawkfacets .hawk-guidedNavWrapper .hawk-clearSelected a:link,
#hawkfacets .hawk-guidedNavWrapper .hawk-clearSelected a:visited {
    color: #000000;
}

#hawkfacets .hawk-guidedNavWrapper .hawk-navGroup {
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: none;
    border-bottom-color: #767676;
}

#hawkfacets .hawk-toggle {
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: none;
    border-bottom-color: #767676;
}

#hawkfacets .hawk-guidedNavWrapper .hawk-groupHeading {
    padding: 0;
    text-transform: uppercase;
}

#hawkfacets .hawk-guidedNavWrapper .hawk-navGroupContent {
    padding: 0;
}

#hawkfacets .hawk-guidedNavWrapper .hawk-navGroup ul {
    height: auto !important;
    max-height: initial;
    padding: 0 0 10px 10px;
    border: none;
    background: transparent;
    overflow-y: visible;
}

#hawkfacets .hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleCheckbox,
#hawkfacets .hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleCheckbox:link,
#hawkfacets .hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleCheckbox:visited {
    padding-left: 30px;
    padding-right: 15px;
}

#hawkfacets .hawk-guidedNavWrapper .hawk-navGroup li .hawk-styleCheckbox:before {
    /*top: 50%;
    transform: translateY(-50%);*/
    width: 13px;
    height: 15px;
    padding-left: 2px;
    color: #767676;
    line-height: 14px;
    border-color: #333;
    border-radius: 1px;
    background-color: #ffffff;
}

#hawkfacets .hawk-guidedNavWrapper .hawk-navGroup li.hawkFacet-active .hawk-styleCheckbox:before,
#hawkfacets .hawk-guidedNavWrapper .hawk-navGroup li .hawk-styleCheckbox:hover:before,
#hawkfacets .hawk-guidedNavWrapper .hawk-navGroup li .hawk-styleCheckbox:focus:before {
    border-color: #0000ff;
}

#hawkfacets .hawk-guidedNavWrapper .hawk-navGroup li a,
#hawkfacets .hawk-guidedNavWrapper .hawk-navGroup li a:visited {
    color: #000000;
}

    #hawkfacets .hawk-guidedNavWrapper .hawk-navGroup li a:hover,
    #hawkfacets .hawk-guidedNavWrapper .hawk-navGroup li a:focus {
        color: #767676;
    }

#hawkfacets .hawk-guidedNavWrapper .hawk-navGroup li .hawk-selectionInner .hawk-facetCount {
    color: #767676;
}

#hawkfacets .hawk-slideFacet {
    margin: 0;
}

    #hawkfacets .hawk-slideFacet .hawk-slideRange {
        background: transparent;
    }

#hawkbottompager {
    margin-top: 40px;
}

    #hawktoppager .hawk-listingControls,
    #hawkbottompager .hawk-listingControls {
        border: none;
        background: transparent;
    }

        #hawktoppager .hawk-listingControls .hawk-mainControls,
        #hawkbottompager .hawk-listingControls .hawk-mainControls {
            background: transparent;
        }

#hawktoppager .hawk-sortWrapper {
    float: right;
}

    #hawktoppager .hawk-sortWrapper .sortList label,
    #hawkbottompager .hawk-sortWrapper .sortList label {
        color: #000000;
        font-size: inherit;
        text-transform: uppercase;
    }

#hawktoppager .hawk-listingControls .hawk-pagination {
    float: left;
    width: 57%;
}

#hawkbottompager .hawk-listingControls .hawk-pagination {
    float: left;
    width: 100%;
}

    #hawktoppager .hawk-listingControls .hawk-pagination .hawk-paging,
    #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging {
        float: none;
        display: inline-block;
        padding-top: 12px;
    }

    #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging {
        width: 100%;
    }

    #hawktoppager .hawk-listingControls .hawk-pagination .hawk-paging .hawk-pageActive,
    #hawktoppager .hawk-listingControls .hawk-pagination .hawk-paging a.hawk-pageLink,
    #hawktoppager .hawk-listingControls .hawk-pagination .hawk-paging a.hawk-pageLink:link,
    #hawktoppager .hawk-listingControls .hawk-pagination .hawk-paging a.hawk-pageLink:visited,
    #hawkbottompager .hawk-sortWrapper,
    #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-viewNumber {
        display: none !important;
    }

    #hawktoppager .hawk-listingControls .hawk-pagination .hawk-paging .total,
    #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging .total {
        color: #000000;
        font-weight: bold;
    }

    #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging .total {
        display: block;
        padding-top: 10px;
        padding-right: 20%;
    }

    #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging .hawk-pageActive {
        padding: 10px;
        color: #ffffff;
        border-radius: 5px;
        background-color: #1D0FFF;
    }

    #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging a.hawk-pageLink,
    #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging a.hawk-pageLink:link,
    #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging a.hawk-pageLink:visited {
        color: #767676;
    }

        #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging a.hawk-pageLink:hover,
        #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging a.hawk-pageLink:focus {
            color: #000000;
        }

#hawkbottompager .hawk-arrowLeft,
#hawkbottompager .hawk-arrowRight {
    padding: 10px 10px 12px;
    border: 1px solid #767676;
    border-radius: 5px;
}

    #hawkbottompager .hawk-arrowLeft .hawk-visuallyHidden,
    #hawkbottompager .hawk-arrowRight .hawk-visuallyHidden {
        color: #000000;
        font-weight: bold;
    }

    #hawkbottompager .hawk-arrowLeft:hover .hawk-visuallyHidden,
    #hawkbottompager .hawk-arrowLeft:focus .hawk-visuallyHidden,
    #hawkbottompager .hawk-arrowRight:hover .hawk-visuallyHidden,
    #hawkbottompager .hawk-arrowRight:focus .hawk-visuallyHidden {
        color: #767676;
    }

#hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowLeft:before,
#hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowRight:after {
    display: inline-block;
    vertical-align: middle;
    color: #000000;
    font-family: inherit;
    font-weight: bold;
    line-height: normal;
}

#hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowLeft:before {
    content: '\003c';
}

#hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowRight:after {
    content: '\003e';
}

#hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowLeft:hover:before,
#hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowLeft:focus:before,
#hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowRight:hover:after,
#hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowRight:focus:after {
    color: #767676;
}

#hawktoppager .hawk-listingControls .hawk-subControls,
#hawkbottompager .hawk-listingControls .hawk-subControls {
    margin-top: 30px;
    margin-bottom: 30px;
    background: transparent;
}

#hawktoppager .hawk-compareList .hawk-compareHeading,
#hawkbottompager .hawk-compareList .hawk-compareHeading,
#hawktoppager .hawk-compareList ul,
#hawkbottompager .hawk-compareList ul,
#hawktoppager .hawk-compareList .btnWrapper,
#hawkbottompager .hawk-compareList .btnWrapper {
    float: none;
    visibility: visible !important;
    display: inline-block !important;
    vertical-align: middle;
    padding-right: 20px;
    padding-bottom: 20px;
    color: #000000;
    font-size: inherit;
    font-weight: bold;
}

@media (min-width: 1100px) {
    #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging .total {
        float: left;
    }

    #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging .hawk-pageActive {
        margin-left: 10px;
        margin-right: 10px;
        padding: 10px 15px;
    }

    #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging a.hawk-pageLink,
    #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging a.hawk-pageLink:link,
    #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging a.hawk-pageLink:visited {
        padding: 10px 20px 12px;
    }

    #hawkbottompager .hawk-arrowLeft,
    #hawkbottompager .hawk-arrowRight {
        padding: 10px 20px;
    }

    #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowLeft:before {
        padding-right: 10px;
    }

    #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowRight:after {
        padding-left: 10px;
    }

    #hawkbottompager .hawk-arrowLeft .hawk-visuallyHidden,
    #hawkbottompager .hawk-arrowRight .hawk-visuallyHidden {
        position: static;
        display: inline-block;
        vertical-align: middle;
        width: auto;
        height: auto;
    }
}

.hawksearch {
    margin-left: 20px;
}

#hawkitemlist .grid_3 {
    padding-right: 40px !important;
}

#hawkitemlist .itemWrapper .itemTitle {
    font-weight: normal;
}

#hawkitemlist .itemWrapper .content {
    min-height: 112px;
}

#hawkitemlist label.ckbItemCompare {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    text-transform: capitalize;
}

#hawkitemlist input.ckbItemCompare {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.alertify .ajs-modal .ajs-header {
    color: #000000;
}

.hawk-compare .itemImage.hawk-itemImage {
    height: 242px !important;
}

.hawk-compare tbody + tbody th,
.hawk-compare tbody + tbody td {
    padding: 20px;
    border: 1px solid #767676;
}

.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
    color: #ffffff;
    text-transform: uppercase;
    background: #333;
    border: 2px solid #333;
    border-radius: 4px;
}

    .alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button:hover,
    .alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button:focus {
        color: #333;
        background: #ffffff;
    }

.alertify .ajs-body {
    overflow-x: auto;
}

.hawk-recommendation {
    width: 90%;
    min-width: 16em;
    max-width: 87.5em;
    margin: 0 auto;
}

    .hawk-recommendation .title-wrpr {
        margin-top: 35px;
        margin-bottom: 40px;
    }

        .hawk-recommendation .title-wrpr .title {
            margin-bottom: 0;
            font-size: 26px;
            font-weight: 600;
            text-transform: uppercase;
        }

    .hawk-recommendation .hawk-recommendation-item .itemLink {
        /*height: 276px;*/
        margin-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .hawk-recommendation .hawk-recommendation-item .itemTitle {
        padding-left: 10px;
        padding-right: 10px;
    }

        .hawk-recommendation .hawk-recommendation-item .itemTitle > em {
            display: none !important;
        }

        .hawk-recommendation .hawk-recommendation-item .itemTitle a {
            min-height: 108px;
            font-size: 18px;
            font-weight: normal;
        }

    .hawk-recommendation .hawk-recommendation-item .itemSku,
    .hawk-recommendation .hawk-recommendation-item .itemDesc {
        display: none;
    }

    .hawk-recommendation .hawk-recommendation-item .itemPrice {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
    }

    .hawk-recommendation .hawk-recommendation-item .hawk-listingRating {
        width: auto;
        margin: 0;
        padding: 0 10px;
        text-align: right;
        display: none !important;
    }

.bannerTop:nth-of-type(2n) {
    text-align: center;
    margin: 15px 0;
}



.callout-divs a {
    color: #000;
}

.copy p a {
    color: #666;
    padding: 0px 10px;
}

.header-banner .grid_6 > span a {
    color: #fff;
    font-size: 1.5em;
}

.header-banner .grid_6 .icon.icon-phone {
    margin: 0px;
    width: 2.1em;
    height: 2em;
    fill: #fff;
}

.header-banner .grid_6 .desktop {
    display: inline-block;
    width: 40%;
}

.header-banner .grid_6 .mobile {
    display: inline-block !important;
    margin-right: 10px;
    color: #fff;
    font-size: 1.5em;
}

.footer-top .mobile {
    display: block !important;
    margin-bottom: 10px;
}

.header-banner .mobile a,
.header-banner .mobile a:visited {
    color: #ccc;
}

@media only screen and (max-width: 1130px) {
    .header-banner .grid_6 .desktop {
        display: inline-block;
        width: 40%;
    }
}

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

    .header-banner {
        display: block !important;
    }

        .header-banner .grid_6 {
            width: 100%;
            text-align: center;
        }

            .header-banner .grid_6 .desktop {
                display: none;
            }

            .header-banner .grid_6.right {
                display: none;
            }
}

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

    .header-banner {
        display: block !important;
    }

        .header-banner .grid_6 {
            width: 100%;
        }

            .header-banner .grid_6 .desktop {
                display: none;
            }

            .header-banner .grid_6.right {
                display: none;
            }

            .header-banner .grid_6 .mobile {
                display: inline-block !important;
                margin-right: 10px;
                color: #fff;
                font-size: 1em;
            }

            .header-banner .grid_6 span.phone {
                font-size: 0.75em;
            }

            .header-banner .grid_6 .icon.icon-phone {
                margin-right: 5px;
                width: 1.1em;
                height: 1em;
            }
}


/* SALEBURST */
.saleburst {
    font: 14px/1 georgia,serif;
    background: #00f;
    width: 3em;
    height: 3em;
    text-align: center;
    color: #fff;
    position: absolute;
    z-index: 10;
    top: 10%;
    margin-top: -1.25em;
    margin-left: -1.25em;
    left: 75%;
    transform: rotate(-45deg);
    text-transform: uppercase
}

#productImage .saleburst {
    font-size: 18px;
    left: 15%;
    margin-top: 1.5em;
}

.saleburst,
.saleburst span {
    display: flex;
    align-items: center;
    justify-content: center
}

    .saleburst span {
        width: 100%;
        height: 100%;
        background: inherit;
        transform: rotate(45deg)
    }

        .saleburst span:after,
        .saleburst span:before,
        .saleburst:after,
        .saleburst:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: inherit;
            z-index: -1;
            transform: rotate(30deg)
        }

    .saleburst:after {
        transform: rotate(-30deg)
    }

    .saleburst span:after {
        transform: rotate(30deg)
    }

    .saleburst span:before {
        transform: rotate(-30deg)
    }

@media (max-width:768px) {
    .saleburst {
        top: 10px;
    }
}




/* Ticket #440494 - Style changes to the VERIFY VEHICLE FIT button & VIEW ALL APPLICATIONS */

#range-accordion h3.accordion-header {
    color: #00f;
}

    #range-accordion h3.accordion-header:hover {
        cursor: pointer;
    }

#ranges .button {
    padding: 0px 10px;
    margin-bottom: 10px;
    font-size: 14px;
    background: #00f;
    color: #fff;
    border-radius: 3px;
    border: solid 1px #00f;
}

    #ranges .button:hover {
        background: #fff;
        color: #00f;
        text-decoration: none;
    }




/* Ticket #442285 - Bronto (Newsletter Signup) Button  */
.newsletter .enter-email {
    color: #000;
}

.interior .popular-brands a.next-link {
    display: none;
}

.interior section .title-wrpr .title-alt {
    margin: 0px auto;
    width: 100%;
    display: block;
}

.popular-brands .brands-wrpr {
    border: solid 0px #ff0000;
}

    .popular-brands .brands-wrpr .brand {
        float: left;
    }




/* Ticket #458245 - Change the way Nav fly-down looks - Need to Fit more & remove scroll */

.main-nav .nav-description {
    display: none;
}

.cm-menu ul {
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    display: flex;
    flex-flow: row wrap;
}

    .cm-menu ul > li {
        width: 13%;
        text-align: center;
        margin: 5px 4px;
    }

.header-btm .container .main-nav .cm-menu .custom-sub .container {
    margin: 20px auto;
}

.cm-menu li.animated:first-child > .custom-sub {
    overflow-y: hidden;
}

.cm-menu .opened > .custom-sub {
    max-height: initial !important;
}


.custom-sub .table-col a .image {
    background-size: contain;
    width: 50px;
    height: 50px;
    margin: 0px auto;
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.custom-sub .table-col .nav-title {
    width: 100%;
    margin-left: 0;
}

    .custom-sub .table-col .nav-title p {
        font-size: .8em;
    }

.nav-bar ul ul a {
    height: auto;
    padding: 12px 15px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

    .nav-bar ul ul a::before {
        left: 0;
    }

    .nav-bar ul ul a::after {
        left: 0;
        width: 100%;
    }

    .nav-bar ul ul a:hover::before,
    .nav-bar ul ul a:focus::before {
        width: 100%;
    }



.banner-wrap .view-all .title-wrpr {
    font-size: 40px;
}

@media only screen and (max-width: 1099px) {
    body {
        margin-top: 0 !important;
        top: 0;
    }
}


@media only screen and (max-width: 1000px) {
    .cm-menu ul {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
    }

        .cm-menu ul > li {
            width: 18%;
            text-align: center;
            margin: 5px 4px;
        }
}

@media only screen and (max-width: 767px) {
    .cm-menu ul {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }

        .cm-menu ul > li {
            width: 23%;
            text-align: center;
            margin: 5px 4px;
        }
}

@media only screen and (max-width: 520px) {
    .cm-menu ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

        .cm-menu ul > li {
            width: 31%;
            text-align: center;
            margin: 5px 4px;
        }
}




/* Ticket #470703 - Header Collapse when you Scroll Down  */


.scrollActive .header-nav .faux-nav .shop-by-btn {
    display: none;
}

.scrollActive .search-area .search-area-wrpr {
    display: initial;
}


.scrollActive .header-btm .container .navWrpr {
    position: relative;
}

header .header-nav {
    justify-content: flex-end;
}

.scrollActive .header-nav .faux-nav {
    width: 25%;
}

.scrollActive .header-nav .navWrpr {
    width: 75%;
}

.scrollActive .header-nav .faux-nav .shop-by li ul {
    top: -33px;
}

.scrollActive header .header-top .nav-wrpr {
    overflow: hidden;
    display: flex;
}

.scrollActive header .header-top .nav-holder {
    width: 20%;
    height: auto;
    display: inline-block;
}

.scrollActive header .header-top .toggle-nav {
    width: 80%;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.scrollActive .toggle-menu {
    display: block;
    top: 67px;
    left: 31%;
    position: absolute;
    border: 0;
    width: 50px;
    height: 75px;
    outline: 0;
    background: transparent;
    overflow: visible;
}

.scrollActive header .header-top .toggle-nav .toggle-nav-item {
    width: 25%;
    min-width: 40px;
    min-height: 55px;
    text-align: center;
    padding: 0;
    position: initial;
    border-left: 1px solid #555555;
}

    .scrollActive header .header-top .toggle-nav .toggle-nav-item .my-account {
        padding: 0;
        width: 50%;
        margin: 0;
    }

        .scrollActive header .header-top .toggle-nav .toggle-nav-item .my-account:first-child {
            border-right: 1px solid #555555;
        }

    .scrollActive header .header-top .toggle-nav .toggle-nav-item button.menu-btn {
        font-size: 12px;
        font-weight: 600;
        width: 100%;
        border: none;
        padding-top: 40px;
        background: transparent;
        top: 0;
        left: 0;
        right: 0;
        margin-top: -40px;
        margin-left: auto;
        margin-right: auto;
        color: #fff;
        line-height: 1.2em;
    }

.scrollActive .search-area .search-area-wrpr {
    width: 100%;
    top: 100%;
    left: 0;
    position: absolute;
    padding: 15px;
    background: #f5f5f5;
}

    .scrollActive .search-area .search-area-wrpr .search-bar {
        position: relative;
    }

        .scrollActive .search-area .search-area-wrpr .search-bar input {
            width: 100%;
            height: 59px;
            color: #000;
            font-size: 18px;
            margin: 0;
            border: 0;
            padding: 10px;
            border-radius: 5px;
            vertical-align: top;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .scrollActive .search-area .search-area-wrpr .search-bar .btn-wrpr {
            border: 0;
            position: absolute;
            top: 0;
            right: 0;
            padding: 0;
        }

.scrollActive header .search-area .icon,
.scrollActive header .search-area .search-toggle {
    display: block;
}

.scrollActive header .search-area .icon {
    margin: 7px auto 4px;
}

.scrollActive header .header-top .toggle-nav .account-wrpr.toggle-nav-item {
    width: 50%;
    height: auto;
}

.scrollActive header .header-top .toggle-nav .toggle-nav-item p {
    font-size: 12px;
}

.scrollActive header .cart-count {
    font-size: 10px;
    top: 3px;
    left: 3px;
    right: 0;
}

.scrollActive header .my-account .icon {
    width: 2em;
    height: 2em;
}


.scrollActive header .shop-vehicle.toggle-nav-item {
    display: block;
}

.scrollActive header .header-top .toggle-nav .shop-vehicle .icon {
    margin: 5px auto;
}

.scrollActive header .header-top .toggle-nav .shop-vehicle.toggle-nav-item img {
    margin: 6px auto 3px !important;
}

.scrollActive header .header-top .toggle-nav .toggle-nav-item p {
    color: #fff;
}


.scrollActive header .search-area .search-area-wrpr {
    display: none !important;
    height: 0px;
}

.scrollActive header .search-area .search-toggle.active-3 + .search-area-wrpr {
    display: block !important;
    height: auto;
}

.scrollActive .toggle-menu + .cm-menu {
    max-height: 0;
    display: block;
}

.scrollActive .cm-js-active .toggle-menu + .cm-menu {
    max-height: 80em;
}

.scrollActive .toggle-menu + .cm-menu > li {
    display: none;
}

.scrollActive .cm-js-active .toggle-menu + .cm-menu > li,
.scrollActive .cm-js-active .topNavMobile {
    display: block !important;
}



.interior .body-wrpr {
    position: relative;
    top: 0px;
}


@media (min-width: 1100px) {
    .scrollActive .toggle-menu {
        display: block;
        top: -90px;
        left: 8%;
        position: absolute;
        border: 0;
        width: 50px;
        height: 75px;
        outline: 0;
        background: transparent;
        overflow: visible;
    }

    .scrollActive .header-nav .faux-nav {
        position: absolute;
        left: 0;
        top: 190px;
        width: 100%;
        max-width: 100%;
    }

    .scrollActive .header-nav .navWrpr {
        width: 100%;
    }

    .scrollActive .toggle-menu {
        left: 31%
    }
}

@media (max-width: 1099px) {
    .toggle-menu {
        left: -23%;
    }

    .scrollActive .toggle-menu {
        display: block;
        top: -74px;
        left: 8%;
        position: absolute;
        border: 0;
        width: 50px;
        height: 75px;
        outline: 0;
        background: transparent;
        overflow: visible;
    }

    .scrollActive .header-nav .faux-nav {
        position: absolute;
        left: 0;
        top: 33px;
        width: 100%;
        max-width: 100%;
    }

    .scrollActive .header-nav .navWrpr {
        width: 100%;
    }

    .scrollActive .toggle-menu {
        left: 8%
    }

    .home .mainContent {
        position: static;
    }

    @media(min-width:60em) {
        .home .mainContent {
            position: relative;
            Xtop: 208px;
        }
    }

    .interior .body-wrpr {
        position: relative;
        top: 0px;
    }
}

.scrollActive .cm-menu li a {
    display: block;
    padding: 10px;
    position: relative;
    background: transparent;
}

.scrollActive .nav-bar > ul > li > a > span {
    height: auto;
}

.scrollActive .cm-menu .custom-sub, [data-type="mega"] .custom-sub {
    position: relative;
}


.product-details-wrpr .product-images .productImage > img {
    float: right;
}




@media (max-width: 440px) {
    .interior .body-wrpr {
        position: relative;
        top: 0px;
    }
}

@media (max-width: 399px) {
    .interior .body-wrpr {
        position: relative;
        top: 0px;
    }
}


.cardIcons {
    text-align: right;
}


.pp img.venmo {
    display: none;
}

.primaryPayment .creditCardFields .cards {
    display: flex;
    flex-wrap: wrap;
}

    .primaryPayment .creditCardFields .cards .pp {
        margin-top: 0 !important;
        margin-left: 4px;
        width: 100%;
    }


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

        .cardIcons img.venmo {
            display: block;
        }

    .pp img.venmo {
        display: block;
        margin-top: 2px;
    }

    .primaryPayment .creditCardFields .cards .pp {
        width: 100%;
        display: flex;
    }
}

/* Ticket #485390 - Chrome issues on Mobile - Menu is cut off, text & images are big and scroll bounces around */

@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) and (-webkit-min-device-pixel-ratio:0) @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {

    header .header-top .nav-holder {
        width: 20%;
        height: 75px;
    }

    header .header-top .nav-wrpr {
        height: 75px;
    }

    header .header-top .toggle-nav {
        width: 80%;
        height: 75px;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: solid 0px #ff0000;
    }

        header .header-top .toggle-nav .toggle-nav-item button.menu-btn {
            color: #fff;
        }

    header .shop-vehicle .icon {
        margin: 5px auto;
    }

    header .search-area .icon {
        margin: 15px auto 4px;
    }

    header .header-top .toggle-nav .account-wrpr.toggle-nav-item {
        height: 75px;
    }

    header .header-top .toggle-nav .toggle-nav-item p {
        color: #fff;
    }
}


/* Task #151337: Front end display: PDP */
#spanComponentItems > br {
    display: none
}

#spanComponentItems .itemInfo {
    border: solid 1px #ccc;
    padding: 0 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

    #spanComponentItems .itemInfo .title {
        width: 100%;
    }

    #spanComponentItems .itemInfo br {
        display: none;
    }

    #spanComponentItems .itemInfo .smaller {
        padding-left: 20px;
        margin-bottom: 5px;
        width: 100%;
    }

    #spanComponentItems .itemInfo .itemPrice {
        display: inline-block;
        padding-left: 20px;
    }



/* Ticket #543085 - Pull On Sale (Red Price) from "MAP Price" in NetSuites  */

@media (min-width: 960px) {
    .make-model-wrpr {
        flex-wrap: wrap;
    }

        .make-model-wrpr .kit-desc {
            margin-bottom: 20px;
        }
}	

.shoppingCart {
    margin: 20px 0 10px;
    padding: 0 12px;
}

    .shoppingCart .itemQty .formee.center {
        text-align: left
    }

.cartList .cartItemDetails {
    justify-content: space-between
}

.item .content .cartItemDetails .contentExtra.itemQty {
    text-align: right;
    width: 10%;
}

.item .content .cartItemDetails .contentExtra.itemTotal {
    text-align: right;
    width: 10%;
    font-weight: bold;
}

.item .content .cartItemDetails .contentExtra p {
    margin: 0
}

.item .content .btnWrapper {
    float: right;
}

.bundleItem br {
    display: none;
}

.bundleItem .itemInfo {
    border-top: solid 1px #ccc;
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .bundleItem .itemInfo h4.title {
        width: 100%;
    }

.forms {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .forms dt {
        display: block;
        margin-right: 20px
    }

    .forms dd {
        display: block;
        margin: 0;
    }

        .forms dd.clear {
            display: block;
            margin: 0px 20px;
            width: 100%
        }


/* Ticket #553476 - My Account Page Clean Up */

.multiColumn .columnRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .multiColumn .columnRow .halfColumn {
        width: 47%;
    }

@media screen and (max-width: 767px) {
    .multiColumn .columnRow .halfColumn {
        width: 100%;
    }
}

/* Ticket #708922 - #1 - Hawk-Bridgeline - Help as they Move the site to Bridgeline Opensearch */
header .search-area .search-toggle span {
    display: block;
    font-size: 60px;
    transform: rotate(120deg);
    width: 30px;
    height: 20px;
    margin: 10px auto 15px;
}

header .search-area .search-toggle:before {
    content: "\260C";
    width: 30px;
    height: 30px;
    display: block;
    transform: rotate(120deg);
    font-size: 44px;
    margin: 0px auto 15px;
    left: -10px;
    position: relative;
    color: #fff;
    top: 5px;
}

@media (max-width: 68.6875em) {
    header .search-area-wrpr .btn-theme-01.btn {
        height: 29px !important;
    }
}

/*
blog - Styles
*/
.blog-listing {
    padding: 0;
    margin: 0;
    list-style: none;
}

.blog-listing-item {
    margin: 0 0 20px 0;
}

@media(min-width:48em) {
    .blog-listing-item {
        display: flex;
    }
}

.blog-listing-media {
    max-width: 328px;
    width: 100%;
    margin: 0 auto 10px auto;
}

@media(min-width:48em) {
    .blog-listing-media {
        margin: 0 30px 0 0;
}
}

.blog-image {
    width: 100%;
}


.blog-listing-media__item {
    width: 100%;
}

.blog-listing-info {
}

@media(min-width:48em) {
    .blog-listing-info {
        width: 70%;
        display: flex;
        flex-flow: column;
        flex: 0 0 auto;
    }
}

.blog-details .grid_3 .blog-image {
    max-width: 194px !important;
    width: 100%;
}

.blog-listing-title h2 {
    margin-top: 0;
    line-height: 1em;
}

.BlogCategories ul.categories-list {
    list-style-type: none;
    padding: 0 0 0 10px;
}

/* Blogger updates */
.blogger-updates {
    margin: 0 0 25px 0;
}

.blogger-updates ul li {
    margin: 0 0 0 10px;
}