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

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

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

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

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

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

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

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

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

[hidden] {
    display: none;
}

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

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

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

/*
  * Removes default margin.
  */

body {
    margin: 0;
}

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

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

a:focus {
    outline: thin dotted;
}

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

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

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

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

h1 {
    font-size: 2em;
}

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

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

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

b,
strong {
    font-weight: bold;
}

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

dfn {
    font-style: italic;
}

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

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

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

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

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

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

/*
  * Sets consistent quote types.
  */

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

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

small {
    font-size: 80%;
}

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

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

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

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

img {
    border: 0;
}

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

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

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

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

figure {
    margin: 0;
}

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

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

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

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

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

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

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

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

button,
input {
    line-height: normal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body {
}

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

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #4d5f75;
    margin: 0 0 25px 0;
    padding: 0;
}

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

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

textarea {
    resize: vertical;
}

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

.visuallyHidden.skipNav:active, .visuallyHidden.skipNav:focus {
    position: absolute;
    bottom: 0;
    left: 0;
}

.invisible {
    visibility: hidden;
}

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

.clearfix:after,
.bgWrapper:after {
    clear: both;
}

.clearfix, .bgWrapper {
    zoom: 1;
}

.hide, .accessibleForm label.hide {
    display: none;
}

.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: #6e8a9d !important;
}

.white, .white:visited {
    color: #fff !important;
}

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

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

.bgYellow {
    background: yellow;
}

.bgGreen {
    background: lime;
}

.vtop {
    vertical-align: top;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

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

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

.nowrap {
    white-space: nowrap;
}

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

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

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

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

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

.no-wrap-text {
    white-space: nowrap
}

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

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

.newCart .cartAddRemove .noBullet {
    padding: 0;
}

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

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

/* ## Note/hint text or link ## */
.note {
    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 */

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 10px 0;
}

#whiteRedesign h1.pageHeading-lg {
    font-size: 28px;
    margin-bottom: 30px;
}

#whiteRedesign .siteInner h3 {
    font-weight: 500;
}

/* ## 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: #ffffff;
    text-decoration: none;
}

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

#whiteRedesign a:hover, #whiteRedesign a:active, #whiteRedesign a:focus {
    color: #5c768b;
    text-decoration: none;
}

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

#whiteRedesign a, #whiteRedesign a:visited {
    color: #5c768b;
    text-decoration: none;
}
#whiteRedesign a.activeCountry, #whiteRedesign a.activeCountry:visited {
    color: #000;
    text-decoration: none;
}

#whiteRedesign a:hover, #whiteRedesign a:active, #whiteRedesign a:focus {
    color: #343434;
    text-decoration: none;
}
#whiteRedesign a.activeCountry:hover, #whiteRedesign a.activeCountry:active, #whiteRedesign a.activeCountry:focus {
    color: #fff;
    text-decoration: none;
}

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

#whiteRedesign .submoduleButton a, #whiteRedesign .submoduleButton a:visited,
#whiteRedesign .modulePanel a, #whiteRedesign .modulePanel a:link, #whiteRedesign .modulePanel a:visited {
    color: #fff;
}

#whiteRedesign .distributorList .distributor a, #whiteRedesign .distributorList .distributor a:visited {
    color: #000000;
    text-decoration: none;
}

#whiteRedesign .distributorList .distributor a:hover {
    color: #5c768b;
    text-decoration: none;
}

.largeLink {
    margin: 0 0 15px 0;
}

.largeLink a {
    font-size: 1em;
    font-weight: bold;
}

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

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

/* ## Link Modifiers ## */

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

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

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

body {
    background: #141414;
    font-family: 'Open Sans', sans-serif;
}

body#whiteRedesign.FS.fshome {
    background: #FFF;
}

.container {
}

.siteBody {
    position: relative;
    z-index: 6;
}

.interior .siteBody {
}

.interior .siteHeader {
    -webkit-box-shadow: 0 5px 12px 0px #000000;
    box-shadow: 0 5px 12px 0px #000000;
    border-bottom: 2px solid #4d5f75;
}

.siteInner {
    background: #000000;
    color: #ffffff;
    margin: 0 -10px 30px -10px;
}

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

.pageSectionGradient {
    -webkit-box-shadow: 0 25px 17px -2px #1E1D1D inset;
    box-shadow: 0 25px 17px -2px #1E1D1D inset;
    padding-top: 35px;
}

.pageSection .innerPadding {
    padding: 20px 10px 30px 10px;
}

.pageSection .innerPaddingExtra {
    padding: 20px 70px 30px 70px;
}

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

.pageSection .videoWrapper {
    margin: 0 0 10px 0;
    min-width: 290px;
}

.pageSection .grid_9.push_3 .grid_6 .videoWrapper {
    min-width: inherit;
}

.siteInner p {
    color: #9b9b9b;
    font-size: .875em;
    font-weight: 700;
}

#whiteRedesign .siteInner p {
    color: #000;
    font-weight: 500;
    font-size: 1em;
}

.siteInner .block ul li,
.siteInner .block ol li {
    color: #9b9b9b;
    font-size: .875em;
    font-weight: 700;
}

#whiteRedesign .siteInner .block ul li,
#whiteRedesign .siteInner .block ol li {
    color: #000;
    font-size: .875em;
    font-weight: 500;
}

/* ## Site Header ## */
.siteHeader {
    min-height: 80px;
    background: url(/cms/images/layout/bg_header.jpg) no-repeat 50% 0 #161616;
    position: relative;
    z-index: 10;
}

.siteHeaderActive {
    z-index: 10001;
}

.siteHeader h1.sitelogo,
.siteHeader a.sitelogo,
.siteHeader a.sitelogo:link,
.siteHeader a.sitelogo:visited {
    float: left;
    display: block;
    width: 350px;
    height: 79px;
    margin: 12px 20px 0 0;
    background: url("/cms/images/layout/logo.png") no-repeat 0 0;
    text-indent: -9999em;
}

.siteHeader .headerInner {
    position: relative;
}

.langSelection {
    display: none;
}

.headerLinks {
}

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

.headerLinks > ul > li {
    float: left;
}

/*FS start*/
body.FS .headerLinks a.navItem {
    display: block;
    width: 88px;
    height: 96px;
    text-decoration: none;
    text-align: center;
    color: #d0d0d0;
    font-size: .67em;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    line-height: 1.1;
    position: relative;
}

/*FS End*/
.headerLinks a.navItem {
    display: block;
    width: 98px;
    height: 96px;
    text-decoration: none;
    text-align: center;
    color: #d0d0d0;
    font-size: .67em;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    line-height: 1.1;
    position: relative;
    background: rgb(48, 48, 48); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzOSUiIHN0b3AtY29sb3I9IiMzMDMwMzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjAyMDIwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(48, 48, 48, 1) 39%, rgba(32, 32, 32, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(39%, rgba(48, 48, 48, 1)), color-stop(100%, rgba(32, 32, 32, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(48, 48, 48, 1) 39%, rgba(32, 32, 32, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(48, 48, 48, 1) 39%, rgba(32, 32, 32, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(48, 48, 48, 1) 39%, rgba(32, 32, 32, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(48, 48, 48, 1) 39%, rgba(32, 32, 32, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#202020', GradientType=0); /* IE6-8 */
}

.headerLinks a.navItem:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: url(/cms/images/layout/bg_nav_shadow_down.png) repeat-x 0 0;
}

.headerLinks a.navItem:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: url(/cms/images/layout/bg_nav_shadow_up.png) repeat-x 0 0;
}

.headerLinks a.navItem .inner {
    background: url(/cms/images/layout/bg_pattern_overlay.png) repeat 0 0;
    height: 100%;
    display: block;
    padding: 18px 1px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #3a3a3a;
}

.headerLinks a.navItem .iconCont {
    display: block;
    margin: 0 0 12px 0;
    height: 24px;
}

.headerLinks a.navItem .iconCont [class^="icon-"],
.headerLinks a.navItem .iconCont [class*=" icon-"] {
    font-size: 2.3em;
    font-weight: normal;
}

.headerLinks a.navItem .iconCont .icon-shopping_cart {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding-right: 5px;
    padding-top: 0;
    background: transparent url(/cms/images/navigation/icon-cart.png) no-repeat 0% 4px / 28px auto;
}

.headerLinks a.navItem .iconCont .icon-shopping_cart:before {
    content: none;
}

.headerLinks a.navItem .iconCont .icon-gift-card {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding-right: 5px;
    padding-top: 0;
    background: transparent url(/cms/images/navigation/Giftcard_Icon_100217.png) no-repeat 0% -21px / 28px auto;
}

.headerLinks a.navItem:hover .iconCont .icon-gift-card {
    background: transparent url(/cms/images/navigation/Giftcard_Icon_100217.png) no-repeat 0% 4px / 28px auto;
}

.headerLinks a.navItem .iconCont .icon-gift-card:before {
    content: none;
}

.headerLinks a.navItem .iconCont .icon-new-order {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding-right: 5px;
    padding-top: 0;
    background: transparent url(/cms/images/navigation/New_Order_Icon_100217.png) no-repeat 0% -23px / 28px auto;
}

.headerLinks a.navItem:hover .iconCont .icon-new-order {
    background: transparent url(/cms/images/navigation/New_Order_Icon_100217.png) no-repeat 0% 4px / 28px auto;
}

.headerLinks a.navItem .iconCont .icon-new-order:before {
    content: none;
}

/*FS start*/
.headerLinks a.navItem .iconCont .icon-store-pickup {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding-right: 5px;
    padding-top: 0;
    background: transparent url(/cms/images/navigation/FS_Pickup_Icon_110317.png) no-repeat 0% -28px / 30px auto;
}

.headerLinks a.navItem:hover .iconCont .icon-store-pickup {
    background: transparent url(/cms/images/navigation/FS_Pickup_Icon_110317.png) no-repeat 0% 0 / 30px auto;
}

.headerLinks a.navItem .iconCont .icon-store-pickup:before {
    content: none;
}

/*FS End*/
.headerLinks a.navItem .iconCont .icon-quick-order {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding-right: 5px;
    padding-top: 0;
    background: transparent url(/cms/images/navigation/Quick_Order_Icon_open_100217.png) no-repeat 0% -28px / 28px auto;
}

.headerLinks a.navItem:hover .iconCont .icon-quick-order {
    background: transparent url(/cms/images/navigation/Quick_Order_Icon_open_100217.png) no-repeat 0% 4px / 28px auto;
}

.headerLinks a.navItem .iconCont .icon-quick-order:before {
    content: none;
}

.dev .headerLinks a.navItem .inner {
    padding: 36px 12px 5px;
}

.dev .headerLinks a.navItem .iconCont {
    display: none;
}

.withIcons .headerLinks a.navItem .inner {
    padding: 18px 12px 5px;
}

.withIcons .headerLinks a.navItem .iconCont {
    display: block;
}

.headerLinks a.navItem .num {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #536b82;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #ffffff;
    width: 21px;
    padding: 4px 0 4px;
    text-align: center;
}

#whiteRedesign .headerLinks a.navItem .num {
    border-radius: 0;
}

.headerLinks a.navVehicle:hover .num,
.headerLinks .activeNav a.navVehicle .num {
    background: #222222;
}

.navFlyout {
    position: absolute;
    z-index: 10001;
    width: 100%;
    left: 0;
    display: none;
}

.navFlyout .inner {
    padding: 20px;
    background: url(/cms/images/layout/bg_pattern_overlay.png) repeat 0 0;
}

.navFlyoutProducts {
    background: rgb(76, 76, 76); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTIxMjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(33, 33, 33, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(76, 76, 76, 1)), color-stop(100%, rgba(33, 33, 33, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(33, 33, 33, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(33, 33, 33, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(33, 33, 33, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(76, 76, 76, 1) 0%, rgba(33, 33, 33, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#212121', GradientType=0); /* IE6-8 */
}

.navFlyoutVehicle {
    background: rgb(176, 3, 3); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwMDMwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ODAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(176, 3, 3, 1) 0%, rgba(152, 0, 0, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(176, 3, 3, 1)), color-stop(100%, rgba(152, 0, 0, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(176, 3, 3, 1) 0%, rgba(152, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(176, 3, 3, 1) 0%, rgba(152, 0, 0, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(176, 3, 3, 1) 0%, rgba(152, 0, 0, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(176, 3, 3, 1) 0%, rgba(152, 0, 0, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a5a6f', endColorstr='#4a5a6f', GradientType=0); /* IE6-8 */
}

.navFlyoutVehicle .inner {
    padding: 35px 90px;
}

.navFlyoutVehicle .close {
    float: right;
    color: #ffffff;
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
    cursor: pointer;
}

.navFlyoutVehicle .close [class^="icon-"] {
    font-size: 1.2em;
    margin: 0 0 0 5px;
    position: relative;
    top: 2px;
}

.navFlyoutVehicle .title {
    font-size: 2.875em;
    color: #ffffff;
    margin: 15px 0 15px 0;
}

.navFlyoutVehicle .title [class^="icon-"] {
    font-size: 1.45em;
    float: left;
    margin: 0 15px 0 0;
}

.navFlyoutVehicle p {
    font-size: 1em;
    font-weight: bold;
    color: #ffffff;
}

.navFlyoutVehicle p a {
    color: #ffffff;
    text-decoration: none;
    font-size: 0.85em;
    font-weight: normal;
}

.navFlyoutVehicle p.cantFind {
    text-align: center;
}

.activeNav .navFlyout {
    display: block;
}

.headerLinks a.navProducts:hover,
.headerLinks .activeNav a.navProducts {
    background: #4c4c4c;
    filter: none;
}

.headerLinks .activeNav a.navProducts:after {
    display: none;
}

.headerLinks a.navItem:hover {
    background: #4c4c4c;
    filter: none;
}

.headerLinks a.navVehicle:hover,
.headerLinks .activeNav a.navVehicle {
    background: #4a5a6f;
    filter: none;
}

.headerLinks .activeNav a.navVehicle:after {
    display: none;
}

/* ## Product Link List ## */

.productLinkList {
    position: relative;
    padding: 0;
    margin: 0 -10px;
}

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

.productLinkList ul li {
    margin: 0;
    line-height: 1;
}

.productLinkList ul a {
    text-decoration: none;
    color: #696969;
    font-size: 0.875em;
    font-weight: bold;
}

.productLinkList ul a:hover,
.productLinkList ul a:active {
    color: #aaaaaa;
}

.productLinkList ul .listhdng {
    display: block;
    font-size: 1.125em;
    font-weight: bold;
    position: relative;
}

.productLinkList ul .listhdng a {
    font-weight: bold;
    color: #ffffff;
    font-size: 1em;
    display: block;
    padding: 16px 15px;
    background: #4a5a6f;
    position: relative;
    -webkit-box-shadow: inset 0 3px 2px -1px #2e3a4a;
    box-shadow: inset 0 3px 2px -1px #2e3a4a;
}

.productLinkList ul .listhdng a:before {
    position: absolute;
    content: '+';
    color: #ffffff;
    font-size: 1.5em;
    border-left: 1px solid #4a5a6f;
    padding: 12px 0 11px;
    width: 50px;
    text-align: center;
    z-index: 5;
    right: 0;
    top: 0;
    -webkit-box-shadow: inset 2px 0 2px -1px #2e3a4a;
    box-shadow: inset 2px 0 2px -1px #2e3a4a;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.productLinkList ul .listhdng .trigger {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 6;
    width: 50px;
    height: 100%;
}

.productLinkList ul .listhdng a:hover {
    color: #5c768b;
}

/* nav adjust below 360px wide */
@media only screen and (max-width: 22.500em) {
    .productLinkList ul .listhdng a {
        font-size: 0.89em;
    }
}

.productLinkList ul ul {
    display: none;
}

.productLinkList ul ul li a {
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #222222;
}

.navFlyout .productLinkList {
    padding: 0;
    margin: 0;
}

.navFlyout .productLinkList ul a {
    color: #ffffff;
}

.navFlyout .productLinkList ul a:hover {
    color: #a8a8a8;
}

.navFlyout .productLinkList ul .listhdng a {
    background: none;
    color: #5c768b;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navFlyout .productLinkList ul .listhdng a:hover {
    color: #5c768b;
}

.navFlyout .productLinkList ul .listhdng {
    border-bottom: 1px solid #636262;
}

.navFlyout .productLinkList ul .listhdng a:before {
    position: absolute;
    content: '+';
    color: #5c768b;
    font-size: 1.5em;
    border-left: 1px solid #636262;
    padding: 10px 20px;
    z-index: 5;
    right: 0;
    top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navFlyout .productLinkList ul ul li a {
    border-bottom: 1px solid #636262;
    background: #000000;
}

.productLinkList ul .active ul {
    display: block;
}

.productLinkList ul .active .listhdng a:before {
    content: '-';
}

.contentBlock {
    margin: 0;
}

.contentBlock .media {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    padding: 0 15px;
}

.contentBlock .media img {
    max-width: none !important;
}

.contentBlock .content {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 0 15px;
}

.contentBlock p {
    color: #9b9b9b;
    font-size: .875em;
    font-weight: 700;
}

.contentBlock img {
    border: 1px solid #2e3a4a;
    margin: 0 0 20px 0;
}

/* Mobile Collapse */

.collapseWrpr .hdng2 {
    cursor: pointer;
    display: block !important;
    padding: 0 50px 0 0;
    font-size: 1.2em;
}

.collapseWrpr .collapseInner {
    display: none;
}

.collapseWrpr .hdng2 .trigger {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 6;
    width: 50px;
    height: 100%;
}

.collapseWrpr .hdng2:before {
    position: absolute;
    content: '+';
    color: #ffffff;
    font-size: 1.5em;
    padding: 0;
    width: 50px;
    text-align: center;
    z-index: 5;
    right: 0;
    top: -5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.collapseWrpr .active .collapseInner {
    display: block;
}

.collapseWrpr .active .hdng2:before {
    content: '-';
}

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

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

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

.item .contentExtra {
    display: table-cell;
    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;
}

/* ==========================================================================
    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 {
    border-bottom: 1px solid #333333;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
}

.pagination ul {
    float: right;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 1em;
    font-weight: bold;
}

.pagination ul li {
    float: left;
    margin: 0 1px;
    color: #000;
    width: 26px;
    line-height: 30px;
    height: 30px;
    text-align: center;
}

.pagination ul li a {
    font-weight: bold;
    color: #5c768b;
    display: block;
    line-height: 30px;
    height: 30px
}

.pagination ul li a.next,
.pagination ul li a.prev {
    font-size: 1.5em;
    color: #eeeeee;
}

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

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

.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: #5c768b;
}

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

/* ##  Site Error  ## */

.siteError {
    background: url(/cms/images/layout/bg_pattern_overlay.png) repeat 0 0 #4a5a6f;
    padding: 30px;
    margin: 0 0 15px 0;
}

.siteError img {
    margin-right: 10px;
    height: 23px !important;
    width: 26px !important;
    max-width: 100px !important;
}

.siteError .errorHdng {
    color: #ffffff;
    font-weight: bold;
    font-size: 1em;
    padding: 5px 0 10px 0;
}

.siteError .errorDetails {
    font-size: 0.875em;
    font-weight: bold;
    color: #ffffff;
}

#whiteRedesign .siteError .errorHdng {
    color: #fff;
}

#whiteRedesign .siteError .errorDetails {
    color: #fff;
}

#whiteRedesign .siteError .errorDetails a.help {
    color: #FFF;
    text-decoration: underline;
}

#whiteRedesign .siteError .errorDetails a.help:hover, #whiteRedesign .siteError .errorDetails a.help:focus {
    text-decoration: none;
}

#whiteRedesign .siteError .errorDetails a.help:focus {
    outline: 2px dotted #FFF !important;
}

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

.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;
    color: #ffffff;
    background: url(/cms/images/layout/overlay_bg.gif) repeat 0 0;
    z-index: 1000;
    max-width: 98%;
}

div#dvNSP {
    margin: 20px;
}

#dvNSP p {
    font-weight: normal;
}

#scan-overlay-main {
    width: 500px;
    z-index: 9999;
    top: 50%;
    left: 50%;
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.siteOverlay .overlayBar {
    position: relative;
    text-align: right;
}

.siteOverlay .overlayClose, .scanOverlayClose {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    z-index: 5;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}

.siteOverlay .overlayBack {
    position: absolute;
    top: 15px;
    left: 15px;
    cursor: pointer;
    z-index: 5;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}

.siteOverlay .overlayQ {
    float: left;
    margin-top: -10px;
    /*width: 450px;*/
    text-align: left;
}

.siteOverlay .overlayQq {
    font-size: 13px;
    font-weight: bold;
}

.siteOverlay .overlayQa {
    font-size: 12px;
}

.siteOverlay .overlayTitle {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #ffffff;
    font-weight: bold;
    font-size: .913em;
}

.siteOverlay .overlayContent {
    padding: 55px 32px 32px;
}

.siteOverlay .overlayButtons {
    text-align: right;
    padding: 20px 0 0 0;
}

.siteOverlay .overlayButtonsTop {
    text-align: left;
    padding: 0 0 20px 0;
    margin-top: -40px;
}

.siteOverlay .overlayHdng {
    font-size: 1.4em;
    font-weight: bold;
    color: #ffffff;
    margin: 0 0 15px 0;
}

.siteOverlay p {
    color: #FFFFFF;
    font-size: .913em;
    font-weight: bold;
}

.siteOverlay .more {
    font-size: .875em;
}

.siteOverlay .btnAlt,
.siteOverlay a.btnAlt {
    font-size: 1em;
    text-transform: uppercase;
}

.siteOverlay .red.error {
    background: #000000;
    border: 1px solid #444444;
    color: #ffffff !important;
    padding: 0px 6px 6px 6px;
    text-align: center;
}

.siteOverlay .red.error:before {
    content: url(/cms/images/layout/icon_fitnote.png);
    margin: 0 7px 0 0;
    position: relative;
    top: 5px;
}

.siteOverlay .checkoutOverlay {
    color: #FFFFFF;
    font-size: .85em;
    padding: 15px;
}

.siteOverlay .checkoutOverlay p {
    font-weight: normal;
}

.siteOverlay .checkoutOverlay h5 {
    width: 250px;
    font-size: 1.2em;
}

#whiteRedesign .siteOverlay .overlayClose, #whiteRedesign .siteOverlay .scanOverlayClose {
    color: #000000;
}

#whiteRedesign .siteOverlay .overlayClose span {
    padding-left: 5px;
}

#whiteRedesign .siteOverlay p {
    color: #000000;
}

.siteOverlay2 {
    background: #ffffff;
    color: #000;
    border: 3px solid #4a5a6f;
    border-radius: 3px;
}

.siteOverlay2 .overlayClose {
    color: #000;
}

.siteOverlay2 .overlayHdng {
    color: #000;
    font-size: 1.2em;
}

.siteOverlay2 .overlayBack {
    color: #000;
}

.siteOverlay2 p {
    color: #000;
}

.siteOverlay2 .more a {
    color: #000;
}

.siteOverlay2 p.mobileNote {
    font-size: .913em;
    text-align: center;
    margin: 0 0 10px;
    display: none;
    color: #5c768b;
}

.siteOverlay2 .overlayButtons {
    text-align: center;
}

.siteOverlay2 .overlayButtons .btn,
.siteOverlay2 .overlayButtons a.btn {
    display: block;
    max-width: 280px;
    margin: 0 auto;
}

.siteOverlay2 .questionsText {
    padding: 15px 0 0 0;
    font-size: .875em;
}

.siteOverlay2 .overlayButtonsTop {
    margin: 0;
    padding: 0;
}

.siteOverlay2 .overlayButtonsTop .overlayBack {
    background: #fff;
    display: none !important;
}

.siteOverlay2 .overlayMoreInfo {
    background: #ffffff;
    margin: -40px -20px 0;
    position: relative;
    z-index: 10;
}

.diamondPopup {
    background: #000000;
    border: 1px solid #333333;
    padding: 40px 30px;
}

.diamondPopup .diamondImage {
    margin: 30px 0 0 0;
    position: relative;
    display: inline-block;
}

.diamondPopup .diamondImage .num {
    position: absolute;
    top: -25px;
    right: -15px;
    font-size: 4.313em;
    color: #ffffff;
    font-weight: bold;
    background: #000000;
    border: 2px solid #5c768b;
    width: 94px;
    padding: 0;
    text-align: center;
    -webkit-border-radius: 70px;
    border-radius: 70px;
}

.diamondPopup .diamondDetail {
}

.diamondPopup .diamondDetail .title {
    font-size: 1.313em;
    color: #ffffff;
    margin: 0 0 10px 0;
}

.diamondPopup .diamondDetail .desc {
    font-size: 0.813em;
    font-weight: bold;
    color: #9b9b9b;
}

/* the overlayed element */
.simple_overlay {
    display: none;
    width: 675px;
    min-height: 200px;
    z-index: 10000;
    background-color: #fff;
    border: 3px solid #fff;
}

.simple_overlay .close {
    background-image: url(/cms/images/layout/ui/close.png);
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}

.progress {
    position: absolute;
    top: 45%;
    left: 50%;
    display: none;
}

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

/* Videos */

.videoDetail {
    margin: 0 0 30px 0;
}

.videoDetail .selectVideoCategory {
    margin: 15px 0 30px 0;
}

.videoDetail .selectVideoCategory .label {
    color: #5c768b;
    font-size: 1.25em;
    font-weight: bold;
    display: inline-block;
    padding: 1px 5px 0 0;
}

.videoDetail .selectVideoCategory select {
    background: #5c5c5c;
    color: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.750em;
    font-weight: 600;
    padding: 5px 5px;
}

.videoDetail .videoDesc {
    padding: 20px 0 0 0;
}

.videoDetail .videoDesc .title {
    color: #5c768b;
    font-size: 1.400em;
    margin: 0 0 0 0;
}

.videoDetail .videoDesc .time {
    font-size: .75em;
    font-weight: bold;
    color: #9b9b9b;
    display: block;
    margin: 0 0 15px 0;
}

.videoDetail .videoDesc .desc {
}

.videoList {
}

.videoList .videoItemWrapper {
    margin: 40px 0 40px 0;
    padding: 30px 20px;
    background: #1c1c1c;
    position: relative;
}

.videoList .videoItemWrapper .play {
    position: absolute;
    bottom: 30px;
    right: 30px;
    font-size: .875em;
    font-weight: bold;
}

.videoList .videoItemWrapper .play .icon-play {
    font-size: 1.2em;
}

.videoList .videoItemWrapper .contentBlock .content {
    vertical-align: top;
}

.videoList .videoItemWrapper .hdng3 {
    color: #5c768b;
    margin: 0;
}

.videoList .videoItemWrapper .time {
    font-size: .75em;
    font-weight: bold;
    color: #9b9b9b;
    display: block;
    margin: 0 0 15px 0;
}

/* special offers */
#whiteRedesign .specialOffers a {
    color: #000
}

#whiteRedesign .specialOffers a:hover {
    color: #5c768b
}

/* Service Videos */

.videoSectionHeader {
    border-bottom: 1px solid #444444;
    margin: 0 0 20px 0;
    background: #222222;
    padding: 10px 0 10px 0;
}

.videoSection {
    margin: 0 0 20px 0;
    padding: 0 10px 10px;
    border: 1px solid #444444;
    background: #111111;
}

.videoSection .hdng2 {
    background: #333333;
    border-bottom: 1px solid #111111;
    padding: 10px;
    margin: 0 -10px 10px;
}

.videoSection .grid_4 a {
    display: block;
    margin: 10px 0;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: .9em;
}

.videoSection .grid_4 img {
    border: 2px solid #4d5f75;
    margin: 0 0 10px 0;
}

.videoSection .grid_4 a span {
    display: block;
}

#whiteRedesign .videoSectionHeader {
    border-bottom: none;
    margin: 0 0 20px 0;
    background: transparent;
    padding: 10px 0 10px 0;
}

#whiteRedesign .videoSection {
    margin: 0 0 20px 0;
    padding: 0 10px 10px;
    border: 1px solid #444444;
    background: transparent;
}

#whiteRedesign .videoSection .hdng2 {
    background: transparent;
    border-bottom: 1px solid #111111;
    padding: 10px;
    margin: 0 -10px 10px;
}

#whiteRedesign .videoSection .grid_4 a {
    display: block;
    margin: 10px 0;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: .9em;
}

#whiteRedesign .videoSection .grid_4 a:hover {
    color: #5c768b
}

#whiteRedesign .videoSection .grid_4 img {
    border: none;
    margin: 0 0 10px 0;
}

#whiteRedesign .videoSection .grid_4 a span {
    display: block;
}

#whiteRedesign .videoSection a {
    color: #343434
}

#whiteRedesign .videoSection a:hover {
    color: #5c768b
}

/* Educational Videos */

.educationalVideo {
    margin: 0 0 10px 0;
    position: relative;
}

.educationalVideo a {
    display: block;
    position: relative;
}

.educationalVideo a .iconPlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/cms/images/layout/icon_play_lrg.png) no-repeat 50% 50%;
    cursor: pointer;
}

.educationalVideo a img {
}

.educationalVideoList .grid_4:nth-child(3n+1) {
    clear: both;
}

.itemVideoWrapper {
    padding: 0 0 10px 0;
}

.itemVideoWrapper .html5VideoWrapper span {
    display: block;
}

.itemVideoWrapper video {
    display: block;
    margin: 0 0 5px 0;
}

.itemVideoWrapper p {
    margin: 0;
}

#whiteRedesign .itemVideoWrapper {
    position: relative;
    padding-bottom: 50.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 60px;
}

#whiteRedesign .itemVideoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 768px) {
    #whiteRedesign .educationalVideoList,
    #whiteRedesign .itemDetailWarranty {
        margin-bottom: 40px;
    }

    #whiteRedesign .itemVideoWrapper iframe {
        min-height: inherit !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    #whiteRedesign .tabList_body .collapseInner.educationalVideoList,
    #whiteRedesign .tabList_body .collapseInner.itemDetailWarranty {
        padding: 25px 0;
    }

    #whiteRedesign .container .educationalVideoList .grid_4,
    #whiteRedesign .container .itemDetailWarranty .grid_4 {
        width: 50% !important;
        padding: 0 10px !important
    }

    #whiteRedesign .educationalVideoList .grid_4:nth-child(3n+1) {
        clear: none
    }
}

@media only screen and (min-width: 1200px) {

}

/* AVM Locator */

.productDetails .hdng {
    margin: 0 0 5px 0;
}

.itemSku2 {
    color: #9B9B9B;
    font-size: 0.75em;
    font-weight: 700;
}

.avmImage {
    padding: 13px 0;
}

.productDetails .avmLocator {
    margin: 0;
    background: url(/cms/images/layout/bg_pattern_overlay.png) repeat scroll 0 0 #4a5a6f;
    padding: 23px 40px 30px;
}

.productDetails .avmLocator .title {
    font-size: 1.8em;
    margin: 0 0 20px 0;
}

.productDetails .avmLocator .vehiclePicker .optionContainer {
    display: table-cell;
    padding: 0 0 25px;
    width: 100%;
}

.productDetails .avmLocator .vehiclePicker .optionContainer .inputContainer {
    min-width: 120px;
}

.productDetails .avmLocator .vehiclePicker .optionContainer .inputContainer .text {
    color: #4a5a6f;
    font-size: 1.625em;
    font-weight: bold;
    display: block;
    background: #fbf5f5;
    padding: 10px 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 1px 0px #444444;
    box-shadow: 0 0 1px 0px #444444;
    position: relative;
    z-index: 5;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.productDetails .avmLocator .vehiclePicker .optionSeperator {
    font-weight: bold;
    font-size: 1.875em;
    padding: 0 15px 20px 15px;
}

.avmResults {
}

.avmResults .result {
    margin: 0 0 60px 0;
}

.avmResults .result .num {
    float: left;
    width: 80px;
    text-align: center;
    padding: 3px 0;
    margin: 0;
    border: 2px solid #5c768b;
    color: #5c768b;
    font-weight: bold;
    font-size: 3.375em;
    -webkit-border-radius: 80px;
    border-radius: 80px;
}

.avmResults .result .info {
    margin: 0 0 0 110px;
}

.avmResults .result .miles {
    font-size: 0.813em;
    font-weight: bold;
}

.avmResults .result .title {
    font-size: 1.500em;
    font-weight: bold;
    color: #f1f0f0;
    margin: 0 0 5px 0;
}

.avmResults .result .address {
    color: #707070;
    font-weight: bold;
}

.avmResults .result .address span {
    display: block;
    margin: 0 0 3px 0;
}

.avmResults .result .view {
    margin: 0 0 10px 0;
}

.avmResults .result .view a {
    font-weight: bold;
    color: #5c768b;
}

.avmResults .result .call {
    font-weight: bold;
    font-size: 1.188em;
}

.avmResults .result .call .iconCont {
    border: 2px solid #FFFFFF;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    height: 25px;
    padding: 2px;
    position: relative;
    top: 3px;
    width: 25px;
    text-align: center;
}

/* AVM Flyout */
.avmFlyout {
    display: none;
    background: rgb(176, 3, 3); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwMDMwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ODAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(176, 3, 3, 1) 0%, rgba(152, 0, 0, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(176, 3, 3, 1)), color-stop(100%, rgba(152, 0, 0, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(176, 3, 3, 1) 0%, rgba(152, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(176, 3, 3, 1) 0%, rgba(152, 0, 0, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(176, 3, 3, 1) 0%, rgba(152, 0, 0, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(176, 3, 3, 1) 0%, rgba(152, 0, 0, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a5a6f', endColorstr='#4a5a6f', GradientType=0); /* IE6-8 */
}

.avmFlyout .inner {
    padding: 50px 35px 20px;
    background: url(/cms/images/layout/bg_pattern_overlay.png) repeat 0 0;
}

.avmFlyout .close {
    float: right;
    color: #ffffff;
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
    cursor: pointer;
    top: 15px;
    right: 15px;
    position: absolute;
}

.avmFlyout .close [class^="icon-"] {
    font-size: 1.2em;
    margin: 0 0 0 5px;
    position: relative;
}

.avmFlyout .title {
    font-size: 2.875em;
    color: #ffffff;
    margin: 15px 0 15px 0;
}

.avmFlyout .title [class^="icon-"] {
    font-size: 1.45em;
    float: left;
    margin: 0 15px 0 0;
}

.avmFlyout .avmThumbWrpr {
    max-width: 465px;
    width: 100%;
    height: auto;
    margin: 15px auto 25px;
}

.avmFlyout .avmThumb {
}

.avmFlyout .avmThumb {
    border: 2px solid #000 !important;
    margin: -2px;
}

/*.avmFlyout p {font-size:1em; font-weight:bold; color:#ffffff;}*/
.avmFlyout p.topText {
    font-size: 1.4em;
    font-weight: normal;
    margin: auto;
    display: inherit;
}

/*.avmFlyout p.topText span {font-weight:bold;}*/
/*.avmFlyout p a {color:#ffffff; text-decoration:none;}*/
.avmFlyout .container.buttons {
    width: 83%;
    margin: 0 auto;
}

.avmFlyout .whiteBtn {
    margin: 15px auto 25px;
    display: table;
    text-align: center;
    font-size: 1.129em;
    min-width: 140px;
}

.avmFlyout a.whiteBtn.overlayClose {
    font-size: 0.879em;
    line-height: 1.12em;
    color: #fff;
    background: none;
    border: 1px solid #fff;
    min-width: 170px;
    padding: 7px 10px;
}

.avmFlyout .or {
    color: #fff;
    font-size: 1.25em;
    text-transform: uppercase;
    font-weight: bold;
    margin: 25px auto 25px;
    padding: 0 !important;
    text-align: center;
}

.avmFlyout .inner .grid_5 {
    width: 44% !important;
}

.avmFlyout .inner .grid_2 {
    width: 8% !important;
}

/* End AVM Flyout */

/* Dealer Locator - shares some styles with other locator */

.dealerLocator {
    margin: 0 0 20px 0;
    background: url(/cms/images/layout/bg_pattern_overlay.png) repeat scroll 0 0 #4a5a6f;
    padding: 20px 20px;
}

#whiteRedesign .dealerLocator {
    background: transparent;
}

.dealerLocator .title {
    font-size: 1.8em;
    margin: 0 0 20px 0;
}

.dealerLocator .vehiclePicker .optionContainer {
    display: table-cell;
    padding: 0;
    width: 25%;
}

.dealerLocator .vehiclePicker .selectContainer {
    min-width: 200px;
}

.dealerLocator .vehiclePicker .optionContainer .optionSelector {
    padding: 15px 13px;
    white-space: nowrap;
}

.dealerLocator .vehiclePicker .optionContainer .optionSelector .small {
    float: right;
    padding: 7px 0;
}

.dealerLocator .vehiclePicker .optionContainer .optionSelector .large {
    font-size: 1.35em;
    height: 26px;
    text-align: left;
    margin: 0 5px 0 0;
    position: relative;
    top: 2px;
}

.dealerLocator .vehiclePicker .optionContainer .inputContainer {
    min-width: 120px;
}

.dealerLocator .vehiclePicker .optionContainer .inputContainer .text {
    color: #4a5a6f;
    font-size: 1.625em;
    font-weight: bold;
    display: block;
    background: #fbf5f5;
    padding: 10px 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 1px 0px #444444;
    box-shadow: 0 0 1px 0px #444444;
    position: relative;
    z-index: 5;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

#whiteRedesign .dealerLocator .vehiclePicker .optionContainer .inputContainer .text {
    background: #FFF;
    font-weight: normal;
}

#whiteRedesign .dealerLocator .vehiclePicker .optionContainer #searchButton {
    background-color: #5c768b;
    background-image: none;
    color: #FFF;
    font-size: 1.4em;
}

.dealerLocator .vehiclePicker .optionSeperator {
    font-weight: bold;
    font-size: 1.875em;
    padding: 0 15px 0 15px;
    white-space: nowrap;
}

.dealerLocator .vehiclePicker .optionSeperatorSmall {
    padding: 0 5px;
}

.dealerLocator .darkBtn,
.dealerLocator a.darkBtn {
    padding: 14px 20px;
}

.googleMapContainer {
    border: 1px solid #4a5a6f;
    margin: 0 0 20px 0;
}

.googleMapContainer .gmap {
    width: 100%;
}

.gm-style {
    font-size: 1em !important;
    font-weight: normal !important;
    font-family: inherit !important;
}

.infoBox {
    background: #FFF !important;
    width: 290px !important;
}

.infoBox .info {
    padding: 15px;
    width: 290px;
    position: relative;
    font-weight: bold;
    line-height: 1.8;
}

.infoBox .info:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: 11px solid #FFF;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.infoBox .miles {
    font-size: .75em;
    float: right;
    color: #707070;
    padding: 2px 30px 0 15px;
}

.infoBox .title {
    font-size: 0.813em;
    color: #ffffff;
    margin: 0;
}

.infoBox .address {
    font-size: 0.750em;
    color: #707070;
}

.infoBox .address span:first-of-type, .infoBox .address span:last-of-type {
    display: block;
}

.infoBox .view a {
    font-size: .75em;
    color: #5c768b;
}

.infoBox .call {
    font-size: .75em;
}

.dealerResults {
}

.dealerResults .dealerResult {
    border-bottom: 1px solid #2D2B2C;
    padding: 0 0 40px 0;
    margin: 0 0 20px 0;
}

.dealerResults .dealerResult .result {
    margin: 0 0 20px 0;
}

.dealerResults .last {
    border: 0;
    padding: 0;
    margin: 0 0 20px 0;
}

.diamondRating {
    margin: 0 0 20px 0;
}

.diamondRating .heading {
    padding: 18px 30px;
    margin: 0 0 0 0;

    background: rgb(30, 29, 29); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlMWQxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(30, 29, 29, 1) 0%, rgba(0, 0, 0, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 29, 29, 1)), color-stop(100%, rgba(0, 0, 0, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(30, 29, 29, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(30, 29, 29, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(30, 29, 29, 1) 0%, rgba(0, 0, 0, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(30, 29, 29, 1) 0%, rgba(0, 0, 0, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e1d1d', endColorstr='#000000', GradientType=0); /* IE6-8 */

}

.diamondRating .heading .diamond {
    float: left;
    position: relative;
    width: 53px;
    height: 41px;
    margin: 0 20px 0 0;
    background: url(/cms/images/layout/icon_diamond.png) no-repeat 0 0;
}

.diamondRating .heading .diamond .num {
    position: absolute;
    top: -15px;
    right: -10px;
    font-size: 1.563em;
    color: #ffffff;
    font-weight: bold;
    background: #000000;
    border: 2px solid #5c768b;
    width: 34px;
    padding: 0;
    text-align: center;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.diamondRating .heading .title {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.375em;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
}

.diamondRating .spec { /*border-bottom:1px solid #333333; border-top:1px solid #333333;*/
    padding: 15px 30px 10px;
}

.diamondRating .spec .title {
    color: #000;
    font-size: 1.063em;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.diamondRating .spec p {
    font-size: .813em;
}

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

.showMoreLocations a {
    font-size: 1.438em;
    font-weight: bold;
    color: #ffffff;
    display: inline-block;
    padding: 8px 10px;
    background: rgb(36, 36, 36); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0MjQyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(36, 36, 36, 1) 0%, rgba(0, 0, 0, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(36, 36, 36, 1)), color-stop(100%, rgba(0, 0, 0, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(36, 36, 36, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(36, 36, 36, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(36, 36, 36, 1) 0%, rgba(0, 0, 0, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(36, 36, 36, 1) 0%, rgba(0, 0, 0, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#000000', GradientType=0); /* IE6-8 */

}

.showMoreLocations a span {
    font-size: .6em;
    margin: 0 8px;
}

/* Distributor List */

.distributorList {
    padding: 20px 0 0 0;
}

.distributorList .distributor {
    max-width: 448px;
    margin: 0 auto 40px;
    height: 70px;
}

.distributorList .distributor a {
    text-decoration: none;
    display: inline-block;
}

.distributorList .distributor img {
    float: left;
    width: 40%;
    margin: 0 10% 0 0;
}

.distributorList .title {
    margin: 0 0 0 50%;
    font-size: 1.375em;
    font-weight: bold;
    display: block;
    line-height: 1;
}

.distributorList .numLocations {
    margin: 0 0 0 50%;
    padding: 7px 0 0 0;
    font-weight: 600;
    display: block;
    font-size: 0.938em;
}

.distributorList .numLocations .num {
    color: #ffffff;
    font-weight: bold;
    background: #000000;
    border: 2px solid #5c768b;
    width: 18px;
    padding: 0;
    text-align: center;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    font-size: 0.800em;
}

#whiteRedesign .distributorList .distributor img {
    border: 1px solid #000 !important;
}

.distributorDetails {
    padding: 20px 0 40px 0;
}

.distributorDetails img {
    float: left;
    width: 310px;
    margin: 0 60px 0 0;
}

.distributorDetails .title {
    padding: 35px 0 0 0;
    font-size: 1.875em;
    color: #ffffff;
    margin: 0 0 0 0;
}

.distributorDetails .locs {
    font-size: 1.500em;
    color: #5c768b;
}

#whiteRedesign .distributorDetails img {
    border: 1px solid #000;
}

#whiteRedesign .distributorDetails .title {
    color: #000
}

.distributorDetailList {
    padding: 20px 0 0 0;
}

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

.distributorDetailList .distributor {
    padding: 0 0 30px 0;
}

.distributorDetailList .distributor .num {
    float: left;
    color: #5c768b;
    font-size: 3.375em;
    font-weight: bold;
    background: #000000;
    border: 2px solid #5c768b;
    width: 75px;
    padding: 1px 0;
    text-align: center;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.distributorDetailList .distributor .info {
    margin: 0 0 0 95px;
}

.distributorDetailList .distributor .title {
    font-size: 1.750em;
    margin: 0 0 10px 0;
}

.distributorDetailList .distributor .address {
    font-weight: bold;
    color: #6E6E6E;
}

.distributorDetailList .distributor .address span {
    display: block;
    margin: 0 0 5px 0;
}

.distributorDetailList .distributor .address a {
    color: #5c768b;
    background: #FFFFEB;
}

#whiteRedesign .pageToolsWrapper {
    padding: 0;
    margin-top: -29px;
}

#whiteRedesign .pageToolsWrapper .label {
    padding-top: 6px;
    font-size: 14px;
}

#whiteRedesign .pageToolsWrapper .addthis_toolbox a span {
    width: 23px !important;
    height: 23px !important;
}

#whiteRedesign .pageToolsWrapper .addthis_toolbox a span svg {
    width: 23px !important;
    height: 23px !important;
}

/* Customer Service */

.inlineIconCont {
    border: 2px solid #ffffff;
    padding: 2px;
    width: 11px;
    height: 11px;
    line-height: 1.1;
    display: inline-block;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    top: 0;
    font-size: .75em;
    text-align: center;
}

.helpLinks {
}

.helpLinks .iconCont {
    border: 2px solid #ffffff;
    padding: 2px;
    width: 15px;
    height: 15px;
    display: inline-block;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    top: 0;
    font-size: .75em;
    text-align: center;
}

.serviceTopLinks {
    margin: 0 0 30px 0;
    display: table;
}

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

.serviceTopLinks a {
    display: block;
    font-size: 1.125em;
    font-weight: bold;
    margin: 0 30px 10px 0;
}

.serviceTopLinks a .iconCont {
    border: 2px solid #ffffff;
    padding: 2px;
    width: 18px;
    height: 18px;
    display: inline-block;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    top: -4px;
    font-size: .75em;
    text-align: center;
}

.serviceTopLinks a .question {
    font-size: 1.2em;
    position: relative;
    top: -2px;
}

#whiteRedesign .serviceTopLinks {
    display: block;
    clear: both;
    margin: 7px 0 32px;
}

#whiteRedesign .serviceTopLinks a {
    font-size: 1.125em;
    color: #000;
    font-weight: 500;
    display: inline-block;
    margin: 0;
}

#whiteRedesign .serviceTopLinks .serviceContact {
    border-radius: 5px;
    padding: 10px 20px;
    text-align: center;
}

.serviceContact img {
    margin: 0 7px 0 0;
}

#whiteRedesign .serviceTopLinks .servicePhone,
#whiteRedesign .serviceTopLinks .serviceEmail {
    background: #DDDDDD
}

/*#whiteRedesign .serviceTopLinks .servicePhone {background: #DDDDDD url(/cms/images/white/iconPhone.png) no-repeat 20px center;}
 #whiteRedesign .serviceTopLinks .serviceEmail {background: #DDDDDD url(/cms/images/white/iconEmail.png) no-repeat 20px center;}*/
#whiteRedesign .serviceTopLinks .servicePhone span {
    color: #5E5E5E;
    margin: 0 10px;
}

#whiteRedesign .serviceFAQ ul,
#whiteRedesign .serviceBlockLinks ul {
    margin: 0;
    padding: 0;
}

#whiteRedesign .serviceFAQ ul li,
#whiteRedesign .serviceBlockLinks ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#whiteRedesign .serviceFAQ ul li a,
#whiteRedesign .serviceFAQ ul li a:visited,
#whiteRedesign .serviceBlockLinks ul li a,
#whiteRedesign .serviceBlockLinks ul li a:visited {
    color: #000;
    background: #DDDDDD;
    border-radius: 5px;
    padding: 9px 20px 8px;
    display: block;
    font-weight: 500;
    font-size: 18px;
    color: #000;
    margin: 0 0 10px 0;
    position: relative;
    letter-spacing: -0.04em;
    text-align: center
}

#whiteRedesign .serviceFAQ ul li a:hover,
#whiteRedesign .serviceBlockLinks ul li a:hover {
    background: #777777;
    color: #fff;
}

/*.serviceFAQ ul li a:after,
 #whiteRedesign .serviceBlockLinks ul li a:after {content:""; background: url(/cms/images/white/arrowRight.png) no-repeat center center; width: 6px; height: 10px; position: absolute; top: 18px; margin-left: 15px;}
 #whiteRedesign .serviceFAQ ul li a:after,
 #whiteRedesign .serviceBlockLinks ul li a:after {content: "\e606";	margin-left: 10px;font-family: 'icomoon';speak: none;font-style: normal;font-weight: 100;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/

#whiteRedesign .serviceFAQ {
    clear: both;
    border-bottom: 2px solid #b1b1b1;
    padding: 0 0 10px 0;
}

#whiteRedesign .serviceFAQ h2 {
    font-weight: 500;
    font-size: 1.4em;
    margin: 0 0 32px 0;
}

#whiteRedesign .serviceFAQ h2 a {
    color: #5c768b;
    font-size: .65em
}

#whiteRedesign .serviceFAQ h2 a span.icon-caret-right {
    margin-left: 7px;
}

#whiteRedesign .serviceFAQ ul {
}

#whiteRedesign .serviceBlockLinks {
    margin: 20px 0 0 0;
}

#whiteRedesign .serviceBlock {
    background: #dddddd;
    border-radius: 5px;
    padding: 25px 20px;
    margin: 0 0 10px 0;
    font-size: 20px;
    font-weight: 900;
    text-align: center;;
}

/*#whiteRedesign .serviceOrders {background: #dddddd url(/cms/images/white/iconOrder.png) no-repeat 16px center;}
 #whiteRedesign .serviceProducts {background: #dddddd url(/cms/images/white/iconProduct.png) no-repeat 16px center;}
 #whiteRedesign .serviceCompany {background: #dddddd url(/cms/images/white/iconCompany.png) no-repeat 16px center;}*/

#whiteRedesign .serviceBlockLinks ul {
}

#whiteRedesign .serviceFooter {
    border-top: 2px solid #c0c0c0;
    padding: 52px 0 0 0;
    margin: 15px 0 0 0;
}

#whiteRedesign .serviceFooter > div {
    box-sizing: border-box;
    float: left;
    position: relative;
}

#whiteRedesign .serviceFooter .servFtrFactory {
    width: 36%;
}

#whiteRedesign .serviceFooter .servFtrCS {
    width: 32%;
}

#whiteRedesign .serviceFooter .servFtrCS:after {
    content: "";
    position: absolute;
    right: 3px;
    top: 0;
    width: 2px;
    height: 110px;
    background: #c0c0c0
}

#whiteRedesign .serviceFooter .servFtrCS:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 0;
    width: 2px;
    height: 110px;
    background: #c0c0c0
}

#whiteRedesign .serviceFooter .servFtrHQ {
    width: 30%;
    float: right;
}

#whiteRedesign .serviceFooter h3 {
    font-size: 22px;
    letter-spacing: -.04em;
    text-align: center;
    margin-bottom: 12px;
    font-weight: 800;
}

#whiteRedesign .serviceFooter p {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    text-align: center;
}

#whiteRedesign .serviceFooter .serviceHours {
    font-size: 13px;
    text-align: center;
    margin: 4px 0 0 0;
}

#whiteRedesign .csSliderWrpr {
    background: #5c768b;
    padding: 0;
    color: #fff;
}

#whiteRedesign .csSlider {
    width: 70%;
    margin: 10px auto;
    padding: 15px 0;
    text-align: center;
    font-size: .9em
}

#whiteRedesign .csSlider .slick-next,
#whiteRedesign .csSlider .slick-prev {
    top: 5%;
    width: 50px;
    height: 50px;
    margin-top: 0;
}

#whiteRedesign .csSlider .slick-prev:before {
    content: "\e605";
    margin-left: 10px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: 100;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff
}

#whiteRedesign .csSlider .slick-next:before {
    content: "\e606";
    margin-left: 10px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: 100;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff
}

.newsLetterLarge {
}

.newsLetterLarge a {
    display: inline-block;
    margin: 0 0 20px 0;
}

.newsLetterLarge a .iconCont {
    border: 5px solid #ffffff;
    padding: 2px;
    width: 84px;
    height: 84px;
    display: inline-block;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    position: relative;
    top: 2px;
    font-size: 3.2em;
    text-align: center;
}

.newsLetterLarge a .iconCont .icon-sign_up {
    position: relative;
    top: 8px;
}

.serviceBlocks {
    margin: 0 -20px 0;
}

.serviceBlocks a.serviceBlock {
    display: block;
    max-width: 230px;
    margin: 0 auto 20px auto;
    padding: 20px 10px 15px 10px;
    text-decoration: none;
    text-align: center;

    background: rgb(58, 58, 58); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhM2EzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDI0MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(58, 58, 58, 1) 0%, rgba(36, 36, 36, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(58, 58, 58, 1)), color-stop(100%, rgba(36, 36, 36, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(58, 58, 58, 1) 0%, rgba(36, 36, 36, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(58, 58, 58, 1) 0%, rgba(36, 36, 36, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(58, 58, 58, 1) 0%, rgba(36, 36, 36, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(58, 58, 58, 1) 0%, rgba(36, 36, 36, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3a3a', endColorstr='#242424', GradientType=0); /* IE6-8 */

}

.serviceBlocks a.serviceBlock img {
    margin: 0 0 5px 0;
}

.serviceBlocks a.serviceBlock span {
    display: block;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.30em;
}

.serviceLinks {
    text-align: center;
    margin: 0 0 10px 0;
}

.serviceLinks a {
    font-weight: bold;
    font-size: 1em;
    display: inline-block;
    margin: 0 0 2px 0;
}

#whiteRedesign .serviceBlocks {
    margin: 0 -20px 0;
}

#whiteRedesign .WTEtrustLogos_wrapper {
    display: none;
}

@media only screen and (max-width: 1050px) {
    #whiteRedesign .serviceTopLinks .serviceContact {
        font-size: 15px;
    }

    #whiteRedesign .serviceHours .grid_4 {
        margin-bottom: 10px;
        display: block !important;
        width: 100% !important
    }

    #whiteRedesign .serviceHours .hBreak {
        display: inline-block;
    }

    #whiteRedesign .serviceFooter .servFtrFactory {
        width: 33%
    }

    #whiteRedesign .serviceFooter .servFtrCS {
        width: 33%
    }

    #whiteRedesign .serviceFooter .servFtrHQ {
        width: 33%
    }

    #whiteRedesign .serviceFooter h3 {
        font-size: 18px;
    }

    #whiteRedesign .serviceFooter .servFtrCS:before {
        left: 5px;
    }

    #whiteRedesign .csSlider {
        width: 95%;
    }

    #whiteRedesign .csSlider .slick-prev {
        left: -35px;
    }

}

@media only screen and (min-width: 1051px) {
    #whiteRedesign .serviceHours .hBreak {
        display: block;
        text-indent: -99999px;
        height: 2px;
    }
}

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

    #whiteRedesign .serviceTopLinks {
        margin-bottom: 5px;
    }

    #whiteRedesign .serviceTopLinks .serviceContact {
        margin-bottom: 10px;
        font-size: 12px;
    }

    #whiteRedesign .serviceFAQ h2 {
        margin-bottom: 15px;
    }

    #whiteRedesign .serviceFAQ h2 a {
        display: block;
    }

    #whiteRedesign .serviceFooter {
        padding: 10px 0 0 0;
    }

    #whiteRedesign .siteInner .serviceFooter h3 {
        font-size: 1.4em
    }

    #whiteRedesign .serviceFooter .servFtrFactory {
        width: 100%;
    }

    #whiteRedesign .serviceFooter .servFtrCS {
        width: 100%;
        border-top: 1px solid #bfbfbf;
        border-bottom: 1px solid #bfbfbf;
        margin: 5px 0 15px 0;
        padding: 13px 0 16px
    }

    #whiteRedesign .serviceFooter .servFtrCS:after {
        display: none
    }

    #whiteRedesign .serviceFooter .servFtrCS:before {
        display: none
    }

    #whiteRedesign .serviceFooter .servFtrHQ {
        width: 100%;
    }

    #whiteRedesign .serviceFooter .serviceHours {
        font-size: 13px;
    }

    #whiteRedesign .serviceBlock {
        position: relative;
    }

    #whiteRedesign .serviceBlock:after {
        content: "+";
        position: absolute;
        right: 17px;
        font-size: 25px;
        top: 20px;
    }

    #whiteRedesign .serviceBlock.serviceBlockActive:after {
        content: "-";
    }

    #whiteRedesign .serviceBlock img {
        display: none !important;
    }

    #whiteRedesign .serviceOrders {
        background: #dddddd url(/cms/images/white/iconOrder.png) no-repeat 16px center;
    }

    #whiteRedesign .serviceProducts {
        background: #dddddd url(/cms/images/white/iconProduct.png) no-repeat 16px center;
    }

    #whiteRedesign .serviceCompany {
        background: #dddddd url(/cms/images/white/iconCompany.png) no-repeat 16px center;
    }

    #whiteRedesign .csSlider {
        width: 90%;
    }

    #whiteRedesign .serviceBlockLinks .serviceLinks {
        max-height: 0 !important;
        overflow: hidden;
        -webkit-transition: max-height 0.8s;
        -moz-transition: max-height 0.8s;
        transition: max-height 0.8s;
        float: left;
        width: 100%;
    }

    #whiteRedesign .serviceBlockLinks .serviceLinks.serviceLinksActive {
        max-height: 800px !important;
    }

    #whiteRedesign .serviceLinks ul li {
        position: relative;
        display: block;
        text-align: left;
    }

    .slideTargetWrpr {
        position: fixed;
        box-sizing: border-box;
        top: 0;
        right: -100%;
        background: #fff;
        width: 100%;
        height: 100%;
        z-index: 1500;
        transition-duration: 1s;
        overflow: scroll
    }

    .slideTargetWrpr.active {
        right: 0;
    }

    .slideTargetWrpr .close {
        display: block;
        position: absolute;
        top: 9px;
        left: 0;
        padding: 20px 15px;
        font-weight: bold;
        font-size: 1em;
        text-transform: uppercase;
        cursor: pointer;
        z-index: 200;
    }

    .slideTargetWrpr .slideHdr {
        background: #dddddd;
        text-indent: 7px;
        padding: 26px 30px 27px;
        font-size: 1.2em;
        width: 100%;
        z-index: 100;
        position: absolute;
    }

    .slideBody {
        padding: 100px 10px 20px;
        background: url(/cms/images/ajaxloading4.gif) no-repeat;
        background-position: 50%;
        height: 300px;
    }

    .slideBody.loaded {
        background-image: none;
    }

    #whiteRedesign .siteHeader.headerUp,
    #whiteRedesign .footer.headerUp {
        z-index: -10
    }

    #whiteRedesign .slideTargetWrpr .serviceCompany {
        background: none transparent
    }

    #whiteRedesign a:target:before {
        content: "";
        display: block;
        height: 90px; /* fixed header height*/
        margin: -90px 0 0; /* negative fixed header height */
    }
}

@media only screen and (min-width: 768px) {
    #whiteRedesign .serviceTopLinks .grid_6 {
        padding: 0 10px !important
    }

    #whiteRedesign .serviceTopLinks .grid_6.alpha {
        padding-left: 0 !important
    }

    #whiteRedesign .serviceTopLinks .grid_6.omega {
        padding-right: 0 !important
    }

    #whiteRedesign .serviceFAQ .grid_4 {
        padding: 0 10px !important
    }

    #whiteRedesign .serviceFAQ .grid_4 .serviceFAQmid {
        padding: 0 5px !important
    }

    #whiteRedesign .serviceFAQ .grid_4.alpha {
        padding-left: 0 !important
    }

    #whiteRedesign .serviceFAQ .grid_4.omega {
        padding-right: 0 !important
    }

    #whiteRedesign .serviceBlockLinks .grid_4 {
        padding: 0 10px !important
    }

    #whiteRedesign .serviceBlockLinks .grid_4 .serviceMid {
        padding: 0 5px !important
    }

    #whiteRedesign .serviceBlockLinks .grid_4.alpha {
        padding-left: 0 !important
    }

    #whiteRedesign .serviceBlockLinks .grid_4.omega {
        padding-right: 0 !important
    }

    #whiteRedesign .slideTargetWrpr {
        display: none;
    }

}

.vmcls {
    background: url(/cms/images/lplus.png) no-repeat scroll 0 1px;
    display: inline-block;
    height: 10px;
    overflow: hidden;
    width: 15px;
}

.vmopn {
    background: url(/cms/images/lminus.png) no-repeat scroll 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 10px;
    overflow: hidden;
    width: 15px;
}

.vmpad {
    margin-left: 20px;
}

/* Installation Instructions */

.installationInstructionsForm {
    border: 2px solid #343434;
    margin: 0 0 20px 0;
}

.installationInstructionsForm .inner {
    padding: 26px 26px 18px;
    background: url(/cms/images/layout/bg_installation_overlay.png) repeat 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.installationInstructionsForm .title {
    font-size: 1.063em;
    font-weight: bold;
}

.installationInstructionsForm .inner .formee {
    padding: 0 10px 20px;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #302f2f;
}

.installationInstructionsForm a.pdf,
.largeLink a.pdf {
    background: url(/cms/images/layout/icon_pdf.png) no-repeat 0 2px;
    padding: 0 0 0 34px;
    display: inline-block;
}

#whiteRedesign .installationInstructionsForm {
    background-size: cover;
}

#whiteRedesign .installationInstructionsForm .title {
    color: #fff;
}

.faqQuestions {
    padding: 15px 15px 30px 15px;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #2e2c2b;
}

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

.faqQuestions ul li {
    padding: 0 0 0 20px;
    background: url(/cms/images/layout/icon_li.png) no-repeat 0 7px;
    margin: 0 0 15px 0;
}

.faqQuestions ul li a {
    font-size: 1.125em;
    font-weight: bold;
}

.faqQuestions ul li a:hover {
    color: #5c768b;
}

#whiteRedesign .faqQuestions ul li a {
    font-size: 0.985em;
    font-weight: bold;
    color: #343434;
}

@media only screen and (min-width: 768px) {
    #whiteRedesign .faqQuestions ul li a:hover {
        color: #5c768b;
    }
}

.faqAnswers {
    padding: 20px 35px 20px 35px;
}

.faqAnswers .answer {
    margin: 0 0 20px 0;
}

.faqAnswers .answer .title {
    font-size: 0.985em;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.faqAnswers .answer .faqAnswer {
    font-size: 0.875em; /*color: #9b9b9b; font-weight: 700;*/
    margin: 0 0 15px 0;
}

.faqAnswers .answer .top {
    text-align: right; /*font-weight:bold;*/
    font-size: 1.063em;
}

.faqAnswers .answer .top a { /*font-weight:bold;*/
    font-size: 0.875em;
    color: #5c768b;
}

.faqPageContainer .faqQuestions {
    padding: 0 0 20px 0;
}

.faqPageContainer .faqQuestions h3 {
    margin: 0 0 15px 0;
}

.faqPageContainer .faqQuestions ul {
    font-size: .813em;
    padding: 0 0 0 10px;
}

.faqPageContainer .faqQuestions ul li {
    margin: 0 0 6px 0;
}

.faqPageContainer .faqAnswers {
    padding: 0;
}

.faqPageContainer .faqAnswers h3 {
    border-bottom: 1px solid #4a5a6f;
    padding: 0 0 5px 0;
}

.instructionalVideos {
    padding: 20px 0 20px 0;
}

.instructionalVideos .hdng2 {
    margin: 5px 0 10px 0;
}

.instructionalVideos p {
    font-size: 1em;
}

.instructionalVideos .moreVideos {
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
    border-top: 1px solid #2e2c2b;
}

.instructionalVideos .moreVideos .title {
    text-align: center;
    font-weight: bold;
    font-size: .813em;
    margin: 0 0 15px 0;
}

.instructionalVideos .moreVideos .videoList {
}

.instructionalVideos .moreVideos .videoList a {
    display: block;
    max-width: 140px;
    margin: 0 auto;
    text-align: center;
}

.instructionalVideos .moreVideos .videoList .mediaItem {
    display: block;
    max-width: 140px;
    min-height: 150px;
    margin: 0 auto;
    text-align: center;
}

.instructionalVideos .moreVideos .videoList .mediaItem .mediaItemInner {
    padding: 0 5px;
}

.instructionalVideos .moreVideos .videoList a span {
    display: block;
    font-size: .813em;
    font-weight: bold;
    color: #5c768b;
}

.instructionalVideos .moreVideos .videoList .mediaItem span {
    display: block;
    font-size: .813em;
    font-weight: bold;
    color: #5c768b;
}

/* 404 Page */

.pageNotFoundContainer {
}

.pageNotFoundContainer .hdng {
    font-size: 2.750em;
    margin: 0;
}

.pageNotFoundContainer .hdng2 {
    font-size: 1.875em;
}

.pageNotFoundContainer .greenHeading {
    color: #49ce00;
    font-size: 1.875em;
    font-weight: bold;
    margin: 0 0 15px 0;
}

.pageNotFoundContainer .indent {
    margin-left: 40px;
}

.pageNotFoundContainer .indent2 {
    margin-left: 80px;
}

.pageNotFoundContainer ul {
    margin: 0 0 40px 0;
    padding: 40px 0 0 0;
    list-style-type: none;
}

.pageNotFoundContainer ul li {
    margin: 0 0 20px 0;
    background: url(/cms/images/layout/icon_li.png) no-repeat 0 7px;
    padding: 0 0 0 20px;
    font-weight: bold;
}

.pageNotFoundContainer .button404 {
    cursor: pointer;
}

#whiteRedesign .pageNotFoundContainer h1.hdng {
    margin-bottom: 20px;
}

#whiteRedesign .pageNotFoundContainer .hdng2 {
    font-size: 1em;
    font-style: italic;
    margin-bottom: 0;
}

#whiteRedesign .pageNotFoundContainer ul {
    padding-top: 10px;
    margin-bottom: 30px;
}

#whiteRedesign .pageNotFoundContainer ul li {
    background: none;
    position: relative;
    padding: 0;
    margin: 0 0 6px 12px;
    font-size: 1em
}

#whiteRedesign .pageNotFoundContainer ul li:before {
    content: "\2022";
    position: absolute;
    left: -10px;
    top: 0;
}

#whiteRedesign .pageNotFoundContainer p {
    font-size: .85em;
}

#whiteRedesign .pageNotFoundContainer .notFoundRed {
    font-size: 1.1em;
    font-weight: 700;
    color: #5c768b;
    font-style: italic;
    margin: 0 0 20px 0;
}

#whiteRedesign .pageNotFoundContainer .notFoundShopVehicle {
    background: #5c768b url(/cms/images/iconVehicle.jpg) no-repeat 15px center;
    color: #fff;
    display: inline-block;
    padding: 15px 15px 15px 100px;
    font-weight: 700;
    font-size: 1.1em;
    cursor: pointer;
}

@media only screen and (max-width: 480px) {
    #whiteRedesign .pageNotFoundContainer .notFoundShopVehicle {
        font-size: 1em;
        width: 174px;
        margin: 0 auto;
        display: block
    }

}

/* ##  Breadcrumb  ## */

.breadcrumbs {
    padding: 0 0 10px 0;
    font-size: .9em;
}

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

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

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

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

/* Fix for addthis double scrollbar issues */
#_atssh {
    position: relative;
    top: -9999em;
}

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

.pageToolsWrapper .label {
    float: left;
    padding: 12px 0 0 0;
    margin: 0;
    font-size: 1em;
    color: #696969;
    font-weight: 700;
}

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

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

/* Behind the Tech */

#whiteRedesign .behind_tech_top_nav {
    padding: 0 68px 25px;
    background-repeat: no-repeat
}

#whiteRedesign .behind_tech_top_nav h1.title {
    background: #5c768b;
    color: #fff;
    display: inline-block;
    padding: 28px 38px 29px;
    font-size: 2.35em;
    letter-spacing: .01em
}

#whiteRedesign .behind_tech_top_nav .nav {
    padding: 190px 0 0 0;
    margin: 0;
}

#whiteRedesign .behind_tech_top_nav .nav > div {
    text-align: center;
    box-sizing: border-box;
    margin: 0 0 7px 0;
}

#whiteRedesign .behind_tech_top_nav .nav > div a {
    color: #fff;
    font-weight: 700;
    background: #5c768b;
    display: block;
    padding: 6px 0
}

#whiteRedesign .content-table {
    display: table;
    width: 100%;
}

#whiteRedesign .content-table-column {
    display: table-cell;
    vertical-align: middle
}

#whiteRedesign #bttPresident h2 {
    font-size: 3.2em;
    letter-spacing: -.01em;
}

#whiteRedesign .behind_tech_president {
    background-repeat: no-repeat;
    min-height: 200px;
    min-width: 377px;
    position: relative;
}

#whiteRedesign .behind_tech_president img {
}

#whiteRedesign .behind_tech_president span.title {
    position: absolute;
    bottom: 35%;
    left: 15%;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}

#whiteRedesign .behind_tech_president span.title span {
    font-weight: 500;
    font-size: 16px;
    display: block;
}

#whiteRedesign .videoWrapper.bttvideowrpr {
    margin-bottom: 0;
}

#whiteRedesign .behind_tech_investing {
    position: relative;
    padding: 20px 0 0
}

#whiteRedesign .behind_tech_investing div {
    position: relative;
}

#whiteRedesign .behind_tech_investing img {
    width: 100%;
}

#whiteRedesign .behind_tech_investing h2 {
    position: absolute;
    bottom: 5%;
    right: 10%;
    color: #fff;
    font-size: 2.3em;
    margin: 0;
    line-height: 1.2em;
}

#whiteRedesign .siteInner .behind_tech_investing p {
    margin: 25px 0;
}

#whiteRedesign #atech {
    width: 45%;
}

#whiteRedesign #atech h2 {
    color: #000;
    font-size: 3.2em;
    padding-left: 0;
    line-height: 1.1em
}

#whiteRedesign #adev {
    margin: 30px 0 15px
}

#whiteRedesign #adev h2,
#whiteRedesign #aeng h2 {
    font-size: 2.5em;
    letter-spacing: -.01em;
    line-height: 1em;
    margin: 0 0 25px 0;
}

#whiteRedesign #adev .content-table-column-right {
    width: 100%;
    float: none;
}

#whiteRedesign #adev .content-table-column-right p.right {
    text-align: center;
}

#whiteRedesign #adev .content-table-column-left {
    float: none;
    width: 100%;
}

#whiteRedesign #aeng .content-table-column-right {
    width: 100%;
    float: none;
}

#whiteRedesign #aeng .content-table-column-right p.right {
    text-align: center;
}

#whiteRedesign #aeng .content-table-column-left {
    float: none;
    width: 100%;
}

#whiteRedesign #ahead .content-table-column:first-child {
    width: 70%;
}

#whiteRedesign #ahead .content-table-column:first-child h2 {
    color: #000;
    font-size: 3em;
    line-height: 1.1em
}

#whiteRedesign #ahead .content-table-column:last-child {
    width: 50%;
}

#whiteRedesign #ahead .content-table-column:last-child img {
    float: right;
    opacity: .4
}

#whiteRedesign .behind_tech_map {
    position: relative
}

#whiteRedesign .behind_tech_map h2.title {
    position: absolute;
    top: 10%;
    font-size: 2.4em;
    top: 5%;
    left: 0%;
}

#whiteRedesign .behind_tech_map .bottom {
    position: absolute;
    bottom: 2%;
    left: 51%;
    width: 30%;
}

#whiteRedesign .behind_tech_map .bottom span.num {
    color: #6e8a9d;
    font-size: 5em;
    font-weight: 700
}

#whiteRedesign .behind_tech_map .bottom p {
    font-size: 1.1em
}

#whiteRedesign .acsv p,
#whiteRedesign .acar p {
    margin: 24px 0;
}

#whiteRedesign #asvc {
    font-size: 2.5em;
    margin: 15px 0
}

#whiteRedesign #bttCareer {
    font-size: 2.5em;
    margin: 15px 0
}

#whiteRedesign .behind_tech_environment {
    margin: 10px 0;
    position: relative;
}

#whiteRedesign .mobTitle {
    display: none;
}

#whiteRedesign .behind_tech_environment .over {
    position: absolute;
    top: 30%;
    left: 5%;
    width: 36%;
}

#whiteRedesign .behind_tech_environment .over h2 {
    color: #fff;
    font-size: 3em;
    line-height: 1.1em
}

#whiteRedesign .behind_tech_environment .over h2 p {
}

#whiteRedesign #amat {
    font-size: 2.5em;
    margin: 15px 0;
}

#whiteRedesign .behind_tech_red_block {
    background: #5c768b;
    text-align: center;
    color: #fff;
    padding: 5% 0
}

#whiteRedesign .siteInner .behind_tech_red_block h3 {
    font-size: 3.2em;
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
}

#whiteRedesign .behind_tech_red_block span.sub {
    font-size: 1.5em;
    font-style: normal;
    font-weight: 700;
}

#whiteRedesign .btMaterials {
    margin: 0 0 10px 0;
    text-align: center;
}

#whiteRedesign .btMaterials img {
    margin: 0 0 10px 0;
}

#whiteRedesign .backtotop {
    padding: 25px 15px 10px;
    opacity: .6;
    border-radius: 5px;
    background: #f7f7f7;
    font-size: .7em;
    position: fixed;
    bottom: 0;
    right: 5%;
    z-index: 1000;
    text-align: center;
    cursor: pointer;
}

#whiteRedesign .backtotop:hover {
    opacity: 1
}

#whiteRedesign .backtotop:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #ccc;
    position: absolute;
    left: 35%;
    top: 10px;
}

@media only screen and (min-width: 768px) {
    #whiteRedesign .behind_tech_red_block {
        margin: 0 0 60px 0
    }

    #whiteRedesign #adev .content-table-column-right {
        width: 35%;
        float: right;
    }

    #whiteRedesign #adev .content-table-column-left {
        float: left;
        width: 60%;
    }

    #whiteRedesign #aeng .content-table-column-right {
        width: 35%;
        float: right;
    }

    #whiteRedesign #aeng .content-table-column-left {
        float: left;
        width: 60%;
    }

}

@media only screen and (max-width: 1000px) {
    #whiteRedesign .behind_tech_top_nav .nav > div a {
        font-size: .8em
    }

    #whiteRedesign .behind_tech_environment .over {
        top: 25%;
        width: 46%
    }

    #whiteRedesign .behind_tech_environment .over h2 {
        margin-bottom: 20px;
        font-size: 2.15em
    }

    #whiteRedesign #atech h2 {
        padding-left: 10%;
    }

    #whiteRedesign #ahead .content-table-column:first-child h2 {
        font-size: 2.5em
    }

    #whiteRedesign .behind_tech_red_block h3 {
        font-size: 2.8em
    }
}

@media only screen and (max-width: 800px) {
    #whiteRedesign .siteInner .bttWrapper {
        margin: 0 -20px;
    }

    #whiteRedesign .siteInner .bttWrapper h2 {
        padding: 0 10px;
    }

    #whiteRedesign .siteInner .bttWrapper p {
        padding: 0 10px;
    }

    #whiteRedesign .behind_tech_top_nav .nav > div a {
        font-size: .7em
    }

    #whiteRedesign .behind_tech_environment .over {
        top: 30%;
    }

    #whiteRedesign #adev .content-table-column:first-child p {
        padding: 0 10px;
    }

    #whiteRedesign #aeng .content-table-column:first-child p {
        padding: 0 10px;
    }

    #whiteRedesign .siteInner .behind_tech_red_block h3 {
        margin-bottom: 3px;
        font-size: 2em
    }

}

@media only screen and (max-width: 767px) {
    #whiteRedesign .siteInner .bttWrapper {
        margin: 0 -10px;
    }

    #whiteRedesign .behind_tech_top_nav {
        padding: 0 10px 10px;
    }

    #whiteRedesign .behind_tech_top_nav .nav > div {
        padding: 0 5px !important
    }

    #whiteRedesign .behind_tech_top_nav .nav > div:nth-child(1) {
        width: 50% !important
    }

    #whiteRedesign .behind_tech_top_nav .nav > div:nth-child(2) {
        width: 50% !important
    }

    #whiteRedesign .behind_tech_top_nav .nav > div:nth-child(3) {
        width: 50% !important
    }

    #whiteRedesign .behind_tech_top_nav .nav > div:nth-child(4) {
        width: 50% !important
    }

    #whiteRedesign .behind_tech_top_nav .nav > div:nth-child(6) {
        width: 50% !important
    }

    #whiteRedesign .behind_tech_top_nav .nav > div:nth-child(7) {
        width: 50% !important
    }

    #whiteRedesign .behind_tech_top_nav .nav > div:nth-child(8) {
        width: 50% !important
    }

    #whiteRedesign .behind_tech_top_nav .nav > div:nth-child(9) {
        width: 50% !important
    }

    #whiteRedesign .behind_tech_top_nav .nav .clear {
        display: none;
    }

    #whiteRedesign .siteInner .bttWrapper h2 {
        font-size: 1em !important;
        padding: 0 10px;
    }

    #whiteRedesign .siteInner .bttWrapper p {
        font-size: .75em;
        padding: 0 10px;
    }

    #whiteRedesign .behind_tech_top_nav .nav > div a {
        font-size: .6em
    }

    #whiteRedesign #bttPresident .content-table-column:first-child {
        width: 100%;
        display: block;
        text-align: center;
    }

    #whiteRedesign #bttPresident .content-table-column:last-child {
        width: 100%;
        display: block
    }

    #whiteRedesign .behind_tech_president {
        max-width: 320px;
        max-height: 290px;
        overflow: hidden;
        min-width: 0;
        margin: 0 auto 15px;
    }

    #whiteRedesign .behind_tech_president span.title {
        margin: 0;
        bottom: 4px;
        font-size: 13px;
        line-height: 15px;
        text-shadow: 1px 1px 3px #000
    }

    #whiteRedesign .behind_tech_president span.title span {
        font-size: 13px;
    }

    #whiteRedesign .behind_tech_investing h2 {
        right: 5%;
        font-size: 1em;
    }

    #whiteRedesign #atech h2 {
        font-size: 1.2em;
        padding-left: 17%;
    }

    #whiteRedesign #adev {
        margin: 15px 0
    }

    #whiteRedesign #adev > div {
        vertical-align: top;
    }

    #whiteRedesign #adev .content-table-column:first-child {
        width: 55%;
    }

    #whiteRedesign #adev .content-table-column:last-child {
        width: 40%
    }

    #whiteRedesign #aeng > div {
        vertical-align: top;
    }

    #whiteRedesign #aeng .content-table-column:first-child {
        width: 55%;
    }

    #whiteRedesign #aeng .content-table-column:last-child {
        width: 40%
    }

    #whiteRedesign .behind_tech_map .bottom {
        bottom: 0;
    }

    #whiteRedesign .behind_tech_map .bottom span.num {
        padding: 0 10px;
        font-size: 1em;
    }

    #whiteRedesign .behind_tech_map .bottom {
        left: 40%;
        width: 50%;
    }

    #whiteRedesign .mobTitle {
        display: block;
    }

    #whiteRedesign .behind_tech_environment .over {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        margin: 15px 0;
    }

    #whiteRedesign .behind_tech_environment .over h2 {
        display: none;
    }

    #whiteRedesign .siteInner .behind_tech_red_block h3 {
        margin-bottom: 3px;
        font-size: 1.5em
    }

    #whiteRedesign .behind_tech_red_block span.sub {
        font-size: .8em;
    }
}

@media only screen and (max-width: 480px) {
    #whiteRedesign .behind_tech_top_nav {
        background-position: 8% top;
        background-size: 240% auto;
    }

    #whiteRedesign .behind_tech_top_nav .nav {
        padding: 100px 0 0
    }

    #whiteRedesign .behind_tech_top_nav h1.title {
        font-size: 1.5em;
        padding: 15px 20px;
        width: 200px;
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    #whiteRedesign .siteInner .behind_tech_red_block h3 {
        font-size: 1em
    }
}

/* My Account Styles */

.accountBlocks {
    border: 2px solid #343434;
    margin: 0 0 20px 0;
}

.accountBlocks .blockhdng {
    color: #ffffff;
    border-bottom: 2px solid #343434;
    padding: 10px 16px;
    background: #252525;
    margin: 0;
}

.accountBlocks .blockhdng2 {
    color: #ffffff;
    font-size: 1.150em;
    border: 0;
    padding: 10px 14px;
    background: #161616;
    margin: 2px;
}

.accountBlocks .inner {
    padding: 20px 16px;
}

.accountBlocks .inner ul {
    color: #6E6E6E;
    font-size: 0.875em;
    font-weight: 700;
}

#whiteRedesign .accountBlocks .inner ul {
    list-style-type: none
}

#whiteRedesign .accountBlocks .inner ul li {
    position: relative;
}

#whiteRedesign .accountBlocks .inner ul li:before {
    content: "\2022";
    position: absolute;
    left: -10px;
    top: 0;
}

#whiteRedesign .accountBlocks {
    border: 1px solid #cacaca
}

#whiteRedesign .accountBlocks > .btnWrapper {
    float: right;
    margin: -70px 0 30px
}

#whiteRedesign .accountBlocks .btnAlt, #whiteRedesign .accountBlocks a.btnAlt {
    background: #6a6a6a
}

#whiteRedesign .accountBlocks .hdng2.blockhdng, #whiteRedesign .cartWrapper h3.title {
    background: #e8e8e8;
    border-bottom: 1px solid #b6b6b6;
    font-weight: normal;
    font-size: 19px;
}

#whiteRedesign .accountBlocks .accountPassword {
    margin: 7px 0 8px 0;
}

#whiteRedesign .myAccLoginBtn {
    display: table;
    width: 100%;
    margin: 15px 0 0 0;
}

#whiteRedesign .myAccLoginBtn .btnWrapper {
    display: table-cell;
}

#whiteRedesign .myAccLoginBtn .btnWrapper .btn {
    padding: 10px 20px;
}

#whiteRedesign .myAccLoginBtn a.help {
    display: table-cell;
    text-align: right;
    font-weight: bold;
}

#whiteRedesign .myAcctLanding {
    border: none
}

#whiteRedesign .myAcctLanding .myAcctWrpr {
    border: 1px solid #cacaca;
    position: relative;
}

#whiteRedesign .myAcctLanding .myAcctWrpr .inner {
    padding: 25px;
}

#whiteRedesign .myAcctLeft,
#whiteRedesign .myAcctRight {
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0 0 30px 0;
}

#whiteRedesign .myAcctLeft {
    width: 50%;
    float: left;
    padding-left: 0;
}

#whiteRedesign .myAcctRight {
    width: 50%;
    float: right;
    padding-right: 0;
}

#whiteRedesign .myAcctLanding .myAcctWrpr.myAcctEmail {
    margin: 25px 0 0 0;
}

#whiteRedesign .myAcctLanding .myAcctWrpr.myAcctEmail .inner {
    padding-right: 140px;
}

#whiteRedesign .myAcctNewsletter p span {
    color: #676767;
    display: block;
}

#whiteRedesign .newsletterNote {
    font-size: .75em;
    margin: 12px 0 0 0;
}

#whiteRedesign .myAcctLanding .myAcctWrpr.myAcctBillShip {
    margin: 25px 0 0 0;
}

#whiteRedesign #EditEmailPref .accountBlocks {
    min-height: 0 !important;
    border: none;
}

#whiteRedesign #EditEmailPref .accountBlocks .btn, #whiteRedesign #EditEmailAddress .btn, #whiteRedesign #EditPassword .btn {
    background: #6A6A6A
}

#whiteRedesign .accountForms label {
    min-width: 65px
}

#whiteRedesign .siteInner .myAcctBillShip p {
    color: #666666;
    margin: 0;
}

#whiteRedesign .myAcctBillShip label {
    color: #000
}

#whiteRedesign .myAcctLanding .myAcctWrpr .grid_6:first-child .inner {
    padding-right: 5px;
}

#whiteRedesign .myAcctLanding .myAcctWrpr .grid_6:last-child .inner {
    padding-left: 5px;
}

#whiteRedesign .myAcctBillShip .btnWrapper {
    margin: 20px 0 0 0
}

#whiteRedesign .myAcctEditEmail .btnWrapper .btn {
    min-width: 224px;
}

/* Ticket: #358477 */

.myAccountVehicles {
}

.myAccountVehicles .vehicleYMM {
    color: #9b9b9b;
    font-size: 1.125em;
    font-weight: bold;
    margin: 0 0 15px 0;
}

.myAccountVehicles label {
    min-width: 0;
}

.myAccountVehicles p {
    margin: 0 0 2px 0;
}

.myAccountVehicles .vehicleEditOptions {
    font-size: 0.750em;
    padding: 20px 0 20px 0;
}

#whiteRedesign .myAccountVehicles .vehicleEditOptions {
    font-size: 0.750em;
    padding: 10px 0 20px 0;
}

#whiteRedesign .myAccountVehicles {
}

#whiteRedesign .myAccountVehicles .vehicleYMM {
    color: #000;
    font-weight: normal;
}

#whiteRedesign .siteInner .myAccountVehicles p {
    color: #666666;
    font-size: .9em
}

#whiteRedesign .accountBlocks .formee.accountForms .myAccountVehicles label {
    min-width: 0;
    margin-right: 5px;
    font-size: .9em;
    color: #000;
    vertical-align: baseline
}

#whiteRedesign .vehicleEditOptions {
    color: #656565
}

#whiteRedesign .vehicleEditOptions a {
    color: #656565;
    margin: 0 3px;
}

#whiteRedesign .vehicleEditOptions .icon-caret-right {
    display: none;
}

#whiteRedesign .orderHistoryWrpr {
    padding: 14px 28px;
    font-size: .9em;
}

#whiteRedesign .orderHistoryWrpr .grid_6 {
    padding: 0 10px;
}

#whiteRedesign .orderHistoryWrpr .grid_6.alpha {
    padding-left: 0;
}

#whiteRedesign .orderHistoryWrpr .grid_6.omega {
    padding-right: 0;
}

#whiteRedesign .accountBlocks .orderHistoryWrpr .hdng2.blockhdng {
    font-size: 17px;
    margin: 0 0 15px 0
}

#whiteRedesign .orderHistoryWrpr .orderHistNo {
    border-bottom: 1px solid #cacaca;
    padding: 8px 0 16px;
    color: #5c768b
}

#whiteRedesign .orderHistoryWrpr .orderHistNo .icon-arrow-left {
    float: right
}

#whiteRedesign .orderHistoryWrpr .orderHistNo .icon-arrow-left:before {
    font-size: 18px;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    display: inline-block
}

#whiteRedesign .orderHistoryWrpr .orderHistNo.ui-accordion-header-active .icon-arrow-left:before {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#whiteRedesign .orderHistoryWrpr .ui-icon {
    display: none !important
}

#whiteRedesign .orderHistoryWrpr .ui-state-default,
#whiteRedesign .orderHistoryWrpr .ui-widget-content .ui-state-default,
#whiteRedesign .orderHistoryWrpr .ui-widget-header .ui-state-default {
    background: none transparent
}

#whiteRedesign .orderHistoryWrpr.ui-accordion .ui-accordion-content {
    padding: 25px 0;
    overflow: visible;
}

#whiteRedesign .orderHistoryWrpr .orderHistDetWrpr {
    border: 1px solid #cacaca;
    padding: 0 0 20px;
    margin: 0 0 20px 0
}

#whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .formee-lbl,
#whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .formee label {
    vertical-align: top;
}

#whiteRedesign .orderHistoryWrpr .orderHistDetWrpr > div {
    padding: 0 10px;
    word-break: break-all
}

#whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .formee label {
    display: inline-block
}

#whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .orderStatusHide {
    display: none;
}

#whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .orderStatusShow {
    text-align: center;
    position: relative;
    max-width: 235px;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: .9em
}

#whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .orderStatusShow:after {
    content: "";
    width: 80%;
    height: 1px;
    background: #8f8f8f;
    position: absolute;
    bottom: -16px;
    left: 21px;
    z-index: 20;
}

#whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .orderStatusShow span {
    position: relative;
    color: #999999
}

#whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .orderStatusShow span:before {
    content: "";
    position: absolute;
    height: 14px;
    width: 14px;
    background: #ccc;
    border: 1px solid #8f8f8f;
    border-radius: 50%;
    left: 37%;
    bottom: -23px;
    z-index: 30;
}

#whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .orderStatusShow span.statusShipped {
    display: inline-block;
    margin: 0 0;
}

#whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .orderStatusShow span.statusOrdered:before {
    left: 0;
}

#whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .orderStatusShow span.statusDelivered:before {
    right: 0;
    left: auto
}

#whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .orderStatusShow span.active {
    color: #000;
}

#whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .orderStatusShow span.active:before {
    background: #5c768b;
    border-color: #5c768b
}

/*#whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .orderStatusShow span.statusOrdered.active:after {content: ">"; position: absolute; color: #8f8f8f; left: 15px; bottom: -23px; left: 50px;}
 #whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .orderStatusShow span.statusShipped.active:after {content: ">"; position: absolute; color: #8f8f8f; left: 15px; bottom: -24px; left: 75px;}*/

#whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .formee label {
    margin: 0;
}

#whiteRedesign .orderHistoryWrpr .shipmethPayment .orderHistDetWrpr {
    padding-bottom: 10px;
}

#whiteRedesign .orderHistoryWrpr .cartWrapper {
    border: 1px solid #cacaca;
    margin: 0 0 20px 0;
}

#whiteRedesign .orderHistoryWrpr .cartWrapper .cartHistory .contentExtra {
    width: 100%;
}

#whiteRedesign .orderHistoryWrpr .cartWrapper .shoppingCart .cartList .item {
    background: #fff;
    padding: 0 10px 20px;
}

#whiteRedesign .orderHistoryWrpr .cartWrapper .shoppingCart .cartList .media {
    display: inline-block;
    margin: 0 10px 0 0
}

#whiteRedesign .orderHistoryWrpr .cartWrapper .shoppingCart .cartList .media img {
    border: none;
}

#whiteRedesign .orderHistoryWrpr .cartWrapper .shoppingCart .cartList .content .title {
    color: #000;
    font-size: 1em;
}

#whiteRedesign .orderHistoryWrpr .cartWrapper .shoppingCart .cartList .itemInfo .sku {
    font-size: 1em;
    color: #000;
    font-weight: normal;
    margin: 0;
}

#whiteRedesign .orderHistoryWrpr .cartWrapper .shoppingCart .cartList .itemInfo .vType {
    font-size: 1em;
    font-weight: normal;
}

#whiteRedesign .orderHistoryWrpr .cartWrapper .shoppingCart .cartList .itemInfo ul {
    color: #000;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
}

#whiteRedesign .orderHistoryWrpr .cartWrapper .shoppingCart .cartList .itemInfo ul span {
    color: #000;
}

#whiteRedesign .orderHistoryWrpr .cartWrapper .shoppingCart .cartList .itemQty {
    font-weight: normal;
}

#whiteRedesign .orderHistoryWrpr .cartWrapper .shoppingCart .cartList .itemTotal .itemPrice {
    font-size: 1em;
    margin: 0;
    display: none;
}

#whiteRedesign .cartHistory .contentExtra {
    width: auto !important
}

#whiteRedesign .orderHistoryWrpr .orderHistTotal {
    border: 1px solid #cacaca;
}

#whiteRedesign .orderHistoryWrpr .orderHistTotal .checkoutCart {
    padding: 0 10px 15px;
}

#whiteRedesign .orderHistoryWrpr .orderHistTotal .checkoutCart .chkoutBoxes .chkoutRow {
    background: #fff;
    border: none;
    display: block;
    padding: 0;
}

#whiteRedesign .orderHistoryWrpr .orderHistTotal .checkoutCart .chkoutBoxes .chkoutRow .price {
    display: inline-block;
    font-size: 1em;
    font-weight: normal;
    text-align: left;
    padding: 0;
}

#whiteRedesign .myAcctWrpr #EditMember {
    position: relative;
    width: 50%;
    padding: 0 0 20px 10px;
}

#whiteRedesign .myAcctWrpr #EditMember .accountBlocks {
    border: none
}

#whiteRedesign .siteInner .myAcctBillShip p.reqLabel {
    display: none;
}

#whiteRedesign .myAcctWrpr #EditMember .accountBlocks .inner {
    padding: 10px 0;
}

#whiteRedesign .myAcctWrpr #EditMember .accountBlocks .formee label {
    display: inline-block;
    width: 85%;
}

#whiteRedesign .myAcctWrpr #EditMember .accountBlocks .formee-req {
    display: none;
}

#whiteRedesign .myAcctWrpr #EditMember .accountBlocks .formee input[type="text"],
#whiteRedesign .myAcctWrpr #EditMember .accountBlocks .formee select {
    padding: 6px 4px;
    display: inline-block;
    width: 85%;
    border-radius: 0;
    font-weight: normal;
    font-size: 1em;
    color: #7d7d7d;
    -webkit-box-shadow: inset 2px 2px 5px 0px rgba(214, 214, 214, 1);
    -moz-box-shadow: inset 2px 2px 5px 0px rgba(214, 214, 214, 1);
    box-shadow: inset 2px 2px 5px 0px rgba(214, 214, 214, 1);
}

#whiteRedesign .myAcctWrpr #EditMember .accountBlocks .formee select {
    margin-left: 3px;
}

#whiteRedesign .myAcctWrpr #EditMember .btn {
    background: #818181
}

#whiteRedesign .acctRegister .accountBlocks {
    min-height: 0 !important
}

#whiteRedesign .accountBlocks .cartList .item {
    background: #fff;
}

#whiteRedesign .accountBlocks .forms input {
    margin-right: 6px;
}

#whiteRedesign .accountBlocks dd.full.smaller {
    margin: 20px 0 0 0
}

/* Start Ticket: #359341 Hide "Ordered - Shipped - Delivered" in My Account (All Sites) */
#whiteRedesign .orderStatusDate > .grid_6.alpha {
    display: none;
}

#whiteRedesign .orderStatusDate > .grid_6.omega {
    width: 100%;
    padding: 0 !important;
}

#whiteRedesign .orderStatusDate > .grid_6.omega .orderHistDetWrpr div {
    display: inline;
}

@media only screen and (max-width: 430px) {
    #whiteRedesign .orderStatusDate > .grid_6.omega .orderHistDetWrpr div {
        display: block;
    }
}

/* Start Ticket: #359341 Hide "Ordered - Shipped - Delivered" in My Account (All Sites) */
@media only screen and (max-width: 767px) {
    #whiteRedesign .accountBlocks .hdng2.blockhdng {
        font-size: 16px;
        text-align: left;
    }

    #whiteRedesign .myAccLoginBtn {
        display: block;
    }

    #whiteRedesign .myAccLoginBtn .btnWrapper {
        display: block;
        width: 100%;
    }

    #whiteRedesign .myAccLoginBtn .btnWrapper .btn {
        width: 100%;
    }

    #whiteRedesign .btnWrapper {
        display: block;
        width: 100%;
    }

    #whiteRedesign .btnWrapper .btn {
        width: 100%;
        box-sizing: border-box;
    }

    #whiteRedesign .myAccLoginBtn a.help {
        display: block;
        text-align: center;
        margin: 6px 0 0 0;
    }

    #whiteRedesign .accountLogin .accountBlocks {
        min-height: auto !important
    }

    #whiteRedesign .accountLogin .omega .accountBlocks {
        margin: 0;
    }

    #whiteRedesign #TFlyout.naPop.avmFlyout {
        font-size: .9em
    }
}

@media only screen and (max-width: 960px) {
    #whiteRedesign .myAcctLeft {
        width: 100%;
        padding: 0;
    }

    #whiteRedesign .myAcctRight {
        width: 100%;
        padding: 0;
        margin: 25px 0 0 0;
    }

    #whiteRedesign .myAcctLanding .myAcctWrpr .inner {
        padding: 20px;
    }

    #whiteRedesign .myAcctLanding .myAcctWrpr.myAcctEmail .inner {
        padding: 20px
    }

    #whiteRedesign .myAcctWrpr.myAcctBillShip {
        border: none;
    }

    #whiteRedesign .myAcctLanding .myAcctWrpr.myAcctBillShip .grid_6:first-child {
        border: 1px solid #cacaca;
        padding: 0;
    }

    #whiteRedesign .myAcctLanding .myAcctWrpr.myAcctBillShip .grid_6:last-child {
        border: 1px solid #cacaca;
        margin: 15px 0 0 0;
        padding: 0;
    }

    #whiteRedesign .myAcctLanding .myAcctWrpr.myAcctBillShip .grid_6:last-child .inner {
        padding-left: 20px
    }

    #whiteRedesign .myAcctLanding .btnWrapper {
        width: auto;
        display: inline-block;
    }

    #whiteRedesign .orderHistoryWrpr .orderHistNo {
        margin: 0 20px;
    }

    #whiteRedesign .orderHistoryWrpr {
        padding: 14px 0
    }

    #whiteRedesign .orderHistoryWrpr .grid_6.alpha,
    #whiteRedesign .orderHistoryWrpr .grid_6.omega {
        padding: 0 20px !important;
    }

    /* Ticket: #359341 Hide "Ordered - Shipped - Delivered" in My Account (All Sites) */
    #whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .orderStatusShow {
        max-width: 255px;
    }

    #whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .orderStatusShow:after {
        width: 82%;
    }

    #whiteRedesign .orderHistoryWrpr .grid_12 {
        padding: 0 20px;
    }

    #whiteRedesign .orderHistoryWrpr .cartWrapper {
        margin: 0 20px;
    }

    #whiteRedesign .orderHistoryWrpr .cartWrapper .shoppingCart .cartList .media {
        width: 25%;
        max-width: 25%;
        min-width: 25%;
        float: left;
    }

    #whiteRedesign .orderHistoryWrpr .cartWrapper .shoppingCart .cartList .content {
        display: inline-block;
        float: left;
        width: 70%;
    }

    #whiteRedesign .orderHistoryWrpr .cartWrapper .itemPrice {
        font-size: 1em;
    }

    #whiteRedesign .orderHistoryWrpr .orderHistTotal {
        margin: 15px 0 0 0;
    }

    #whiteRedesign .cartHistory .contentExtra {
        width: auto !important;
    }

    #whiteRedesign .myAcctWrpr #EditMember {
        width: 100%;
        box-sizing: border-box;
    }

    #whiteRedesign .myAcctWrpr #EditMember .accountBlocks {
        margin-top: 0 !important;
    }

}

@media only screen and (min-width: 961px) and (max-width: 1150px) {
    #whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .orderStatusShow {
        max-width: 196px;
    }

    #whiteRedesign .orderHistoryWrpr .orderStatusDate .grid_6:first-child .orderHistDetWrpr {
        font-size: .7em;
    }

    #whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .orderStatusShow span.statusOrdered.active:after {
        bottom: -21px;
        left: 43px;
    }

    #whiteRedesign .orderHistoryWrpr .orderHistDetWrpr .orderStatusShow span.statusShipped.active:after {
        bottom: -22px;
        left: 55px;
    }

    #whiteRedesign .myAcctWrpr #EditMember .accountBlocks .formee label {
        width: 85%;
        font-size: .9em;
    }

    #whiteRedesign .myAcctWrpr #EditMember .accountBlocks .formee input[type="text"], #whiteRedesign .myAcctWrpr #EditMember .accountBlocks .formee select {
        width: 85%;
    }
}

@media only screen and (min-width: 620px) and (max-width: 960px) {
    #whiteRedesign .myAcctWrpr #EditMember .accountBlocks .formee label {
        width: 85%;
    }

    #whiteRedesign .myAcctWrpr #EditMember .accountBlocks .formee input[type="text"], #whiteRedesign .myAcctWrpr #EditMember .accountBlocks .formee select {
        width: 85%;
    }

}

@media only screen and (max-width: 619px) {
    #whiteRedesign .myAcctWrpr #EditMember .accountBlocks .formee label {
        width: 85%;
    }

    #whiteRedesign .myAcctWrpr #EditMember .accountBlocks .formee input[type="text"], #whiteRedesign .myAcctWrpr #EditMember .accountBlocks .formee select {
        width: 85%
    }
}

.orderTrackingTable {
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 30px 0;
}

.orderTrackingTable .orderBlock {
    display: table-cell;
    vertical-align: top;
    border: 1px solid #343434;
}

.orderTrackingTable .orderBlock .title {
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    display: block;
    background: #3a4859;
    padding: 10px 10px;
    border-top: 2px solid #4d5f75;
    border-bottom: 2px solid #4d5f75;
    border-right: 1px solid #3d4e61;
    white-space: nowrap;
    margin: 0 -1px 0 0;
}

.orderTrackingTable .orderBlock .content {
    display: block;
    text-align: center;
    padding: 15px 10px;
    font-size: .9em;
    white-space: nowrap;
}

.orderTrackingTable .orderBlock:last-child .title {
    border-right: 0;
}

.productRequestForm {
}

.productRequestForm .blockhdng {
    font-weight: 600;
    font-size: 1.250em;
    color: #9b9b9b;
}

.productRequestForm .formee label {
    font-size: 1.125em;
    margin-top: 8px;
}

.productRequestForm .btnWrapper {
    padding: 0px 0 20px 0;
}

/* Order Status */

.accountBlocks dl.orderInfo dt {
    display: block;
    font-weight: 700;
    font-size: 1.250em;
    vertical-align: top;
}

.accountBlocks dl.orderInfo dd {
    display: block;
    margin-left: 0;
    font-weight: 700;
    font-size: 1em;
    color: #9b9b9b;
    vertical-align: bottom;
}

.accountBlocks dl.orderShip dt {
    display: inline-block;
    font-weight: 700;
    font-size: 1.250em;
    vertical-align: top;
}

.accountBlocks dl.orderShip dd {
    display: inline-block;
    margin-left: 20px;
    font-weight: 700;
    font-size: 1em;
    color: #9b9b9b;
    vertical-align: bottom;
}

/* Admin Helpers */

/* Admin Edit */

.content {
}

.contentregion {
    background: #b8cde7;
    color: #2b4487;
    border: 1px solid #2b4487;
    padding: 2px;
    margin: 1px 0 1px 0;
}

.contentheader {
    background: #dddddd;
    color: #000000;
    border: 1px solid #2b4487;
    padding: 2px;
    margin: 1px 0 1px 0px;
    text-align: right;
}

.contentedit {
    background: #f2faff;
    color: #000000;
    border: 1px solid #2b4487;
    padding: 2px;
}

.adminbtn {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    background: #112848 url(/cms/images/btn.gif) repeat-x top left;
    border: 1px solid #a5b9c8;
    padding: 2px;
    text-decoration: none;
    cursor: pointer;
}

.contentbottom {
    background: #dddddd;
    color: #000000;
    border: 1px solid #2b4487;
    padding: 2px;
    margin: 1px 0 1px 0;
}

.contentsettings {
    background: #ffffff;
    color: #000000;
    border: 1px solid #2b4487;
    padding: 2px;
}

.CMSTabs {
    font-family: sans-serif;
}

.tabModule {
    margin: 0 0 10px 0;
}

.tabdiv {
    margin-bottom: 10px;
    border: 1px solid #9c9c9c;
    border-top: 0;
    min-height: 1px;
    background: url(/cms/images/layout/gradient_tabtop.gif) repeat-x 0 0;
}

.tabsRow {
    min-height: 1px;
    background: url(/cms/images/layout/tabs_topbdr.gif) repeat-x 0 100%;
}

.tabnav {
    margin: 0;
    padding: 0;
}

.tabnav li,
.tabnav li a,
.tabnav li a:link,
.tabnav li a:visited {
    background: url(/cms/images/layout/tabs_sprite.gif) no-repeat 0 -43px;
}

.tabnav li {
    float: left;
    display: inline;
    margin-right: 2px;
    list-style-type: none;
    background-position: 0 -43px;
}

.tabnav li a,
.tabnav li a:link,
.tabnav li a:visited {
    float: left;
    display: inline;
    height: 31px;
    padding: 12px 5px 0 5px;
    text-align: center;
    text-decoration: none;
    color: #224b16;
    font-weight: bold;
    background-position: 100% -129px;
}

.tabnav li.last {
    margin-right: 0;
}

.tabnav li.ui-tabs-selected {
    background-position: 0 0;
}

.tabnav li.ui-tabs-selected a,
.tabnav li.ui-tabs-selected a:link,
.tabnav li.ui-tabs-selected a:visited {
    color: #292929;
    background-position: 100% -86px;
}

.tabnav li.ui-tabs-previous {
    background-position: 0 -172px;
}

.tabnav li.ui-tabs-previous a,
.tabnav li.ui-tabs-previous a:link,
.tabnav li.ui-tabs-previous a:visited {
    color: #fff;
    background-position: 100% -215px;
}

.ui-tabs-hide {
    display: none;
}

.tabdiv .tabInner {
    padding: 13px 10px;
    background: url(/cms/images/layout/gradient_tanbottom.gif) repeat-x 0 100%;
}

.tabdiv .scrollOverflow {
    position: relative;
    height: 374px;
    padding: 0 10px;
    overflow: auto;
}

/* Layout helpers
 ----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute;
    left: -99999999px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui-helper-clearfix {
    display: inline-block;
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
    height: 1%;
}

.ui-helper-clearfix {
    display: block;
}

/* end clearfix */
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

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

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

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

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

    a[href]:after {
        content: "";
    }

    abbr[title]:after {
        content: "";
    }

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

    #whiteRedesign .headerLinks {
        width: 100%;
    }

    #whiteRedesign .siteSelection {
        border: none !important
    }

    #whiteRedesign .headerLinks a.navItem {
        height: 50px;
    }

    #whiteRedesign .headerLinks a.navItem .iconCont {
        display: none;
    }

    /* Ticket: #332270 Updating print styles */
    #whiteRedesign div#productImage_PrimaryItem {
        width: 50%;
        float: left;
    }

    #whiteRedesign .altViews {
        max-height: unset !important;
    }

    #whiteRedesign .langSelection.siteSelection {
        float: right;
    }

    #whiteRedesign .repreText {
        font-size: 1.25em !important;
        font-weight: bold !important;
    }

    #whiteRedesign .topper,
    #whiteRedesign .bottomer {
        float: left;
        text-align: left;
        margin-right: 10px;
    }

    #whiteRedesign .tabList_body,
    #whiteRedesign .tabList_body div,
    #whiteRedesign .optionContainer.pickerPrice.priceSpan,
    #whiteRedesign .grid_6.testimonialWrapper:nth-of-type(1),
    #whiteRedesign .grid_6.testimonialWrapper:nth-of-type(2) {
        display: block !important;
    }

    #whiteRedesign .sdvp,
    #whiteRedesign .vehiclePickerContainer .title,
    #whiteRedesign .optionContainer,
    #whiteRedesign .noVehicle,
    #whiteRedesign .securitySymbol,
    #whiteRedesign .bannerFooter,
    #whiteRedesign #relatedItemsAllProducts,
    #whiteRedesign .itemShopLink,
    #whiteRedesign .tabList_body div.testimonialTools,
    #whiteRedesign .truncateLess,
    #whiteRedesign iframe,
    #whiteRedesign .tabList_body div.itemVideoWrapper,
    #whiteRedesign .tabList_top,
    #whiteRedesign .pdf,
    #whiteRedesign .tabList_body div.educationalVideoList,
    #whiteRedesign .socialColumn,
    #whiteRedesign .footerLinks,
    #whiteRedesign .socialFollow,
    #whiteRedesign .headerLinks,
    #whiteRedesign .downCarrot,
    #whiteRedesign .continueShopping,
    #whiteRedesign .trigger,
    #whiteRedesign .zoomText,
    #whiteRedesign .productToolsWrapper,
    #whiteRedesign .aChangeVehicleHolder,
    #whiteRedesign .editVehicleOptions,
    #whiteRedesign .btn,
    #whiteRedesign .divAccessories input[type="checkbox"] + label::before,
    #whiteRedesign .itemList.cartList .noBullet,
    #whiteRedesign .slideCartRail,
    #whiteRedesign .updateCart,
    #whiteRedesign .btnWrapper.btnSmall,
    #whiteRedesign .pageSection.pageFooter.clearfix,
    #whiteRedesign #divCheckoutLogin,
    #whiteRedesign .helpLinks p:nth-child(3),
    #whiteRedesign .pageFooter div.grid_4.alpha > p:nth-child(2),
    #whiteRedesign #ClickSignup,
    #whiteRedesign .cartList .edit,
    #whiteRedesign .tfsBannerBottom,
    #whiteRedesign #tfaccordion h3:nth-of-type(2),
    #whiteRedesign .faqQuestions,
    #whiteRedesign .faqPageContainer > div.ModuleHeader:first-child,
    #whiteRedesign .faqAnswers .answer .top,
    #whiteRedesign .railNavWrapper,
    #whiteRedesign .continueWrpr,
    #whiteRedesign .grid_4.fright.page-cart,
    #whiteRedesign .cartwrpr .grid_4.fright,
    #whiteRedesign .grid_6.testimonialWrapper {
        display: none !important;
    }

    #whiteRedesign .reviewDetail .imgWrapper,
    #whiteRedesign .reviewDetail .specs {
        display: inline !important;
        float: left !important;
        width: unset;
        margin-right: 10px;
    }

    #whiteRedesign .desc.tComment {
        margin-bottom: 15px;
        clear: both;
    }

    #whiteRedesign .truncateMore::before {
        content: "..." !important;
        color: #000;
        opacity: 1 !important;
    }

    #whiteRedesign .divAccessoriesItem {
        float: left;
    }

    #whiteRedesign .productDetails .itemPrice::before,
    #whiteRedesign .optionContainer.pickerPrice.priceSpan::before {
        content: "Price - ";
    }

    #whiteRedesign a.truncateMore {
        color: #FFF !important;
        display: inline;
    }

    #whiteRedesign .truncateLink,
    #whiteRedesign .truncateMore {
        margin: 0 !important;
        padding: 0 !important;
    }

    #whiteRedesign .itemWrapper.grid_3c.relatedItem {
        float: left;
    }

    #whiteRedesign .grid_4.alpha.omega .footerTopItem {
        height: unset !important;
        min-height: unset !important;
        display: inline-block !important;
    }

    #whiteRedesign .grid_4 .footerTopItem,
    #whiteRedesign .grid_4.alpha.omega .footerTopItem.socialColumn {
        display: none !important;
    }

    #whiteRedesign .tabList_container {
        float: none !important;
        width: unset !important;
    }

    #whiteRedesign .tabList_body {
        /*page-break-before: always !important; */
        float: none !important;
    }

    #whiteRedesign .tabList_body > div:nth-child(2)::before {
        content: "Product Information";
        font-weight: bold;
        font-size: 1.5em;
        page-break-after: avoid;
    }

    #whiteRedesign .tabList_body > div:nth-child(5) div {
        height: unset !important;
        min-height: unset !important;
        padding: 0;
        margin: 0;
    }

    #whiteRedesign .tabList_body > div:nth-child(6)::before {
        content: "Testimonials";
        font-weight: bold;
        font-size: 1.5em;
    }

    #whiteRedesign .itemWrapper.grid_3c.relatedItem {
        height: unset !important;
        min-height: unset !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #whiteRedesign div.altViews > div, #whiteRedesign div.altViews div span {
        height: unset !important;
        min-height: unset !important;
        width: 12%;
        padding-bottom: 10%;
    }

    #whiteRedesign .altViews div {
        margin: 0 5px 5px !important;
        width: 20% !important;
        padding-bottom: 16% !important;
    }

    #whiteRedesign .container.productWrapper {
        margin-bottom: 0;
    }

    #whiteRedesign .itemLink, .itemContent {
        height: unset !important;
        min-height: unset !important;
    }

    #whiteRedesign .itemWrapper .relatedItemSingleLeft {
        display: none !important;
    }

    #whiteRedesign .itemWrapper .relatedItemSingleRight {
        width: unset !important;
    }

    #whiteRedesign .footerTop {
        margin-top: 0px !important;
        float: left;
    }

    #whiteRedesign .siteInner {
        margin-bottom: 0 !important;
    }

    #whiteRedesign .container [class*="grid_"] {
        padding: 0 !important;
    }

    #whiteRedesign .tabList_body .collapseInner {
        padding: 10px 0 !important;
    }

    #whiteRedesign h2.hdng2.withBorder {
        margin-left: 0 !important;
    }

    html[lang="es"] #whiteRedesign h2.hdng2.withBorder,
    html[lang="dk"] #whiteRedesign h2.hdng2.withBorder,
    html[lang="en"] #whiteRedesign h2.hdng2.withBorder,
    html[lang="fi"] #whiteRedesign h2.hdng2.withBorder,
    html[lang="fr"] #whiteRedesign h2.hdng2.withBorder,
    html[lang="de"] #whiteRedesign h2.hdng2.withBorder,
    html[lang="it"] #whiteRedesign h2.hdng2.withBorder,
    html[lang="nl"] #whiteRedesign h2.hdng2.withBorder,
    html[lang="no"] #whiteRedesign h2.hdng2.withBorder,
    html[lang="pl"] #whiteRedesign h2.hdng2.withBorder,
    html[lang="se"] #whiteRedesign h2.hdng2.withBorder {
        margin-left: 10px !important;
    }

    #whiteRedesign #relatedItemsMain {
        margin: 0 10px;
    }

    #whiteRedesign .productList {
        margin: 0 !important;
    }

    #whiteRedesign .grid_3 {
        float: left;
    }

    #whiteRedesign .homeCallouts .grid_3 {
        margin-right: 10px;
    }

    #whiteRedesign .videoWrapper,
    #whiteRedesign .bannerStyle1 .inner .media,
    #whiteRedesign .bannerStyle1 .inner {
        height: unset !important;
        min-height: unset !important;
        width: unset !important;
        min-width: unset !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #whiteRedesign .bannerShipBundle {
        text-align: left !important;
    }

    #whiteRedesign .bannerShipBundle a,
    #whiteRedesign .bannerShipBundle a span {
        margin: 0 !important;
        padding: 0 !important;
    }

    #whiteRedesign .bannerShipBundle a span:nth-child(2) {
        display: none !important;
    }

    #whiteRedesign .itemWrapper.mvpListingWrpr,
    #whiteRedesign .alsoBought,
    #whiteRedesign .pageFooter,
    #whiteRedesign #divAccessories_PrimaryItem {
        page-break-inside: avoid;
    }

    #whiteRedesign .alsoBought .title,
    #whiteRedesign .cartWrapper .title {
        padding: 10px !important;
        margin: 0 0 10px !important;
    }

    #whiteRedesign .cartWrapper .title {
        margin: 0 !important;
    }

    #whiteRedesign .cartWrapper .cartItemDetails .title {
        padding: 0 !important;
    }

    #whiteRedesign .alsoBought .cartNoSlick .item .title {
        padding: 0 !important;
        margin: auto !important;
    }

    #whiteRedesign .alsoBought .cartNoSlick .item {
        width: 20% !important;
    }

    #whiteRedesign .behind_tech_top_nav {
        display: none !important;
    }

    #whiteRedesign .behind_tech_president .title,
    #whiteRedesign .behind_tech_president .title span,
    #whiteRedesign .behind_tech_investing .title,
    #whiteRedesign .behind_tech_investing .title span {
        color: #FFF !important;
        opacity: 100;
    }

    #whiteRedesign #adev .content-table-column-right,
    #whiteRedesign #aeng .content-table-column-right {
        width: unset !important;
        float: right;
    }

    #whiteRedesign #adev .content-table-column-right img,
    #whiteRedesign #aeng .content-table-column-right img {
        margin: 0 auto;
    }

    #whiteRedesign #adev .content-table-column-left,
    #whiteRedesign #aeng .content-table-column-left {
        padding-right: 20px;
        width: 60%;
    }

    #whiteRedesign .btMaterials .grid_4 {
        float: left;
        padding: 0 20px !important;
        width: 30%;
    }

    #whiteRedesign .behind_tech_environment .over {
        top: 0 !important;
    }

    #whiteRedesign .backtotop {
        display: none !important;
    }

    #whiteRedesign .bannerShipBundleNew {
        background: #FFF !important;
        border: 0 !important;
        padding: 0 !important;
    }

    #whiteRedesign .bannerShipBundleNew .desc {
        padding: 0 !important;
    }

    #whiteRedesign .rightArrow {
        display: none !important;
    }

    #whiteRedesign .homeCallouts .grid_3 {
        width: 23% !important;
    }

    #whiteRedesign .homeCallouts .homeCallout .title {
        background: #FFF !important;
        color: #000 !important;
    }

    /* #whiteRedesign .footer.white-footer { page-break-inside: avoid; } */
    #whiteRedesign .footerMid {
        display: inline !important;
    }

    #whiteRedesign .footerTopItem {
        padding: 10px !important;
    }

    #whiteRedesign .footerMid h6 {
        font-size: 1em !important;
        margin-top: 10px;
    }

    #whiteRedesign .pageSection hr {
        border-top-color: #000;
    }

    #whiteRedesign .container .cartwrpr .grid_8 {
        width: unset !important;
    }

    #whiteRedesign .shoppingCart .item {
        padding: 10px !important;
        margin: 0 !important;
    }

    #whiteRedesign .cartList .item {
        border-top-width: 1px !important;
    }

    #whiteRedesign .checkoutSummary .chkoutBoxes .chkoutRow {
        padding: 10px 0 !important;
    }

    /*#whiteRedesign .cartWrapper { page-break-before:always; }*/
    #whiteRedesign .checkoutSummary .chkoutBoxes .chkoutRow .title,
    #whiteRedesign .checkoutSummary .chkoutBoxes .chkoutRow .price {
        padding: 0 10px;
    }

    #whiteRedesign .cartList .item .vType {
        margin-bottom: 10px;
    }

    #whiteRedesign .storeBanner .content {
        width: 50%;
    }

    #whiteRedesign .altViews.scrollable, #whiteRedesign .tflist {
        width: 100% !important;
    }

    #whiteRedesign .ui-accordion .ui-accordion-content {
        padding: 0 !important;
        overflow: hidden;
    }

    #whiteRedesign #tfaccordion .altViewsContainer {
        padding: 0;
        margin: 0;
        width: unset;
    }

    #whiteRedesign ul.tflist li {
        width: 87px;
        margin: 0 9px 15px 9px;
    }

    /*#whiteRedesign .tflist li {	width: 12% !important; }*/
    #whiteRedesign .tflist {
        margin: 0 auto !important;
    }

    #whiteRedesign #tfaccordion .ui-widget-content {
        text-align: center;
    }

    #whiteRedesign #tfaccordion, #whiteRedesign .footer.white-footer {
        page-break-inside: avoid;
    }

    #whiteRedesign .faqAnswers p > span {
        page-break-before: avoid;
    }

    #whiteRedesign .grid_6.alpha, #whiteRedesign .grid_6.omega {
        width: 50%;
    }

    #whiteRedesign #tfaccordion .grid_6.alpha,
    #whiteRedesign #tfaccordion .grid_6.omega,
    #whiteRedesign .container.productWrapper .grid_6.alpha,
    #whiteRedesign .container.productWrapper .grid_6.omega {
        width: 100%;
    }

    #whiteRedesign .siteHeader .grid_12,
    #whiteRedesign .pageSection {
        padding-top: 0 !important;
    }

    #whiteRedesign .siteHeader .grid_12 .headerInner .sitelogo {
        margin: 0 !important;
    }

    #whiteRedesign .siteHeader .grid_12 .headerInner .activeCountry {
        display: inline !important;
    }

    #whiteRedesign .siteHeader .grid_12 .headerInner .siteSelection {
        height: unset !important;
    }

    #whiteRedesign .siteHeader {
        min-height: unset !important;
    }

    #whiteRedesign .cartWrapper {
        border: transparent !important;
    }

    #whiteRedesign .cartList {
        padding: 0 !important;
        border-top: transparent !important;
    }
}

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

/* ## Button Styles ## */
/*
     <span class="btnWrapper"><input class="btn" value="Submit" /></span>
     or
     <a href="#" class="btnWrapper"><span class="btn">Submit</a></a>
 */

.btnWrapper {
    display: inline-block;
}

.btn,
a.btn {
    display: inline-block;
    margin: 0;
    padding: 8px 20px;
    font-size: 1.05em;
    font-weight: 700;
    color: #fff;
    background-color: #5c768b;
    border: 0;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    overflow: visible;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.btnWrapper:hover, .btnWrapper:hover .btn {
}

.darkBtn,
a.darkBtn {
    color: #f9f5f5;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .875em;
    font-weight: bold;
    padding: 10px 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;

    background: rgb(48, 48, 48, .75); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwMzAzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(48, 48, 48, .75) 0%, rgba(0, 0, 0, .75) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(48, 48, 48, .75)), color-stop(100%, rgba(0, 0, 0, .75))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(48, 48, 48, .75) 0%, rgba(0, 0, 0, .75) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(48, 48, 48, .75) 0%, rgba(0, 0, 0, .75) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(48, 48, 48, .75) 0%, rgba(0, 0, 0, .75) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(48, 48, 48, .75) 0%, rgba(0, 0, 0, .75) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a485930', endColorstr='#3a485900', GradientType=0); /* IE6-8 */

}

.ltdarkBtn,
a.ltdarkBtn {
    color: #f9f5f5;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .875em;
    font-weight: bold;
    padding: 10px 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    background: #4f4f4f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmNGY0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzIzMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #4f4f4f 0%, #232323 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4f4f4f), color-stop(100%, #232323));
    background: -webkit-linear-gradient(top, #4f4f4f 0%, #232323 100%);
    background: -o-linear-gradient(top, #4f4f4f 0%, #232323 100%);
    background: -ms-linear-gradient(top, #4f4f4f 0%, #232323 100%);
    background: linear-gradient(to bottom, #4f4f4f 0%, #232323 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f4f4f', endColorstr='#232323', GradientType=0);

}
.whiteBtn,
a.whiteBtn {
    color: #4a5a6f;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .875em;
    font-weight: bold;
    padding: 10px 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    background: #ffffff;
    cursor: pointer;
}

.btnAlt,
a.btnAlt {
    background-color: #6a6a6a;
    color: #ffffff;
}

.btnLarge .btn,
.largeBtn,
a.largeBtn {
    font-size: 1.4em;
    padding: 14px 24px;
}

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

/* ## Site Icons ## */

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

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

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

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

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

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

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

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

/* ## truncate styling ## */

.truncateLink {
    margin: 0 0 0 10px;
}

.truncateLink a, .truncateLink a:link, .truncateLink a:visited {
    display: inline-block;
    color: #fff;
    padding: 2px 10px;
    font-size: .9em;
    font-weight: 700;
    color: #fff;
    background-color: #5c768b;
    border: 0;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    overflow: visible;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

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

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

/* ## footer ## */

.footer {
    position: relative;
    background: #080808;
    padding: 0;
    border-top: 1px solid #292624;
}

.footer p {
    font-size: .813em;
    color: #696969;
    font-weight: 700;
}

ul.advList {
    margin: 0 -10px 0 -10px;
    padding: 0;
    list-style-type: none;
}

ul.advList a,
ul.advList a:link,
ul.advList a:visited {
    text-decoration: none;
    color: #696969;
    font-size: 0.875em;
    font-weight: bold;
    display: block;
    padding: 15px 15px;
    border-bottom: 1px solid #696969;
}

ul.advList a:hover,
ul.advList a:active {
    color: #aaaaaa;
}

ul.advList .listhdng {
    display: block;
    margin-bottom: 8px;
    font-size: 1.250em;
    font-weight: bold;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #333333;
}

ul.advList .listhdng a {
    font-weight: bold;
    color: #5c768b;
    font-size: 1em;
}

ul.advList .listhdng a:hover {
    color: #5c768b;
}

ul.advList ul {
    margin: 0;
}

ul.advList ul li {
    margin: 0;
    line-height: 1;
}

.footerHeading {
    display: block;
    margin: 0 0 10px;
    font-weight: bold;
    color: #ffffff;
    font-size: 1em;
    white-space: nowrap;
}

.footerHeading a {
    text-decoration: none;
    color: #ffffff;
}

.subFooter {
}

.footer .largeLink {
    text-align: center;
    color: #ffffff;
    font-size: 1.250em;
    font-weight: bold;
    padding: 20px 0 20px 0;
    margin: 0;
}

.footer .largeLink .sep {
    color: #313131;
    margin: 0 6px;
}

.footer .largeLink .iconCont {
    border: 2px solid #ffffff;
    padding: 2px;
    width: 30px;
    height: 30px;
    display: inline-block;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    top: 3px;
}

.footer .largeLink a {
    color: #ffffff;
    text-decoration: none;
}

.footer .largeLink [class^="icon-"] {
    display: inline-block;
    margin: 4px 0 0 0;
    font-size: 1em;
}

.footer .largeLink .num {
    white-space: nowrap;
}

.footer .locationList {
    margin: 0 0 10px 0;
    padding: 0;
    list-style-type: none;
}

.footer .locationList li {
    float: left;
    margin: 0 8px 15px 7px;
    position: relative;
    padding: 0 0 2px 0;
}

.footer .locationList a {
    color: #ffffff;
    font-size: .75em;
    font-weight: bold;
    display: block;
    text-decoration: none;
    padding: 2px 0 2px 40px;
}

.footer .locationList a span {
    display: inline-block;
}

.footer .locationList a [class^="icon-"] {
    margin: 0 0 0 3px;
    width: auto;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.footer .locationList a.usa {
    background: url(/cms/images/layout/icon_flag_usa.png) no-repeat 0 50%;
}

.footer .locationList a.aus {
    background: url(/cms/images/layout/icon_flag_aus.png) no-repeat 0 50%;
}

.footer .locationList a.can {
    background: url(/cms/images/layout/icon_flag_can.png) no-repeat 0 50%;
}

.footer .locationList a.mex {
    background: url(/cms/images/layout/icon_flag_mex.png) no-repeat 0 50%;
}

.footer .locationList a.eur {
    background: url(/cms/images/layout/icon_flag_eur.png) no-repeat 0 50%;
}

.footer .locationList a.gbr {
    background: url(/cms/images/layout/icon_flag_gbr.png) no-repeat 0 50%;
}

.footer .locationList li ul {
    position: absolute;
    width: 100px;
    background: #080808;
    border: 1px solid #333333;
    border-top: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    z-index: 5;
    top: 23px;
    display: none;
}

.footer .locationList li ul li {
    margin: 0;
    float: none;
    padding: 0;
}

.footer .locationList li ul li a {
    padding: 4px 7px;
}

.footer .locationList li ul li a:hover {
    color: #ffffff;
}

.footer .locationList li.active ul {
    display: block;
}

.footer .locationList li.active a [class^="icon-"] {

    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.locationsContainer,
.socialContainer {
    width: 190px;
    margin: 0 auto;
}

.locationsContainer .footerHeading {
    text-align: center;
}

.footerTop {
}

.footerMid {
    padding: 20px 0 20px 0;
}

.footerBot {
    padding: 20px 0 20px 0;
    border-top: 1px solid #2e2c2b;
    margin: 0 0 0 0;
}

.footerLinks {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

.footerLinks li {
    display: inline-block;
    font-size: .75em;
    margin: 8px 10px 8px 10px;
}

.footerLinks a,
.footerLinks a:link,
.footerLinks a:visited {
    text-decoration: none;
    color: #cccccc;
}

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

.usaLarge {
    width: 49px;
    height: 29px;
    background: url(/cms/images/layout/icon_flag_usa_lrg.png) no-repeat 0 0;
    text-indent: -9999em;
    display: inline-block;
    margin: 0 0 25px 0;
}

.copyright {
    text-align: center;
    color: #ffffff;
    font-size: 0.813em;
}

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

ul.socialFollow {
    margin: 0 0 15px 0;
    padding: 0;
    list-style-type: none;
}

ul.socialFollow li {
    display: inline-block;
    margin: 0 2px;
}

ul.socialFollow li a {
    color: #7b7978;
    font-size: 1.6em;
    text-decoration: none;
}

ul.socialFollow li a.icon-facebook:hover {
    color: #3C5892;
}

ul.socialFollow li a.icon-twitter:hover {
    color: #55ACEE;
}

ul.socialFollow li a.icon-google-plus:hover {
    color: #ffffff;
}

ul.socialFollow li a.icon-youtube:hover {
    color: #6e8a9d;
}

ul.socialFollow li a.icon-pinterest:hover {
    color: #5c768b;
}

ul.socialFollow li a.icon-instagram:hover {
    color: #326289;
}

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

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

.vidWrap [class*="grid_"] {
    display: table-cell;
}

.vidWrap [class*="grid_"] .vidInner {
    vertical-align: bottom;
}

/* =================================================================
                         Media Queries
 ===================================================================*/

@media only screen and (max-width: 73.125em) {
    .orderTrackingTable {
        width: auto;
        display: block;
        border: 1px solid #343434;
    }

    .orderTrackingTable .orderBlock {
        width: 33.333%;
        border: 0;
        float: left;
        display: block;
    }

    .orderTrackingTable .orderBlock .content {
        height: 40px;
    }

    .orderTrackingTable .tracking {
        width: auto;
        float: none;
        display: block;
        clear: both;
    }
}

@media only screen and (max-width: 70em) {
    .dealerLocator .vehiclePicker .optionContainer {
        display: block;
        float: left;
        width: 44%;
    }

    .dealerLocator .vehiclePicker .optionSeperator {
        display: block;
        float: left;
        width: 6%;
        padding: 0 3%;
    }

    .dealerLocator .vehiclePicker .optionSeperatorLast {
        display: none;
    }

    .dealerLocator .vehiclePicker .optionSeperatorOR {
        display: block;
        clear: both;
        float: none;
        width: auto;
    }

    .dealerLocator .vehiclePicker .searchContainer {
        text-align: left;
        padding: 15px 0 0 0;
    }

    .productDetails .avmLocator .vehiclePicker .optionContainer {
        display: block;
        width: auto;
    }

    .productDetails .avmLocator .vehiclePicker .optionSeperator {
        display: block;
    }
}

#whiteRedesign .cartHeader .flexItem .btnWrapper.btnLarge {
    margin-bottom: 0;
}

@media only screen and (min-width: 11.250em) and (max-width: 47.938em) {
    .btnWrapper {
        margin-bottom: 5px;
    }

    #whiteRedesign .overlay-cart.addtocart_full .grid_6.omega .btnWrapper .btn.alt {
        margin-bottom: 0;
    }

    #whiteRedesign .overlay-cart.addtocart_full .grid_12.alpha.omega .current {
        margin-bottom: 0;
    }

    .contentBlock .content {
        display: block;
        width: auto;
        padding: 0;
    }

    .contentBlock .media {
        display: block;
        padding: 0;
    }

    .pageSection .innerPadding {
        padding: 10px 0 20px 0;
    }

    .pageSection .innerPaddingExtra {
        padding: 10px 20px 20px 20px;
    }

    .pageToolsWrapper {
        display: none;
    }

    .leftRailContainer {
        padding-top: 20px !important;
    }

    .serviceTopLinks {
        display: block;
    }

    .serviceTopLinks .serviceTopLinksBlock {
        display: block;
    }

    .serviceTopLinks a {
        font-size: .913em;
        margin: 0 20px 10px 0;
        display: inline-block;
    }

    .serviceBlocks {
        margin: 0 -10px;
    }

    .serviceBlocks [class*="grid_"]:nth-child(3n) {
        clear: both;
    }

    .siteOverlay .overlayContent {
        padding: 55px 15px 32px;
        color: #000000;
    }

    .siteOverlay2 .overlayMoreInfo {
        margin: -40px 0 0;
    }

    .siteOverlay2 p.mobileNote {
        display: block;
    }

    .dealerLocator {
        padding: 20px 20px;
    }

    .dealerLocator .vehiclePicker .optionContainer {
        display: block;
        float: none;
        width: auto;
    }

    .dealerLocator .vehiclePicker .optionSeperator {
        display: block;
        float: none;
        width: auto;
        padding: 5px 0 5px;
    }

    .dealerLocator .vehiclePicker .optionSeperatorLast {
        display: none;
    }

    .avmImage {
        display: none;
    }

    .productDetailsAVM {
        display: none;
    }

    .avmResults .result .num {
        width: 26px;
        font-size: 1.1em;
    }

    .avmResults .result .info {
        margin: 0 0 0 40px;
    }

    .avmResults .result .call {
        font-size: 1em;
    }

    .avmResults .result .call .iconCont {
        top: -1px;
    }

    .avmResults .result .call .iconCont span {
        top: 3px;
        position: relative;
    }

    .distributorList .grid_4:nth-child(2n+1) {
        clear: both;
    }

    .distributorList .title {
        font-size: 1.1em;
    }

    .storeLocator .mapWrapper {
        display: none !important;
    }

    .storeLocator, .storeLocator .inner {
        width: 99.8% !important;
    }

    .storeLocator .locatorSearchWrapper {
        display: block !important;
    }

}

@media only screen and (min-width: 30em) and (max-width: 47.938em) {
    .navFlyout .productLinkList {
        margin: 0 -10px;
    }
}

@media only screen and (max-width: 34.063em) {

    #whiteRedesign .unauthorized-dealers, #whiteRedesign .unauthorized-dealers tbody, #whiteRedesign .unauthorized-dealers td, #whiteRedesign .unauthorized-dealers td {
        display: block;
    }

}

@media only screen and (max-width: 47.999em) {
    #whiteRedesign .siteInner ul li {
        font-size: .875em
    }
}

@media only screen and (max-width: 48em) {
    .footerMid > [class*="grid_"] {
        width: 100% !important;
        padding: 0px !important;
    }

    #divReview .grid_6:first-child {
        margin-bottom: 15px;
    }

    .mobileFixed {
        position: fixed !important;
        top: 25px !important;
    }

    #whiteRedesign .siteInner h3 {
        font-size: 1em;
    }

    #whiteRedesign .siteInner p {
        font-size: .875em
    }

    #whiteRedesign h1#pageHeading {
        text-align: left;
        margin: 0 0 10px 0;
    }

    #whiteRedesign .railNavWrapper {
        margin: 0;
    }

}

@media only screen and (min-width: 48em) and (max-width: 56em) {
    #whiteRedesign .distributorList .title {
        font-size: 0.95em;
    }
}

@media only screen and (min-width: 48em) and (max-width: 60em) {
    #whiteRedesign .serviceBlock {
        font-size: 17px;
    }
}

@media only screen and (max-width: 60em) {
    .container .ftrFull {
        width: auto;
        float: none;
        padding: 0;
        clear: both;
    }

}

@media only screen and (max-width: 58.750em) {
    .siteHeader .container .grid_12 {
        padding: 0;
    }

    .siteHeader .headerInner {
        text-align: center;
    }

    .siteHeader h1.sitelogo, .siteHeader a.sitelogo, .siteHeader a.sitelogo:link, .siteHeader a.sitelogo:visited {
        float: none;
        display: inline-block;
        margin-right: 0;
    }

    .headerLinks {
        text-align: left;
    }

    .headerLinks > ul > li {
        width: 20%;
    }

    /*FS start*/
    body.FS .headerLinks > ul > li {
        width: 12%;
    }

    /* Factory Store */
    /*FS end*/
    .headerLinks a.navItem {
        width: auto;
    }

    .navFlyout .inner {
        padding: 0;
    }

    .navFlyoutVehicle .inner {
        padding: 10px
    }

    .navFlyoutVehicle .close {
        font-size: .875em;
    }

    .navFlyoutVehicle .title {
        margin: 0 0 15px 0;
        padding: 10px 0 0 0;
        clear: both;
        font-size: 1.875em;
    }

    .navFlyoutVehicle .topText {
        display: none;
    }

    .navFlyoutVehicle .vehiclePicker {
        display: block;
        width: auto;
    }

    .navFlyoutVehicle .vehiclePicker .vehiclePickerRow {
        display: block;
    }

    .navFlyoutVehicle .vehiclePicker .optionContainer {
        display: block;
        width: auto;
        padding: 0 0 10px 0;
        clear: both;
    }

    .navFlyoutVehicle .vehiclePicker .optionSeperator {
        display: none;
    }

    .navFlyoutVehicle .vehiclePicker .optionContainerSmall {
        float: left;
        width: 14%;
        padding: 15px 0 2px 0;
    }

    .navFlyoutVehicle .vehiclePicker .optionContainerSmall .title {
        display: none;
    }

    .navFlyoutVehicle .vehiclePicker .optionContainerLarge {
        float: left;
        width: 86%;
        clear: none;
    }

    .navFlyoutVehicle .vehiclePicker .vehiclePickerMobileAdd .optionContainerSmall {
        display: none;
    }

    .navFlyoutVehicle .vehiclePicker .vehiclePickerMobileAdd .optionContainerLarge {
        text-align: center;
        width: 100%;
    }

    .navFlyoutVehicle .vehiclePicker .optionContainer .optionSelector {
        padding: 10px;
    }

    .navFlyoutVehicle .vehiclePicker .optionContainer .optionSelector .small {
        float: right;
        padding: 7px 0;
    }

    .navFlyoutVehicle .vehiclePicker .optionContainer .optionSelector .large {
        text-align: left;
        font-size: 1.625em;
        height: 26px;
    }

    .navFlyoutVehicle .vehiclePicker .vehicleType {
        font-size: 1em;
        overflow: hidden;
    }

    .navFlyoutVehicle .vehiclePicker .removeVehicle .title {
        padding: 2px 0 0 0;
    }

    .navFlyoutVehicle .vehiclePicker .optionContainer .viewProducts {
        float: right;
        position: relative;
        top: 37px;
    }

    .navFlyoutVehicle .vehiclePicker .optionContainer .viewProducts .small {
        float: none;
        font-size: 1.25em;
        display: inline;
        padding: 0 5px 0 0;
    }

    .navFlyoutVehicle .vehiclePicker .optionContainer .viewProducts .large {
        display: inline;
        font-size: 1.25em;
    }

    .navFlyoutVehicle .addVehicle .optionContainer .viewProducts {
        top: 0;
        margin: 0 0 25px 0;
    }
    #recentVehicles .optionContainer .viewProducts {
        font-size: .75em;
    }

    .navFlyoutVehicle p.cantFind {
        margin-top: -40px;
        white-space: nowrap;
        position: absolute;
        width: 94%;
    }

    .pageNotFoundContainer .hdng {
        font-size: 2em;
    }

    .pageNotFoundContainer .hdng2 {
        font-size: 1.6em;
    }

    .pageNotFoundContainer .indent, .pageNotFoundContainer .indent2 {
        margin-left: 0;
    }

    #whiteRedesign .pageToolsWrapper {
        margin-top: 0;
    }
}

@media only screen and (max-width: 30em) {
    .siteHeader h1.sitelogo, .siteHeader a.sitelogo, .siteHeader a.sitelogo:link, .siteHeader a.sitelogo:visited {
        width: 300px;
        height: 49px;
        background-size: 300px auto;
    }

    .headerLinks > ul > li {
        width: 25%;
    }

    .headerLinks li.cs {
        display: block;
    }

    .headerLinks li.ma {
        display: none;
    }

    .headerLinks a.navItem .inner {
        padding: 18px 2px 5px;
    }

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

    .footer .largeLink {
        padding: 20px 0 10px;
    }

    .footer .largeLink .sep {
        display: none;
    }

    .footer .largeLink .num {
        display: block;
        margin: 0 0 15px 0;
    }

    .serviceTopLinks a {
        font-size: .813em;
    }

    .serviceBlocks a.serviceBlock {
        margin: 0 10px 20px;
    }

    .serviceBlocks a.serviceBlock span {
        font-size: .875em;
    }

    .accountBlocks .inner {
        padding: 10px 10px;
    }

    .distributorDetailList {
        padding: 0;
        border: 0;
    }

    .distributorDetailList .distributor .num {
        font-size: 1em;
        width: 25px;
        margin: 5px;
    }

    .distributorDetailList .distributor .info {
        margin: 0 0 0 50px;
        font-size: .9em;
        padding-top: 10px;
    }

}

@media only screen and (min-width: 48em) {
    .vehicle-search-sec {
        padding: 0 20px;
    }
    .pageSection {
        padding: 30px 20px 15px;
    }

    .productListContainer {
        border-top: 5px solid #080808;
    }

    .productListContainer .inner {
        border-top: 2px solid #4d5f75;
        background: url(/cms/images/layout/bg_adv_footer.png) no-repeat 50% 0 #131313;
    }

    .productLinkList {
        margin: 0;
        padding: 30px;
    }

    .productLinkList ul .listhdng {
        display: block;
        margin-bottom: 8px;
        font-size: 1.250em;
        font-weight: bold;
        padding: 0 0 8px 0;
        border-bottom: 1px solid #333333;
    }

    .productLinkList ul {
        margin: 0 0 8px 0;
    }

    .productLinkList ul li {
        margin: 0 0 10px 0;
    }

    .productLinkList ul a {
        text-decoration: none;
        font-size: 0.875em;
        font-weight: bold;
        color: #ffffff;
        background: url(/cms/images/layout/icon_li.png) no-repeat scroll 0 3px;
        padding: 0 0 0 15px;
    }

    .productLinkList ul a:hover,
    .productLinkList ul a:active {
        color: #aaaaaa;
    }

    .productLinkList ul .listhdng {
        display: block;
        font-size: 1.250em;
        font-weight: bold;
    }

    .productLinkList ul .listhdng a {
        font-weight: bold;
        color: #5c768b;
        font-size: 1em;
        display: block;
        padding: 0 0 8px;
        background: none;
        position: relative;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .productLinkList ul .listhdng a:before {
        display: none;
    }

    .productLinkList ul .listhdng .trigger {
        display: none;
    }

    .productLinkList ul .listhdng a:hover {
        color: #5c768b;
    }

    .productLinkList ul ul {
        display: block;
    }

    .collapseWrpr .collapseInner {
        display: block;
    }

    .collapseWrpr .hdng2:before {
        display: none;
    }

    .collapseWrpr .hdng2 .trigger {
        display: none;
    }

    .collapseWrpr .hdng2 {
        cursor: auto;
        padding: 0;
        font-size: 1.4em;
    }

    .productLinkList ul ul li a {
        border: 0;
        color: #ffffff;
        background: url(/cms/images/layout/icon_li.png) no-repeat scroll 0 3px;
        padding: 0 0 0 15px;
    }

    .navFlyout .productLinkList {
        padding: 30px 0;
    }

    .navFlyout .productLinkList ul a {
        color: #ffffff;
    }

    .navFlyout .productLinkList ul a:hover {
        color: #a8a8a8;
    }

    .navFlyout .productLinkList ul .listhdng a {
        color: #5c768b;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navFlyout .productLinkList ul .listhdng {
        border-bottom: 1px solid #636262;
    }

    .navFlyout .productLinkList ul .listhdng a:before {
        position: absolute;
        content: '+';
        color: #ffffff;
        font-size: 1.5em;
        border-left: 1px solid #636262;
        padding: 10px 20px;
        z-index: 5;
        right: 0;
        top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navFlyout .productLinkList ul ul li a {
        background: none;
        border: 0;
    }

    ul.advList {
        margin: 0 0 10px;
        padding: 0;
        list-style-type: none;
        border: 0;
    }

    ul.advList a,
    ul.advList a:link,
    ul.advList a:visited {
        text-decoration: none;
        color: #696969;
        font-size: 0.875em;
        font-weight: bold;
        border: 0;
        padding: 0;
    }

    ul.advList a:hover,
    ul.advList a:active {
        color: #aaaaaa;
    }

    ul.advList .listhdng {
        display: block;
        margin-bottom: 8px;
        font-size: 1.250em;
        font-weight: bold;
        padding: 0 0 8px 0;
        border-bottom: 1px solid #333333;
    }

    ul.advList .listhdng a {
        font-weight: bold;
        color: #5c768b;
        font-size: 1em;
    }

    ul.advList .listhdng a:hover {
        color: #5c768b;
    }

    ul.advList ul {
        margin: 0;
    }

    ul.advList ul li {
        margin: 0 0 8px 0;
        line-height: 1;
    }

    ul.advList {
        margin: 0;
        padding: 20px 0 0 0;
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    ul.advList li {
        display: table-cell;
        vertical-align: middle;
        padding: 0 5px;
    }

    ul.advList a,
    ul.advList a:link,
    ul.advList a:visited {
        color: #ffffff;
        padding: 7px 5px;
        font-size: .813em;
        text-align: center;
        background: #151515;
        border: 1px solid #373737;
        border-radius: 2px;
    }

    .footerTop {
        border-bottom: 1px solid #2e2c2b;
    }

    .footerBot {
        padding: 20px 0 20px 0;
        border-top: 1px solid #2e2c2b;
        margin: 0 0 10px 0;
    }

    .footerLinks {
        text-align: left;
    }

    .footerLinks li {
        margin: 0 20px 0 0;
    }

    .installationInstructionsForm {
        background: url(/cms/images/layout/bg_installation.jpg) no-repeat 0 0;
    }

    .installationInstructionsForm .inner {
        max-width: 420px;
        padding: 26px 26px 18px;
        background: url(/cms/images/layout/bg_installation_overlay.png) repeat 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .installationInstructionsForm .inner .formee {
        padding: 0 10px 20px;
        margin: 0 0 20px 0;
        border-bottom: 1px solid #302f2f;
    }

}

@media only screen and (min-width: 48.063em) {
    .footerMid {
        padding: 20px 0 20px 0;
    }

    .locationsContainer,
    .socialContainer {
        width: auto;
        margin: 0;
    }

    .locationsContainer .footerHeading {
        text-align: left;
    }

    .footer .locationList li {
        margin: 0 15px 15px 0;
    }
}

@media only screen and (min-width: 58.750em) {
    .interior .siteBody {
        background: url("/cms/images/layout/bg_site.jpg") no-repeat 50% 0;
        padding: 25px 0 0 0;
    }

    .siteInner {
        /* margin: 0 0 30px 0; */
    }
}

@media only screen and (min-width: 64.500em) {
    .headerLinks {
        padding: 0;
        float: right;
    }

    .langSelection {
        display: block;
        float: right;
        padding: 10px 0 0 15px;
    }

    .langSelection .selector {
        margin: 0 0 5px 0;
    }

    .langSelection .btn {
        font-size: .813em;
        padding: 5px 6px;
        width: 62px;
        color: #aaaaaa;
    }

    .langSelection .btn.active {
        color: #ffffff;
    }
}

/*Making Footer Horizontal*/
.footer .locationList li a.eur + ul {
    width: 400px;
}

.footer .locationList li a.eur + ul li {
    float: left;
}

@media only screen and (max-width: 38.188em) {
    .footer .locationList li a.eur + ul {
        width: 200px;
    }
}

/* Also Like on Product Detail */
.alsoLike {
    float: right;
    width: 100%
}

.alsoLike h3 {
    color: #5c768b;
    font-size: 110%;
    width: 90px;
    text-align: left;
}

.alsoLike ul.listWrpr {
    list-style-type: none;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: right;
    border-top: 2px solid #5c768b;
    border-bottom: 2px solid #5c768b;
    padding: 15px 0;
}

.alsoLike ul.listWrpr li {
    list-style-type: none;
    float: none;
    text-align: center;
    display: inline-block;
    margin: 0;
    width: 20%;
    padding: 0;
    margin: 0;
}

.alsoLike ul.listWrpr li + li {
    padding-left: 10px;
    width: 33%;
}

.alsoLike ul.listWrpr li.title {
    display: table;
    padding-right: 0;
    height: 120px;
    float: left;
    width: 24%;
}

.alsoLike ul.listWrpr li.title h3 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin: 0px auto;
}

.alsoLike ul.listWrpr li span {
    font-size: 0.8em;
    font-weight: bold;
    text-align: center !important;
    width: 100%;
    display: block;
    float: right;
}

/* CUSTOM LANDING PAGE */
.customLand .grid_7 {
    width: 52% !important;
    padding: 0px !important;
    margin-right: 5%;
}

.customLand .grid_3 {
    width: 43% !important;
    padding: 0px !important;
}

.customLand .grid_7 .block .grid_6 {
    padding: 0 5px 0 0 !important;
    margin: 10px 0 15px;
}

.customLand .grid_7 .block .grid_6 + .grid_6 {
    padding: 0 0 0 5px !important;
}

.customLand .grid_7 .block p {
    margin: 0;
}

.customLand .pageSection > .grid_12 {
    border-top: 2px solid #4d5f75;
    padding-top: 45px !important;
    margin-top: -35px !important;
}

.customLand .grid_4.leftBanner {
    width: 347px;
    margin-right: 18px;
}

.customLand .grid_4.midBanner {
    width: 422px;
    margin-right: 18px;
}

.customLand .grid_4.rightBanner {
    width: 347px;
}

.customLand .grid_4.leftBanner,
.customLand .grid_4.midBanner,
.customLand .grid_4.rightBanner {
    padding: 0;
}

@media only screen and (max-width: 48.0em) {
    .customLand .grid_4.leftBanner,
    .customLand .grid_4.midBanner,
    .customLand .grid_4.rightBanner {
        width: 100%;
    }
}

.customLand .grid_4.leftBanner p,
.customLand .grid_4.midBanner p,
.customLand .grid_4.rightBanner p {
    margin: 0;
}

.customLand .videoWrapper {
    padding-top: 0;
    margin-bottom: 5px;
}

REM.customLand .videoWrapper:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 10%;
    background: url(/cms/images/nascar/austin-in-action.jpg) no-repeat 0 0;
    width: 44%;
    height: 58px;
    background-size: 100% auto;
}

.customLand .videoWrapper.on:after {
    content: none;
}

.vidFrameWrpr {
    max-width: 565px;
    width: auto;
    height: auto;
    position: relative;
    margin: 0 auto;
    padding: 0;
}

.vidFrame {
    position: relative;
    padding: 0;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    min-height: 318px;
}

.vidFrame iframe, .vidFrame object, .vidFrame embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.customLand .grid_3 .twitter-timeline {
    width: 100% !important;
    height: 870px !important;
}

.customLand .shareTools .pageToolsWrapper {
    position: absolute;
    top: 15px;
    right: 35px;
}

.customLand .shareTools .portlet .pageToolsWrapper {
    position: relative;
    top: inherit;
    right: inherit;
}

.nascar-countdownWrpr {
    background: url(/cms/images/nascar/bg-countdown-rev1.jpg) no-repeat 0% 0;
    width: 100%;
    height: 550px;
    overflow: hidden;
}

.nascar-countdownWrpr .countdownBodyText {
    color: #fff;
    width: 100%;
    max-width: 440px;
    float: right;
    margin: 140px 40px 40px;
}

.nascar-countdownWrpr h2 {
    font-family: 'open sans', sans-serif;
    font-size: 100px;
    line-height: 1;
    padding-left: 10px;
}

.nascar-countdownWrpr h4 {
    font-family: 'open sans', sans-serif;
    font-size: 35px;
    line-height: 1;
    padding-left: 10px;
    font-weight: normal;
}

.nascar-countdownWrpr .counter {
}

.customLand .galleryTrigger {
    cursor: pointer;
}

.customLand .gallery {
    display: none;
}

.customLand .portlet .gallery {
    display: block;
}

.customLand .portlet .gallery img {
    width: 150px;
    height: auto;
}

#infogallery {
    background: white;
    padding: 20px 30px;
    text-align: left;
    max-width: 400px;
    margin: 40px auto;
    position: relative;
}

.counter {
    text-align: center;
    border: 2px solid #4d5f75;
    border-left: none;
    border-right: none;
    margin: 25px auto;
    height: 140px;
    width: 100%;
    display: block;
}

.counter:before {
    content: 'Time Till Start';
    text-transform: uppercase;
    font-style: italic;
    color: #666;
    font-weight: bold;
    width: 90px;
    display: block;
    float: left;
    margin: 34px 16px 0 0;
    text-align: right;
}

.hasCountdown {
    height: 125px;
    background: none;
}

.countdown_rtl {
    direction: rtl;
}

.countdown_holding span {
    color: #888;
}

.countdown_row {
    clear: both;
    width: 100%;
    padding: 0 2px;
    text-align: center;
    border: 2px solid #4d5f75;
    border-left: none;
    border-right: none;
    height: 140px;
    width: 100%;
    display: block;
}

.countdown_show1 .countdown_section {
    width: 98%;
}

.countdown_show2 .countdown_section {
    width: 48%;
}

.countdown_show3 .countdown_section {
    width: 28.5%;
}

.countdown_show3:before {
    content: 'Time Till Start';
    text-transform: uppercase;
    font-style: italic;
    color: #666;
    font-weight: bold;
    width: 100px;
    display: block;
    float: left;
    margin: 34px 25px 0 0;
    text-align: right;
}

.countdown_show3 .countdown_section:first-child:before {
    content: none;
}

.countdown_show3 .countdown_section:before {
    content: ':';
    color: #fff;
    font-size: 3em;
    font-family: 'Orbitron', sans-serif;
    padding-right: 10px;
}

.countdown_show4 .countdown_section {
    width: 24.5%;
}

.countdown_show5 .countdown_section {
    width: 19.5%;
}

.countdown_show6 .countdown_section {
    width: 16.25%;
}

.countdown_show7 .countdown_section {
    width: 14%
}

.countdown_section span {
    font-family: 'Orbitron', sans-serif;
    color: #fff;
    font-size: 6.5em;
}

.countdown_section {
    display: block;
    float: left;
    font-size: 75%;
    text-align: center;
    color: #4d5f75;
    text-transform: uppercase;
}

.countdown_amount {
    font-size: 200%
}

.countdown_descr {
    display: block;
    width: 100%
}

.counter .digital span {
    display: block;
    float: left;
    width: 45px;
    height: 70px;
    background: url(/cms/images/nascar/LED.png) no-repeat 0px 0px;
    margin-top: 20px;
}

.counter .digital span.image0 {
    background-position: -0px 0px;
}

.counter .digital span.image1 {
    background-position: -46px 0px;
}

.counter .digital span.image2 {
    background-position: -90px 0px;
}

.counter .digital span.image3 {
    background-position: -135px 0px;
}

.counter .digital span.image4 {
    background-position: -181px 0px;
}

.counter .digital span.image5 {
    background-position: -227px 0px;
}

.counter .digital span.image6 {
    background-position: -272px 0px;
}

.counter .digital span.image7 {
    background-position: -317px 0px;
}

.counter .digital span.image8 {
    background-position: -362px 0px;
}

.counter .digital span.image9 {
    background-position: -407px 0px;
}

.counter .digital span.imageDay {
    background-position: -100px 0px;
    display: none;
}

.counter .digital span.imageSep {
    background-position: -462px 0px;
    width: 24px;
}

.counter .digital span.imageSpace {
    background-position: -120px 0px;
    display: none;
}

.counter .labels {
    display: block;
    position: absolute;
    margin: -34px 0 0 105px;
}

.counter .labels, .counter .labels span {
    background: none;
}

.counter .labels span {
    display: inline-block;
    width: auto;
    padding: 0 32px;
    margin: 0;
    color: #4d5f75;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: bold;
}

@media only screen and (max-width: 58.750em) {
    .nascar-countdownWrpr {
        background: url(/cms/images/nascar/bg-countdown-mobile1.jpg) no-repeat 0% 0%;
        background-size: 100% auto;
        height: 550px;
    }

    .nascar-countdownWrpr .countdownBodyText {
        float: none;
        margin: 140px auto 40px;
    }
}

@media only screen and (max-width: 48.000em) {
    .customLand .grid_7 .block .grid_6 {
        width: 50% !important;
    }
}

@media only screen and (max-width: 40.625em) {
    .container .grid_7 {
        width: 100% !important;
    }

    .container .grid_3:not(.slick-slide) {
        width: 100% !important;
        margin-top: 20px;
    }

    #whiteRedesign .container .grid_3:not(.slick-slide) {
        width: 100% !important;
    }

    #whiteRedesign .container .homeCallouts .grid_3 {
        width: 50% !important;
    }

    #whiteRedesign .itemList.productList.departmentList.sw_1half .itemWrapper.grid_3 {
        width: 50% !important;
        padding: 0 10px;
    }
}

@media only screen and (max-width: 31.875em) {
    .nascar-countdownWrpr .countdownBodyText {
        max-width: 320px;
    }

    .nascar-countdownWrpr h2 {
        font-size: 60px;
        text-align: center;
    }

    .nascar-countdownWrpr h4 {
        font-size: 20px;
        text-align: center;
    }

    .counter:before {
        width: 100%;
        text-align: center;
        margin: 4px 0 0;
    }

    .counter .digital span {
        margin-top: 7px
    }

    .counter .labels {
        margin: -22px 0 0 0;
    }
}

@media only screen and (max-width: 24.375em) {
    .nascar-countdownWrpr {
        height: 480px
    }

    .nascar-countdownWrpr .countdownBodyText {
        margin: 140px 10px 40px;
    }

    .counter .labels span + span + span {
        padding-right: 0;
    }

    .customLand .pageSection > .grid_12 {
        border-top: 0px solid #4d5f75;
    }
}

.ytWrpr, .ytWrpr.Trigger {
    position: absolute;
    z-index: 999;
    opacity: 0.98;
    margin-top: 10px;
    margin-left: 10px;
    cursor: pointer;
}

ul.general-info {
    margin-top: 3px;
    height: 30px;
    overflow: hidden;
    padding: 0;
}

ul.general-info li:first-child {
    border: none;
    padding-left: 0;
}

ul.general-info li {
    border-left: 1px solid rgba(0, 0, 0, 0.3);
    padding: 0px 10px;
    margin: 0;
    font: 16px/30px Helvetica, arial, sans-serif;
    display: inline;
}

ul.player-metadata {
    line-height: 1.8em;
    float: left;
    padding: 0;
}

ul.player-metadata li {
    display: block;
    clear: both;
    font: 13px/17px Helvetica, arial, sans-serif;
}

ul.player-metadata li span {
    width: 100px !important;
    display: block;
    float: left;
    text-align: left;
    font-weight: bold;
    padding-right: 15px;
}

.player-stats {
    width: 100%;
    clear: both;
}

.player-stats p {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 4px;
}

.player-stats td p {
    margin-top: 15px;
}

.player-stats table {
    margin-bottom: 15px;
}

.player-stats th {
    font-size: 0.78em;
    background: #efefef;
}

/* END CUSTOM LANDING PAGE */

/* START AVM FLYOUT */
@media only screen and (max-width: 68.750em) {
    .avmFlyout {
        width: 76%;
        left: 2%;
        top: 2%;
    }
}

@media only screen and (max-width: 47.938em) {
    .avmFlyout {
        width: 96%;
        min-width: inherit;
        left: 2%;
        top: 11% !important;
    }

    .avmFlyout .vehiclePicker {
        display: block;
    }

    .avmFlyout .inner .avmThumbWrpr {
        max-width: 430px !important;
        margin: 0 auto 15px !important;
        display: block;
    }

    .avmFlyout .inner {
        padding: 35px 5% 20px; /* width:90%; */
    }

    .avmFlyout .inner .grid_2 {
        width: 100% !important;
        display: block;
        margin: 0;
        line-height: 1;
    }

    .avmFlyout .inner .grid_5 {
        width: 100% !important;
    }

    .avmFlyout .whiteBtn {
        min-width: 150px;
        float: none;
        margin-bottom: 15px
    }

    .avmFlyout a.whiteBtn.overlayClose {
        max-width: 170px;
        float: none;
    }
}

/* END AVM FLYOUT */

/*! Magnific Popup - v1.0.0 - 2015-01-03 */
.mfp-bg, .mfp-wrap {
    left: 0;
    top: 0;
    position: fixed
}

.mfp-bg, .mfp-container, .mfp-wrap {
    width: 100%;
    height: 100%
}

.mfp-container:before, .mfp-figure:after {
    content: ''
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80)
}

.mfp-wrap {
    z-index: 1043;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container, img.mfp-img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.mfp-container:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-close, .mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

.mfp-figure:after, .mfp-iframe-scaler iframe {
    position: absolute;
    left: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus, .mfp-close:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-figure, img.mfp-img {
    line-height: 0
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    filter: alpha(opacity=65);
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow .mfp-a, .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow .mfp-b, .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left .mfp-a, .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left .mfp-b, .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right .mfp-a, .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right .mfp-b, .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-image-holder .mfp-content, img.mfp-img {
    max-width: 100%
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.mfp-figure:after, img.mfp-img {
    display: block;
    width: auto;
    height: auto
}

img.mfp-img {
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure:after {
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.mfp-slide-in .popup-animate {
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg)
}

.mfp-slide-in.mfp-ready .popup-animate {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0)
}

.mfp-slide-in.mfp-removing .popup-animate {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg)
}

.mfp-slide-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.mfp-slide-in.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-slide-in.mfp-removing.mfp-bg {
    opacity: 0
}

/* SLICK CAROUSEL */
.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.mb-slider-content {
    display: none;
}

.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
    color: transparent;
    background: 0 0;
    outline: 0
}

.slick-dots, .slick-next, .slick-prev {
    position: absolute;
    display: block;
    padding: 0
}

.slick-dots li, .slick-dots li button {
    cursor: pointer;
    height: 15px;
    width: 15px
}

.slick-dots li button:before, .slick-next:before, .slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-next, .slick-prev {
    font-size: 0;
    line-height: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    cursor: pointer;
    border: none
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '?'
}

.slick-next:before, [dir=rtl] .slick-prev:before {
    content: '?'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

[dir=rtl] .slick-next:before {
    content: '?'
}

.slick-slider {
    margin-bottom: 15px
}

.slick-dots {
    bottom: -15px;
    width: 100%;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-size: 6px;
    line-height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    content: '';
    text-align: center;
    background: #999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 1;
    color: #000
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    background: #000;
    color: #000
}

#whiteRedesign .bannerFooterGroup .slick-slide img {
    margin: 0 auto;
}

/* #271498 video thumbs left align */
.videoSection .grid_4 a {
    min-height: 215px;
}

#cartOverlay_spnBannerDisclaimer {
    display: block;
    font-size: .8em;
}

html[lang="es"] .alsoBought .slick-track .btn.orange, html[lang="es"] .overlay-cart .btnSmall .btn.orange, html[lang="es"] .alsoBought .btn.orange {
    min-width: 125px;
    padding: 10px 10px;
}

#dealerExternal {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 500;
    display: none;
}

#dealerExternalInner {
    width: 500px;
    max-width: 90%;
    padding: 20px;
    margin: 0 auto;
    border: 1px solid #4a5a6f;

    position: relative;
    top: 40%;

    background: #000000;
    color: #FFFFFF;
    text-align: center;
}

#dealerExternalInner a {
    margin-right: 20px;
}

.poupusTitle {
    font-size: 1.25em !important;
    font-weight: bold !important;
}

.poupusDouble {
    display: table;
}

.poupusDouble > span {
    display: table-cell;
    text-align: center;
    font-size: .8em;
    width: 40%;
}

.poupusSingle > span {
    display: block;
    text-align: center;
    font-size: .8em;
    width: 40%;
    margin: 0 auto;
}

.poupusDouble .pinUpCenter {
    width: 20%;
    font-size: 1.25em;
    font-family: "Open Sans", sans-serif;
}

#whiteRedesign .overlay-cart.addtocart_full .poupusDouble .pinUpCenter {
    width: 10%;
}

.pinUpsell img {
    border: 1px solid #000000;
}

.popUpTitle {
    font-weight: bold;
}

.overlay-cart .pinUpsell .btn.orange {
    padding: 10px 14px;
    margin-top: 10px;
    font-size: 1.3em;
    max-width: 142px;
}

#whiteRedesign .overlay-cart.addtocart_full .overlay-cart .pinUpsell .btn.orange {
    width: 70%;
    min-width: auto;
}

@media (max-width: 580px) {
    .poupusDouble > span, .poupusSingle > span {
        width: 100% !important;
        display: block;
    }
}

@media (max-width: 500px) {
    .poupusDouble > span, .poupusSingle > span {
        width: 100% !important;
        display: block;

    }

    .pinUpCenter {
        margin-bottom: 15px;
    }
}

#divCheckoutLogin label, .passLink a {
    color: #000000 !important;
}

/* 20160509 START */
.naPop.avmFlyout {
    width: 480px;
    border: 4px solid #4a5a6f;
    background: #FFFFFF;
    text-align: center;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translateX(-50%);
    transform: translate(-50%, -50%);
}

.naPop.avmFlyout .close {
    color: #000;
    font-size: 0.9em;
}

.naPop.avmFlyout .topText {
    width: 100%;
}

.naPop.avmFlyout .topText a {
    color: #5c768b;
    cursor: pointer;
}

.naPop.avmFlyout .avmThumbWrpr img {
    max-width: 328px !important;
}

.naPop.avmFlyout p {
    color: #000000 !important;
    font-size: 0.875em;
}

.naPop.avmFlyout p.topText {
    margin: 10px 0;
    color: #000000 !important;
}

.naPop.avmFlyout a.whiteBtn.overlayClose,
.naPop.avmFlyout a.whiteBtn.btnUpgrade {
    background: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1.05em;
    font-weight: 700;
    margin: 0;
    overflow: visible;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
}

.naPop.avmFlyout .continueAVM {
    padding: 8px 20px;
    margin-top: 10px;
    border: 1px solid #5c768b;
    border-radius: 3px
}

.naPop.avmFlyout .inner {
    background: none;
}

.naPop .updateHolder {
    text-align: center;
    margin: 0px 20px;
    font-size: 0.875em;
    font-weight: bold;
    background-color: #5c768b;
    border: 0 none;
    border-radius: 3px;
}

#whiteRedesign .naPop .updateHolder a {
    color: #fff;
}

.naPop .btnUpgrade {
    max-width: 465px;
    margin: 0 auto;
}

.naPop.avmFlyout .inner .continueAVM {
    border: none;
    color: #000 !important;
}

@media (max-width: 560px) {
    .naPop.avmFlyout {
        width: 90%;
    }

    .naPop.avmFlyout p.topText {
        color: #000000;
        font-size: .8em;
    }

    .naPop.avmFlyout .close {
        font-size: .8em;
    }

    .naPop.avmFlyout .avmThumbWrpr img {
        max-width: 100% !important;
    }
}

/* 20160509 END */

/* 307646 START */
#TB_window {
    width: 500px;
    border: 4px solid #4a5a6f !important;

    /*color: #FFFFFF !important;
     background: #000000 !important;*/
}

#TB_title {
    background: #FFFFFF !important;
}

#TB_closeWindowButton:before {
    content: 'CLOSE X';

    color: #000000;
    font-weight: bold;
    background: #FFFFFF;
    width: 93px;
    position: absolute;
}

#TB_ajaxContent {
    width: auto !important;
    height: auto !important;
    padding: 2px 20px 15px !important;

    text-align: center !important;
}

#TB_ajaxContent input {
    padding: 8px 35px;

    font-size: 1.2em;
}

#TB_ajaxContent {
    width: 80% !important;
    margin: 0 auto;
    font-size: 1.2em;
}

#TB_ajaxContent input:first-child {
    float: left;
}

#TB_ajaxContent input:last-child {
    float: right;
}

@media (max-width: 510px) {
    #TB_window {
        width: 90% !important;
        margin: 0 !important;
        color: #FFFFFF;
        background: #000000;

        top: 10% !important;
        left: 5% !important;
    }

    #TB_ajaxContent p:first-child {
        width: auto !important;
    }

    #TB_ajaxContent input:first-child {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    #TB_ajaxContent input:last-child {
        display: block;
        width: 100%;
    }
}

/* 307646 END */

.divAccessories {
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 15px 0px;
}

#whiteRedesign .divAccessories {
    margin-bottom: 0;
    margin-top: -10px;
    padding: 10px 0px;
}

@media only screen and (min-width: 47em) and (max-width: 67em) {
    .divAccessories {
        margin-top: 0;
    }
}

.border-top-red {
    border-top: 2px solid #4d5f75;
}

.border-bottom-red {
    border-bottom: 2px solid #4d5f75;
}

.divAccessories input {
    vertical-align: top;

    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    margin: 6px 4px 4px 4px;
}

.divAccessories label {
    display: inline-block;
    padding-left: 8px;
    font-size: .8em;
}

.divAccessories .btn {
    font-size: .8em;
    padding: 6px 10px;
    font-weight: normal;
    vertical-align: top;
}

#cartOverlay_divAccessory .current {
    margin: 0;
}

#cartOverlay_divAccessory h1 {
    font-size: 1.2em;
}

.fleft .fleftheader {
    width: 230px;
    float: left;
}

#cartOverlay_divAccessory .fleft {
    display: inline-block;
    width: 80%;
    min-height: auto !important;
    font-size: .8em;
}

#whiteRedesign .overlay-cart.addtocart_full #cartOverlay_divAccessory .fleft {
    font-size: 1em;
}

#cartOverlay_divAccessory .fright {
    display: inline-block;
    width: 20%;
    margin-left: 0;
    margin-top: 0;
    min-height: auto;
    font-size: .8em;
    text-align: right !important;
}

@media only screen and (max-width: 34.375em) {
    #cartOverlay_divAccessory .fleft {
        width: 60%;
    }

    #cartOverlay_divAccessory .fleft > div:first-child {
        float: none !important;
    }

    #cartOverlay_divAccessory .fright {
        margin-top: 34px;
        width: 35%;
    }
}

/* WTE Trust Logos - #326797 */
.WTEtrustLogos {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    margin: 10px auto 15px;
    clear: both;
}

.siteInner .WTEtrustLogos {
    padding-top: 20px;
}

.WTEtrustLogos .item {
    display: inline-block;
    width: 20%;
    padding: 0 0 15px;
    border: none;
    float: left;
}

.WTEtrustLogos.list4 .item {
    width: 25%;
}

.WTEtrustLogos .item a {
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    line-height: 1em;
    -webkit-transition: all 0.85s ease;
    -moz-transition: all 0.85s ease;
    -o-transition: all 0.85s ease;
    transition: all 0.85s ease;
}

.WTEtrustLogos .item a:hover {
    text-decoration: none;
    text-shadow: 0px 2px 3px rgba(255, 255, 255, 0.86);
}

.WTEtrustLogos .item .icon {
    display: block;
}

.WTEtrustLogos .item .icon img {
    display: block;
    width: 100px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* force 1/2 width for retina */

#whiteRedesign .WTEtrustLogos div.item {
    float: none;
    width: 19%;
    vertical-align: top;
}

#whiteRedesign .WTEtrustLogos .item a {
    font-size: 0.85em;
    font-weight: 700;
    color: #000;
}

#whiteRedesign .WTEtrustLogos .item a:hover {
    color: #5c768b;
}

/* one item */
#whiteRedesign .WTEtrustLogos div.item:first-child:nth-last-child(1) {
    width: 100%;
}

/* two items */
#whiteRedesign .WTEtrustLogos div.item:first-child:nth-last-child(2),
#whiteRedesign .WTEtrustLogos div.item:first-child:nth-last-child(2) ~ div {
    width: 20%;
}

/* three items */
#whiteRedesign .WTEtrustLogos div.item:first-child:nth-last-child(3),
#whiteRedesign .WTEtrustLogos div.item:first-child:nth-last-child(3) ~ div {
    width: 20%;
}

/* four items */
#whiteRedesign .WTEtrustLogos div.item:first-child:nth-last-child(4),
#whiteRedesign .WTEtrustLogos div.item:first-child:nth-last-child(4) ~ div {
    width: 20%;
    margin: 0px 2%;
}

#whiteRedesign .WTEtrustLogos_wrapper .WTEtrustLogos {
    width: 100% !important;
    text-align: right !important;
}

#whiteRedesign .WTEtrustLogos_wrapper .WTEtrustLogos div.item {
    width: 20%;
}

/* two items */
#whiteRedesign .WTEtrustLogos_wrapper .WTEtrustLogos div.item:first-child:nth-last-child(2),
#whiteRedesign .WTEtrustLogos_wrapper .WTEtrustLogos div.item:first-child:nth-last-child(2) ~ div {
    width: 25%;
}

/* three items */
#whiteRedesign .WTEtrustLogos_wrapper .WTEtrustLogos div.item:first-child:nth-last-child(3),
#whiteRedesign .WTEtrustLogos_wrapper .WTEtrustLogos div.item:first-child:nth-last-child(3) ~ div {
    width: 17%;
}

/* four items */
#whiteRedesign .WTEtrustLogos_wrapper .WTEtrustLogos div.item:first-child:nth-last-child(4),
#whiteRedesign .WTEtrustLogos_wrapper .WTEtrustLogos div.item:first-child:nth-last-child(4) ~ div {
    width: 20%;
    margin: 0px 2%;
}

#whiteRedesign .WTEtrustLogos_wrapper .WTEtrustLogos div.item:first-child:nth-last-child(5),
#whiteRedesign .WTEtrustLogos_wrapper .WTEtrustLogos div.item:first-child:nth-last-child(5) ~ div {
    width: 19%;
}

@media only screen and (max-width: 48em) {
    #whiteRedesign .WTEtrustLogos_wrapper .WTEtrustLogos {
        text-align: center !important;
    }

    #whiteRedesign .homeBannerContainer .grid_12 .WTEtrustLogos div.item:nth-child(1),
    #whiteRedesign .homeBannerContainer .grid_12 .WTEtrustLogos div.item:nth-child(2),
    #whiteRedesign .homeBannerContainer .grid_12 .WTEtrustLogos div.item:nth-child(3),
    #whiteRedesign .grid_12 .WTEtrustLogos_wrapper .WTEtrustLogos div.item:nth-child(1),
    #whiteRedesign .grid_12 .WTEtrustLogos_wrapper .WTEtrustLogos div.item:nth-child(2),
    #whiteRedesign .grid_12 .WTEtrustLogos_wrapper .WTEtrustLogos div.item:nth-child(3) {
        width: 19%;
        margin: 0;
    }

    #whiteRedesign .homeBannerContainer .grid_12 .WTEtrustLogos div.item:nth-child(4),
    #whiteRedesign .homeBannerContainer .grid_12 .WTEtrustLogos div.item:nth-child(5),
    #whiteRedesign .grid_12 .WTEtrustLogos_wrapper .WTEtrustLogos div.item:nth-child(4),
    #whiteRedesign .grid_12 .WTEtrustLogos_wrapper .WTEtrustLogos div.item:nth-child(5) {
        width: 19%;
        margin: 0;
    }
}

@media only screen and (max-width: 28.75em) {
    #whiteRedesign .homeBannerContainer .grid_12 .WTEtrustLogos div, #whiteRedesign .grid_12 .WTEtrustLogos_wrapper .WTEtrustLogos div {
        display: inline-block;
        width: 49% !important;
        margin: 0 !important;
    }

    #whiteRedesign .grid_12 .WTEtrustLogos div.item:last-child {
        /*margin-left: 25% !important;*/
    }
}

@media only screen and (max-width: 800px) {
    .WTEtrustLogos .item {
        width: 33%;
    }

    .WTEtrustLogos.list4 .item {
        width: 50%;
    }

    .WTEtrustLogos .item .title {
        min-height: 70px;
        display: block;
    }
}

@media only screen and (max-width: 460px) {
    .WTEtrustLogos .item, .WTEtrustLogos.list4 .item {
        display: block;
        padding: 0;
        width: 100%;
        float: none;
    }

    .WTEtrustLogos .item .title {
        min-height: inherit;
        margin-bottom: 15px;
    }
}

/* #347279 - P2: Add to Cart Pop-UP (Mobile) Background  */
@media only screen and (max-width: 48.75em) {
    .mfp-slide-in.mfp-ready.mfp-bg {
        opacity: 1;
        display: block;
    }

    .mfp-wrap {
        top: 85px !important;
    }

    .mfp-auto-cursor .mfp-content {
        padding-top: 80px;
        position: fixed;
        top: 0;
        left: 0;
        height: 94% !important;
        overflow: auto !important;
        background: #fff;
    }

    .mfp-auto-cursor .mfp-content .overlay-cart::before {
        content: '';
        width: 100%;
        height: 80px;
        background: #fff url(/cms/images/layout/white/logo.png) no-repeat 50% 80%;
        background-size: 75% auto;
        position: absolute;
        top: -82px;
        z-index: 999999;
        border-bottom: 2px solid #5c768b;
    }
}

/* MOBILE OPEN CART ADJUST BODY SCROLL FOR IOS */
@media (max-width: 780px) {
    html.hasCart {
        background: #fff;
    }

    html.hasCart .siteBody, html.hasCart footer {
        display: none;
    }
}

/* ## Store Locator Styles ## */
.storeLocator {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    display: table;
    /*border: 6px solid #e7e5da;*/
}

.storeLocator .locatorSearchWrapperAll {
    display: table-cell;
    vertical-align: top;
    z-index: 9;
    margin: 0px 0px 0px 0px;
    cursor: default;
    padding: 0px 0px 0px 0px;
    border-bottom: none;
    /*border-right: 6px solid #ededed;*/
}

.storeLocator .locatorSearchWrapper {
    display: table-cell;
}

.storeLocator .locatorSearchWrapper .inner {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    right: 0;
    width: 380px;
    border: none;
    display: block;
    background: #fff;
    border: 1px solid #757575;
    padding: 0;
}

.storeLocator .locatorSearchWrapper .inner .search {
    display: block;
}

.storeLocator .locatorHdng {
    background: #fff;
    border-bottom: 1px solid #757575;
}

.storeLocator .locatorHdng .divTitle {
    padding-top: 10px;
    text-align: center;
    text-decoration: underline;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 5px;
    background-color: #f3f3f3;
}

.storeLocator h2 {
    font-size: 2em;
    color: #6e8a9d;
    text-transform: uppercase;
    background: #e4e2e2;
    padding: 10px 20px;
    margin-top: 0;
    margin-bottom: 5px;
    border: 4px solid #231f20;
    font-weight: normal;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.storeLocator .formee input[type="text"],
.storeLocator .formee select {
    border-radius: 5px;
    padding: 8px 5px;
    margin: 0;
    border: 1px solid #dddddd;
    -webkit-box-shadow: inset 0 4px 3px -3px rgba(0, 0, 0, .30);
    box-shadow: inset 0 4px 3px -3px rgba(0, 0, 0, .30);
}

.storeLocator .txtLocationSearch {
    border: 1px solid black !important;
    border-radius: 0 !important;
}

.storeLocator .formee label {
    font-size: 1.2em;
}

.storeLocator .mapWrapper {
    /*border: 1px solid #757575;*/
    height: 55vh;
    width: 1400px;
    overflow: hidden;
    float: none;
    display: table-cell;
    vertical-align: top;
    position: relative;
}

.storeLocator .results-all {
    height: 55vh;
    display: block;
    border-top: 1px solid #757575;
    background: #fff;
}

.storeLocator .results-all .hdngSearch {
    padding: 5px !important;
    font-weight: bold;
    color: #4d5f75 !important;
}

.storeLocator .results {
    overflow-y: scroll;
    max-height: 50vh;
}

.storeLocator .locationResultsAllItems {
    border-width: 1px;
    border-spacing: 4px;
    border-style: hidden;
}

.storeLocator .locationResultsItem {
    position: relative;
    display: table;
    width: 100%;
    padding-bottom: 15px;
    font-size: 1em;
    line-height: 1.38em;
    border-bottom: 1px solid #e7e5da;
    box-sizing: border-box;
}

.storeLocator .locationResultsItem.selected.unselected {
    background-color: #ffffff !important;
    border: none !important;
}

.storeLocator .locationResultsItem.selected {
    background-color: #deefde !important;
    border: 1px solid #757575 !important;
    border-left: none !important;
}

.storeLocator .locationResultsItem .index {
    margin: 0px 5px 0px 0px;
    font-size: 1.13em;
    line-height: 13px;
    font-weight: bold;
    width: 30px;
    height: 50px;
    display: table-cell;
    color: #fff;
    vertical-align: top;
    cursor: default;
    padding: 2px 10px 2px 10px;
}

.storeLocator .locationResultsItem .index .markerIndex {
    color: #000;
    font-size: 12px;
    transform: translate(36%, -283%);
}

.storeLocator .locationResultsItem .indexContent {
    display: table-cell;
    padding-top: 15px;
}

.storeLocator .indexContent .itemName {
    font-weight: bold;
}

.storeLocator .indexContent .vendortype {
    padding-bottom: 10px;
}

.storeLocator .indexContent .content {
    display: table;
    border-collapse: collapse;
    width: 99%;
}

.storeLocator .indexContent .Vendor {
    display: block;
    border-collapse: collapse;
}

.storeLocator .indexContent .Vendor a div.diamondInfo {
    height: 14px;
    width: 14px;
    font-size: 14px !important;
    font-weight: normal !important;
    background-color: #b3b2b1;
    color: white !important;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 1em;
}

.storeLocator .indexContent .Vendor a {
    background: none;
    outline: none !important;
    outline-style: none !important;
    padding-left: 5px;
}

.storeLocator .indexContent .content .address {
    display: table-cell;
    padding-right: 20px;
    width: 75%;
}

.storeLocator .indexContent .content .distance {
    display: table-cell;
    text-align: right;
}

.storeLocator .indexContent .Vendor .vendortype {
    float: left;
    padding-right: 15px;
    font-size: 0.7em;
    font-weight: 500;
}

.storeLocator .indexContent .Vendor .diamonds {
    float: right;
}

@media screen and (max-width: 48em) {
    .storeLocator .indexContent .Vendor .diamonds {
        float: none !important;
        display: flex;
    }
}

.storeLocator .locationResultsAllItems .wrpDiamond, .storeLocator .indexContent .wrpDiamond {
    position: relative;
    display: inline-block;
    height: 15px;
    margin-top: 5px;
}

.storeLocator .locationResultsItem.selected:not(.unselected) .wrpDiamond {
    /* background: url('/cms/images/layout/diamond_transparent_selected.png') repeat-x !important; */
    /* background-size: 20% auto !important; */
}

.storeLocator .ratings {
    display: inline-block;
    font-size: 0.8em;
    color: #6e8a9d;
    font-weight: 700;
    padding-left: 5px;
}

.storeLocator .locationResultsItem.selected:not(.unselected) .aDiamond {
    border-right: 1px solid #deefde;
}

.storeLocator .locationResultsItem.selected.unselected .aDiamond {
    border-right: 1px solid #ffffff;
}

.storeLocator .locationResultsItem.selected.unselected .diamond, .storeLocator .indexContent .diamond {
    background: url('https://assets.weathertech.com/assets/1/7/diamond_red.png') repeat-x transparent;
    height: 100%;
}

.storeLocator .locationResultsItem.selected:not(.unselected) .diamond {
    /* background: url('/cms/images/layout/diamond_transparent_selected.png') repeat-x #5c768b !important; */
    /* height: 95%; */
}

.storeLocator .locationResultsItem.selected.unselected .ratingEach {
    border-right: 1px solid #fff;
}

.storeLocator .locationResultsItem.selected:not(.unselected) .ratingEach {
    border-right: 1px solid #deefde;
}

.storeLocator .locationResultsItem.selected.unselected .rating1, .storeLocator .locationResultsItem.selected:not(.unselected) .rating1, .storeLocator .indexContent .rating1 {
    width: 20% !important;
    background-size: 100% auto !important;
}

.storeLocator .locationResultsItem.selected.unselected .rating2, .storeLocator .locationResultsItem.selected:not(.unselected) .rating2, .storeLocator .indexContent .rating2 {
    width: 40% !important;
    background-size: 50% auto !important;
}

.storeLocator .locationResultsItem.selected.unselected .rating3, .storeLocator .locationResultsItem.selected:not(.unselected) .rating3, .storeLocator .indexContent .rating3 {
    width: 60% !important;
    background-size: 33.33% auto !important;
}

.storeLocator .locationResultsItem.selected.unselected .rating4, .storeLocator .locationResultsItem.selected:not(.unselected) .rating4, .storeLocator .indexContent .rating4 {
    width: 80% !important;
    background-size: 25% auto !important;
}

.storeLocator .locationResultsItem.selected.unselected .rating5, .storeLocator .locationResultsItem.selected:not(.unselected) .rating5, .storeLocator .indexContent .rating5 {
    width: 100% !important;
    background-size: 20% auto !important;
}

.storeLocator .indexContent a {
    color: #267fc1 !important;
}

.storeLocator h3 {
    text-transform: uppercase;
    color: #787878;
    font-weight: normal;
    margin: 0;
}

.storeLocator .headerColumns {
    display: table;
    width: 100%;
    background-color: #ededed;
    padding-top: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #757575;
}

.storeLocator .dealerType {
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    background: #5c768b;
    padding: 10px;
    color: #fff;
}

.storeLocator .dealerTypeExpanded {
    display: none;
    background-color: #fdfdfd;
    padding: 0 5px;
}

.storeLocator .moreInfo {
    display: inline-block;
    border: 1px solid #888888;
    background: #e2e2e2;
    padding: 0px 15px;
    margin-top: 10px;
    font-weight: 700;
    font-size: 14px;
    color: #252525;
    border-radius: 15px;
}

/*.storeLocator .moreInfo:after {
         content:"more info";
     }
         .storeLocator .moreInfo.expanded:after {
             content: "less info";
         }*/

.storeLocator .moreInfoExpanded {
    display: none;
    background-color: #fdfdfd;
    padding-top: 12px;
}

.storeLocator .dealerTypeExpanded table {
    display: inline-block;
}

.dealerType .plusIcon {
    position: absolute;
    right: 15px;
    width: 20px;
    height: 20px;
    top: 75%;
    margin-top: -18px;
    left: auto;
    z-index: 8;
    text-indent: 0;
    background: none;
}

.plusIcon {
    display: block;
    overflow: hidden;
}

.dealerType .plusIcon:before {
    background: #fff;
    width: 100%;
    top: 50%;
    height: 2px;
    content: '';
    position: absolute;
    margin: -1px 0 0 0;
}

.dealerType .plusIcon:after {
    background: #fff;
    height: 100%;
    left: 50%;
    top: 0;
    width: 2px;
    content: '';
    position: absolute;
    margin: 0 0 0 -1px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.dealerType.expanded .plusIcon:after {
    background: none !important;
}

span.dealer-distance-txt {
    line-height: 1.5em;
}

.chkDealerDistance td {
    padding: 5px;
}

.storeLocator .chkDealerType input[type="checkbox"] {
    position: absolute !important;
    left: -999em !important;
    line-height: 2.1ex !important;
    vertical-align: super !important;
    margin: 6px 4px 4px 4px !important;
}

.storeLocator .chkDealerType input[type="checkbox"] + label {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    padding-left: 2.5em;
}

.storeLocator .chkDealerType input[type="checkbox"] + label:before {
    content: "";
    display: inline-block;
    height: 1.5em;
    width: 1.5em;
    border: 1px solid #313131;
    border-radius: 1px;
    /*box-shadow: inset 0 2px 5px rgba(0,0,0,0.25);*/
    margin-right: 0.5em;
    position: absolute;
    left: 0;
    top: 0;
}

.storeLocator .chkDealerType span[vendortypeid="1"] input[type="checkbox"] + label:before {
    background-color: #5c768b;
}

.storeLocator .chkDealerType span[vendortypeid="4"] input[type="checkbox"] + label:before {
    background-color: #425fdf;
}

.storeLocator .chkDealerType input[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    width: 1.2em;
    height: .5em;
    background: rgba(0, 0, 0, 0);
    top: 0.32em;
    left: 0.17em;
    border: 3px solid white;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
}

.storeLocator .chkDealerType label {
    width: 85%;
    height: 22px;
    /*max-width: 60%;*/
    font-weight: 600;
    display: inline-block;
    font-size: .8em;
    color: black !important;
}

.storeLocator .headerColumns .column {
    display: table-cell;
    padding: 0 5px 0 10px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.storeLocator .btnZoom {
    padding: 9.25px 18px 9.25px 18px !important;
    border-radius: 0 !important;
    background-color: #5c768b !important;
}

.storeLocator .results .address {
    max-width: 175px;
}

.locPagination {
    background: #ededed;
    border: 1px solid white;
    padding: 5px 0;
}

.locPagination span.page-of {
    vertical-align: middle;
    padding-left: 5px;
}

/*BLOG Ticket 370000*/
/*BlogFeaturedCarousel module start*/
.pnlMainNavMobile {
    display: none;
}

.blogTopNav .liHome, .blogTopNav .liVideo {
    display: inline;
}

.blogTopNav .liHome a, .blogTopNav .liItem a, .blogTopNav .liVideo a {
    color: black !important;
    text-indent: 0em !important;
    font-size: 15px !important;
    margin: 0px 5px !important;
}

.blogTopNav .liItem {
    display: inline;
    border-left: 2px solid #e1e1e1;
}

/*.blogTopNav .liItem:nth-last-child(2) {
         border-right: 2px solid #e1e1e1;
     }*/

.blogTopNav .liItem a {
    color: black;
    text-indent: 0em;
    font-size: 15px;
    margin: 0px 5px;
}

.featuredCarouselLink {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    outline: none !important;
}

.divOverLay {
    background: #5c768b;
    color: white;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.divOverLay .lblPostTitle {
    font-size: 1.125em;
    padding: 6px 0px 8px 30px;
    display: inline-block;
}

.lblPostTitle .lblPostSummaryReadMore {
    display: none;
}

.divOverLay .lblPostSummary {
    padding: 6px 0px 8px 30px;
    padding-right: 5%;
    padding-bottom: 15px;
    display: block;
    font-size: 0.875em;
}

.divOverLay .lblPostSummary .lblPostSummaryReadMore {
    float: right;
}

.divPostSummary .lblPostSummary:not(.readright) {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    max-height: 3em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Right side carousel */
.featuredCarousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
    max-height: 460px;
}

.featuredCarousel .featuredPostLeft {
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.featuredCarousel .featuredPostLeft .divLeftImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
}

.featuredCarousel .featuredPostLeft .divLeftImage img {
    width: 100%;
    height: 100% !important;
}

.allFeaturedPosts .slick-arrow {
    color: #393631 !important;
}

.allFeaturedPosts .slick-prev {
    top: -10px !important;
}

.allFeaturedPosts .slick-next {
    top: auto !important;
    bottom: -20px !important;
}

.allFeaturedPosts .slick-prev, .allFeaturedPosts .slick-next {
    left: 50% !important;
    -webkit-transform: translate(-50%, 0) rotate(90deg) !important;
    transform: translate(-50%, 0) rotate(90deg) !important;
}

.allFeaturedPosts .slick-prev:before {
    content: "\e605" !important;
    font-family: 'icomoon' !important;
}

.allFeaturedPosts .slick-next:before {
    content: "\e606" !important;
    font-family: 'icomoon' !important;
}

.allFeaturedPosts .slick-arrow:before {
    color: #393631 !important;
    font-size: large;
}

.allFeaturedPosts .slick-slider {
    margin: 20px 0 !important;
}

.allFeaturedPosts .divImage {
    padding-right: 20px;
    width: 33%;
}

.allFeaturedPosts .divSummary {
    padding-right: 5px;
}

.divImage, .divSummary {
    display: table-cell;
    vertical-align: middle;
}

.featuredPost {
    height: 83px !important;
    margin: 5px 0;
    padding: 5px !important;
}

.allFeaturedPosts {
    padding: 0 !important;
}

.featuredPost.slick-current {
    background: #393631 !important;
    color: #FFF;
    position: relative;
}

.featuredPost.slick-slide {
    margin-left: 20px;
}

.featuredPost.slick-slide:focus {
    outline: none;
}

.featuredPost.slick-current:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #333;
    margin: 0px 0 1px 4px;
    position: absolute;
    left: -15px;
    top: 40%;
}

.lblPostTitle:after {
    content: ':';
}

@media screen and (max-width: 47.938em) {
    .divOverLay .lblPostTitle {
        display: block;
    }
}

/*BlogFeaturedCarousel module end*/

/*BlogCategoriesAll module start*/

.blogTitle h2 {
    width: 100%;
    text-align: left;
    border-bottom: 2px solid #e1e1e1;
    line-height: 0.1em;
    margin: 10px 0 20px;
    padding-top: 40px;
    font-size: 20px;
}

.blogTitle a span {
    background: #FFF;
    padding-right: 30px;
}

.blogTitle a, .blogItem a {
    color: #000 !important;
}

.blogContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    margin: auto 0;
    position: relative;
    margin-bottom: 45px;
}

.blogContainer > .blogItem {
    width: 33.333%;
    box-sizing: border-box;
    padding: 5px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    /*overflow: auto;*/
}

.blogItem a {
    /*display:flex;*/
    height: 100%;
    /*margin: 5px;*/
    /*flex-direction:column;*/
    width: 100%;
    position: absolute
}

.blogItem .itemContent {
    font-size: 1.25em;
    text-transform: uppercase;
    line-height: 1;
    font-weight: bold;
}

.blogItem .itemContent:first-of-type {
    overflow: hidden;
    margin-bottom: 10px;
}

.itemContent.divCaption {
    min-height: initial !important;
}

.divPostSummary {
    font-weight: 500;
    margin-top: 10px;
    min-height: initial !important;
    height: 10%;
}

.ReadMorePost {
    font-weight: 600;
    color: grey;
    min-height: initial !important;
    display: block;
}

.divPostSummary .readright {
    text-align: right !important;
}

.ReadMorePost a {
    position: static;
    outline: none !important;
}

.divDate {
    margin-top: auto;
}

.divDate {
    text-align: right;
    font-weight: bold;
    color: #a0a0a078;
}

.pnlBlogPostDetails .divPostTitle {
    font-size: 2.2em;
    font-weight: bold;
    text-align: center;
}

.pnlBlogPostDetails .divPostDate {
    text-align: center;
    padding-bottom: 30px;
}

.pnlBlogPostDetails .divPostBody {
    line-height: 1.6;
}

.pnlBlogPostDetails .carousel-container {
    padding: 30px 0;
}

.pnlBlogPostDetails .carousel-container .title {
    font-size: 3em;
    margin: 0 0 25px;
}

/* Carousel Styling */

.pnlBlogPostDetails .carousel-container {
    /*padding:30px 0;*/
    padding: 15px 0;
}

.pnlBlogPostDetails .carousel-container .title, .pnlBlogPostDetails .stacked-container .title {
    font-size: 1.7em;
    font-weight: 600;
    margin: 0 0 15px;
    text-align: center;
}

.pnlBlogPostDetails .carousel .carousel-item, .pnlBlogPostDetails .carousel-wrapper .carousel-item {
    max-width: 580px;
    text-decoration: none;
    margin: 0 auto;
    display: block;
}

.pnlBlogPostDetails .carousel .slick-active .carousel-item, .pnlBlogPostDetails .carousel-wrapper .slick-active .carousel-item {
    position: relative;
    z-index: 3;
}

.pnlBlogPostDetails .carousel .carousel-item .inner, .pnlBlogPostDetails .carousel-wrapper .carousel-item .inner {
    display: block;
    box-shadow: 0 0 15px -1px #ccc;
    margin: 10px 0 0;
}

.pnlBlogPostDetails .carousel .carousel-item .carousel-item-top, .pnlBlogPostDetails .carousel-wrapper .carousel-item .carousel-item-top {
    display: block;
}

.pnlBlogPostDetails .carousel-item-top img {
    width: 100%;
}

.pnlBlogPostDetails .carousel .carousel-item .carousel-item-bottom, .pnlBlogPostDetails .carousel-wrapper .carousel-item .carousel-item-bottom {
    background: #fff;
    padding: 20px;
    text-align: center;
    display: block;
}

.pnlBlogPostDetails .carousel .carousel-item .carousel-item-title, .pnlBlogPostDetails .carousel-wrapper .carousel-item .carousel-item-title {
    font-size: 1.6em;
    font-weight: 600;
    margin: 0 0 10px;
    display: block;
    color: #333;
}

.pnlBlogPostDetails .carousel .carousel-item .desc, .pnlBlogPostDetails .carousel-wrapper .carousel-item .desc {
    font-size: .875em;
    display: block;
    margin: 0 0 10px;
    line-height: 1.5;
    color: #333;
}

.pnlBlogPostDetails .carousel .carousel-item .more, .pnlBlogPostDetails .carousel-wrapper .carousel-item .more {
    font-size: .875em;
    color: #5c768b;
    display: block;
}

.pnlBlogPostDetails .carousel-controls {
    text-align: center;
    padding: 0;
}

.pnlBlogPostDetails .carousel-controls .prev, .pnlBlogPostDetails .slick-prev {
    display: inline-block;
    border: 2px solid #333;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
}

.pnlBlogPostDetails .carousel-controls .prev:before, .pnlBlogPostDetails .slick-prev::before {
    position: absolute;
    content: '';
    background: #333;
    height: 2px;
    width: 16px;
    top: 50%;
    margin-top: -6px;
    left: 50%;
    margin-left: -9px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.pnlBlogPostDetails .carousel-controls .prev:after, .pnlBlogPostDetails .slick-prev::after {
    position: absolute;
    content: '';
    background: #333;
    height: 2px;
    width: 16px;
    top: 50%;
    margin-top: 4px;
    left: 50%;
    margin-left: -9px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.pnlBlogPostDetails .carousel-controls .next, .pnlBlogPostDetails .slick-next {
    display: inline-block;
    border: 2px solid #333;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
}

.pnlBlogPostDetails .carousel-controls .next:before, .pnlBlogPostDetails .slick-next::before {
    position: absolute;
    content: '';
    background: #333;
    height: 2px;
    width: 16px;
    top: 50%;
    margin-top: -6px;
    left: 50%;
    margin-left: -6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.pnlBlogPostDetails .carousel-controls .next:after, .pnlBlogPostDetails .slick-next::after {
    position: absolute;
    content: '';
    background: #333;
    height: 2px;
    width: 16px;
    top: 50%;
    margin-top: 4px;
    left: 50%;
    margin-left: -6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.pnlBlogPostDetails .carousel-controls .dots {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.pnlBlogPostDetails .carousel-controls .slick-dots {
    margin: 10px 0 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    position: static !important;
}

.pnlBlogPostDetails .carousel-controls .slick-dots li {
    display: inline-block;
    margin: 0 5px;
    position: static !important;
    padding: 0 0 10px 15px !important;
}

.pnlBlogPostDetails .carousel-controls .slick-dots li button {
    text-indent: -9999em;
    text-align: left;
    display: block;
    width: 12px;
    height: 12px;
    padding: 0;
    background: #7f7f7f;
    border: 0;
    border-radius: 20px;
}

.pnlBlogPostDetails .carousel-controls .slick-dots li.slick-active button {
    background: #5c768b;
}

/*BlogPostItemGroup Start*/
.hrProductsFeatured {
    border-top: 1px solid #e1e1e1;
}

.pnlBlogPostDetails .carousel-container .item-content {
    text-align: center;
    min-height: 90px !important;
    width: 90%;
    margin: auto;
}

.pnlBlogPostDetails .item-title a, .pnlBlogPostDetails .item-title a:visited {
    color: #000 !important;
    outline: none !important;
}

.pnlRelatedProducts {
    margin: 10px;
}

.pnlRelatedProducts .carousel-item {
    outline: none !important;
    outline-style: none !important;
}

.pnlRelatedProducts .divEach {
    background-color: #f3f3f3;
    margin-right: 2px;
}

.pnlRelatedProducts .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}

.pnlRelatedProducts .divEach.slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    float: none;
    height: auto;
    outline: none;
}

.pnlRelatedProducts .itemSubtitle {
    font-size: .75em;
    font-style: italic;
    font-weight: normal;
    letter-spacing: -.02em;
    display: block;
    margin: 2px 0 3px;
}

.pnlRelatedProducts .item-image {
    display: block;
    max-height: 225px;
    margin: 10px auto;
    border: 1px solid #000;
    max-width: 90% !important;
}

.pnlRelatedProducts .item-buttons {
    margin-top: auto;
    text-align: center;
}

.pnlRelatedProducts .item-buttons p {
    font-style: italic;
}

.pnlRelatedProducts .item-buttons a {
    display: block;
    margin: auto 40px 40px;
    font-size: 1em;
    padding: 15px 30px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff !important;
    background-color: #5c768b !important;
    border: 0;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    overflow: visible;
    border-radius: 3px;
    transition: all .1s linear;
    outline: none;
    outline-style: none;
    border-color: transparent;
}

.blogpost-container .carousel {
    margin-bottom: 10px !important;
    margin: 0 0 20px 0;
    position: relative;
}

.blogpost-container h2 {
    text-align: center;
}

.no-carousel-inner {
    width: 23%;
    float: left;
    min-height: 1px;
    box-shadow: 0 0 15px -1px #ccc;
    margin: 0 10px 20px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.no-carousel {
    padding: 10px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.no-carousel .divPostSummary {
    font-weight: 500;
    margin-top: 10px;
    min-height: initial !important;
    height: 10%;
    margin-bottom: 20px;
}

.no-carousel span.more {
    position: absolute;
    display: block;
    bottom: 0;
    margin: auto;
    width: 100%;
    left: 0;
    padding: 10px;
}

@media screen and (min-width: 48em) and (max-width: 64em) and (orientation: portrait) {
    .lblPostTitle:after {
        content: '';
    }

    .divOverLay .lblPostSummary {
        display: none !important;
    }

    .lblPostTitle .lblPostSummaryReadMore {
        display: block;
        text-align: right;
        font-size: 0.875em;
        margin-right: 2%;
    }

    .divOverLay .lblPostTitle {
        display: block !important;
    }

    .pnlBlogPostDetails .carousel-container .item-content {
        min-height: 75px !important;
    }

    .specialCarousel .carousel .slick-list {
        display: flex !important;
        justify-content: center !important;
    }
}

@media screen and (min-width: 48em) and (max-width: 64em) and (orientation: landscape) {
    .specialCarousel .carousel .slick-list {
        display: block !important;
        justify-content: initial !important;
    }
}

@media screen and (max-width: 48em) {
    .no-carousel {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .no-carousel-inner {
        width: 45%;
    }
}

@media screen and (max-width: 31.250em) {

    .no-carousel-inner {
        width: 100%;
    }
}

@media screen and (min-width: 48em) {
    .no-carousel .carousel-item-title {
        line-height: 1;
    }
}

.no-carousel .carousel-item-title {
    font-weight: bold;
    font-size: 1.2em;
    display: block;
    text-align: center;
    margin: 20px 0 10px;
}

.no-carousel a {
    color: #333 !important;
}

.pnlBlogPostDetails .itemContent.divCaption {
    min-height: 82px !important;
}

.pnlBlogPostDetails .slick-prev {
    display: block;
    float: left;
    z-index: 1001;
    top: 50%;
    position: absolute;
}

.pnlBlogPostDetails .slick-next {
    display: block;
    float: right;
    z-index: 1001;
    top: 50%;
    position: absolute;
}

.pnlBlogPostDetails .carousel-container {
    position: relative;
}

.blogpost-container h2.title {
    margin: 0 0 1em;
    font-size: 1.75em;
}

.blogpost-container h2.title a {
    color: #000000 !important;
}

@media screen and (min-width: 48em) {
    .no-carousel-inner .itemContent.divCaption {
        padding: 0;
    }
}

@media screen and (max-width: 47.938em) {
    .pnlBlogPostDetails .divPostBody {
        margin-top: 5px;
    }

    .pnlBlogPostDetails .divPostBody h1 {
        font-size: 1.5em;
    }

    .pnlBlogPostDetails .pnlRelatedProducts .carousel .slick-arrow {
        display: none !important;
    }

    .blogpost-container {
        padding: 1px !important;
    }

    .pnlBlogPostDetails .carousel-container .title {
        font-size: 1.5em;
    }

    .blogpost-container h2.title {
        margin: 0 0 0.5em;
        font-size: 1.5em;
    }

    .no-carousel > .no-carousel-inner {
        width: 100%;
        display: block !important;
        position: relative;
        border-bottom: 1px solid #eee;
        box-sizing: border-box;
        padding: 5px !important;
        margin: 0;
        box-shadow: none;
    }

    .no-carousel-inner .carousel-item-top {
        max-width: 50% !important;
        margin-right: 10px;
        float: left;
        height: 100%;
    }

    .no-carousel-inner .carousel-item-top:first-of-type {
        overflow: hidden;
        margin-bottom: 10px;
    }

    .no-carousel-inner .itemContent.divCaption {
        text-transform: uppercase;
        line-height: 1;
        font-weight: bold;
        padding: 0;
        font-size: 1em;
        text-align: left;
        margin: 0;
    }

    .no-carousel-inner .carousel-item-bottom .desc {
        display: none;
    }

    .no-carousel span.more {
        display: none;
    }

    .pnlBlogPostDetails .carousel-container .breaks {
        margin: 0;
    }

    .pnlBlogPostDetails .carousel-container .item-content {
        min-height: initial !important;
    }

    .specialCarousel .carousel .slick-list {
        display: block !important;
        justify-content: initial !important;
    }
}

.pnlBlogPostDetails .carousel-container .breaks {
    margin: 0 0 1em 0;
}

/*BlogPostItemGroup End*/

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

    /* Carousel Styling */
    .pnlBlogPostDetails .carousel .carousel-item, .pnlBlogPostDetails .carousel-wrapper .carousel-item {
        padding: 0 10px;
    }

    .pnlBlogPostDetails .carousel .carousel-item .inner, .pnlBlogPostDetails .carousel-wrapper .carousel-item .inner {
        margin: 10px 0;
    }
}

.pnlBlogPostDetails .carousel-container {
    padding: 30px 0 10px;
}

.pnlBlogPostDetails .carousel-container .title {
    font-size: 1.75em;
    margin: 0 0 25px;
}

.pnlBlogPostDetails .carousel-container .carousel {
    margin-bottom: 10px !important;
}

.specialCarousel .carousel .slick-list {
    display: flex;
    justify-content: center;
}

.pnlBlogPostDetails .carousel .carousel-item .carousel-item-title, .pnlBlogPostDetails .carousel-wrapper .carousel-item .carousel-item-title {
    font-size: 1.25em;
}

/*.pnlBlogPostDetails .carousel .carousel-item, .pnlBlogPostDetails .carousel-wrapper .carousel-item {
     -webkit-transform: scale(.9);
             transform: scale(.9);
     -webkit-transition: all .6s linear;
     transition: all .6s linear;
 }

 .pnlBlogPostDetails .carousel .slick-center .carousel-item, .pnlBlogPostDetails .carousel-wrapper .slick-center .carousel-item {
     -webkit-transform: scale(1);
             transform: scale(1);
 }*/

.pnlBlogPostDetails .carousel .carousel-item .desc, .pnlBlogPostDetails .carousel-wrapper .carousel-item .desc {
    font-size: 1em;
}

.pnlBlogPostDetails .carousel .carousel-item .more, .pnlBlogPostDetails .carousel-wrapper .carousel-item .more {
    font-size: 1em;
}

.pnlBlogPostDetails .carousel:hover .carousel-item,
    /*.pnlBlogPostDetails .carousel:hover .slick-center .carousel-item {
     -webkit-transform: scale(.9);
             transform: scale(.9);
 }*/

.pnlBlogPostDetails .carousel-container .slick-slide .carousel-item:hover, .pnlBlogPostDetails .carousel-container .slick-slide .carousel-item:focus {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.pnlBlogPostDetails .carousel-container .slick-slide.slick-current:hover, .pnlBlogPostDetails .carousel-container .slick-slide.slick-current:focus {
    -webkit-transform: none;
    transform: none;
    outline: none;
}

.pnlBlogPostDetails .carousel-container .slick-dots li.slick-active button:before {
    content: none;
}

.pnlBlogPostDetails .carousel-container .slick-dots li button:before {
    content: none;
}

/*BlogCategoriesAll module end*/

/*BlogCategoryDetails module start*/
.pnlCategoryDetail .NoEntries {
    text-align: center;
}

.pnlCategoryDetail .blogItem {
    margin-bottom: 15px;
}

.pnlBlogBottom {
    text-align: center;
}

.pnlBlogBottom .genericPager {
    padding: 0;
    text-align: center;
}

.pnlBlogBottom .genericPager ul {
    display: inline-block;
}

.pnlBlogBottom .genericPager li {
    margin: 0 5px 0;
}

.pnlBlogBottom .genericPager li a {
    color: #000 !important;
    padding: 8px 14px !important;
    border: 1px solid #000 !important;
}

.pnlBlogBottom .genericPager li.active {
    color: #fff !important;
    padding: 8px 14px !important;
    border: 1px solid #000 !important;
    background-color: #000000 !important;
}

/*BlogCategoryDetails module end*/

/*BlogFooter module start*/
.divInstaIntroduction {
    padding: 15px 15px 0;
}

.instaContainer .icon-instagram {
    color: #000 !important;
    font-size: 1.6em;
}

.instaContainer .icon-instagram img.logo {
    margin: 0 15px 5px;
    border-left: 1px solid #000;
}

.aimgMain {
    outline: none !important;
}

.insta-img-circle {
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    vertical-align: middle;
    width: 5%;
    outline: none !important;
}

.lblMainInsta .lblMainInstaDesc {
    font-size: 12px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #333333;
}

.instaFooterTopLeft a.icon-instagram {
    display: inline-block;
    background: url(https://assets.weathertech.com/assets/1/7/instagram_logo.gif) no-repeat;
    background-position: 60% 50%;
    padding: 5px;

}

.instaFooterTopLeft a.icon-instagram span {
    margin-left: 10px;
    padding-left: 10px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.instaFooterTopLeft a.icon-instagram:before {
    display: inline-block;
    padding-right: 10px;
    border-right: 1px solid #000;
    margin-right: 10px;

}

#instafeed .icon-instagram {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
}

.btnInstagramFollow {
    color: #fff !important;
    background-color: #1076D5 !important;
    border-color: #1076D5 !important;
    display: inline-block !important;
    border: 1px solid transparent !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    margin: 0 0 10px 10px;
    outline: none !important;
}

.btnInstagramFollow:hover, .btnInstagramFollow:focus {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    text-decoration: none !important;
}

.InstaFollow {
    margin-left: 4px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

#instafeed div {
    float: left;
}

#instafeed a {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#instafeed a.icon-instagram:before {
    content: '' !important;
}

#instafeed a:focus {
    outline: 0 !important;
}

#instafeed a:hover:before, #instafeed a:focus:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

#instafeed a:hover:after, #instafeed a:focus:after {
    content: '\e60a';
    position: absolute;
    font-size: 40px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #FFF;
}

#instafeed {
    height: 31.41vmax;
    max-height: 380px;
    position: relative;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* overflow: hidden; */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    /* align-items: center; */
}

div#instafeed > div {
    height: auto;
    position: relative;
}

#instafeed img {
    height: 100% !important;
    width: 100% !important;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.column_one {
    width: 30%;
}

.column_two, .column_three, .column_four {
    width: 20%;
}

.column_two a, .column_five a {
    height: 50% !important;
    left: 0;
}

.column_two a:first-child, .column_five a:first-child {
    top: 0;
}

.column_two a:last-child, .column_five a:last-child {
    bottom: 0;
}

.column_three a:first-child {
    height: 60% !important;
    width: 100% !important;
    top: 0;
    left: 0;
}

.column_three a:nth-child(2) {
    bottom: 0;
    left: 0;
}

.column_three a:last-child {
    bottom: 0;
    right: 0;
}

.column_three a {
    height: 40% !important;
    width: 50% !important;
}

.column_five {
    width: 10%;
}

.column_four.mobile {
    display: none;
}

/*BlogFooter module end*/
/* Media queries */
a.blogMoreLink {
    /*text-transform: uppercase;*/
    display: block;
    margin: 1px auto 0;
    font-size: 1.2em;
    color: #000 !important;
    font-weight: bold;
    text-align: center !important;
    position: relative !important;
    outline: none !important;
}

.instaFooterTopLeft {
    float: left;
}

.instaFooterTopRight {
    float: right;
    text-align: right;
    margin-top: -5px;
    width: 60%;
    font-size: 1em;
}

@media screen and (min-width: 48em) {
    .itemContent.divCaption {
        height: 15%;
    }

    a.blogMoreLink {
        position: absolute;
        right: 0;
        font-size: 1.3em;
        bottom: -50px;
    }

    .seeMoreBlog {
        background-color: #737373;
        padding: 5px 40px;
        margin-top: -25px;
        border-radius: 4px;
        color: #fff;
        font-weight: 600;
        position: relative;
    }

    a.blogMoreLink:hover .seeMoreBlog, a.blogMoreLink:focus .seeMoreBlog {
        background-color: #000;
    }

    .seeMoreBlog span {
        margin-left: -14px;
    }

    .seeMoreBlog::after {
        content: "\e606";
        font-family: "icomoon";
        font-weight: 500;
        position: absolute;
        top: 10px;
        right: 15px;
    }

    .instaFooterTopLeft a.icon-instagram span {
        margin-left: 0;
        padding-left: 0;
        display: inline-block;
        margin: 8px 0 0 0;
        vertical-align: middle;
    }

    .instaFooterTopLeft a.icon-instagram:before {
        font-size: .7em;
    }

    .instaFooterTopLeft a.icon-instagram {
        background-size: 60%;
    }

    .instaFooterTopRight {
        font-size: .8em
    }
}

@media screen and (max-width: 48em) {
    .featuredCarousel {
        display: block;
    }

    .instaContainer {
        margin-top: 30px;
    }

}

@media screen and (max-width: 47.938em) {
    .pnlMainNavBlog {
        display: none;
    }

    .pnlCategoryDetail .blogItem {
        margin-bottom: 0px !important;
    }

    .itemContent.divCaption {
        height: auto !important;
    }

    .pnlMainNavMobile {
        display: block;
    }

    .pnlMainNavMobile .grid_12 label {
        text-align: center !important;
        font-size: 1.25em !important;
        margin-top: -18px;
    }

    .divPostSummary .lblPostSummary:not(.readright) {
        font-size: 14px;
    }

    .divPostSummary .readright {
        text-align: right !important;
        font-size: 16px;
    }

    .lblPostTitle:after {
        content: '';
    }

    .instaContainer {
        margin-top: 0;
    }

    .seeMoreBlog {
        background-color: #737373;
        padding: 5px 40px;
        margin-top: 20px;
        border-radius: 4px;
        color: #fff;
        font-weight: 600;
        position: relative;
    }

    .seeMoreBlog span {
        margin-left: -14px;
    }

    .seeMoreBlog::after {
        content: "\e606";
        font-family: "icomoon";
        font-weight: 500;
        position: absolute;
        top: 12px;
        right: 15px;
    }

    .instaFooterTopLeft {
        margin-bottom: 10px;
    }

    /*.instaFooterTopLeft, .instaFooterTopRight {
         text-align:center;
     }*/
    .column_one, .column_two, .column_three, .column_four, .column_five {
        display: none;
    }

    .column_four.mobile {
        width: 100%;
        display: block;
    }

    .column_four.mobile a:nth-child(4) {
        width: 40% !important;
    }

    .column_four.mobile a:nth-child(4) ~ a {
        width: 30% !important;
    }

    #instafeed {
        height: auto;
    }

    #instafeed a {
        position: relative;
        width: 33.333%;
        float: left;
        left: 0;
        box-sizing: border-box;
        /*height:32vmax;*/
    }

    #instafeed a:not(:last-child) {
        border-right: 2px solid #fff;
    }

    #instafeed a:after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

    #instafeed a:hover:after, #instafeed a:focus:after {
        top: 100%;
    }

    .featuredCarousel {
        margin: 0 0 50px 0;
    }

    .featuredCarousel > .grid_7.alpha.omega {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100% !important;
        padding: 0;
    }

    .lblPostTitle .lblPostSummaryReadMore {
        display: block;
        text-align: right;
        font-size: 0.875em;
        margin-right: 2%;
    }

    .drpBlogCategory {
        font-size: 1.25em !important;
        margin: 0 0 35px 0px !important;
        width: 85% !important;
    }

    .divOverLay .lblPostSummary {
        display: none !important;
    }

    .allFeaturedPosts .slick-prev, .allFeaturedPosts .slick-next {
        -webkit-transform: translate(0%, 0) rotate(0) !important;
        transform: translate(0%, 0) rotate(0) !important;
        top: 30% !important;
        height: 70px;
        width: 40px;
        background: rgba(255, 255, 255, 0.5);
        z-index: 1001;
    }

    .allFeaturedPosts .slick-arrow:before {
        font-size: 2.5rem;
        color: #FFF !important;
    }

    .allFeaturedPosts .slick-prev {
        left: 0 !important;
    }

    .allFeaturedPosts .slick-next {
        left: auto !important;
        right: 20px;
    }

    .allFeaturedPosts {
        position: absolute !important;
        height: 100%;
    }

    .allFeaturedPosts .slick-slider {
        height: 100%;
    }

    .allFeaturedPosts .slick-slider .slick-list {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    .allFeaturedPosts .slick-slider .slick-dots {
        position: absolute;
        bottom: -20px;
        z-index: 1000;
    }

    .blogContainer > .blogItem {
        display: block !important;
        width: 100%;
        position: relative;
        border-bottom: 2px solid #e1e1e1;
    }

    .blogItem .itemContent:not(.divCaption) {
        max-width: 100% !important;
        /*margin-right:10px;*/
        float: left;
        width: 100%;
    }

    .blogItem .divDate {
        position: absolute;
        bottom: 10px;
        left: 50%;
        margin-left: 10px;
    }

    /*.blogContainer > .blogItem:nth-of-type(3){
         display:none !important;
     }*/
    .blogContainer {
        margin-bottom: 20px;
    }

    .blogTitle.home h2 {
        border-top: 2px solid #e1e1e1;
        border-bottom: transparent;
        padding-top: 20px;
    }

    .blogTitle h2 {
        border-bottom: transparent;
        padding-top: 10px;
    }

}

.pnlBlogPostDetails .productToolsWrapper {
    margin-top: 0px !important;
}

@media screen and (max-width: 47.875em) {
    .pnlBlogPostDetails .carousel-controls .slick-dots li {
        display: none;
    }

    /* only displaying the active bullets and the 2 bullets next to it */
    .pnlBlogPostDetails .carousel-controls .slick-dots li.slick-active,
    .pnlBlogPostDetails .carousel-controls .slick-dots li.slick-active + li,
    .pnlBlogPostDetails .carousel-controls .slick-dots li.slick-active + li + li {
        display: inline-block;
    }

    /* displaying the last three bullets when slick-active class isn't applied to any li before them  */
    .pnlBlogPostDetails .carousel-controls .slick-dots li:nth-last-child(1),
    .pnlBlogPostDetails .carousel-controls .slick-dots li:nth-last-child(2),
    .pnlBlogPostDetails .carousel-controls .slick-dots li:nth-last-child(3) {
        display: inline-block;
    }

    /* hiding the last three bullets if slick-active exist before them */
    .pnlBlogPostDetails .carousel-controls .slick-dots li.slick-active ~ li:nth-last-child(1),
    .pnlBlogPostDetails .carousel-controls .slick-dots li.slick-active ~ li:nth-last-child(2),
    .pnlBlogPostDetails .carousel-controls .slick-dots li.slick-active ~ li:nth-last-child(3) {
        display: none;
    }

    /* specific conditions to always display the last three bullets */
    .pnlBlogPostDetails .carousel-controls .slick-dots li.slick-active + li + li:nth-last-child(3),
    .pnlBlogPostDetails .carousel-controls .slick-dots li.slick-active + li + li:nth-last-child(2),
    .pnlBlogPostDetails .carousel-controls .slick-dots li.slick-active + li + li:nth-last-child(1),
    .pnlBlogPostDetails .carousel-controls .slick-dots li.slick-active + li:nth-last-child(3),
    .pnlBlogPostDetails .carousel-controls .slick-dots li.slick-active + li:nth-last-child(2),
    .pnlBlogPostDetails .carousel-controls .slick-dots li.slick-active + li:nth-last-child(1) {
        display: inline-block;
    }
}

@media screen and (max-width: 31.375em) {
    .instaFooterTopRight {
        width: auto;
    }

    .aimgMain, .lblMainInsta {
        display: none;
    }

}

@media screen and (max-width: 31.250em) {
    .blogItem .itemContent {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 29.938em) {
    .allFeaturedPosts .slick-next {
        right: 0;
    }
}

@media screen and (max-width: 26.875em) {
    .blogItem .itemContent {
        font-size: 1.2em;
    }
}

@media screen and (max-width: 22.500em) {
    .blogItem .itemContent {
        font-size: 1em;
    }
}

.pnlBlogPostDetails .productToolsWrapper.mobileptw, .pnlBlogPostDetails .productToolsWrapper.mobileptw .productToolsHolder {
    display: block !important;
}

.pnlBlogPostDetails .productToolsWrapper.mobileptw span.label {
    display: none !important;
}

.pnlBlogPostDetails .productToolsWrapper.mobileptw .productToolsHolder p {
    font-size: .875em !important;
    font-weight: bold !important;
    margin-bottom: 25px;
}

/*BLOG Ticket End */
/*Customer landing apge */
.customLandBodyWrapper {
    background: url(/cms/images/dev/placeholders/garden_top_banner.jpg);
    background-repeat: no-repeat !important;
    background-position: 100% 0 !important;
}

.customLand .customLandBodyWrapper .pageHeading {
    z-index: 1;
}

.customLand .customLandBodyWrapper .pageHeading .grid_12 .grid_6 {
    margin-top: 40px;
    margin-bottom: -80px;
}

.customLandBgWrapper {
    transform: skewY(-4.4deg);
    overflow: hidden;
    height: 100%;
    width: 100%;
    padding-bottom: 20px;
    position: relative;
    -webkit-box-shadow: 0 -23px 20px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 -23px 20px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0 -23px 20px -15px rgba(0, 0, 0, 0.75);
}

.customLandBgWrapper::before {
    background: url(https://assets.weathertech.com/assets/1/7/clp_background_gradient.jpg);
    margin-top: -76px;
    background-size: 100%;
    content: '';
    transform: skewY(3.5deg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    transform-origin: top left;
}

.customLandBgWrapper > .container {
    transform: skewY(4.3deg);
    margin-top: 80px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

#whiteRedesign .customLandBgWrapper > .container > .grid_12 {
    max-width: 67em;
    margin: auto;
    float: none;
}

#whiteRedesign .customLandBgWrapper .siteInner {
    background: transparent;
}

#whiteRedesign .customLandBgWrapper .pageSection > .grid_12 {
    border-top: transparent;
}

#whiteRedesign .customLandBgWrapper .flrLnr h2 {
    font-size: 4em;
    letter-spacing: -5px;
}

#whiteRedesign .customLandBgWrapper h2 {
    font-size: 3em;
    line-height: 0.9;
    letter-spacing: -2px;
}

#whiteRedesign .customLandBgWrapper .poloroidFrame h2 {
    font-size: 2em;
    font-family: "Oregano", cursive;
    font-weight: 400;
    font-style: italic;
    line-height: 01;
    text-align: center;
    margin: 5px 0 -5px;
    color: #000;
}

#whiteRedesign .customLandBgWrapper .flrLnr .poloroidFrame p {
    position: absolute;
    right: 20px;
    bottom: 0;
    margin-bottom: 0.3em;
    color: #FFF;
    font-size: 2.5em;
    font-family: "Oregano", cursive;
    font-weight: 400;
    font-style: italic;
    line-height: 1.5;
}

#whiteRedesign .customLandBgWrapper .flrLnr .poloroidFrame p sup {
    top: 0;
    font-size: 0.5em;
}

#whiteRedesign .customLandBgWrapper .flrLnr .poloroidFrame.tiltRight {
    position: absolute;
    top: 0;
    right: 0;
}

#whiteRedesign .customLandBgWrapper .flrLnr .poloroidFrame.tiltLeft {
    position: absolute;
    top: 60%;
    margin-left: -44%;
    left: 0;
    max-width: 60%;
}

#whiteRedesign .customLandBgWrapper h2 sup {
    font-size: 0.5em;
}

#whiteRedesign .customLandBgWrapper h2 span {
    font-family: "Oregano", cursive;
    font-weight: 400;
    font-style: italic;
    font-size: 0.7em;
    line-height: 1;
    display: block;
    color: #5c768b;
    letter-spacing: 0;
}

#whiteRedesign .customLandBgWrapper h2 sup {
    top: -0.8em;
}

#whiteRedesign .customLandBgWrapper .btn {
    border: 1px solid #5c768b;
    display: inline-block;
    padding: 10px 20px;
    font-weight: bold;
    color: #5c768b;
    background: transparent;
    margin-top: auto;
    max-width: 140px;
    box-sizing: border-box;
}

#whiteRedesign .customLandBgWrapper .btn:hover, #whiteRedesign .customLandBgWrapper .btn:focus {
    border: 1px solid #000;
    color: #FFF;
    background: #000;
}

#whiteRedesign .customLandBgWrapper .swatches {
    padding: 0;
    margin: 20px 0 10px
}

#whiteRedesign .customLandBgWrapper .swatches li {
    margin: 0 5px 0 0;
    display: inline-block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

#whiteRedesign .customLandBgWrapper .swatches li.blk {
    background-color: #000;
}

#whiteRedesign .customLandBgWrapper .swatches li.tan {
    background-color: #a79589;
}

#whiteRedesign .customLandBgWrapper .swatches li.gry {
    background-color: #838383;
}

#whiteRedesign .customLandBgWrapper .swatches li.cco {
    background-color: #5f5958;
}

#whiteRedesign .customLandBgWrapper .clrOptions {
    width: 223px;
    font-size: 0.8em;
    font-weight: bold;
}

.poloroidFrame {
    background: #FFF;
    padding: 2.89%;
    box-shadow: -6px 6px 18px -2px rgba(0, 0, 0, 0.75);
}

.productRow {
    display: flex;
    flex-direction: row;
    position: relative;
    padding-top: 20px;
    margin-top: 20px;
    flex-wrap: wrap;
    margin-bottom: 1em;
}

.productRow::before {
    content: '';
    position: absolute;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+25,000000+75,000000+100&0+0,1+25,1+75,0+100 */
    top: 0;
    height: 1px;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1); /* IE6-9 */
}

.productRow .grid_4 {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.productRow .poloroidFrame {
    margin: 0 auto 20px;
    max-width: 260px;
}

.tiltLeft {
    transform: rotate(-2deg);
    float: left;
}

.tiltRight {
    transform: rotate(2deg);
    float: right;
}

.customLand .adRow {
    display: table;
    margin-bottom: 4em;
}

.customLand .adRow.flrLnr .grid_12 {
    display: table-row;
}

.customLand .adRow.flrLnr .grid_12:last-child {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10%;
}

.poloroidWrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
}

.customLand .adRow .grid_6 {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.customLand .mbl-Heading {
    display: none;
}

@media screen and (min-width: 61.875em) {
    .poloroidWrapper {
        top: -70px;
    }

    #whiteRedesign .customLandBgWrapper .flrLnr .poloroidFrame p {
        font-size: 2em !important;
    }
}
@media screen and (max-width: 61.813em) {
    #whiteRedesign .customLandBgWrapper .flrLnr .poloroidFrame.tiltLeft {
        top: 40%;
    }

    .customLand .adRow.flrLnr .grid_12:last-child {
        padding-bottom: 5%;
    }
}

@media screen and (max-width: 60em) and (min-width: 48em) {
    #whiteRedesign .customLandBgWrapper .poloroidFrame h2 {
        font-size: 1.5em;
    }
}

@media screen and (min-width: 48em) {
    .customLandBodyWrapper {
        background-size: 100% !important;
    }

    #whiteRedesign .customLandBgWrapper .flrLnr .poloroidFrame p {
        font-size: 3vw;
    }

    .customLand .adRow .btnContainer, .customLand .adRow .swatchContainer {
        float: left;
    }

    .customLand .adRow .btnContainer {
        margin: 0 20px 20px 0;
    }

    #whiteRedesign .customLandBgWrapper .adRow .swatchContainer .swatches {
        margin-top: 0;
    }
}

@media screen and (max-width: 53.625em) {
    #whiteRedesign .customLandBgWrapper .flrLnr .poloroidFrame.tiltLeft {
        margin-left: -34%;
    }

    .customLand .adRow.flrLnr .grid_12:last-child {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 47.938em) {
    .customLand .adRow.flrLnr .grid_6 {
        display: block;
        width: 100%;
        float: left;
    }

    .customLand .customLandBodyWrapper .pageHeading .grid_12 .grid_6 {
        margin-top: 19%;
    }

    .poloroidWrapper {
        position: relative;
    }

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

    .poloroidWrapper:after {
        clear: both;
    }

    #whiteRedesign .customLandBgWrapper .flrLnr .poloroidFrame {
        position: static !important;
        float: none;
        display: inline-block;
        margin: auto !important;
        top: auto !important;
        left: auto !important;
        right: auto;
        bottom: auto;
        width: auto !important;
        max-width: initial !important;
    }

    .customLand .adRow .grid_6 {
        display: block;
        float: left;
        width: 100%;
    }

    .customLand .adRow:not(.flrLnr) .grid_6 .poloroidFrame {
        display: inline-block;
        margin: auto;
        float: none;
    }

    .customLand .adRow .grid_12, .customLand .adRow .grid_6, .customLand .productRow .grid_4 {
        text-align: center;
    }

    #whiteRedesign .customLandBgWrapper .btn {
        margin: auto;
    }

    .customLand .adRow.flrLnr .grid_6:first-child {
        margin: auto auto 1em;
    }

    .customLand .adRow .grid_6 {
        margin: 1em auto;
    }

    .customLand .productRow .grid_4 {
        margin-top: 1em 0;
    }

    .customLand .dkt-Heading {
        display: none;
    }

    .customLand .mbl-Heading {
        display: block;
    }

    .productRow .grid_4 {
        width: 50% !important;
    }

    #whiteRedesign .customLandBgWrapper .clrOptions {
        margin: auto auto 1em;
    }

    .customLand .adRow {
        margin-bottom: 1em;
    }

    #whiteRedesign .customLandBgWrapper .flrLnr .poloroidFrame p {
        font-size: 5vw;
    }

    #whiteRedesign .customLandBgWrapper .flrLnr h2 {
        font-size: 3em;
    }
}

@media screen and (max-width: 37.500em) {
    #whiteRedesign .customLandBgWrapper .flrLnr .poloroidFrame p {
        font-size: 7vw;
    }
}

@media screen and (max-width: 36.250em) {
    #whiteRedesign .customLandBgWrapper .poloroidFrame h2 {
        font-size: 1.5em;
    }

    .customLandBodyWrapper {
        background-size: 220% !important;
    }
}

@media screen and (max-width: 31.250em) {
    #whiteRedesign .customLandBgWrapper .poloroidFrame h2 {
        font-size: 2em;
    }

    .productRow .grid_4 {
        width: 100% !important;
    }
}

@media screen and (max-width: 29.375em) {
    #whiteRedesign .customLandBgWrapper .flrLnr h2, #whiteRedesign .customLandBgWrapper h2 {
        font-size: 2.5em;
        letter-spacing: -3px;
    }
}

@media screen and (max-width: 22.813em) {
    #whiteRedesign .customLandBgWrapper .flrLnr h2, #whiteRedesign .customLandBgWrapper h2 {
        font-size: 2em;
    }
}

/******************************Wholesale Dealer Locator******************************/
#whiteRedesign.wholesaleRedesign .dealerTypeExpanded .trigger-overlay,
#whiteRedesign.wholesaleRedesign .dealerTypeExpanded .trigger-overlay:visited {
    font-size: 1.125em;
}

#whiteRedesign.wholesaleRedesign .chkDealerDistance input[type="checkbox"],
#whiteRedesign.wholesaleRedesign .chkPDealerType input[type="checkbox"],
#whiteRedesign.wholesaleRedesign .chkDDealerType input[type="checkbox"] {
    position: absolute;
    left: -999em;
}

#whiteRedesign.wholesaleRedesign .chkDealerDistance label,
#whiteRedesign.wholesaleRedesign .chkPDealerType label,
#whiteRedesign.wholesaleRedesign .chkDDealerType label {
    position: relative;
}

#whiteRedesign.wholesaleRedesign .chkDealerDistance label:before,
#whiteRedesign.wholesaleRedesign .chkPDealerType label:before,
#whiteRedesign.wholesaleRedesign .chkDDealerType label:before {
    background: white;
    border: 1px solid #000;
    display: inline-block;
    content: '';
    vertical-align: middle;
    margin: 0 5px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
}

#whiteRedesign.wholesaleRedesign .chkDealerDistance label:before,
#whiteRedesign.wholesaleRedesign .chkPDealerType label:before {
    position: absolute;
    left: 0;
}

#whiteRedesign.wholesaleRedesign .chkDealerDistance input[type="checkbox"]:checked + label:after,
#whiteRedesign.wholesaleRedesign .chkPDealerType input[type="checkbox"]:checked + label:after,
#whiteRedesign.wholesaleRedesign .chkDDealerType input[type="checkbox"]:checked + label:after {
    position: absolute;
    left: 11px;
    border-right: 3px solid red;
    border-bottom: 3px solid red;
    display: inline-block;
    content: '';
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
}

#whiteRedesign.wholesaleRedesign .dealerTypeExpanded a,
#whiteRedesign.wholesaleRedesign .dealerTypeExpanded a:visited {
    color: #2463B0;
    font-weight: bold;
    display: block;
    padding: 0 5px 10px;
    margin: 0 -5px 10px;
    border-bottom: 1px solid #000;
}

#whiteRedesign.wholesaleRedesign .dealerTypeExpanded .diamondDealerRatingTypeExpanded a.trigger-overlay {
    border: none;
    margin: 0 0 0;
}

#whiteRedesign.wholesaleRedesign .dealerRatingTypeExpanded span,
#whiteRedesign.wholesaleRedesign .powerDealerRatingTypeExpanded span,
#whiteRedesign.wholesaleRedesign .dealerDistanceExpanded span,
#whiteRedesign.wholesaleRedesign .diamondDealerRatingTypeExpanded span,
#whiteRedesign.wholesaleRedesign .dealer-filter-title {
    margin: 0 5px;
}

#whiteRedesign.wholesaleRedesign .formee label {
    font-weight: 400;
}

#whiteRedesign.wholesaleRedesign .powerDealerRatingTypeExpanded label,
#whiteRedesign.wholesaleRedesign .dealerDistanceExpanded label {
    font-weight: 400;
    padding-left: 2em;
    position: relative;
}

#whiteRedesign.wholesaleRedesign .storeLocator .dealerTypeExpanded table {
    margin: 10px 0;
}

#whiteRedesign.wholesaleRedesign #divpdrating {
    width: 40px;
    display: inline-block;
    margin-top: -3.5em;
    margin-left: 2.6em;
    display: none;
}

.main-wrapper .container {
    margin-top: 5px;
}

#whiteRedesign.wholesaleRedesign .powerDealerRatingTypeExpanded #divpdrating,
#whiteRedesign.wholesaleRedesign .dealerDistanceExpanded #divpdrating {
    display: inline-block;
}

#whiteRedesign.wholesaleRedesign .dealer-filter-title {
    font-weight: bold;
    font-size: 1.125em;
}

#whiteRedesign.wholesaleRedesign .vendorInfo {
    display: inline-block;
}

#whiteRedesign.wholesaleRedesign .storeLocator .locationResultsItem .moreInfo {
    border-radius: 0;
    display: block;
    width: 35%;
    margin: 10px 0 0 3.5em;
    text-align: center;
    border: 2px solid #000;
}

#whiteRedesign.wholesaleRedesign .dealer-vendor-rank {
    border-bottom: 2px dashed #000;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

#whiteRedesign.wholesaleRedesign .dealer-vendor-rank:last-child {
    border-bottom: 0;
}

#whiteRedesign.wholesaleRedesign .storeLocator .formee input[type="text"]::-webkit-input-placeholder,
#whiteRedesign.wholesaleRedesign .storeLocator .formee input[type="text"],
#whiteRedesign.wholesaleRedesign .storeLocator .formee select {
    padding: 8px 5px;
    margin: 0;
    display: block;
    color: #000;
    font-weight: 400;
    font-size: .9em;
}

#whiteRedesign.wholesaleRedesign .storeLocator .results {
    max-height: 100%;
}

#whiteRedesign.wholesaleRedesign .storeLocator .locationResultsItem.selected.unselected {
    background-color: #ffffff !important;
    border: 0 !important;
    padding: 10px 0;
    border-bottom: 1px solid #000 !important;
    position: relative;
}

#whiteRedesign.wholesaleRedesign .storeLocator .locationResultsItem.selected.unselected.gold-dealer-listing {
    border: 4px solid gold !important;
    box-sizing: border-box;
}

#whiteRedesign.wholesaleRedesign .storeLocator .locationResultsItem.selected.unselected.silver-dealer-listing {
    border: 4px solid #D3D3D3 !important;
    box-sizing: border-box;
}

#whiteRedesign.wholesaleRedesign .storeLocator .locationResultsItem.selected.unselected.bronze-dealer-listing {
    border: 4px solid #6e8a9d !important;
    box-sizing: border-box;
}

#whiteRedesign.wholesaleRedesign .gold-dealer-listing:before,
#whiteRedesign.wholesaleRedesign .silver-dealer-listing:before,
#whiteRedesign.wholesaleRedesign .bronze-dealer-listing:before {
    content: '';
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    right: 10px;
    top: 10px;
}

#whiteRedesign.wholesaleRedesign .storeLocator .indexContent .itemName {
    font-weight: bold;
    width: 82%;
    font-size: 1.125em;
}

#whiteRedesign.wholesaleRedesign .storeLocator .indexContent .Vendor {
    display: block;
    border-collapse: collapse;
}

#whiteRedesign.wholesaleRedesign .storeLocator .indexContent .content .address {
    display: table-cell;
    width: 100%;
    padding-right: 0;
}

#whiteRedesign.wholesaleRedesign .storeLocator .indexContent .Vendor .vendortype {
    display: inline-block;
    padding-right: 16px;
    float: none;
}

#whiteRedesign.wholesaleRedesign .storeLocator .indexContent a {
    color: #1956c0 !important;
}

#whiteRedesign.wholesaleRedesign .storeLocator .headerColumns {
    padding-bottom: 10px;
}

#whiteRedesign.wholesaleRedesign .storeLocator .chkDealerType input[type="checkbox"] + label {
    padding-top: 5px;
    margin: 2px 0;
}

#whiteRedesign.wholesaleRedesign .storeLocator .chkDealerType input[type="checkbox"] + label:before {
    border-radius: 3px;
}

#whiteRedesign.wholesaleRedesign .storeLocator .chkDealerType span[vendortypeid="6"] input[type="checkbox"] + label:before {
    background-color: #7a9bb0;
}

#whiteRedesign.wholesaleRedesign .storeLocator .chkDealerType span[vendortypeid="2"] input[type="checkbox"] + label:before {
    background-color: #498837;
}

#whiteRedesign.wholesaleRedesign .storeLocator .chkDealerType span[vendortypeid="3"] input[type="checkbox"] + label:before {
    background-color: #9F00E6;
}

#whiteRedesign.wholesaleRedesign .storeLocator .chkDealerType span[vendortypeid="5"] input[type="checkbox"] + label:before {
    background-color: #CCCC00;
}

#whiteRedesign.wholesaleRedesign .storeLocator .chkDealerType input[type="checkbox"]:checked + label:after {
    top: 0.5em;
    left: 0.35em;
    font-size: .8em;
}

#whiteRedesign.wholesaleRedesign .storeLocator .chkDealerType label {
    font-weight: 400;
    font-size: 1.125em;
}

#whiteRedesign.wholesaleRedesign .storeLocator .btnZoom {
    padding: .58em 1.5em;
    background: none;
    border-radius: 0;
    font-size: 1.25em;
    background-color: #5c768b;
}

#whiteRedesign.wholesaleRedesign .itempdrating img {
    width: 100%;
}

#whiteRedesign.wholesaleRedesign #mainOverlayContent .container {
    width: auto;
}

#whiteRedesign.wholesaleRedesign .siteOverlay {
    border: 3px solid #000;
    padding: 15px;
}

#whiteRedesign.wholesaleRedesign .siteOverlay {
    padding-top: 2.5em;
}

#whiteRedesign.wholesaleRedesign .locator-popup h2 {
    margin: 0 0 15px;
    font-size: 1.75em;
}

#whiteRedesign.wholesaleRedesign .locator-popup-type p {
    margin-top: -15px;
    font-size: 1em;
    margin-bottom: 15px;
}

#whiteRedesign.wholesaleRedesign .siteOverlay .overlayClose {
    background: transparent;
    width: auto;
    font-size: 1.5em;
    color: #5c768b;
}

#whiteRedesign.wholesaleRedesign .siteOverlay .overlayClose:before {
    content: "CLOSE";
}

#whiteRedesign.wholesaleRedesign .siteOverlay .overlayClose:after {
    content: "X";
    margin-left: 5px;
}

#whiteRedesign.wholesaleRedesign .dealer-rating-wrapper-rating img,
#whiteRedesign.wholesaleRedesign .dealer-rating-wrapper-rating p {
    display: inline-block;
}

#whiteRedesign.wholesaleRedesign .dealer-rating-wrapper-rating img {
    width: 48px;
}

#whiteRedesign.wholesaleRedesign .dealer-rating-wrapper-rating p {
    display: inline-block;
    font-weight: 400;
    font-size: 1.5em;
}

#whiteRedesign.wholesaleRedesign .locator-popup-diamond p {
    margin: 5px 0;
}

#whiteRedesign.wholesaleRedesign .locator-popup-diamond .dealer-rating-wrapper p {
    margin: 15px 0 2px;
}

#whiteRedesign.wholesaleRedesign .dealer-star {
    position: absolute;
    width: 48px;
    height: 48px;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

#whiteRedesign.wholesaleRedesign .dealer-locator-content {
    text-align: center;
}

#whiteRedesign.wholesaleRedesign .dealer-locator-content p {
    text-align: left;
}

#whiteRedesign.wholesaleRedesign .unathorized-dealers {
    border: 2px solid #000;
    color: red;
    text-align: center;
    padding: 15px 30px;
    display: inline-block;
    margin: 15px 0;
}

#whiteRedesign.wholesaleRedesign .unathorized-dealers p {
    font-size: 1.5em;
    font-weight: bold;
}

#whiteRedesign.wholesaleRedesign .unathorized-dealers a,
#whiteRedesign.wholesaleRedesign .unathorized-dealers a:link,
#whiteRedesign.wholesaleRedesign .unathorized-dealers a:visited {
    background: red;
    color: white;
    border-radius: 25px;
    padding: 5px 10px;
}

#whiteRedesign.wholesaleRedesign .storeLocator .indexContent .vendortype {
    padding-bottom: 0;
}

#whiteRedesign.wholesaleRedesign .storeLocator .wrpDiamond,
#whiteRedesign.wholesaleRedesign .locator-popup-diamond .wrpDiamond {
    position: relative;
    display: inline-block;
    height: 15px;
}

#whiteRedesign.wholesaleRedesign .storeLocator .diamonds,
#whiteRedesign.wholesaleRedesign .locator-popup-diamond .diamonds {
    float: none;
}

#whiteRedesign.wholesaleRedesign .diamond,
#whiteRedesign.wholesaleRedesign .locator-popup-diamond .diamond {
    background: url('https://assets.weathertech.com/assets/1/7/diamond_red.png') repeat-x transparent;
    height: 100%;
}

#whiteRedesign.wholesaleRedesign .diamond.rating1,
#whiteRedesign.wholesaleRedesign .locator-popup-diamond .diamond.rating1 {
    width: 21px !important;
    background-size: 100% auto !important;
}

#whiteRedesign.wholesaleRedesign .diamond.rating2,
#whiteRedesign.wholesaleRedesign .locator-popup-diamond .diamond.rating2 {
    width: 42px !important;
    background-size: 50% auto !important;
}

#whiteRedesign.wholesaleRedesign .diamond.rating3,
#whiteRedesign.wholesaleRedesign .locator-popup-diamond .diamond.rating3 {
    width: 63px !important;
    background-size: 33.33% auto !important;
}

#whiteRedesign.wholesaleRedesign .diamond.rating4,
#whiteRedesign.wholesaleRedesign .locator-popup-diamond .diamond.rating4 {
    width: 84px !important;
    background-size: 25% auto !important;
}

#whiteRedesign.wholesaleRedesign .diamond.rating5,
#whiteRedesign.wholesaleRedesign .locator-popup-diamond .diamond.rating5 {
    width: 105px !important;
    background-size: 20% auto !important;
}

#whiteRedesign.wholesaleRedesign .diamondDealerRatingTypeExpanded .diamonds {
    margin-left: 3.75em;
    display: inline-block;
    top: -2.45em;
    position: relative;
}

#whiteRedesign.wholesaleRedesign .locator-popup-diamond .dealer-rating-wrapper p {
    display: inline-block;
    vertical-align: middle;
}

#whiteRedesign.wholesaleRedesign .locator-popup-diamond .diamonds {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    margin: 15px 0 2px;
}

#whiteRedesign.wholesaleRedesign .storeLocator .dealerTypeExpanded .diamondDealerRatingTypeExpanded table {
    margin: 5px 0;
}

#whiteRedesign.wholesaleRedesign .diamondDealerRatingTypeExpanded span,
#whiteRedesign.wholesaleRedesign .locator-popup-diamond span {
    margin: 0;
    display: block;
}

#whiteRedesign.wholesaleRedesign .dealerType.expanded {
    margin-bottom: 10px;
}

#whiteRedesign.wholesaleRedesign .footer p {
    color: #fff;
}

#whiteRedesign.wholesaleRedesign .storeLocator .dealerTypeExpanded {
    font-size: .75em;
}

#whiteRedesign.wholesaleRedesign .header-wrapper a,
#whiteRedesign.wholesaleRedesign .header-wrapper a:visited {
    color: #000;
}

#whiteRedesign.wholesaleRedesign .startHere a {
    width: auto;
    background: transparent;
}

#whiteRedesign.wholesaleRedesign .startHere a.btn {
    background: #6e8a9d;
}

#whiteRedesign.wholesaleRedesign .startHere a:hover,
#whiteRedesign.wholesaleRedesign .startHere a:focus {
    color: #333;
    background: #ededed;
}

#whiteRedesign.wholesaleRedesign .icon-shopping_cart:before {
    content: '';
}

#whiteRedesign.wholesaleRedesign .bannerFooter {
    margin: auto;
}

#whiteRedesign.wholesaleRedesign .footer a,
#whiteRedesign.wholesaleRedesign .footer a:visited {
    color: #fff;
}

#whiteRedesign.wholesaleRedesign ul.socialFollow li {
    vertical-align: middle;
}

#whiteRedesign.wholesaleRedesign .norton-secured {
    display: none;
}

#whiteRedesign.wholesaleRedesign .copyright {
    font-size: 1em;
    margin-top: -2px;
    padding-top: 0;
}

/********************** DEALER LOCATOR MEDIA QUERIES*************************/

@media screen and (max-width: 980px) {
    #whiteRedesign.wholesaleRedesign .container {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    #whiteRedesign.wholesaleRedesign .storeLocator .mapWrapper {
        display: none;
    }

    #whiteRedesign.wholesaleRedesign .storeLocator .locatorSearchWrapper {
        display: block;
    }

    #whiteRedesign.wholesaleRedesign .storeLocator .locatorSearchWrapperAll {
        width: 100%;
    }

    #whiteRedesign.wholesaleRedesign .storeLocator .locatorSearchWrapper .inner {
        width: 100%;
    }

    #whiteRedesign.wholesaleRedesign .unathorized-dealers p {
        font-size: 1.25em;
        text-align: center;
    }

    #whiteRedesign.wholesaleRedesign .storeLocator .indexContent .Vendor {
        width: 95%;
    }

    #whiteRedesign.wholesaleRedesign .siteOverlay .overlayClose {
        font-size: 1.25em;
    }

    #whiteRedesign.wholesaleRedesign .siteOverlay .overlayClose:before {
        content: "";
    }

    #whiteRedesign.wholesaleRedesign .siteOverlay {
        box-sizing: border-box;
        margin: 2px;
    }

    #whiteRedesign.wholesaleRedesign .header a.sitelogo,
    #whiteRedesign.wholesaleRedesign .header a.sitelogo:link,
    #whiteRedesign.wholesaleRedesign .header a.sitelogo:visited {
        background: url(https://assets.weathertech.com/assets/1/7/wholesale-logo-2019.png) no-repeat center;
        background-size: 50%;
        display: block;
        margin: 1em 0;
    }

    #whiteRedesign.wholesaleRedesign .storeLocator .results-all {
        height: 79vh;
    }

    #whiteRedesign.wholesaleRedesign .storeLocator ::-webkit-scrollbar {
        -webkit-appearance: none;
        -webkit-overflow-scrolling: auto
    }

    #whiteRedesign.wholesaleRedesign ::-webkit-scrollbar:vertical {
        width: 12px;
        -webkit-overflow-scrolling: auto
    }

    #whiteRedesign.wholesaleRedesign ::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .5);
        border: 2px solid #efefef;
        min-height: 15px;
    }

    #whiteRedesign.wholesaleRedesign ::-webkit-scrollbar-track {
        background-color: #efefef;
    }

    #whiteRedesign.wholesaleRedesign .locator-popup h2 {
        margin-top: 15px;
    }

    #whiteRedesign.wholesaleRedesign input,
    #whiteRedesign.wholesaleRedesign .storeLocator .formee input[type="text"]::-webkit-input-placeholder,
    #whiteRedesign.wholesaleRedesign .storeLocator .formee input[type="text"],
    #whiteRedesign.wholesaleRedesign .storeLocator .formee select {
        font-size: 16px;
    }

    #whiteRedesign.wholesaleRedesign .storeLocator .locationResultsItem.selected.unselected {
        padding: 10px 12%;
    }
}

@media screen and (max-width: 600px) {
    #whiteRedesign.wholesaleRedesign .storeLocator .locationResultsItem.selected.unselected {
        padding: 10px 0;
    }
}

/* Begin Ticket# 432986 - WT_Dealler_Locator_FED_Round_2*/
.dealer-rating-media {
    width: 28%;
    display: inline-block;
}

.dealer-rating-content {
    display: inline-block;
    width: 68%;
    padding-left: 2%;
}

.storeLocator .indexContent .phoneNum {
    font-size: 1em;
    padding-top: 10px;
}

.storeLocator .indexContent .phone-info-msg {
    font-weight: 600;
    font-size: 0.9em;
}

@media only screen and (max-width: 25em) {
    .storeLocator .chkDealerType label {
        padding-bottom: 5px;
    }
}

@media only screen and (min-width: 30em) {
    .storeLocator .chkDealerType label {
        width: 100%;
    }
}

/* End Ticket# 432986 - WT_Dealler_Locator_FED_Round_2 */

#mainOverlayContent .FS_content {
    padding: 40px 20px 20px; /* Ticket: #440215 - Move PC onto WT  */
}

.flex-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.distributorList .third-width-tile {
    flex: 0 33%;
}

.distributorList .distributor {
    margin: 30px auto;
}

.distributorList .distributor img {
    width: 100%;
    max-width: 75% !important;
    margin: 0;
    float: none;
}

.half-width-tile {
    flex: 1 50%;
    box-sizing: border-box;
    text-align: center;
}

.distributorList .numLocations {
    padding-left: 5px;
    font-weight: 600;
    display: block;
    font-size: 0.938em;
    margin: 0;
    text-align: left;
}

.distributorList .distributor {
    height: auto;
}

.distributorList .title {
    font-size: 1.25em;
    font-weight: bold;
    display: block;
    line-height: 1;
    color: #000;
    text-align: left;
    padding-left: 5px;
    margin: 0;
}

@media only screen and (max-width: 48em) {
    .distributorList .distributor img {
        float: none;
        margin: auto;
    }

    .distributor .flex-wrapper .half-width-tile {
        flex: 0 100%;
        padding: 2px 0;
    }

    .distributorList .numLocations {
        text-align: center;
    }

    #whiteRedesign .distributorList .title {
        text-align: center;
    }
}

@media only screen and (max-width: 31.25em) {
    .distributorList .third-width-tile {
        flex: 0 50%;
        margin: 15px auto;
    }

    .distributorList .third-width-tile:nth-child(1),
    .distributorList .third-width-tile:nth-child(2) {
        margin-top: -15px;
    }

    .distributorList .distributor {
        font-size: .9em;
    }
}