/* Dealer site palette: https://mycolor.space/?hex=%23278E50&sub=1 */
.shipping-toggle {
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid black;
    margin: 0 8px 1em 0;
}
.shipping-toggle.inactive {
    background-color: #eee;
}

html,
body {
    background: url(../images/header-bg.png) repeat-x;
}

body.dealer {
    background-image: none;
    background-color: #eefdf1;
    overflow-x: hidden;
}

body.dealer a {
    color: #278e50;
}

body.dealer a:hover,
body.dealer a:focus,
body.dealer a:active,
body.dealer a:focus:active {
    color: #002d00;
}

body.dealer .dealer-tag {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -1.2rem;
    left: -5.2rem;
    width: 16rem;
    height: 8rem;
    color: #000000;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.035em;
    background: #9eb0a2;
    /* The points are: centered top, left bottom, right bottom */
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    transform: rotate(-45deg);
}

body.dealer .dealer-tag span {
    position: relative;
    margin-top: 3rem;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}

.container {
    width: 960px !important;
}

img {
    max-width: 100%;
    height: auto;
}

h1 {
    font-family: sans-serif;
}

.wf-active h1 {
    font-family: "league-gothic-1","league-gothic-2",sans-serif;
}

body.dealer h1 {
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: -0.035em;
}
.wf-active #grafs-cart-container h2 {
    font-family: "league-gothic-1","league-gothic-2",sans-serif;
    font-size: 1.85em;
}


h3, #grafs-cart-container h2 {
    font-family: sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
}

body.dealer h3 {
    margin: 2rem 0;
    font-size: 2rem;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: -0.035em;
}

.wf-active h3 {
    font-family: "league-gothic-1","league-gothic-2",sans-serif;
    font-size: 1.85em;
}

#header {
    height: 200px;
    position: relative;
    z-index: 999;
}

#header .wrapper {
    height: 200px;
    min-width: 960px;
}

#header .container {
    z-index: 999;
}

body.dealer .header .cart-popover-link {
    color: #fff;
    background-color: #278e50;
}

body.dealer .header .cart-popover-link:hover,
body.dealer .header .cart-popover-link:focus,
body.dealer .header .cart-popover-link:active,
body.dealer .header .cart-popover-link:active:focus {
    color: #fff;
    background-color: #5ABD67;
}

.ie6 #logo {
    background: url('../images/grafs-logo-ie6.png') no-repeat left top;
}

.ie6 #logo img {
    display: none;
}

#header-top {
    z-index: 999;
}

#nav > ul > li > a {
    font-style: normal;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    padding: 0;
    text-transform: uppercase;
    text-align: center;
    height: 37px;
    font-family: sans-serif;
    font-size: 14px;
    padding-top: 5px;
}

.wf-active #nav > ul > li > a {
    font-family: "league-gothic-1","league-gothic-2",sans-serif;
    font-size: 22px;
    padding-top: 0;
}

body.dealer #nav > ul > li > a {
    padding-top: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: normal;
}

#nav > ul > li > a {
    color: #fff;
}

#nav-wrapper {
    border-bottom: 1px solid #1d2b4c;
    border-top: 1px solid #1d2b4c;
    background: rgba(39,80,142,1);
    background: -moz-linear-gradient(top, rgba(39,80,142,1) 0%, rgba(30,43,78,1) 62%, rgba(30,43,78,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(39,80,142,1)), color-stop(62%, rgba(30,43,78,1)), color-stop(100%, rgba(30,43,78,1)));
    background: -webkit-linear-gradient(top, rgba(39,80,142,1) 0%, rgba(30,43,78,1) 62%, rgba(30,43,78,1) 100%);
    background: -o-linear-gradient(top, rgba(39,80,142,1) 0%, rgba(30,43,78,1) 62%, rgba(30,43,78,1) 100%);
    background: -ms-linear-gradient(top, rgba(39,80,142,1) 0%, rgba(30,43,78,1) 62%, rgba(30,43,78,1) 100%);
    background: linear-gradient(to bottom, rgba(39,80,142,1) 0%, rgba(30,43,78,1) 62%, rgba(30,43,78,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27508e', endColorstr='#1e2b4e', GradientType=0 );
    box-shadow: 0 0 10px #666;
    -moz-box-shadow: 0 0 10px #666;
    -webkit-box-shadow: 0 0 10px #666;
    margin-top: 1rem;
    position: relative;
    z-index: 1000;
}

.dealer #nav-wrapper {
    background-image: none;
    background-color: #278e50;
    border: 0;
    box-shadow: none;
}

#nav {
    clear: both;
    width: 940px;
    padding: 6px 0 10px 0;
    margin: 0 auto;
    position: relative;
    top: -14px;
    z-index: 1000;
}

body.dealer #nav {
    top: auto;
    padding: 0;
    padding-top: 0.5rem;
}

.ie7 #nav {
    width: 960px;
    padding: 0px;
}

#nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 13px;
    font-size: 1em;
    z-index: 1000;
}

body.dealer #nav > ul {
    top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

#nav ul ul {
    top: 0;
}

#nav ul li {
    display: inline;
    color: #fff;
    float: left;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
}

body.dealer #nav > ul > li {
    display: list-item;
    float: none;
    height: 5rem;
}

#nav ul li:hover {
    background: rgba(255, 255, 255, .25);
    border-bottom: 0px none;
    -webkit-box-shadow: 0px 0px 5px #333;
    -moz-box-shadow: 0px 0px 5px #333;
    box-shadow: 0px 0px 5px #333;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

body.dealer #nav > ul > li:hover {
    background-color: #1d4c2b;
    box-shadow: none;
}

#nav ul ul li,
#nav ul ul li:hover {
    background: transparent;
    border: 0px none;
    -webkit-box-shadow: 0 0 0 #fff;
    -moz-box-shadow: 0 0 0 #fff;
    box-shadow: 0 0 0 #fff;
}

#nav-ammo a {
    width: 52px;
    background-position: 0px 0px;
}

#nav-ammo:hover a {
    background-position: 6px -42px;
    color: #fff;
}

#nav-shotshell a {
    width: 166px;
    background-position: -54px 0px;
}

#nav-shotshell:hover a {
    background-position: -54px -42px;
    color: #fff;
}

#nav-metallic a {
    width: 150px;
    background-position: -151px 0px;
}

#nav-metallic:hover a {
    background-position: -153px -42px;
    color: #fff;
}

#nav-powder a {
    width: 150px;
    background-position: -243px 0px;
}

#nav-powder:hover a {
    background-position: -243px -42px;
    color: #fff;
}

#nav-casting a {
    width: 118px;
    background-position: -408px 0px;
}

#nav-casting:hover a {
    background-position: -408px -42px;
    color: #fff;
}

#nav-optics a {
    width: 70px;
    background-position: -543px 0px;
}

#nav-optics:hover a {
    background-position: -543px -42px;
    color: #fff;
}

#nav-muzzleloading a {
    width: 114px;
    background-position: -615px 0px;
}

#nav-muzzleloading:hover a {
    background-position: -615px -42px;
    color: #fff;
}

#nav-accessories a {
    width: 111px;
    background-position: -749px 0px;
}

#nav-accessories:hover a {
    background-position: -749px -42px;
    color: #fff;
}

#nav-ffl a {
    width: 73px;
    background-position: -864px 0px;
}

body.dealer #nav > ul > li > a {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.dealer #nav-shotshell a {
    width: 86px;
}

.dealer #nav-casting a {
    width: 82px;
}

.dealer #nav-metallic a {
    width: 92px;
}

.dealer #nav-optics a {
    width: 66px;
}

.dealer #nav-gun-parts a {
    width: 84px;
}

.dealer #nav-powders a {
    width: 84px;
}

.dealer #nav-shooting-accessories a {
    width: 78px;
}

.dealer #nav-gunsmithing-accessories a {
    width: 100px;
}

.dealer #nav-ffl-req a {
    width: 96px;
}

#nav-ffl:hover a {
    background-position: -870px -42px;
    color: #fff;
}

#nav li:hover .subnav {
    display: block;
    z-index: 100;
}

#nav li .subnav {
    display: none;
    background: rgba(0, 0, 0, .85);
    border: 1px solid #ccc;
    border-top: 0px none;
    -webkit-box-shadow: 0px 2px 5px #555;
    -moz-box-shadow: 0px 2px 5px #555;
    box-shadow: 0px 2px 5px #555;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    left: 0;
    top: 37px;
    position: absolute;
    padding-bottom: 10px;
    width: 100%;
}

body.dealer #nav .subnav {
  top: 50px;
  background: rgb(29, 76, 43, 0.925);
}

#nav ul.second-tier,
.panel-root ul.second-tier {
    margin: 10px 0px 10px 0;
    padding: 0;
    list-style: none outside none;
    position: relative;
}

#nav ul,
.panel-root ul {
    font-size: 13px;
}

#nav ul.second-tier li,
.panel-root ul.second-tier li {
    margin: 0px 0px 0px;
    padding: 10px 20px;
    float: none;
    display: block;
}

#nav ul.second-tier li a,
.panel-root ul.second-tier li a {
    background: transparent;
    float: none;
    display: inline;
    text-transform: uppercase;
    color: #ffcc66;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
}

#nav ul.third-tier li a:after,
.panel-root ul.third-tier li a:after {
    content: '';
}

#nav ul.second-tier li a:hover,
.panel-root ul.second-tier li a:hover {
    text-decoration: underline;
}

#nav ul.third-tier,
.panel-root ul.third-tier {
    list-style: none outside none;
    margin: 0px 0px 0px 10px;
    padding: 0px;
    position: relative;
}

#nav ul.third-tier li,
.panel-root ul.third-tier li {
    float: none;
    display: block;
    margin: 3px;
    padding: .5rem;
}

#nav ul.third-tier li a,
.panel-root ul.third-tier li a {
    color: #e6e5df;
    text-transform: none;
    font-weight: normal;
    font-size: 1em;
    width: auto;
}

.panel-root ul.second-tier li a {
    color: #2b5c85;
}

body.dealer .panel-root ul.second-tier li a {
    color: #0d632f;
}

.panel-root ul.third-tier li a {
    color: #333;
}

body.dealer .panel-root ul.third-tier li a {
    color: #333;
}

#nav .subnav ul.second-tier li.subnav-complex-wrapper, #nav #nav-ammo .subnav ul.second-tier li.subnav-complex-wrapper {
    clear: both;
    float: none;
    width: auto;
    display: block;
    border: 0 none;
    padding: 5px;
    margin: 0 10px 10px 10px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background: #dbd7ce url('../images/grunge-light.jpg') repeat top left;
    display: none;
}

#nav .subnav ul.second-tier:hover li.subnav-complex-wrapper, #nav #nav-ammo .subnav ul.second-tier:hover li.subnav-complex-wrapper  {
    display: block;
}

#nav .complex {
    position: static;
}

#nav .complex:hover {
    background: #dbd7ce url('../images/grunge-light.jpg') repeat top left;
    color: #534b42;
}

#nav .complex:hover a {
    color: #534b42;
}

#nav .subnav-complex {
    color: #534b42;
    position: relative;
    overflow: hidden;
}

#nav .subnav-complex a, #nav ul.second-tier .subnav-complex a {
    background: transparent;
    display: inline;
    color: #c60;
    text-decoration: underline;
    font-weight: normal;
    text-transform: none;
}

#nav .subnav-complex a:after, #nav ul.second-tier .subnav-complex a:after {
    content: '';
}

#nav .subnav-complex a:hover, #nav ul.second-tier .subnav-complex a:hover {
    color: #900;
}

.product-count {
    color: #777;
    text-decoration: none;
    font-size: 0.9em;
}

#nav ul.second-tier .subnav-complex li, #nav #nav-ammo ul.second-tier .subnav-complex li {
    display: inline;
    float: left;
    width: 200px;
    padding: 5px;
    background: transparent;
    border: 0 none;
}

body.dealer .mobile-subnav .btn {
    color: #d5fadd;
    background-color: #278e50;
}

body.dealer .mobile-subnav .btn:hover,
body.dealer .mobile-subnav .btn:focus,
body.dealer .mobile-subnav .btn:active,
body.dealer .mobile-subnav .btn:focus:active {
    color: #d5fadd;
    background-color: #1d4c2b;
}

body.dealer .btn {
    text-shadow: none;
    font-weight: 700;
    box-shadow: none;
    border-radius: 0.5em;
    border: 0;
    background: none;
}

body.dealer .btn-default {
    color: #278e50;
    background-color: #e9e9e9;
    border: 1px solid #d0d0d0;
}

body.dealer .btn-default:hover,
body.dealer .btn-default:focus,
body.dealer .btn-default:active,
body.dealer .btn-default:focus:active {
    color: #000000;
    background-color: #d0d0d0;
}

body.dealer .btn-warning {
    color: #278e50;
    background-color: #fff;
    border: 1px solid #d0d0d0;
}

body.dealer .btn-warning:hover,
body.dealer .btn-warning:focus,
body.dealer .btn-warning:active,
body.dealer .btn-warning:focus:active {
    color: #000000;
    background-color: #e9e9e9;
}

body.dealer .btn-primary {
    color: #fff;
    background-color: #278e50;
}

body.dealer .btn-primary:hover,
body.dealer .btn-primary:focus,
body.dealer .btn-primary:active,
body.dealer .btn-primary:focus:active {
    color: #fff;
    background-color: #002d00;
}

#btn-dealer {
    font-weight: bold;
}

#btn-account {
    margin-right: 10px;
}

#btn-account strong {
    display: inline-block;
    max-width: 70px;
    overflow: hidden;
    vertical-align: bottom;
}

body.dealer #btn-account .menu-arrow-down {
    border-top-color: #278e50;
}

body.dealer #btn-account:active,
body.dealer #btn-account:active:focus {
    border-color: #d0d0d0;
}

body.dealer .breadcrumb {
    padding: 0.25em 1em;
    font-size: 0.9em;
    letter-spacing: 0.5px;
    background: none;
    background-color: #f5f5f5;
}

.form-control:focus {
    border-color: #278E50;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(39, 142, 80, 0.6);
}

.carousel {
    margin: 0 -15px 0 -15px;
    padding: 0;
    position: relative;
    top: -15px;
}

body.dealer .carousel {
    top: auto;
}

.carousel-slide {
    left: 0;
    position: absolute;
    width: 100%;
    top: 0;
}

.carousel-slide img {
    width: 100%;
}

.carousel-slide,
.carousel a {
    display: block;
    height: 300px;
    margin: 0;
    padding: 0;
    width: 100%;
}

body.dealer .carousel-slide,
body.dealer .carousel a {
    height: auto;
}

.carousel-slide.blue {
    background: blue;
}

.carousel-slide.red {
    background: red;
}

.carousel-slide.green {
    background: green;
}

.carousel-titles {
    background: #fff;
    list-style-type: none;
    border-bottom: 1px solid #ccc;
    margin: 321px -15px 15px -15px;
    padding: 0;
    text-align: center;
}

.carousel-titles li {
    display: inline-block;
    color: #000;
    cursor: pointer;
    font-size: 20px;
    font-family: sans-serif;
    min-width: 180px;
    padding: 3px 15px;
}

.wf-active .carousel-titles li {
	font-size: 1.8em;
    font-family: "league-gothic-1","league-gothic-2",sans-serif;
}

.carousel-titles .selected {
    color: #cd6800;
    position: relative;
}

body.dealer .carousel-titles .selected {
    color: #278e50;
}

.carousel-titles .selected:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 85px;
    margin-left: -2.5px;
    height: 0;
    width: 0;
    border-bottom: 10px solid rgba(255, 255, 255, 255);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.featured-products-wrapper {
    height: 450px;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(0,0,0,.2);
    box-shadow: 0 0 1px rgba(255,255,255,.2);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.2);
}

::-moz-scrollbar {
    -moz-appearance: none;
    width: 7px;
}

::-moz-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(0,0,0,.2);
    box-shadow: 0 0 1px rgba(255,255,255,.2);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.2);
}

.featured-products {
    -webkit-overflow-scrolling: touch;
}

.featured-product-tile {
    float: left;
    margin-right: 15px;
    width: 240px;
}

.featured-product-tile img {
    display: block;
    height: 240px;
    width: 240px;
}

.featured-product-price {
    margin-bottom: 10px;
}

.example-block {
    background: #eee;
    border: 1px solid #aaa;
    box-sizing: border-box;
    color: #666;
    height: 65px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}

.mini-promos {
    margin-top: 15px;
}

.mini-promos .example-block {
    height: 120px;
}

.header {
    position: relative;
}

#header-top {
    position: absolute;
    right: 15px;
    text-align: right;
    top: 0;
    width: 100%;
}

body.dealer #header-top {
    position: static;
    right: auto;
    text-align: left;
    font-size: 80%;
}

body.dealer #header-top .alert {
    margin-top: 10px;
    padding: 5px 10px;
    background: none;
    background-color: #fcf8e3;
}

#header-top .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -moz-border-top-left-radius: 0;
    -moz-border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
}

.front-page-message {
    margin-top: 1em;
}

.grafs-gblast-pending {
    background-image: url(../../swat/images/swat-button-throbber.gif);
    background-repeat: no-repeat;
    background-position: 2px center;
    color: #666;
    padding-left: 20px;
}

.grafs-gblast-success {
    background-image: url(../../grafs/images/in-stock-notification-cell-renderer-success.png);
    background-repeat: no-repeat;
    background-position: 2px center;
    color: green;
    cursor: default;
    padding-left: 20px;
    text-decoration: none;
}

.grafs-gblast-error {
    color: #b50000;
    padding-left: 20px;
}


.search-wrapper {
    margin-top: 3rem;
}

.search-wrapper .btn-group .btn {
    line-height: 15px;
    padding-right: 12px;
    text-align: left;
}

#footer {
    font-size: 90%;
}

.footer-site-info {
    background: #555;
    color: #cacaca;
    padding: 15px 0;
}

.footer-site-info .content-column {
    padding-top: 18px;
}

.footer-site-info .image-column {
    padding-top: 10px;
}

.footer-nav-title {
    font-size: 1.2em;
    border-bottom: 1px solid #f0f0f0;
    margin: 0 0 5px 0;
}

.footer-site-info a {
    color: #f0f0f0;
    font-weight: normal;
    text-decoration: none;
}

body.dealer .footer-site-info a {
    color: #eefdf1;
}

body.dealer .footer-site-info a:hover,
body.dealer .footer-site-info a:focus,
body.dealer .footer-site-info a:active,
body.dealer .footer-site-info a:focus:active {
    color: #ffffff;
}

.footer-site-info a:hover {
    text-decoration: underline;
}

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

.footer-sitemap ul li {
    padding: 3px 0px;
    margin: 0px;
}

.content {
    position: relative;
}

.footer-sitemap {
    background: #1d2b4c;
    padding: 10px 0;
}

.dealer .footer-sitemap {
    background: #002d00;
}

.footer-sitemap-inner {
    background: #fff;
    border-radius: 4px;
    margin: 0 auto;
    width: 960px;
    padding: 10px;
}

.footer-features {
    border-top: 10px solid #1d2b4c;
    box-shadow: inset  0  8px 8px -8px #666,
                inset  0 -8px 8px -8px #666;
    padding: 5px 0 20px 0;
}

.dealer .footer-features {
    border: 0;
    border-top: 5px solid #278e50;
    box-shadow: none;
}

.footer-features h2,
.footer-features h3 {
    clear: both;
    color: #cc6a0a;
    font-family: sans-serif;
    margin: 0;
    padding: 0;
}

body.dealer .footer-features h2,
body.dealer .footer-features h3 {
    color: inherit;
}

.wf-active .footer-features h2,
.wf-active .footer-features h3 {
    font-family: "league-gothic-1","league-gothic-2",sans-serif;
}

.footer-features h2 {
    font-size: 16px;
    margin-bottom: 5px;
}

.wf-active .footer-features h2 {
    font-size: 26px;
}

.footer-features h3 {
    font-size: 16px;
    margin-bottom: 5px;
}

.wf-active .footer-features h3 {
    padding: 5px 0;
    font-size: 26px;
}

.footer-features p {
    margin: 0 0 5px 0;
    padding: 0;
}

.footer-features .swat-note {
    font-size: 10px;
    margin-top: 5px;
    text-align: center;
}

.body-wrapper {
    background: #d0d0d0 url(../images/stripe.png);
    padding-top: 33px;
    position: relative;
}

body.dealer .body-wrapper {
    background-image: none;
    background-color: #ddded7;
}

.body-wrapper .container {
    background: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    box-shadow: 0 0 25px #999;
    -moz-box-shadow: 0 0 25px #999;
    -webkit-box-shadow: 0 0 25px #999;
    height: 100%;
    padding-bottom: 15px;
}

body.dealer .body-wrapper .container {
    box-shadow: none;
    border: 0;
}

.recent-products {
    left: 1155px;
    position: absolute;
    top: 30px;
}

.recent-products h4 {
    color: #666;
    font-size: 14px;
}

.menu-arrow-down {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid #000;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    margin: 0 3px;
    position: relative;
    top: -2px;
}

#gblast {
    text-align: center;
}

#gblast .input-group {
    margin: 10px 0;
}

#gblast p {
    font-size: 12px;
}

.product-tile {
    height: 425px;
}

.product-tile .swat-image-cell-renderer {
    margin: 0 0 6px 0;
    text-align: center;
}

.product-tile .swat-link-cell-renderer {
    margin: 0 0 6px 0;
}

.product-tile .swat-text-cell-renderer,
.product-tile .swat-money-cell-renderer {
    display: inline;
}

.product-tile .grafs-quantity-cell-renderer {
    margin-top: 12px;
}

.product-tile .grafs-volume-discount-cell-renderer,
.product-tile .grafs-quantity-cell-renderer {
    color: #555;
    display: block;
    font-size: 93%;
}

#product_details_container .grafs-volume-discount-table {
    margin: 0;
    width: auto;
}

#product_details_container .grafs-volume-discount-table td,
#product_details_container .grafs-volume-discount-table th {
    white-space: nowrap;
    width: auto;
    padding: 2px 0.5em;
}

.product-tile .grafs-note-cell-renderer {
    color: #555;
    font-size: 93%;
}

.product-tile.rebates-available .swat-image-cell-renderer::after {
    content: '';
    width: 100px; height: 75px;
    position: absolute; right: 0px; top: 112px;
    background: url('/packages/grafs/images/rebate-overlay.png') no-repeat;
}

.alert .primary-content {
    font-weight: bold;
}

.swat-details-view {
    font-size: 14px;
}

.swat-details-view th {
    padding-right: 5px;
}

.swat-details-view th,
.swat-details-view td {
    padding-bottom: 10px;
}

#product_information .swat-footer-form-field {
    background: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin: 40px 0 20px 0;
    padding: 10px 40px;
}

#product_information .swat-footer-form-field input,
#product_information .swat-footer-form-field label {
    margin-right: 10px;
}

#product_information .swat-footer-form-field .swat-required {
    display: none;
}

#product_information .swat-footer-form-field .swat-form-field-contents,
#product_information .swat-footer-form-field .swat-form-field {
    display: inline;
}

#product_information .swat-frame-contents {
    padding: 0;
}

#product_details .swat-frame-contents {
    padding: 0;
}

#product_details h2  {
    font-family: "league-gothic-1","league-gothic-2",sans-serif;
    font-size: 1.85em;
}

body.dealer #add_to_cart {
    /* .btn-primary */
    color: #fff;
    background-color: #278e50;
}

body.dealer #add_to_cart:hover,
body.dealer #add_to_cart:focus,
body.dealer #add_to_cart:active,
body.dealer #add_to_cart:focus:active {
    /* .btn-primary */
    color: #fff;
    background-color: #002d00;
}

body.dealer #add_to_wishlist {
    /* .btn-sm */
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.swat-image-preview-display-link {
    margin-right: 15px;
    display: inline-block;
    float: right;
}

#page {
    text-align: center;
}

#grafs_sorting_form {
    margin-bottom: 15px;
}

.swat-image-preview-display-link img,
a.swat-image-preview-display-link-plain img {
    border-color: #ccc;
}

.nav-alert-wrapper .alert {
    margin: 15px;
}

#nav ul li .nav-alert-wrapper .alert-info a {
    color: #31708f;
    text-decoration: underline;
}

.container > #flashmessenger {
    margin-top: 15px;
}

.home .container > #flashmessenger {
    position: absolute;
    top: 215px;
    width: 920px;
    z-index: 1005;
}

.home .container > #flashmessenger .alert {
    box-shadow: 0 0 20px #333;
    -moz-box-shadow: 0 0 20px #333;
    -webkit-box-shadow: 0 0 20px #333;
}

body.dealer .alert-warning {
    background: none;
    background-color: #fcf8e3;
}

body.dealer .alert-info {
    background: none;
    background-color: #d9edf7;
}

.alert h2 {
    font-size: 100%;
    margin: 0;
    padding: 0;
}

.alert p {
    margin-bottom: 5px;
    margin-top: 0;
}

.grafs-promo-code-container .swat-frame-contents {
    padding: 0;
}

.grafs-promo-code-container label {
    display: none;
}

#grafs_fee_table {
    float: right;
    width: 70%;
}

#grafs_fee_table .fee-rate {
    text-align: right;
}

#grafs-cart-footer {
    clear: both;
    padding-top: 30px;
    text-align: right;
    width: 100%;
}

.swat-fieldset {
    border-width: 0;
    border-top: 1px solid #ddd;
    padding: 0;
    overflow: hidden;
}

.swat-fieldset legend {
    font-size: 123.1%;
    font-weight: normal;
    padding: 0;
}

#grafs-checkout-progress {
    text-align: center;
}

.grafs-address-footer {
    margin-top: 10px;
    text-align: center;
}

.security-well h3,
.security-well p {
    margin: 0;
    padding: 0;
}

#nra_logo {
    background: url(../../grafs/images/nra.gif) no-repeat;
    padding: 6px 0 6px 128px;
}

#nra_logo p {
    padding-bottom: 12px;
}

.confirm-edit-cart-wrapper {
    margin-bottom: 25px;
    text-align: center;
}

.shipping-confirm-message {
    margin-top: 1em;
}

.grafs-shipping-method-divider .swat-note {
    font-size: 90%;
}

.grafs-address-book {
    clear: left;
}

.validated .grafs-address-name::after {
    font-weight: bold;
}

.grafs-address-validation {
    border: 1px solid #999;
    border-radius: 10px;
    padding: 1em;
    overflow: auto;
    margin: 0 20px 20px 0;
    box-shadow: 4px 4px 8px #999 ;
}

.swat-note {
    color: #666;
    font-size: 85%;
}

.grafs-price-sale {
    color: #006800;
    font-weight: bold;
    padding-left: 6px;
}

.product-price-sale {
    color: #b50000;
    font-weight: bold;
    padding-left: 6px;
}

.product-stock-alert {
    color: #b50000;
}

.product-discount-alert {
    color: #b50000;
}

.grafs-price-void {
   text-decoration: line-through;
}

.grafs-price-savings {
    color: #666;
}

.grafs-pricing-unit {
    color: #006800;
    font-style: italic;
}

.grafs-pricing-unit strong {
    color: #666;
}

.grafs-inline-search-wrapper {
    position: relative;
}

body.dealer .grafs-inline-search-wrapper {
    margin-bottom: 1rem;
}

.grafs-inline-search-hidden {
    display: none;
}

.grafs-inline-search-container {
    background: #fff;
    width: 440px;
    position: absolute;
    left: -33px;
    top: 36px;
    z-index: 1000;
    text-align: left;
    border-radius: 4px;
    box-shadow: 0 0 20px #333;
    -moz-box-shadow: 0 0 20px #333;
    -webkit-box-shadow: 0 0 20px #333;
    z-index: 10000;
}

.grafs-inline-search-product {
    border-bottom: 1px solid #ddd;
}

.grafs-inline-search-product a {
    display: block;
    font-size: 90%;
    padding: 6px;
    color: #333;
    font-weight: normal;
    margin: 0;
    text-decoration: none;
}

.grafs-inline-search-product a:hover {
    background: #eee;
}

.grafs-inline-search-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 900;
}

.grafs-inline-search-categories {
    color: #666;
    vertical-align: middle;
    font-size: 80%;
    float: right;
    padding-left: 12px;
}

.grafs-inline-search-clear {
    clear: both;
}

.featured-brands .panel-body {
    font-weight: bold;
    text-align: center;
}

.featured-brands .panel-body img {
    width: 100%;
}

.well-credit-cards {
    margin: 0;
    padding: 2px;
    text-align: center;
}

.accepted-credit-cards img {
    border: 1px solid #eee;
    display: inline-block;
    margin: 0;
    width: 28px;
}

.bbb {
    margin-top: 6px;
}

.our-story {
    width: 115px;
    padding: 2px;
    background: #fff;
    border: 1px solid #ccc;
    float: left;
    box-shadow: 0 0 5px #999;
    margin: 0 10px 0 0;
    -ms-transform: rotate(-3deg); /* IE 9 */
    -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
    transform: rotate(-3deg);
}

.our-story-large {
    margin-bottom: 100px;
    margin-left: 2.5%;
    margin-right: 30px;
    width: 300px;
}

.footer-catalog-thumb {
    width: 72px;
    padding: 2px;
    background: #fff;
    border: 1px solid #ccc;
    float: left;
    box-shadow: 0 0 3px #999;
    margin: 0 10px 0 0;
    -ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
    transform: rotate(1deg);
}

.social-icons {
    margin-bottom: 60px;
    text-align: center;
    padding: 0 10px;
}

.social-icons img {
    margin: 0 5px 10px;
    height: 30px;
}

.btn-warning .menu-arrow-down {
    border-top: 5px solid #fff;
}

.grafs-pricing-note .grafs-price-sale {
    padding-left: 0;
}

.grafs-pricing-note .swat-note {
    padding-top: 0;
}

.product-vendor {
    font-weight: bold;
    text-align: center;
}

.product-vendor img {
    width: 98px;
}

.product-warning {
    border: 1px solid #ddd;
    border-radius: 1em;
    padding: 1em;
    margin-bottom: 0.5em;
    font-size: 0.9em;
}

.product-warning h3 {
    margin: 0;
    padding-left: 1.2em;
    background: url('/packages/graf-responsive/images/warning.png') no-repeat left/1em;
}

.vendor-description img {
    float: left;
    margin: 0 20px 20px 0;
}

img.vendor-hero {
    width: 100%;
}

.top-features-wrapper {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.top-features-wrapper li {
    border-right: 1px solid #ccc;
    display: inline-block;
    margin: 0;
    padding: 0;
}

body.dealer .top-features-wrapper li {
    border-right: 1px solid #9eb0a2;
}

.top-features-wrapper li:last-child,
body.dealer .top-features-wrapper li:last-child {
    border-right: none;
}

.top-features-wrapper a {
    color: #1d2b4c;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    padding: 10px 30px;
    text-align: center;
}

body.dealer .top-features-wrapper a {
    color: #1d4c2b;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.wf-active .top-features-wrapper a {
    font-family: "league-gothic-1","league-gothic-2",sans-serif;
    font-size: 22px;
}

.account-popover-content {
    display: none;
}

.popover-content #delta_login_form .swat-form-field {
    margin-bottom: 5px;
}

.popover-content #delta_login_form .swat-button {
    font-weight: bold;
}

.popover-content #delta_login_form {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.popover-content .list-group {
    min-width: 240px;
}

.home-icons {
    margin-top: 15px;
}

.home-icons div {
    text-align: center;
}

.home-icons a {
    color: #505151;
    text-decoration: underline;
}

.home-icons img {
    width: 80%;
}

.featured-products-outer {
    margin: 0 15px;
    position: relative;
}

.featured-products-wrapper {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.btn-featured-back,
.btn-featured-forward {
    position: absolute;
    top: 150px;
}

.btn-featured-back {
    left: -31px;
}

.btn-featured-forward {
    right: -31px;
}

.contact_form h4 {
    margin: 0;
    padding: 0;
}

.panel-catalog .panel-body h3 {
    margin-top: 0;
}

#success {
    background: url(../images/success.png) left center no-repeat;
    color: green;
    display: none;
    margin: 6px 0 0 0;
    padding: 0 0 0 22px;
}

.single-review {
    margin: 5px 0;
    padding: 15px 0;
    border-bottom: 1px dotted #ccc;
}

.single-review.first {
    border-top: 1px dotted #ccc;
}

.single-review h4 {
    margin: 0;
    padding: 0;
}

#avg-rating {
    color: #2b5c85;
    font-size: 20px;
    font-style: italic;
}

.single-review cite {
    color: #666;
    display: block;
}

#review-form-container {
    margin-top: 22px;
}

#review_form {
    margin-top: 10px;
}

.review-rating {
    height: 20px;
    padding-right: 5px;
}

.review-rating .star {
    float: left;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-indent: -999em;
    background: url('../../swat/images/swat-rating-stars-256.png') no-repeat 0 0px;
}

.review-rating .star.on {
    background-position: 0 -20px;
}

#page-feedback {
    margin-top: 30px;
    text-align: center;
}

#page-feedback h4 {
    margin-bottom: 5px;
}

#page-feedback .vote {
    height: 34px;
    display: inline-block;
    margin: 0 15px;
    padding: 8px 0px 0px 36px;
    text-align: right;
    font-weight: bold;
}

#page-feedback .upvote {
    background: url('../../grafs/images/upvote.png') no-repeat;
}

#page-feedback .downvote {
    color: #666;
    background: url('../../grafs/images/downvote.png') no-repeat;
}

#page-feedback a {
    color: #cc6600;
}

#feedback-modal label {
    display: none;
}

#feedback-modal textarea {
    width: 100%;
}

.panel-footer p {
    margin-bottom: 0;
}

.norton-seal-product {
    position: relative;
    top: -20px;
}

.norton-seal-cart span {
    float: right;
}

.modal-footer button.discrete {
    font-size: 0.8em;
}

/* Products frequently bought together */
.bought-together-images {
    float: left;
    width: auto;
}
.bought-together-controls {
    float: left;
    margin-left: 20px;
}
.bought-together-items {
    clear: left;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
}
.bought-together-items li {
    padding: 0;
    margin: 0;
}
.bought-together-items div.grafs-price-savings, .bought-together-items div.grafs-pricing-unit-wrapper {
    display: inline;
    padding: 0 0.5em;
}

.swat-message-display-dismiss-link {
    display: none;
}

.rebate-image {
    margin: 0.5em 0 1em;
}

ul.tracking-numbers {
    list-style-type: none;
    padding: 0;
}

#share-links {
    margin-bottom: 20px;
}

#share-links img {
    height: 30px;
}

#share-links .title, #share-links a {
    padding-right: 10px;
}

img.promo-item {
    float: right;
    margin-left: 10px;
}

.grafs-promotions .featuredPromo, .grafs-promotions .featuredPromo a {
    color: #c00;
}

/* Cart table */
tr.backorder td {background-color: #fcc;}

/* Tax-exempt forms */
table.tax-forms td {
    border: 1px solid black;
    padding: 1em;
    vertical-align: top;
}
.swat-table-view thead td {
    border-bottom: 1px solid #eee;
}

.swat-table-view thead td {
    color: #666;
    font-size: 85%;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    html,
    body {
        background: url(../images/header-bg-mobile.png) repeat-x;
    }

    body {
        margin: 0;
        overflow-x: hidden;
        padding: 0;
        width: 100%;
    }

    .featured-products-outer {
        margin: 0;
    }

    .container {
        width: 100% !important;
    }

    #header-top {
        right: 0;
    }

    #logo {
        text-align: center;
        top: 0;
        width: 100%;
    }

    .dealer #nav-wrapper {
        background: none;
    }

    .search-wrapper {
        left: 5px !important;
        top: 190px;
        width: auto;
    }
    .carousel {
        top: 0;
    }

    .carousel-slide,
    .carousel a {
        height: auto;
    }

    .carousel-slide img {
        height: auto;
    }

    .carousel-titles {
        margin-top: 34vw;
    }

    .body-wrapper {
        padding-top: 0;
    }

    body.dealer .body-wrapper {
        margin-top: 2rem;
        padding-top: 0;
    }

    body.dealer #cart_form .swat-frame-contents {
        padding: 0;
    }

    body.dealer #cart_view thead {
        display: none;
    }

    body.dealer #cart_view .swat-image-link-cell-renderer a,
    body.dealer #cart_view .swat-image-cell-renderer img {
        display: block;
    }

    body.dealer #cart_view tbody tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    body.dealer #cart_view tbody td {
        -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                    flex: 0 0 100%;
        flex-direction: row;
    }

    body.dealer #cart_view .swat-image-cell-renderer img {
        margin: 0 auto;
    }

    body.dealer #cart_view td.swat-image-cell-renderer {
        -webkit-box-flex: 0;
                -ms-flex: 0 0 33.33333%;
                    flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    body.dealer #cart_view td.product-info {
        -webkit-box-flex: 0;
                -ms-flex: 0 0 66.66667%;
                    flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    body.dealer #cart_view td.price,
    body.dealer #cart_view td.quantity,
    body.dealer #cart_view td.weight {
        -webkit-box-flex: 0;
                -ms-flex: 0 0 33.33333%;
                    flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    body.dealer #cart_view td.price {
        text-align: center;
    }

    body.dealer #cart_view td.weight {
        text-align: right;
    }

    body.dealer #cart_view td.weight::before {
         content: 'Weight: ';
         font-size: 0.8em;
         color: #777;
    }

    body.dealer #cart_view td.price .grafs-pricing-unit {
        font-size: 0.8em;
    }

    body.dealer #cart_view td.quantity {
        text-align: left;
    }

    body.dealer #cart_view td.quantity > div {
        display: inline-block;
        width: 42%;
        text-align: left;
    }

    body.dealer #cart_view .product-name {
        font-weight: 700;
        font-size: 1.2em;
    }

    body.dealer #cart_view td.product-total {
        font-weight: 700;
        font-size: 1.2em;
    }

    body.dealer #cart_form #promo_code {
        display: inline-block;
        width: 58vw;
        margin-right: 2vw;
    }

    body.dealer #grafs_fee_table td {
        text-align: right;
    }

    body.dealer #grafs_fee_table .grafs-total-row td:last-child {
        font-size: 1.5em;
        font-weight: 700;
        color: #b50000;
    }

    body.dealer #product_information #quantity {
        margin-bottom: 1rem;
    }

    .footer-sitemap-inner {
        width: 100%;
    }

    .legalese {
        margin-top: 15px;
        text-align: center;
    }

    .social-icons {
        margin-bottom: 15px;
        padding: 0;
    }

    .cart-popover {
        left: 0 !important;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100% !important;
    }

    .cart-popover .arrow {
        margin-left: 80px !important;
    }
}

@media screen and (max-width: 575px) {
  .carousel {
    top: 0;
  }

  .carousel-slide,
  .carousel a {
    display: block !important;
    opacity: 1 !important;
    position: relative;
    height: auto;
  }

  .carousel-slide img {
    height: auto;
  }

  .carousel-titles {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #product_details {
        width: 480px;
    }

    body.dealer .dealer-tag {
        top: -1rem;
        left: -4rem;
        width: 12rem;
        height: 6rem;
        font-size: 0.9em;
    }

    body.dealer .dealer-tag span {
        margin-top: 2rem;
    }
}

@media (min-width: 997px) {
    body.dealer #header-top.notice {
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        text-align: left;
        width: 200px;
    }

    body.dealer #header-top.notice .alert {
        margin: 0;
    }
}

/* mobile/responsive and ADA styles */
.product-listing .product-wrapper .no-image-available {
    color: black;
}
p a, .grafs-pricing-note .swat-note a {
    text-decoration: underline;
}
.tech-resources .product-tile {
    height: auto;
    display: block;
    padding: 2rem;
    min-height: 200px;
}
.offscreen { position:absolute; left:-10000px; }
.footer-site-info .legalese {
    color: white;
}
body .footer-site-info .legalese a {
    text-decoration: underline;
    color: white;
}
#grafs-terms-of-service-sections li, .vendors .container .row div div, .panel-body div div div {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.product-availability span {
    color: #b50000!important;
}
.grafs-pricing-note span {
    color: #b50000;
}
.contact .swat-note a {
    text-decoration: underline!important;
}
body.media {
    overflow:auto;
}
@media screen and (max-width: 430px) {
    .product #product_details {
        width: 100%;
        display: block;
    }
    .product #product_details #model {
        width: 100%;
        display: block;
    }
    .product #product_details th {
        text-align: left;
    }
    .product #product_details #price, .product #product_details #quantity_in_stock, .product #product_details #limited_quantity, .product #product_details #sku, .product #product_details tr.swat-details-view-field {
        width: 100%;
        display: block;
    }
    .product #product_details #price th, .product #product_details #limited_quantity th, .product #product_details tr.swat-details-view-field th {
        width: 100%;
        display: block;
        padding-bottom: 0;
    }
    .product #product_details #price td.swat-details-view-field {
        width: 100%;
        display: block;
    }
    .product #product_details #price td.swat-details-view-field .grafs-pricing-note .product-price-sale {
        padding-left: 0;
    }
    .request input {
        width: 100%;
    }
    .request .delta-form-field-autocomplete .swat-form-field-contents {
        max-width: 370px;
    }
    .request .delta-form-field-autocomplete .swat-form-field-contents {
        padding-bottom: 1.6em;
        width: auto;
    }
}
@media screen and (max-width: 768px) {
    .product .swat-footer-form-field .swat-form-field-contents #add_to_cart {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2rem;
    }
    body.media .body-wrapper .body-container img {
        width: 100%!important;
        height: auto!important;
    }
}