body {

    margin: 0;

    background: #b5b6b1;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

}

img {

    border: 0 !important;

}

* {

    backface-visibility: visible !important;

}

h1, h2, h3, h4, h5, h6 {

    margin: 5px 0;

    font-weight: 800;

    text-shadow: 1px 1px 3px #999;

    font-family: 'Open Sans', sans-serif;

}

#component h1, #component h2, #component h3 {

    font-family: 'Oswald', sans-serif;

    font-weight: inherit;

    text-transform: uppercase;

}

a {

    text-decoration: none;

    color: #000;

}

.clearfix::before {
    content: "";
    display: block;
    clear: both;
}

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

.nice-button {

    padding: 5px 20px;

    background: #005c2b;

    border: 1px solid #0c743d;

    border-top: 1px solid #43c37f;

    text-shadow: 1px 1px 0px #0c743d;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    color: #fff;

    text-decoration: none;

    text-transform: uppercase;

    font-size: 12px;

    font-weight: normal;

    cursor: pointer;

    text-align: center;

}

.nice-button-continue {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background: #ee2e24 none repeat scroll 0 0;

    border-color: #43c37f #ee2e24 #ee2e24;

    border-image: none;

    border-radius: 4px;

    border-style: solid;

    border-width: 1px;

    color: #fff;

    cursor: pointer;

    float: left;

    font-size: 16px;

    font-weight: normal;

    margin: 5px 0;

    padding: 2px 20px;

    text-align: center;

    text-decoration: none;

    text-shadow: 1px 1px 0 #0c743d;

    text-transform: uppercase;

    width: 33%;

}

.nice-button.large-button {

    background: #ee2e24;

    font-size: 18px;

    padding: 10px 40px;

    border: none;

    font-family: 'Oswald', sans-serif;

    font-weight: inherit;

}

.block {

    margin: auto;

    width: 1150px;

}

.block-inner {

    padding: 15px;

    overflow: hidden;

}

/*07-06-2016*/

.subscribe_banner {

    position: relative;

}

#alerts {

    background: #ff0000;

    color: #fff;

}

#alerts .block-inner {

    padding: 0 15px;

}

#utilities {

    background: #999 url(../images/utilities-bg.png) bottom repeat-x;

    color: #ccc;

    text-shadow: 1px 1px 2px #333;

    text-transform: uppercase;

    font-style: italic;

}

#utilities .block-inner {

    padding: 5px 15px;

}

#utilities img {

    margin-bottom: -3px;

}

#utilities a {

    color: #ccc;

}

#top {

/ / background: #00823d url(../images/top-bg.png) bottom repeat-x;
    background-image: url(../images/green-hexagon-pattern-2.jpg);

    min-height: 135px;

    font-family: 'Oswald', sans-serif;

}

#top .block-inner {
    overflow: visible;
    padding: 9px 15px;
}

#top .nav ul,
#top .nav li {

    margin: 0;

    padding: 0;

    list-style: none;

}

#top .nav li a {

    display: block;

    float: left;

    color: #fff;

    text-transform: uppercase;

    font-weight: 400;

    font-size: 14px;

    padding: 5px 8px;

    text-shadow: 1px 1px 3px #000;

}

#top .nav li a:hover {

    color: #87e5b3;

}

.header-bottom {
    border-top: 3px solid #ee2e24;
    background: linear-gradient(to top, rgb(5, 84, 25) 0%, rgb(1, 16, 7) 100%);
}

.header-bottom .products-menu {
    position: relative;
    width: auto;
}

#top .products-menu .nav {
    margin: 0;
    padding: 0;
}

#top .products-menu .nav::before {
    content: "";
    display: block;
    clear: both;
}

#top .products-menu .nav::after {
    content: "";
    display: block;
    clear: both;
}

#top .products-menu .nav li a {
    float: none;
}

#top .products-menu .nav li {
    float: left;
}

#top .main-menu .nav li a {

    padding: 5px 12px;

}

#breadcrumbs {

    background: #f2efea;

    color: #66583e;

}

#breadcrumbs .breadcrumbs a {

    color: #00853e;

}

#breadcrumbs .breadcrumbs span {

    color: #66583e;

}

.logo {
    position: absolute;
    bottom: 0;
    width: 220px;
    float: left;
    transition-property: width;
    transition-duration: .3s;

/ / width: 20 %;

}

.main-menu {

    width: 48%;

    float: right;

    height: 60px;

}

.search {

    width: 30%;

    float: right;

    margin-top: 10px;

}

.search input.q {

    padding: 10px;

    font-size: 14px;

    color: #999;

    border: 0;

    width: 200px;

    padding-left: 25px;

    background: url(../images/search-arrow.png) 95% 50% no-repeat;
    background-color: #fff;

    margin: 0;

}

.search input.q:focus {

    background-image: none;

}

.search input.q.loading {

    background: url(../images/ajax-loader.gif) 95% 50% no-repeat;

}

.search input.q:focus .autocomplete {

    display: block;

}

.search .q-wrapper {

    float: left;

    background: url(../images/search-icon.png) 8px 14px no-repeat;

    border-radius: 3px;

}

.search .autosearch-complete {

    padding: 10px;

    position: absolute;

    width: 296px;

    max-height: 250px;

    overflow: auto;

    background: #fff;

    border-radius: 0 0 3px 3px;

    margin-top: -3px;

    display: none;

    z-index: 1001;

}

.search input.go-button {

    background: #ee2e24;

    color: #fff;

    font-size: 14px;

    text-shadow: 1px 1px 3px #000;

    margin-left: 19px;

    padding: 10px;

    border: 0;

/ / border-radius: 3 px;

    text-transform: uppercase;

    font-weight: 400;

}

.search .autosearch-complete ul,
.search .autosearch-complete li {

    margin: 0;

    padding: 0;

    list-style: none;

}

.search .autosearch-complete li {

    border-top: 1px solid #ccc;

}

.search .autosearch-complete li a {

    font-family: 'Open Sans', sans-serif;

    display: block;

    font-size: 12px;

    padding: 3px;

}

.search .autosearch-complete li a:hover,
.search .autosearch-complete .selected {

    background: #e7e7e7;

}

.products-menu {
    float: right;
    width: 80%;
}

#top .products-menu .nav li a {
    padding: 14px 8px;
    font-size: 12px;

}

#features {

    position: relative;

    z-index: 1;

    max-height: 500px;

}

#features .block {

    width: auto;

}

#features .block-inner {

    padding: 0;

}

.cover-container {

    width: 100%;

}

.cover-container .slide-img {

    width: 100%;

}

.slide {

    width: 100%;

    left: 50%;

    margin-left: -575px;

    position: absolute;

}

.slide-fg,
.slide-title {

    width: 50%;

    float: left;

}

.slide-fg {

    margin-top: 30px;

}

.slide-title {

    color: #fff;

    text-transform: uppercase;

    margin-top: 350px;

}

.slide-title h2 {

    font-size: 50px;

    margin: 0;

    line-height: 100%;

}

.slide-title h2 a {

    color: #fff;

}

.slide-title h3 {

    font-size: 30px;

    color: #00853e;

    margin: 0;

    line-height: 100%;

}

.slide-title h3 a {

    color: #00853e;

}

.covers-prev, .covers-next {

    position: absolute;

    top: 50%;

    right: 0;

    color: #fff;

    background: url(../images/covers-right-arrow.png);

    width: 50px;

    height: 50px;

    cursor: pointer;

    float: right;

    z-index: 1000;

}

.covers-prev {

    left: 0;

    right: inherit;

    background: url(../images/covers-left-arrow.png);

}

.foreground-container {

    position: relative;

    z-index: 10;

}

#teasers {

    text-transform: uppercase;

    overflow: hidden;

}

#teasers .block {

    width: auto;

}

#teasers .moduletable {

    width: 32%;

    float: left;

    margin: 6px;

    text-align: center;

}

#teasers .moduletable img {

    margin-bottom: -10px;

}

#teasers h2 {

    font-size: 26px;

    color: #ee2e24;

    line-height: 100%;

}

#teasers h3 {

    font-size: 16px;

    line-height: 100%;

}

#panel-a {

    overflow: hidden;

    background: #b5b6b1;

}

#panel-a .block {

    width: auto;

}

#panel-a .block-inner {

    padding: 0;

}

.youtubefeed-titles,
.dealers-titles {

    background: #ee2e24;

    text-align: center;

    color: #fff;

    overflow: hidden;

    padding: 25px 15px;

    text-transform: uppercase;

}

.youtubefeed-titles h2,
.dealers-titles h2 {

    font-size: 40px;

    line-height: 100%;

}

.youtubefeed-titles h3,
.dealers-titles h3 {

    font-size: 26px;

    line-height: 100%;

}

.youtubefeed-titles h3 a,
.dealers-titles h3 a {

    color: #ccc;

}

.phoner-titles,
.dealers-titles {

    background: #ee2e24;

    text-align: center;

    color: #fff;

    overflow: hidden;

    padding: 25px 15px;

    text-transform: uppercase;

}

.phoner-titles h2,
.dealers-titles h2 {

    font-size: 40px;

    line-height: 100%;

}

.phoner-titles h3,
.dealers-titles h3 {

    font-size: 26px;

    line-height: 100%;

}

.phoner-titles h3 a,
.dealers-titles h3 a {

    color: #ccc;

}

.dealers-titles {

    background: none;

}

.dealers-titles h3 {

    color: #00853e;

}

.dealers-titles input {

    width: 100px;

    font-size: 24px;

    padding: 10px;

    border-radius: 6px;

    border: none;

}

#postcode-search {

    overflow: hidden;

    position: relative;

    clear: both;

}

#map {

    width: 100%;

    height: 500px;

}

#resultspanel {

    float: left;

    width: 240px;

    overflow: auto;

    min-height: 480px;

    position: absolute;

    left: 100px;

    background: #f7f7f7;

    z-index: 1001;

    top: 193px;

    border-radius: 6px;

}

#resultspanel .customblock {

    display: block;

    border-bottom: 1px solid #ccc;

    overflow: hidden;

}

#resultspanel .customblock .customblock-distance {

    display: block;

    float: left;

    width: 30px;

    height: 30px;

    background: #ee2e24;

    text-align: center;

    color: #fff;

    margin-right: 10px;

}

#resultspanel .customblock .customblock-title {

    float: left;

}

#resultspanel h3 {

    margin: 0;

}

#footer {

    color: #fff;

    background: #00823d;

}

#footer .footer-col {

    width: 30%;

    margin: 5px;

    float: left;

}

#footer ul,
#footer li {

    padding: 0;

    margin: 0;

    list-style: none;

}

#footer li a {

    display: block;

    color: #fff;

}

#component {
    background: #b5b6b1;
}

.split-col {

    width: 50%;

    float: left;

}

.split-col .split-col-inner {

    padding: 15px;

}

/* Tabs */

#tabs {

    width: 100%;

    background: url(../images/dark-gradient.png) bottom repeat-x;

    margin: 0;

    margin-top: 40px;

    padding: 10px;

    padding-bottom: 0;

    overflow: hidden;

    text-align: center;

}

#tabs li {

    display: inline-block;

    list-style: none;

    margin-right: 5px;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

    outline: none;

}

.nn_tabs.oldschool > ul > li > a,
.nn_tabs.oldschool > ul > li > a:link,
.nn_tabs.oldschool > ul > li > a:visited,
.nn_tabs.oldschool > ul > li > a:active,
.nn_tabs.oldschool > ul > li > a:hover,
#tabs li a.tablink {

    padding: 20px 30px;

    display: block;

    color: #e4e0d9;

    background: #595a55;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

    text-decoration: none;

    outline: none;

    cursor: pointer;

    font-size: 18px;

}

.nn_tabs.oldschool > ul > li.active > a,
.nn_tabs.oldschool > ul > li.active > a:link,
.nn_tabs.oldschool > ul > li.active > a:visited,
.nn_tabs.oldschool > ul > li.active > a:active,
.nn_tabs.oldschool > ul > li.active > a:hover,
#tabs li a.tablink.active {

    color: #000;

    background: #fff;

    padding: 20px 30px;

    outline: none;

    font-weight: bold;

}

.nn_tabs.oldschool > ul > li > a:hover,
#tabs li a.tablink.active:hover,
#tabs li a.tablink:hover {

    color: #000;

    outline: none;

}

.nn_tabs.oldschool > .tab-content,
.inner-tab-container {

    clear: both;

    width: 100%;

    text-align: left;

    /*overflow: hidden;*/

}

h2.tab-title,
h3.tab-title {

    font-size: 30px;

    text-align: center;

    color: #fff !important;

    display: block;

    padding: 10px 0;

    border-bottom: 1px solid #333;

    margin: 0;

    clear: both;

}

h3.tab-title {

    font-size: 14px;

    color: #999 !important;

}

.nn_tabs.oldschool > .tab-content,
.inner-tab-container {

    padding: 15px;

    background: #fff;

    overflow: hidden;

    border-radius: 3px;

    font-family: 'Oswald', sans-serif;

}

.nn_tabs.oldschool > .tab-content > .tab-pane {

    border: 0;

}

.nn_tabs.oldschool > ul > li.active {

    margin-top: 5px !important;

}

.split-col h2 {

    color: #000;

    text-transform: uppercase;

    font-size: 30px;

}

.split-col h2 span {

    color: #ee2e24;

}

.product-descriptions {

    padding: 10px;

    background: #00592a url(../images/toggle-arrow-up.png) 98% 50% no-repeat;

    color: #fff;

    margin: 0;

    cursor: pointer;

    border-radius: 3px;

    margin-bottom: 10px;

}

.product-descriptions:hover {

    background-color: #002d10;

}

.product-descriptions.closed {

    background: #00592a url(../images/toggle-arrow-down.png) 98% 50% no-repeat;

}

.product-descriptions h3 {

    margin: 0;

    font-size: 16px;

    text-transform: uppercase;

    text-shadow: none;

    font-weight: inherit;

}

.products-container {

    padding: 0;

    overflow: hidden;

    margin-bottom: 10px;

}

.product-block {

    width: 50%;

    float: left;

    cursor: pointer;

}

.product-block:hover .product-block-inner {

    border: 1px solid #999;

}

.product-block-inner {

    padding: 10px;

    border: 1px solid #ccc;

    border-radius: 3px;

    margin: 5px;

    min-height: 280px;

}

h2.product-title {

    font-size: 18px;

    margin: 0;

    color: #005c2b;

}

h3.product-title {

    font-size: 14px;

    margin: 0;

}

p.product-title {

    margin: 0;

    color: #ee2e24;

}

h3.larger {

    font-size: 30px;

}

h2.larger {

    font-size: 40px;

}

p.larger {

    font-size: 16px;

}

.product-img {

    text-align: center;

    position: relative;

    min-height: 200px;

    height: 200px;

    overflow: hidden;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}

.qty-req {

    position: absolute;

    bottom: 10px;

    left: 0;

    color: #999;

}

.product-img-large {

    border: 1px solid #ccc;

    border-radius: 6px;

}

.product-img-large img {

    width: auto;

    max-height: 350px;

    max-width: 400px;

}

.product-img img {

    max-width: 100%;

    max-height: 150px;

}

.product-img img.no-spill {

    margin: auto;

}

h1.vehicle-title span {

    color: #ee2e24;

}

h3.vehicle-title {

    color: #005c2b;

}

.vehicle-block {

    width: 33%;

    float: left;

}

.vehicle-block-inner {

    padding: 30px;

    padding-left: 0;

}

.vehicle-block ul,
.vehicle-block li {

    margin: 0;

    padding: 0;

    list-style: none;

}

.vehicle-block li a {

    font-size: 12px;

    display: block;

    padding-top: 5px;

    margin-top: 5px;

    border-top: 1px solid #fff;

}

.vehicle-block h3 {

    font-size: 20px;

}

.vehicle-block h3 a {

    color: #ee2e24;

}

.vehicle-image {

    border-radius: 3px;

    text-align: center;

}

.vehicle-image img {

    max-width: 100%;

    max-height: 150px;

}

.vehicle-image-thumb {

    width: 120px;

    float: left;

    margin-right: 15px;

    padding: 5px;

}

.hide-initial {

    display: none;

}

ul.attributes,
.attributes li {

    margin: 0;

    padding: 0;

    list-style: none;

}

.attributes li {

    background: #e5e0da;

    overflow: hidden;

    border-radius: 3px;

    margin-bottom: 5px;

    font-size: 16px;

}

.attributes li div.attr-title {

    background: #cdc5ba;

    color: #fff;

    float: left;

    width: 40%;

    padding: 10px;

    font-size: 12px;

}

.attributes li div.attr-value {

    color: #000;

    float: left;

    width: 40%;

    padding: 5px;

}

.genius-block {

    display: none;

    background: #ee2e24;

    border-radius: 6px 0 6px 6px;

    clear: both;

}

.genius-block-inner {

    padding: 30px;

    overflow: hidden;

}

.pad-me {

    padding-bottom: 40px !important;

    border-radius: 6px 6px 0 0 !important;

    background: #ee2e24 url(../images/toggle-arrow-up.png) 50% 80% no-repeat !important;

}

.question-block {

    width: 25%;

    float: left;

    font-size: 20px;

    text-align: center;

    color: #fff;

    font-family: 'Oswald', sans-serif;

    line-height: 120%;

    cursor: pointer;

}

.question-block-inner {

    padding: 30px 10px;

    border-radius: 6px;

}

.question-block:hover {

    color: #000;

}

.question-block.checked {

    background: #005c2b;

}

.question-block.checked:hover {

    color: #fff;

}

.clear {

    text-align: center;

    clear: both;

    cursor: pointer;

    color: #fff;

}

.videoitem {

    position: relative;

    width: 25%;

    height: auto;

    float: left;

    cursor: pointer;

}

.feed-container {

    border-bottom: 1px solid #666;

    border-right: 1px solid #666;

}

.videothumb {

    line-height: 0;

    border-top: 1px solid #666;

    border-left: 1px solid #666;

}

.videothumb img {

    width: 100%;

    height: auto;

}

.videotitle {

    display: none;

}

.titleoverlay {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 1;

}

.videoitem:hover .titleoverlay {

    background: none;

}

.videoitem:hover .videotitle {

    display: block;

}

.play-icon {

    width: 82px;

    height: 82px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -41px;

    margin-top: -41px;

    z-index: 1;

}

.play-icon img {

    width: 100%;

}

.videotitle {

    width: 100%;

    height: 50px;

    position: absolute;

    left: 0;

    bottom: 0;

    background: url(modules/mod_youtubefeed/images/trans-black-light.png);

}

.titleinner {

    margin: 10px;

    text-align: center;

}

.titleinner h3,
.titleinner p {

    margin: 0;

    color: #fff;

}

.youtubefeed-titles {

    clear: both;

}

.recommend-button,
.find-a-stockist-button {

    float: right;

    margin-top: -60px;

}

.menu-grip {

    display: none;

}

.mobile-menu {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 250px;

    height: 100%;

    background: #ee2e24;

    overflow: hidden;
    overflow-y: scroll;

    z-index: 10001;

}

.fullwidth #component .block {

    width: auto;

}

.chrono_credits {

    display: none;

}

#footer h2 {

    font-size: 14px;

}

#footer h3 {

    font-size: 12px;

}

#footer h4 {

    font-size: 11px;

}

.popup-handle {

    display: none;

}

.popup,
.popup-bg {

    z-index: 999;

    position: fixed;

}

.popup {

    z-index: 10001;

    background: #fff;

    left: 50%;

    top: 50px;

    margin-left: -45%;

    width: 90%;

}

.popup .inner {

    padding: 10px;

}

.popup-bg {

    background: url(../images/black-trans.png);

    width: 100%;

    height: 100%;

}

.total_products {

    background: #ee2e24 url(../images/cart.png) 0% 50% no-repeat;

    float: right;

    cursor: pointer;

    color: #fff;

    text-align: center;

    margin: -5px;

    margin-left: 30px;

    padding: 5px 10px;

    padding-left: 25px;

}

.breadcrumbs {

    float: left;

}

.fullcart .product-block {

    width: auto;

    float: none;

}

.fullcart .product-block-inner {

    min-height: inherit;

}

.fullcart .product-img {

    float: left;

    width: 60px;

    min-height: inherit;

}

.fullcart p {

    margin: 0;

}

.fullcart-utilities {

    clear: both;

    margin-top: 10px;

    padding-top: 10px;

    border-top: 1px solid #ccc;

}

.fullcart-utilities .nice-button {

    width: 29%;

    margin: 5px;

    float: left;

}

.kit-table {

    border-left: 1px solid #ccc;

    border-top: 1px solid #ccc;

}

.kit-table td {

    font-size: 12px;

    border-right: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    padding: 3px;

}

.kit-table th {

    background: #ee2e24;

    color: #fff;

    font-weight: normal;

    font-size: 12px;

}

#mostwanted {

    text-align: center;

}

#mostwanted h3.section-title {

    color: #ec3113;

    text-shadow: 1px 1px 3px #999;

}

#mostwanted .moduletable {

    width: 20%;

    float: left;

    text-align: center;

}

#mostwanted .block {

    width: auto;

}

#mostwanted .moduletable img {

    max-height: 150px;

}

.product-block .nice-button {

    display: block;

    margin: 5px;

}

.subbrand-logo,
.subbrand-logo-large {

    width: 60px;

    float: right;

}

.subbrand-logo {

    position: absolute;

    z-index: 2;

    right: 0;

    top: 0;

}

.subbrand-logo-large {

    width: 120px;

}

.attr-value input {

    width: 100%;

    padding: 5px;

}

.contact-alert {

    text-align: center;

    font-size: 20px;

    color: #ee2e24;

}

.cart-bullets p {

    margin: 0;

    font-size: 12px;

}

.social {

    margin-top: 30px;

}

.social ul,
.social li {

    margin: 0;

    padding: 0;

    list-style: none;

}

.social li a {

    display: block;

    float: left;

    margin: 0 5px;

    width: 30px;

}

.social li a img {

    width: 100%;

}

.distributor-block {

    width: 25%;

    float: left;

}

.distributor-inner {

    padding: 15px;

    margin: 5px;

    background: #fff;

    border: 1px solid #ccc;

    min-height: 300px;

    border-radius: 4px;

}

.main-menu ul li {

    position: relative;

    float: left;

}

.main-menu ul li ul {
    display: none;
    top: 30px;
/ / background: #00823d;
    background-color: #0f6b16;
    border-radius: 4px;
    width: 200px;
    z-index: 2;
}

.main-menu ul li ul li a {

    font-size: 14px;

    font-weight: normal;

}

.main-menu ul li:hover ul {

    display: block;

    position: absolute;

}

.main-menu ul li:hover {
    background-color: #0f6b16;
}

/* product summenu */

#top .products-menu .nav li > ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 5px;
    background-color: #0f6b16;
    border-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#top .products-menu .nav li ul > li {
    width: 33.3%;
}

#top .products-menu .nav li ul > li:nth-child(3n + 1) {
    clear: left;
}

#top .products-menu .nav li ul li a {
    display: inline-block;
    padding: 5px 8px;
    font-size: 14px;
    font-weight: normal;
}

#top .products-menu .nav li ul > li ul {
    position: static;
    display: block;
    padding: 0;
    border-radius: 0;
}

#top .products-menu .nav li ul > li ul li {
    width: auto;
    float: none;
    padding-left: 15px;
}

#top .products-menu .nav li ul > li ul li a {
    font-size: 12px;
}

#top .products-menu .nav li:hover > ul {
    display: block;
}

#top .products-menu .nav li ul li:hover {
    background: #0f6b16;
}

/* product summenu  end */

.nn_tabs.oldschool > .tab-content > .tab-pane {

    font-family: 'Open Sans', sans-serif;

}

.article-info-term {

    display: none;

}

dd {

    margin: 0;

}

.added {

    display: none;

    width: 300px;

    background: #ee2e24;

    color: #fff;

    font-weight: bold;

    border-radius: 4px;

    border: 1px solid #ccc;

    padding: 10px;

    text-align: center;

    bottom: 50px;

    right: 50px;

    position: fixed;

    z-index: 9999;

}

.fullcart {

    max-height: 400px;

    overflow: auto;

}

body {

    padding-top: 150px;

}

#top {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

}

.slimline #top {

    position: fixed;

    width: 100%;

    min-height: 100px;

}

.slimline .logo {
    width: 170px;
    margin-top: 10px;
}

.slimline .logo img {

    width: 100%;

}

.slimline #top .block-inner {

    padding: 0 15px;

}

.slimline .products-menu {

/ / margin-top: - 15 px;

}

.slimline .products-menu ul.nav.menu {

    margin-top: 10px;

}

.overlay {

    display: none;

    position: absolute;

    width: 100%;

    height: 100%;

    background: #00592a;

    color: #fff;

    top: 0;

    left: 0;

    z-index: 999;

    text-align: center;

    font-family: 'Open Sans', sans-serif;

    font-size: 11px;

    overflow: hidden;

}

.overlay .inner {

    padding: 10px;

}

.product-block-inner {

    position: relative;

}

.product-block-inner:hover .overlay {

    display: block;

}

.card {

    min-height: 220px;

}

.overlay .attributes li div.attr-title,
.overlay .attributes li div.attr-value {

    padding: 2px;

    font-size: 11px;

    color: #fff;

    font-family: 'Open Sans', sans-serif;

}

.overlay .attributes li div.attr-title {

    background: #0a5f32;

}

.overlay .attributes li {

    background-color: #0f8748;

}

#top .utilities-top {

    border-bottom: 1px solid #084424;

    font-size: 12px;

    color: #fff;

}

#top .utilities-top .block-inner {

    padding: 3px 30px;

    overflow: hidden;

}

#top .utilities-top .account-wrapper {

    float: right;

    padding-left: 20px;

    background: url(../images/my-account-icon.png) 0% 50% no-repeat;

}

#top .utilities-top .account-wrapper a {

    color: #fff;

    text-decoration: underline;

}

.dealer-container .inner {

    padding: 15px;

}

.dealer-margin {

    float: left;

    Width: 30%;

}

.dealer-content {

    width: 70%;

    float: left;

}

.dealer-information {

    padding: 20px;

    background: #fff;

    border-radius: 6px;

    margin-bottom: 20px;

}

.dealer-information .fullcart {

    max-height: none;

}

.back-button {

    float: right;

    margin-top: 30px;

}

.vehicle-list {
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
    margin-bottom: 30px;
    padding: 0;
    list-style: none;
}

.vehicle-list li {
    margin: 0;

}

.vehicle-list li {
    padding: 5px 0;
    border-top: 1px solid #ccc;
}

.vehicle-list li a {
    padding: 0;
    display: block;
}

.content-inset {

    padding: 30px;

    background: #fff;

    border-radius: 6px;

    clear: both;

    margin: 0 15px;

}

.tools {

    float: right;

    margin-top: 5px;

}

.tools a,
.tools span {

}

.popup .split-col {

    width: 33%;

    float: left;

}

.popup .split-col .attributes li {

    float: none;

    width: auto;

}

.popup .split-col .attributes li div.attr-title,
.popup .split-col .attributes li div.attr-value {

    float: left;

    width: 42%;

}

.popup .questions {

    width: 33%;

    max-height: 500px;

    overflow: scroll;

    outline: 1px solid #ccc;

}

.popup .cart {

    width: 67%;

    max-height: 500px;

    overflow: scroll;

    outline: 1px solid #ccc;

}

.popup .questions table {

    border-left: 1px solid #fff;

    border-top: 1px solid #fff;

}

.popup .questions table td {

    border-right: 1px solid #fff;

    border-bottom: 1px solid #fff;

    background: #f7f7f7;

    padding: 5px;

}

.quote-title {

    clear: both;

    padding: 10px;

    background: #f7f7f7;

    border: 1px solid #ccc;

    border-left: none;

    border-right: none;

    cursor: pointer;

}

.quote-title:hover {

    background: #fff;

}

.dealer-information .fullcart {

    display: none;

}

.sent.nice-button {

    background: #ccc;

    color: #666;

    border: 1px solid #e7e7e7;

}

.hideinitial {

    display: none;

}

.mod-articles-category-title {

    text-decoration: underline;

}

#mask {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 9000;

    background-color: #000;

    display: none;

}

#boxes .window {

    position: absolute;

    left: 0;

    top: 0;

    width: 440px;

    height: 200px;

    display: none;

    z-index: 9999;

    padding: 20px;

    border-radius: 15px;

    text-align: center;

}

#boxes #dialog {

    width: 750px;

    height: 300px;

    padding: 10px;

    background-color: #ffffff;

    font-family: 'Segoe UI Light', sans-serif;

    font-size: 15pt;

}

#popupfoot {

    font-size: 16pt;

    position: absolute;

    bottom: 0px;

    width: 250px;

    left: 250px;

}

/*---------------------01-06-2016---------------------*/

#mask {

    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

    left: 0;

    opacity: 1 !important;

    position: fixed;

    top: 0;

    z-index: 9999;

}

#boxes #dialog {

    width: 560px;

}

#boxes #subForm {

    padding: 70px 25px 50px;

}

#boxes #subForm > p {

    clear: both;

    margin: 0 0 23px;

    overflow: hidden;

}

#boxes #subForm p input {

    float: left;

    height: 24px;

    width: 320px;

}

#boxes #subForm p label {

    width: 120px;

    float: left;

    font-family: "Oswald", sans-serif;

    text-align: center;

    text-transform: uppercase;

}

#subForm button {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background: #00823d none repeat scroll 0 0;

    border-color: -moz-use-text-color;

    border-image: none;

    border-style: none;

    border-width: medium 2px medium medium;

    color: #fff;

    cursor: pointer;

    font-family: "Oswald", sans-serif;

    font-size: 16px;

    margin: 25px 0 0;

    padding: 6px 17px;

}

#popupfoot {

    height: 30px;

    left: auto;

    position: absolute;

    right: 13px;

    top: 13px;

    width: 30px;

}

#popupfoot .close.agree {

    background: #000 none repeat scroll 0 0;

    border-radius: 50%;

    color: #fff;

    display: block;

    font-size: 15px;

    height: 30px;

    line-height: 30px;

    right: 0;

    width: 30px;

}

/*.subscribe-button-inner:before {
    background:url(../images/subscribeBTN.png) no-repeat left top;
    content: "";
    display: block;
    height:225px;
    pointer-events: none;
    position: absolute;
    width: 596px;
    z-index: 1;
    left: -66px;
    top: -11px;
}*/

.subscribe-button-inner {
    top: 50%;
    display: block !important;
    float: none;
    height: 30px !important;
    left: 0;
    margin: 0 auto !important;
    position: absolute !important;
    right: 0;
    width: 112px !important;
}

/*.subscribe-button-frame {
    height: 225px !important;
    text-align: center;
    width: 498px !important;
}

.button button.large { min-height: 116px!important; width: 596px!important;}
*/

.subscribe-button {
    min-width: 100%;
    position: absolute;
    text-align: center;
    top: 30%;

}

.subscribe-button p {
    height: 225px;
    width: 596px;
    cursor: pointer;
    color: transparent;
    margin: 0 auto;

}

#subsbtn {
    background: rgba(0, 0, 0, 0) url("../images/subscribe_btn.png") repeat scroll 0 0;
    border: medium none;
    color: transparent;
    height: 225px;
    width: 596px;
    background-repeat: no-repeat;
    cursor: pointer;

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    /* Specific to this particular image */
    .block {

        width: auto;

    }

    .block-inner {

        padding: 10px;

    }

    .logo {
        position: static;

        width: auto;

        float: none;

        text-align: center;

    }

    .logo img {

        width: 25%;

    }

    .videoitem {

        width: 50%;

    }

    #top {

        min-height: 205px;

    }

    .main-menu {

        float: left;

        width: 60%;

        height: 50px;

    }

    .main-menu .menu,
    .products-menu .menu {

        padding: 0;

    }

    #top .main-menu .nav li a {

        padding: 5px 10px;

        font-size: 14px;

    }

    .search {

        width: 40%;

    }

    .search input.q {

        width: 160px;

    }

    .products-menu {
        float: none;
        width: auto;
        clear: both;
    / / margin-top: 30 px;
    / / overflow: hidden;
    }

    .search input.go-button {
        margin-left: 0;
    }

    .header-bottom .products-menu {
        width: auto;
    }

    #top .products-menu .nav li a {

        padding: 5px 5px;

        font-size: 11px;

    }

    #teasers img {

        max-width: 100%;

    }

    #teasers .moduletable {

        width: 30%;

    }

    #teasers .moduletable h2 {

        font-size: 25px;

    }

    #teasers .moduletable h3 {

        font-size: 18px;

    }

    #resultspanel {

        display: none !important;

    }

    .cover-container,
    #features {

            height: 451px;
    top: 67px;

    }

    .slide {

        left: inherit;

        width: 100%;

        margin-left: auto;

    }

    .slide-fg {

        margin-top: 0;

        width: 40%;

    }

    .slide-fg-img {

        width: 100%;

    }

    .slide-title {

        margin-top: 120px;

    }

    .slide-title h2 {

        font-size: 40px;

    }

    .slide-title h3 {

        font-size: 30px;

    }

    #teasers p {

        margin: 0;

    }

    #tabs li a.tablink.inactive,
    #tabs li a.tablink {

        font-size: 14px;

    }

    .recommend-button, .find-a-stockist-button {

        width: 150px;

    }

    .recommend-button .large-button, .find-a-stockist-button .large-button {

        padding: 10px;

        display: block;

    }

    .question-block-inner {

        padding: 30px 10px;

        border-radius: 6px;

    }

    #mostwanted .moduletable img {

        max-height: 80px;

        width: auto;

    }

    #mostwanted h2,
    #teasers h2 {

        font-size: 16px;

    }

    #mostwanted h3,
    #teasers h3 {

        font-size: 12px;

    }

    .popup {

        width: 700px;

        margin-left: -350px;

    }

    .fullcart-utilities .nice-button {

        width: 25%;

        margin: 2px;

    }

    /*07-06-2016*/
    #boxes #dialog {

        top: 300px !important;

    }

}

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

    .block {

        width: auto;

    }

    .block-inner {

        padding: 10px;

    }

    .logo {
        position: static;
        width: auto;
        float: none;
    }

    .logo img {

        width: 60%;

    }

    .slimline .logo {

        width: 35%;

    }

    .search {

        width: auto;

        float: none;

    }

    .go-button {

        display: none;

    }

    .search input.q {

        width: 90%;

    }

    .search .q-wrapper {

        float: none;

    }

    .search .autosearch-complete {

        width: 93.5%;

    }

    .main-menu,
    .products-menu {

        display: none;

    }

    .cover-container {

        overflow: hidden;

    }

    .cover-container .slide-img {

        position: absolute;

        right: 0;

    }

    .cover-container,
    #features {
        height: 238px;
    top: 50px;

    }

    .slide {

        left: inherit;

        width: 100%;

        margin-left: auto;

    }

    .slide-title {

        margin-top: 0;

    }

    .slide-fg,
    .slide-title {

        width: 100%;

        position: relative;

        left: inherit;

        z-index: 1001;

        text-align: center;

        margin-top: 0;

    }

    .slide-fg-img {

        width: 150px;

    }

    .slide-title h2 {

        font-size: 24px;

    }

    .slide-title h3 {

        font-size: 18px;

    }

    .covers-prev,
    .covers-next {

        display: none;

    }

    .foreground-container {

    }

    #teasers .moduletable {

        width: auto;

        float: none;

        margin-bottom: 10px;

        overflow: hidden;

        clear: both;

        min-height: 90px;

        text-align: center;

    }

    #teasers .moduletable img {

        float: none;

        width: 100%;

        margin-right: 0;

    }

    #teasers .moduletable h2 {

        font-size: 30px;

    }

    #teasers .moduletable h3 {

        display: none;

    }

    .videoitem {

        width: 50%;

    }

    .play-icon {

        width: 40px;

        height: 40px;

        margin-left: -20px;

        margin-top: -20px;

    }

    .youtubefeed-titles h2,
    .dealers-titles h2 {

        font-size: 16px;

    }

    .youtubefeed-titles h3,
    .dealers-titles h3 {

        font-size: 12px;

    }

    .videoitem:hover .videotitle {

        display: none;

    }

    .dealers-titles input {

        width: 90%;

    }

    #resultspanel {

        display: none !important;

    }

    #map {

        height: 350px;

    }

    #footer .moduletable {

        width: auto;

        float: none;

    }

    .vehicle-block {

        width: auto;

        float: none;

    }

    .vehicle-image-thumb {

        float: none;

        width: auto;

        text-align: center;

        display: none;

    }

    .vehicle-image-thumb img {

        width: 50%;

    }

    .vehicle-title {

        text-align: center;

        font-size: 24px;

    }

    h3.vehicle-title {

        font-size: 14px;

    }

    .recommend-button,
    .find-a-stockist-button {

        margin: 0;

        margin-top: 20px;

        float: none;

        text-align: center;

    }

    .nice-button.large-button {

        font-size: 14px;

        float: none;

        display: block;

        width: auto;

        margin-bottom: 5px;

    }

    .genius-block {

        border-radius: 0 0 6px 6px;

    }

    #tabs li a.tablink,
    #tabs li a.tablink.inactive {

        padding: 20px 5px;

        font-size: 12px;

    }

    .split-col,
    .product-block {

        width: auto;

        float: none;

    }

    .popup .cart,
    .popup .questions {

        width: auto;

        float: none;

        overflow: visible;

        max-height: inherit;

    }

    .popup-handle {

        top: 120px;

    }

    .popup-handle .inner {

        max-height: 450px;

        overflow: scroll;

    }

    .fullcart {

        max-height: inherit;

        overflow: visible;

    }

    .products-container {

        display: none;

    }

    .question-block {

        width: auto;

        float: none;

        font-size: 18px;

    }

    .question-block-inner {

        padding: 10px;

    }

    .genius-block-inner {

        padding: 10px;

    }

    .pad-me {

        padding-bottom: 25px !important;

    }

    .inner-tab-container {

        padding: 0;

    }

    #tabs {

        padding: 0;

    }

    .breadcrumbs {

        white-space: nowrap;

    }

    .menu-grip {

        display: block;

        position: fixed;

        right: 30px;

        top: 40px;

        z-index: 9999;

        margin: 0;

        width: 50px;

        height: 50px;

        background: #ee2e24;

        -moz-border-radius: 5px;

        -webkit-border-radius: 5px;

        -khtml-border-radius: 5px;

        border-radius: 5px;

    }

    .menu-grip img {

        width: 100%;

        height: auto;

    }

    .mobile-menu ul,
    .mobile-menu li {
        list-style: none;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .mobile-menu .parent {
        position: relative;
        background-color: #333;
    }

    .mobile-menu .parent ul li a {
        padding-left: 25px;
    }

    .mobile-menu .parent::after {
        content: "";
        position: absolute;
        right: 10px;
        top: 10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 7.5px 0 7.5px;
        border-color: #fff transparent transparent transparent;
        transition-property: transform;
        transition-duration: .3s;
    }

    .mobile-menu .parent.opened::after {
        transform: rotate(180deg);
    }

    .mobile-menu .nav-child {
        display: none;
        background-color: #0f6b16;
    }

    .mobile-menu a,
    .mobile-menu h3 {

        display: block;

        padding: 3px 15px;

        font-size: 16px;

        border-bottom: 1px solid #7d0a11;

        color: #fff;

    }

    .mobile-menu span {

        display: none;

    }

    .total_products {

        float: left;

        display: block;

        width: 40%;

        clear: both;

        padding: 5px;

        margin: 0;

    }

    #top .utilities-top .account-wrapper {

        padding: 5px 5px 5px 20px;

    }

    .breadcrumbs {

        font-size: 10px !important;

    }

    #mostwanted .moduletable {

        width: 50%;

    }

    #mostwanted .moduletable img {

        max-height: 80px;

        width: auto;

    }

    .popup {

        position: fixed;

    }

    .popup {

        top: 20px;

        width: 300px;

        margin-left: -150px;

    }

    .popup .split-col-inner {

        padding: 0;

    }

    .fullcart-utilities .nice-button {

        margin: 1px;

        width: auto;

        float: none;

        display: block;

    }

    #footer .footer-col {

        float: none;

        width: auto;

    }

    #top .utilities-top .block-inner {

        padding: 0;

    }

    .back-button {

        float: none;

        margin: 20px 0;

    }

    /*07-06-2016*/
    #boxes #dialog {

        width: 78%;

        top: 190px !important;

    }

    #boxes #subForm p input {

        float: none;

        width: 96%;

    }

    #boxes #subForm > p {

        margin: 0 0 5px;

    }

    #boxes #subForm p label {

        text-align: left;

        width: auto;

    }

}
@media (max-width: 320px) {
.cover-container,
    #features {
    height: 193px;
    top: 33px;

    }
}