@media screen {
    body {
        overflow-x: hidden
    }

    .d-inline {
        display: inline !important
    }
    .d-flex {
        display: flex!important;
    }
    .d-inline-block {
        display: inline-block !important
    }

    .checkout_address dl {
        width: 49%
    }

    .tabl-spec-c-r div:first-child {
        font-weight: 700;
        font-size: 14px;
    }

    .tabl-spec-c-r .th-title div {
        font-size: 14px
    }

    .tabl-spec-c-r .th-head-main div {
        font-size: 16px
    }

    .tabl-spec-c-r td {
        padding: 10px 0
    }

    .tabl-spec-c-r .th-head td, .tabl-spec-c-r .th-head-main td, .tabl-spec-c-r .th-title td {
        padding: 0
    }

    .tabl-spec-c-r i.fa {
        font-size: 18px;
        font-weight: bolder;
        vertical-align: middle
    }

    .checkout_address dl dd input {
        width: 97% !important;
        height: 26px;
    }

    .checkout_address dl dd input.free_catalog_input {
        display: inline-block;
        width: auto !important
    }

    .checkout_address select {
        width: 99% !important;
        height: 26px
    }

    .buttonsspec {
        position: relative;
        height: 60px;
        padding-top: 10px
    }

    .buttonsspec a, .buttonsspec span {
        position: absolute;
        top: 10px
    }

    .table-tips-to-info {
    }

    .table-tips-to-info tr:nth-child(odd) {
        background: #eee
    }

    .table-tips-to-info td {
        width: 33.333%
    }

    .table-tips-to-info td, .table-tips-to-info th {
        border-bottom: 0 solid #4c86be;
        padding: 3px
    }

    .table-tips-title {
        background: #d5d5d5 !important
    }

    .div-table-tips-title {
        float: right;
        max-width: 460px;
        margin-left: 30px;
        margin-bottom: 20px
    }

    .homepage .rows2 {
        margin-bottom: 20px;
        text-align: justify;
        /* font-size: 1em
     */
    }

    .homepage .rows2 > div:first-child {
        /* margin-left: 0
     */
    }

    .homepage .rows2 > div > div {
        /* display: inline-block; */
        /* vertical-align: top; */
        /* width: 271px; */
        /* margin-left: 19px; */
        font-size: 1em;
        border: 1px solid #ccc;
        text-align: center;
        padding: 10px 20px 40px !important;
        position: relative;
        /* height: 390px; */
        -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 0 9px 0 rgba(0, 0, 0, .2);
        cursor: pointer;
        height: calc(100% - 52px);
    }

    .homepage .rows2 > div div {
    }

    .homepage .rows2 h2,
    .homepage .rows2 h3
    {
        padding: 10px 0 7px 10px;
        border-bottom: 1px solid #ccc;
        margin: 0 -10px 10px;
        text-align: left;
        font-size: 19px !important;
        color: #000;
        font-weight: normal;
    }

    .homepage .rows2 span {
        text-align: left !important;
        display: block;
        font-size: 1.4em;
    }

    .homepage .rows2 span.big {
        font-size: 1.4em;
    }

    .homepage .rows2 img {
        width: 100%
    }

    .homepage .rows2 a {
        font-size: 14px;
        text-decoration: none;
        padding: 0px 0 0 0px;

        margin: 0;
        display: inline;
        position: absolute;
        bottom: 13px;
        left: 0;
        width: 100%;
        text-align: center; /* min-height: 44px; */
        /* white-space: nowrap; *//* line-height: 44px; */
    }

    .homepage .rows2 .contacts-icons a {
        position: relative;
        color: #000;
        font-size: 1.5em;
        line-height: 20px; /* width: 44px; */
        overflow: hidden; /* height: 38px; */
        margin: 0;
        display: block;
        padding: 0;
    }

    .homepage .rows2 .contacts-icons a i {
        display: block;
        font-size: 1.4em;
        color: #ed0505;
        margin: 5px 0 5px;
    }

    .homepage .rows2:after {
        content: "";
        clear: both;
        display: inline-block;
        width: 100%
    }

    .homepage .rows, .homepage .rows2 {
        margin: 0 -10px;
    }

    .homepage .rows > div, .homepage .rows2 > div {
        /* display: inline-block; */
        /* vertical-align: top; */
        /* width: 321px; */
        /* margin-left: 6px
     */
        padding: 10px 12px;
    }

    .homepage .rows > div:nth-child(1), .homepage .rows > div:nth-child(5) {
    }

    .homepage .rows > div.last {
        margin-right: 0
    }

    .homepage .rows h2 {
        margin: -5px 0;
    }

    .homepage .rows h2 a {
        text-align: left;
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        display: block;
        font-size: 19px;
        height: 44px;
        line-height: 44px;
    }

    .homepage .rows img {
        border: 1px solid #ccc;
        width: 100%;
        height: auto;
    }

    .homepage .rows p {
        text-align: left
    }

    #getform {
        display: none;
        clear: both;
        height: 170px
    }

    a.getform img {
        float: left;
        margin: -13px 7px 0 0
    }

    a.getform {
        display: block;
        left: 0;
        float: left;
        background: #f06628;
        color: #fff !important;
        text-decoration: none;
        font-size: 15px;
        font-weight: 700;
        height: 30px;
        line-height: 30px;
        padding: 0 20px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        margin: 0 0 20px
    }

    a.getform:hover {
        background: #237fb2;
        text-decoration: none !important
    }

    a.getchat img {
        float: left;
        margin: 2px 10px 0 0
    }

    span.getcall {
        display: block;
        float: left;
        left: 506px;
        background: #858585;
        color: #fff !important;
        text-decoration: none !important;
        font-size: 15px;
        font-weight: 700;
        height: 30px;
        line-height: 30px;
        padding: 0 20px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        margin: 0 0 20px 13px
    }

    a.getchat {
        display: block;
        right: 0;
        float: left;
        background: #237fb2;
        color: #fff !important;
        text-decoration: none;
        font-size: 15px;
        font-weight: 700;
        height: 30px;
        line-height: 30px;
        padding: 0 20px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        margin: 0 0 20px 13px
    }

    a.getchat:hover {
        background: #f06628;
        color: #fff !important;
        text-decoration: none !important
    }

    .mod #description strong::before, #description.find_a_representative strong::before {
        content: '';
        display: block
    }

    * {
        margin: 0;
        padding: 0
    }

    #contour {
    }

    .mobnav {
        display: none
    }

    .reps > div {
        display: none
    }

    area {
        cursor: pointer;
        outline: 0
    }

    .align-items-center {
        align-items: center
    }

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

    .justify-content-between {
        justify-content: space-between;
    }

    .mod #content a.modalclose {
        float: right;
        background: url(../images/fancy_closebox.png) no-repeat;
        margin-top: -35px;
        margin-right: -30px;
        width: 30px;
        height: 30px;
        overflow: hidden;
        text-indent: -999px
    }

    div#fancy_outer {
        z-index: 3000 !important
    }

    .mod #content #description h3 {
        font-size: 1.5em;
        font-weight: 700;
        color: #000
    }

    .mod #content {
        position: fixed;
        top: 5%;
        left: 50%;
        width: 720px;
        height: auto;
        margin-left: -351px;
        background: #fff;
        padding: 20px;
        z-index: 3000;
        border: 3px solid #ededed;
        max-width: 100%
    }

    .blog-in {
        background: url(../images/news.jpg) repeat-x;
        height: 189px;
        overflow: hidden
    }

    .blog-in > div {
        width: 1000px;
        margin: 0 auto;
        padding: 10px 0 0
    }

    .blog-in > div h2 {
        margin: 0 0 5px;
        font-size: 18px
    }

    .blog-in > div h2 a {
        text-decoration: none
    }

    .blog-in > div br {
        display: none
    }

    .blog-in > div div a {
        display: block;
        margin: 5px 0 0
    }

    .top-line {
        border-bottom: solid 1px #466a80;
    }

    .topbar {
        position: relative;
        max-width: 1000px;
        margin: 0 auto;
        padding: 0px 0 0;
        height: 50px;
    }

    .cinfo a {
        text-decoration: none;
        color: #000
    }

    .cinfo strong {
        font-weight: 700 !important
    }

    .cinfo * {
    }

    .cinfo {
        float: left;
        font-size: 16px;
        color: #505050;
        margin: 17px 0 0;
    }

    .cinfo a {
    }

    html, body {
        height: 100%;
        margin: 0;
        padding: 0 !important
    }

    .skip-to-main-content {
        position: absolute;
        top: -10000px;
        display: inline;
    }

    #Container {
        min-height: 100%;
        margin-bottom: -386px
    }

    * html #Container {
        height: 100%
    }

    .page-buffer {
        height: 382px;
    }

    .CategoryDescription, #ProductDescription, #ProductWarranty, #VideoMiddleContainer, #SimilarProductsByCustomerViews, #SuggestiveCartContent {
        padding: 0;
        margin: 0;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .content.empty .fa-shopping-cart:after {
        content: "!";
        margin: 8px -24px 0 17px;
        font-weight: 700;
        display: inline-block;
        color: #fff;
        font-size: .4em;
        float: left;
        position: relative
    }

    .status-msg-wrap {
        font-size: 15px;
        width: 100%;
        margin: 10px 0;
        position: relative
    }

    .status-msg-body {
        text-align: center;
        padding: 10px 0;
        width: 100%;
        position: relative;
        z-index: 4
    }

    .status-msg-border {
        display: none
    }

    table.valtop td {
        vertical-align: top
    }

    table.valmid td {
        vertical-align: middle
    }

    body {
        font-family: arial, Arial, Helvetica, sans-serif;
        font-size: 14px;
        height: 100%;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
        -moz-osx-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
    }

    input, select, textarea {
        font-size: 14px;
    }

    input[type=text] {
        height: 20px
    }

    select {
        height: 26px
    }

    input[type=checkbox] {
        margin: 5px 0;
        vertical-align: middle
    }

    input, textarea {
        padding: 1px
    }

    p {
        line-height: 1.3;
        margin-bottom: 11px
    }

    a {
        text-decoration: underline
    }

    body a, body a:visited {
        color: #1A5C7F;
    }

    #filterpro_box #filterpro .option_box {
        border: none;
        border-bottom: 1px solid #cecece;
        padding-top: 18px;
        padding-bottom: 18px;
        padding-right: 0;
        width: 140px;
        padding-left: 0;
        border-radius: 0;
    }

    #filterpro div.option_box div.collapsible table tbody tr td label span.label-value,
    #filterpro .box-filter.option_box .collapsible li label span.label-value {
        font-weight: normal !Important;
        position: relative !important;
        font-size: inherit;
        opacity: 0.7;
    }

    #filterpro div.option_box div.collapsible table tbody tr td label span.label-value:before,
    #filterpro .box-filter.option_box .collapsible li label span.label-value:before {
        content: " (";
    }

    #filterpro div.option_box div.collapsible table tbody tr td label span.label-value:after,
    #filterpro .box-filter.option_box .collapsible li label span.label-value:after {
        content: ")";
    }

    #filterpro_box #filterpro .collapsible {
        overflow-x: hidden;
        overflow: auto;
        padding-left: 0;
    }

    #filterpro_box #filterpro .option_box:last-child {
        border-bottom: 0
    }

    #filterpro_box #filterpro .option_name, #filterpro_box #filterpro .attribute_group_name {
        border: none;
        background-position: 150px 8px;
        font-weight: 600;
        padding-left: 0;
        background: none;
    }

    #filterpro_box #filterpro .option_name:after, #filterpro_box #filterpro .attribute_group_name:after {
        content: "\f0dd";
        float: right;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.4em;
        color: #EB7A29;
        margin: -7px 0 0 0;
    }

    #filterpro_box #filterpro .option_name.hided:after,
    #filterpro_box #filterpro .attribute_group_name.hided:after {
        content: "\f0de";
        margin: 0;
        color: #78C6E1;
    }

    #filterpro_box .ui-slider-horizontal .ui-slider-handle {
        border-radius: 20px;
        top: -.6em
    }

    #filterpro_box #filterpro .price_limit {
        color: #000;
        font-weight: 400;
        margin: 0;
        width: auto;
    }


    #filterpro_box #filterpro .price_limit {
        /* min-width: 10px; */
        min-width: 0;
        font-size: 11px;
        /* width: 100px; */
        width: 0 !important;
        max-width: 60px;
        visibility: hidden;
    }

    #filterpro_box .price-visible-value {
        font-size: 14px;
    }

    #filterpro_box #filterpro .input-buffer,
    #filterpro_box #filterpro .input-buffer2 {
        position: absolute;
        top: -1000px;
        left: -1000px;
        visibility: hidden;
        white-space: nowrap;
    }

    #filterpro_box #filterpro label {
        -webkit-font-smoothing: antialiasing;
    }

    #filterpro_box #filterpro .table-price label {
        line-height: 29px;
        height: 27px; /* display: block; */
        padding: 0;
        margin: 0;
        font-size: 14px;
        width: auto !important;
    }

    #filterpro_box #filterpro .min_price input {
        text-align: left
    }

    #filterpro_box #filterpro .min_price {
        float: left;
        margin-left: 9px;
        text-align: left;
        width: 43%
    }

    #filterpro_box #filterpro #slider-range {
        clear: both;
        height: .12em;
        margin: 12px 0 0;
        font-size: 14px;
    }

    #filterpro_box #filterpro #slider-range * {
        font-size: 14px;
    }

    #filterpro_box #filterpro .max_price {
        float: right;
        width: 45%;
        text-align: right
    }

    #filterpro_box #filterpro .max_price input {
        width: 52px
    }

    #filterpro_box #filterpro .price_slider {
        padding: 0px 0;
        overflow: visible;
        height: auto
    }

    #filterpro_box #filterpro .price_slider .table-price {
        display: flex;
        justify-content: space-between;
        margin-left: 4px;
    }

    #filterpro_box #filterpro .price_slider .table-price > div:first-child {
        width: 70px
    }

    #filterpro_box #filterpro .price_slider .table-price > label {
        width: 10px !important;
    }

    #filterpro_box #filterpro .price_slider .table-price > div:last-child {
        text-align: right;
        width: 70px;
    }

    a.filtershow {
        background: #3990d3;
        background: -moz-linear-gradient(top, #3990d3 0%, #327aba 100%);
        background: -webkit-linear-gradient(top, #3990d3 0%, #327aba 100%);
        background: linear-gradient(to bottom, #3990d3 0%, #327aba 100%);
        display: none;
        width: auto;
        text-decoration: none;
        text-transform: uppercase;
        padding: 10px 15px;
        border-radius: 4px;
        margin: 0 0 10px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3990d3', endColorstr='#327aba', GradientType=0)
    }

    a.filtershow: hover, a.filtershow: link, a.filtershow: active, a.filtershow: visited, a.filtershow:focus {
        color: #fff !important;
        text-decoration: none !important
    }

    h1, h2, .TitleHeading {
        font-size: 2.2em;
        font-weight: 400;
        margin: 6px 0
    }

    .black {
        color: #000
    }

    h3 {
        font-size: 1.4em;
        font-weight: 400;
        margin-bottom: 6px
    }

    h4 {
        font-size: 1.3em;
        margin-bottom: 4px
    }

    img, img a {
        border: 0;
        height: auto
    }

    body:not(.information-information) #description img
    {


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

    }

    .find_a_representative h3 img {
        width: 10%
    }

    ul, ol {
        margin: 0 0 10px 30px
    }

    li {
        margin: 0;
        margin-bottom: 0;
        padding: 0;
    }

    .find_a_representative #emf-container-outer {
        width: 100%;
        float: left
    }

    .find_a_representative p {
        display: block;
        clear: both;
        margin-bottom: 11px
    }

    .find_a_representative #emf-container #emf-li-post-button.left {
        padding-left: 0
    }

    .find_a_representative #emf-container #emf-form ul li.emf-li-field {
        width: 48%;
        float: left;
        clear: none;
        margin: 0;
        padding: 0 6px 6px 0
    }

    ul.success {
        margin: 0 0 0 6px
    }

    ul.success li {
        list-style: none;
        background: url(../image/success.png) no-repeat 0 center;
        font-size: 16px;
        margin: 0;
        padding: 3px 0 0 23px;
        line-height: 24px
    }

    blockquote {
        margin-left: 28px
    }

    select option {
        padding: 0 10px
    }

    hr {
        margin: 15px 0 !important;
        padding: 0;
        height: 1px !important;
        border: 0 !important;
        background: none repeat scroll 0 0 #e4e4e4
    }

    .SitemapPages, .SitemapCategories, .SitemapBrands {
        float: left;
        width: 330px;
        height: auto
    }

    .HorizontalFormContainer dl, .VerticalFormContainer dl {
        margin: 0
    }

    .HorizontalFormContainer dt img {
        vertical-align: middle;
        float: left
    }

    .HorizontalFormContainer dt .fieldLabel {
        float: left;
        padding-top: 4px;
        padding-left: 4px
    }

    .HorizontalFormContainer dt {
        clear: left;
        padding: 9px 0 0
    }

    .HorizontalFormContainer dd.ProductField {
        height: 20px
    }

    .HorizontalFormContainer dd {
        min-height: 24px;
        padding-top: 2px
    }

    .HorizontalFormContainer dd textarea {
        width: 99% !important
    }

    .HorizontalFormContainer dd .error {
        font-size: 10px;
        margin: 3px 0 0;
        position: absolute;
        top: 48px;
        left: 0
    }

    .HorizontalFormContainer dd textarea#Comments {
        width: 627px
    }

    .NarrowFormContainer dt {
        width: 110px
    }

    .NarrowFormContainer dd {
        margin-left: 120px
    }

    .HorizontalFormContainer p.Submit {
        margin-left: 110px
    }

    .NarrowFormContainer p.Submit {
        margin-left: 120px
    }

    .VerticalFormContainer dt {
        margin-bottom: 6px
    }

    .VerticalFormContainer dd {
        margin-bottom: 6px;
        margin-left: 10px
    }

    .formHeader {
        color: #327aba
    }

    #Container {
        position: relative;
        background: 0 0
    }

    #TopMenu {
        min-height: 0;
        padding: 0;
        top: 0;
        z-index: 100;
        float: left;
        display: inline-block;
        width: calc(100% - 210px);
    }

    #TopMenu ul {
        float: right;
        list-style: none;
        padding: 0;
        margin: 0px 15px 0;
        height: 50px;
    }

    #TopMenu ul.customer-service .switcher, #TopMenu ul.customer-service .fa-close {
        position: absolute;
        top: -1000px;
    }

    #TopMenu ul.customer-service .fa-close {
        font-size: 1.3em;
        color: #999;
        cursor: pointer;
        position: absolute;
        top: 2px;
        right: 2px;
        width: 49px;
        height: 20px;
        display: none;
        align-items: center;
        justify-content: space-between;
    }

    #TopMenu ul.customer-service .fa-close:after {
        order: 0;
        content: "Close";
        display: block;
        font-size: 0.7em;
        font-weight: bold;
        font-family: arial, Arial, Helvetica, sans-serif;
    }

    #TopMenu ul.customer-service .fa-close:before {
        order: 1;
        display: block;
    }

    #TopMenu li {
        list-style: none;
        float: left;
        margin: 0 0 0 12px;
        padding: 0;
        position: relative;
        height: 50px;
        display: block;
        line-height: 50px;
    }

    #TopMenu li.chat {
        position: relative;
    }

    #TopMenu li.chat .psmtc_CG92 {
        display: none;
    }

    #TopMenu li.chat .ps_messenger__wrap,
    #TopMenu li.chat .ps_messenger__wrap:not(.ps_rvm__hidden) {
        top: 40px !important;
        right: 20% !important;
        /* position: absolute!important; */
        /* width: 450px!important; */
        /* height: 695px!important
    */
        transform: none !important;
    }

    #TopMenu li.chat .ps_messenger__toggle-content {
        display: none;
    }

    #TopMenu li.First a {
        border-left: 0
    }

    #TopMenu li a {

        padding: 0 0 0 18px;
        height: 50px;
        /* display: flex; */
    }

    #TopMenu li a:before {
        content: '';
        background: url(../images/topicons.png) no-repeat;
        background-position: 0 1px;
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0px 5px 0 0;
        vertical-align: middle;
    }

    #TopMenu li.contact a:before {
        background-position: 0 1px
    }

    #TopMenu li.contact a:hover:before {
        background-position: 0 -15px
    }

    #TopMenu li.findarep a:before {
        background-position: 0 -92px
    }

    #TopMenu li.findarep a:hover:before {
        background-position: 0 -110px
    }

    #TopMenu li.cart a:before {
        background-position: 0 -29px
    }

    #TopMenu li.cart a:hover:before {
        background-position: 0 -45px
    }

    #TopMenu li.chat a:before {
        background-position: 0 -58px
    }

    #TopMenu li.chat a:hover:before {
        background-position: 0 -74px
    }

    #TopMenu li a, #TopMenu li div {
        display: inline;
        text-decoration: none;
        font-size: 14px;
        margin: 0;
        color: #1A5C7F;
        font-family: Arial, sans-serif;
        align-items: center;
    }

    #TopMenu li span.switcher {
        text-decoration: none;
        font-size: 14px;
        margin: 0;
        color: #1A5C7F;
        font-family: Arial, sans-serif;
        font-weight: 600;
        position: relative;
        padding-right: 10px;
        cursor: pointer;
        -moz-user-select: none;
        -khtml-user-select: none;
        user-select: none;
        -webkit-user-select: none;
    }

    #TopMenu li span.switcher:hover {
        color: #f25b03;
    }

    #TopMenu li span.switcher:hover::after {
        border-top-color: #f25b03;
    }

    #TopMenu li span.switcher::after {
        content: '';
        position: absolute;
        right: 0px;
        top: 50%;
        border: 4px solid transparent;
        border-top: 4px solid #2583b5;
        margin-top: -1px;
    }

    #TopMenu li span.switcher.active {
        color: #666;
    }

    #TopMenu li span.switcher.active::after {
        border-bottom: 4px solid #666;
        border-top: none;
    }

    #TopMenu li a:hover {
        color: #f17000;
        text-decoration: none
    }

    #TopMenu li div a {
        margin: 0;
        font-size: 14px !important;
    }

    #playMenu {
        float: left;
        margin: 25px
    }

    #playMenu ul {
        float: left;
        list-style: none;
        padding: 0;
        margin: 10px 0 0
    }

    #playMenu ul li {
        float: left;
        list-style: none;
        padding: 0
    }

    #playMenu a {
        position: relative
    }

    #playMenu a .hover {
        display: block;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }

    .homesearch {
        float: right;
        position: absolute;
        top: 0;
        right: 0
    }

    #SearchForm form {
        width: 185px;
        height: 22px
    }

    #SearchForm form input {
        height: 44px;
        width: 44px;
    }

    #SearchForm label {
        position: absolute;
        top: -10000px;
        color: #000;
    }

    .homesearch #SearchForm {
        border-radius: 3px;
    }

    #SearchForm input.Textbox {
        height: 21px !important;
        font-size: 11px;
        font-style: italic;
        padding: 0 0 0px 4px;
        background: 0 0;
        border: 0;
        color: #2071be;
        font-weight: 400;
        font-family: Arial, sans-serif;
        width: 157px;
        display: inline;
    }

    #SearchFormNotFound .Button, #SearchForm .Button {
        width: 26px;
        height: 23px;
        padding: 0;
        margin: 0;
        vertical-align: top;
        position: absolute;
        top: -1px;
        right: -1px;
        background: #1A5C7F;
        color: #fff;
        border: none;
        display: inline;
        cursor: pointer;
        border-radius: 0 3px 3px 0;
    }

    #SearchFormNotFound .Button span, #SearchForm .Button span {
        position: absolute;
        top: -10000px;
        font-size: 14px;
        color: #000;
    }

    #SearchForm .Button:hover, #SearchFormNotFound .Button:hover {
        background: #EF6813;
    }

    #SearchForm p {
        margin: 5px 0 0;
        font-size: 14px;
        text-align: right;
        font-family: Arial, sans-serif
    }

    #SearchForm a {
        text-decoration: none
    }

    #SearchForm a:hover {
        text-decoration: underline
    }

    #video {
        float: left;
        clear: both;
        margin-left: 30px
    }

    #slider {
        position: relative;
        width: 618px;
        height: 518px;
        background: url(images/loading.gif) no-repeat 50% 50%;
        margin: 70px auto 0
    }

    #slider img {
        position: absolute;
        top: 0;
        left: 0;
        display: none
    }

    #slider a {
        border: 0;
        display: block
    }

    #Menu {
        clear: both;
        float: left;
        width: 960px;
        height: 40px;
        padding: 0;
        margin: 0 0 10px 10px;
        display: inline
    }

    #Menu ul {
        margin: 0;
        padding: 0
    }

    #Menu li {
        float: left;
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0
    }

    #Menu li a {
        display: block;
        font-size: 1.3em;
        text-align: center;
        text-decoration: none;
        padding: 7px 12px 0;
        height: 33px
    }

    #Menu li.First a {
        background-image: none;
        padding-left: 20px
    }

    #Menu li a:hover {
        text-decoration: underline
    }

    #Menu li ul {
        width: auto;
        position: absolute;
        clear: left;
        top: 40px;
        left: 0;
        display: none;
        text-align: left;
        font-size: .9em;
        background: 0 0;
        z-index: 1
    }

    #Menu li ul li {
        clear: both;
        color: #fff;
        text-align: left;
        background: 0 0
    }

    #Menu li ul li a {
        padding: 6px 12px;
        font-size: 1em;
        text-align: left;
        margin: 0;
        width: 120px;
        height: auto
    }

    #Menu li ul li a:hover {
        text-decoration: none
    }

    #Menu li:hover a, #Menu li.over a {
        text-decoration: underline
    }

    #Menu li ul li a, #Menu li.over li a {
        text-decoration: none !important
    }

    #Menu li:hover ul, #Menu li.over ul {
        display: block
    }

    * html #Menu ul li {
        float: left;
        height: 1%
    }

    * html #Menu ul li a {
        height: 1%
    }

    #Outer {
        position: relative;
        margin: 0 auto;
        clear: both;
        z-index: 9999;
    }

    #Wrapper, .topwrapper {
        position: relative;
        z-index: 99;
        max-width: 992px;
        margin: 0 auto;
        clear: both;
        padding: 0 0 20px
    }
    .topwrapper {
padding: 0 0 10px;
    }
    #Wrapper h2 {
        font-size: 28px
    }

    h2.icons {
        border-bottom: 2px solid #4c86be;
        margin: 0 0 30px 100px;
        padding-left: 0
    }

    h2.icons img {
        float: left;
        margin: -14px 0 0 -100px
    }

    .BlockContent.banner_home_page_top {
        width: 100%;
        margin: 0 auto;
        text-align: center
    }

    .BlockContent.banner_home_page_top #banner0 {
        background: url(../image/new-homebanner2.png) no-repeat center top;
        position: relative;
        display: flex;
        justify-content: center;
        background-size: auto;
        height: 520px;
        margin: 10px 0 20px;
    }

    .BlockContent.banner_home_page_top #banner1 {
        background: url(../image/new-home-banner-mobile.jpg) no-repeat right top;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        background-size: auto;
    }

    .BlockContent.banner_home_page_top #banner0 a {
        /* margin: 25% 0 2% 0; */
    }

    .BlockContent.banner_home_page_top #banner0 a:first-child {
        width: 500px;
        height: 100%;
        background: url(../image/new-home-banner-hh.png) no-repeat center 95%;
        margin: 0;

    }

    .BlockContent.banner_home_page_top #banner0 a:last-child {
        background: url(../image/new-home-banner-qs4.png) no-repeat center 95%;
        width: 500px;
        height: 100%;
        margin: 0;

    }

    .BlockContent.banner_home_page_top #banner1 a:first-child {
        width: 451px;
        height: 134px;
        background: url(../image/new-home-banner-hh.png) no-repeat center top;
        background-size: auto;
        margin: 62vh 0 0;
    }

    .BlockContent.banner_home_page_top #banner1 a:last-child {
        background: url(../image/new-home-banner-qs.png) no-repeat center top;
        width: 387px;
        height: 117px;
        background-size: auto;
        margin: 48vh 0 12vh;
    }

    .BlockContent.banner_home_page_top #banner0 a img, .BlockContent.banner_home_page_top #banner1 a img {
        display: none;
    }

    .BlockContent.banner_home_page_top a {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto;
        text-decoration: none
    }

    .BlockContent.banner_home_page_top a .banner-1 {
        width: 100%;
        height: 622px;
        background-size: cover
    }

    .BlockContent.banner_home_page_top a > span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 210px;
        background: url(../images/playground-equipment-wrath-index-page-sm-ban.png) no-repeat center top;
        color: #fff;
        font-size: 2em
    }

    .BlockContent.banner_home_page_top a > span strong {
        font-size: 1.4em;
        display: block;
        margin: 16px 0 6px
    }

    .BlockContent.banner_home_page_top a > span em {
        font-size: 1.7em;
        display: block;
        margin: 1px 0 0;
        font-style: normal;
        font-weight: 700
    }

    .BlockContent.banner_home_page_top a span > span {
        max-width: 992px;
        display: block;
        margin: 0 auto
    }

    .BlockContent.banner_home_page_top a span > span span {
        float: left;
        width: 300px;
        background: #fff;
        font-size: 32px;
        font-weight: 700;
        opacity: .9;
        border-bottom: 3px solid
    }

    .BlockContent.banner_home_page_top a img {
        width: 100%
    }

    .BlockContent.banner_home_page_top #banner1 a img {
        display: none !important;
    }

    .Content .homepage .heading {
        overflow: visible;
        position: relative;
        white-space: normal;
        margin-top: 10px
    }

    .Content .homepage .heading h1{
        margin: 0 0 10px;
        z-index: 999;
        text-align: center;
        width: 100%
    }
    .topwrapper h1 {margin: 0 0 10px;
        margin: 20px 0 10px;
        z-index: 999;
        text-align: left;
        width: 100%;
        color: #000;
        padding: 0;
        line-height: 26px;
        font-weight: 700;
        font-size: 30px;
        display: block;
    }

    #Header {
        clear: both;
        z-index: 101;
        width: 100%;
        height: 88px;
        border-bottom: 6px solid #f26400;
        background: rgba(255, 255, 255, 1);
        background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 12%, rgba(246, 246, 246, 1) 28%, rgba(255, 255, 255, 1) 36%, rgba(246, 246, 246, 1) 44%, rgba(255, 255, 255, 1) 52%, rgba(246, 246, 246, 1) 61%, rgba(255, 255, 255, 1) 69%, rgba(255, 255, 255, 1) 100%);
        background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(12%, rgba(255, 255, 255, 1)), color-stop(28%, rgba(246, 246, 246, 1)), color-stop(36%, rgba(255, 255, 255, 1)), color-stop(44%, rgba(246, 246, 246, 1)), color-stop(52%, rgba(255, 255, 255, 1)), color-stop(61%, rgba(246, 246, 246, 1)), color-stop(69%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
        background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 12%, rgba(246, 246, 246, 1) 28%, rgba(255, 255, 255, 1) 36%, rgba(246, 246, 246, 1) 44%, rgba(255, 255, 255, 1) 52%, rgba(246, 246, 246, 1) 61%, rgba(255, 255, 255, 1) 69%, rgba(255, 255, 255, 1) 100%);
        background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 12%, rgba(246, 246, 246, 1) 28%, rgba(255, 255, 255, 1) 36%, rgba(246, 246, 246, 1) 44%, rgba(255, 255, 255, 1) 52%, rgba(246, 246, 246, 1) 61%, rgba(255, 255, 255, 1) 69%, rgba(255, 255, 255, 1) 100%);
        background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 12%, rgba(246, 246, 246, 1) 28%, rgba(255, 255, 255, 1) 36%, rgba(246, 246, 246, 1) 44%, rgba(255, 255, 255, 1) 52%, rgba(246, 246, 246, 1) 61%, rgba(255, 255, 255, 1) 69%, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 12%, rgba(246, 246, 246, 1) 28%, rgba(255, 255, 255, 1) 36%, rgba(246, 246, 246, 1) 44%, rgba(255, 255, 255, 1) 52%, rgba(246, 246, 246, 1) 61%, rgba(255, 255, 255, 1) 69%, rgba(255, 255, 255, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);

    }

    #Header .in {
        max-width: 1000px;
        margin: 0 auto;
        position: relative
    }

    #Header .in > div {
        height: 94px;
        margin: 0 0 0 -82px;
        padding-left: 82px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #Logo {
        /* float: left; */
        width: 271px;
        height: 82px;
        margin: 0;
        display: block;
        /* position: absolute; */
        z-index: 99;
        transition: none !important;
    }

    #Logo a {
        overflow: hidden;
        height: 82px;
        width: 271px;
        text-indent: -999px;
        display: block;
        background: url(../images/playgroundLogo2.png) no-repeat;
        /* margin-top: 3px; */
        background-size: 100%;
        background-position: center;
        margin: -3px 0 0 0;
    }

    #Logo h1 {
        font-size: 3em;
        font-weight: 400;
        padding-top: 20px
    }

    #Logo h1 a {
        text-decoration: none
    }

    .Left {
        float: left;
        width: 195px;
        min-height: 483px;
        font-size: .95em;
        margin-right: 15px;
        padding: 0;
        display: none
    }

    .Left h2 {
        font-size: 1.6em;
        margin: 0 10px 8px
    }

    .Content .section {
        margin: 0
    }

    .Content {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .Content .Block {
        clear: both
    }

    .PrimaryProductDetails:after {
        content: "";
        display: block;
        clear: both;
        padding-bottom: 0px
    }

    #CategoryHeading {
        border-top: 1px solid #cecece;
        padding-top: 20px
    }

    .information-category-heading#CategoryHeading {
        border-top: 0 solid #fff;
        padding-top: 0
    }

    .information-category-heading#CategoryHeading h2 {
        padding-top: 0 !important
    }

    #CategoryContent {
        overflow: hidden
    }

    .Content .heading .Breadcrumb {
        float: none;
        display: block;
        margin: 18px 0 17px;
        padding: 0;
        clear: none;
        line-height: 15px;
        font-size: 14px;
        color: #616161
    }

    .rac-right a.catonline, .rac-right a.catonline:hover {
        width: auto;
        height: 50px;
        border: 0;
        text-align: center;
        cursor: pointer;
        margin: 5px auto 10px;
        position: relative;
        border-radius: 4px;
        overflow: hidden;
        padding: 0;
        line-height: 50px;
        float: none;
        display: block;
        font-size: 15px;
        text-decoration: none;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, .29);
        background: #91000d;
        background: -moz-linear-gradient(top, #91000d 0%, #760006 100%);
        background: -webkit-linear-gradient(top, #91000d 0%, #760006 100%);
        background: linear-gradient(to bottom, #91000d 0%, #760006 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91000D', endColorstr='#760006', GradientType=0)
    }

    .rac-right a:hover {
        opacity: .9
    }

    .rac-right span i {
        font-size: 1.4em;
        margin-right: 5px
    }

    .rac-right span {
        color: #fff !important;
        display: inline-block;
        line-height: 54px;
        font-weight: 700
    }

    .Content .heading .h1main {
        color: #000;
        float: none;
        display: block;
        margin: 10px 50px 0 0;
        padding: 0;
        line-height: 43px;
        font-weight: 700;
        font-size: 30px
    }

    .Content .heading h1, .Content .heading .h1 {
        color: #000;
        float: none;
        display: block;
        margin: 19px 50px 0 0;
        padding: 0;
        line-height: 26px;
        font-weight: 700;
        font-size: 30px
    }

    .Content h1.prodname span.PriceRow {
        padding: 0 0 0 40px
    }

    .Content h1.prodname span.PriceRow em {
        color: #da0000
    }

    .Content h1.prodname span.PriceRow strike {
    }

    .Content h1.prodname {
        float: left;
        width: 552px;
        font-family: arial;
        color: #1b77a8;
        font-weight: 700;
        font-size: 19px;
        padding: 0;
        margin: 0 0 10px 110px
    }

    .Content h1, .Content h2, .TitleHeading {
        font-weight: 700;
        color: #BD5800;
    }

    #Wrapper .Content .post-body h2 {
        font-size: 25px
    }

    .Content h1.post-title {
        font-size: 30px;
        color: #016a91
    }

    .Content a {
        text-decoration: underline;
    }

    .Content a:hover {
        color: #f17000;

    }
    .Content h2 a,
    .Content  a.button {
        text-decoration: none
    }
    .Content.Widest {
        width: 100%;
        margin-left: 10px;
        display: inline
    }

    .aboutHolder {
        width: 100%
    }

    .aboutHolder .imghome {
        float: left;
        position: relative;
        margin: 0 20px 30px 0
    }

    .aboutHolder .imghome span {
        position: absolute;
        font-weight: 700;
        color: #fff;
        bottom: 15px;
        left: 70px;
        font-size: 28px
    }

    .aboutPlay {
        color: #010101;
        font-size: 14px;
    }

    .Right {
        float: right;
        width: 160px;
        min-height: 350px;
        font-size: .85em;
        padding-bottom: 10px
    }

    .Right .BlockContent {
        margin: 0 10px 5px
    }

    .Right h2 {
        font-size: 1.6em;
        margin: 0 10px 8px
    }

    .Right ul {
        margin: 0;
        padding: 0
    }

    .Right li {
        clear: both;
        list-style: none;
        margin: 0;
        padding: 3px 0
    }

    .Right li a {
        text-decoration: none
    }

    .Right li a:hover {
        text-decoration: underline
    }

    #Footer {
        clear: both;
        font-size: .85em;
        text-align: center;
        background: url(../images/footer-repeat.png) repeat-x scroll 0 -3px #d8d8d8
    }

    #Footer ul {
        list-style: none;
        margin: 10px 0 30px;
        padding: 0
    }

    #Footer li {
        float: left;
        list-style: none;
        margin: 5px;
        padding: 0;
        color: #327aba;
        font-weight: 700
    }

    #Footer li a {
        text-decoration: none;
        font-weight: 700
    }

    .fb {
        background-image: url(../images/facebook.png);
        width: 32px;
        height: 32px
    }

    .tw {
        background-image: url(../images/twitter.png);
        width: 32px;
        height: 32px
    }

    .NewsletterSubscription {
        float: none
    }

    .NewsletterSubscription label {
        color: #327aba
    }

    .NewsletterSubscription input {
        width: 129px;
        font-size: .9em;
        padding: 3px;
        margin-bottom: 5px;
        margin-left: 3px;
        color: #f17000;
        font-weight: 700;
        border: 0;
        background: 0 0
    }

    .NewsletterSubscription .Button {
        width: 56px;
        height: 25px;
        border: 0;
        padding: 0;
        vertical-align: middle;
        background: 0 0;
        position: absolute;
        right: 0;
        bottom: 0
    }

    #lang_YourFirstName {
        color: #327aba;
        font-weight: 700
    }

    #lang_YourEmailAddress {
        color: #327aba;
        font-weight: 700
    }

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

    .product-grid li, #CategoryContent ul.ProductList li {
        list-style: none;
        overflow: hidden
    }

    .product-grid .ProductImage, #CategoryContent ul.ProductList .ProductImage {
        text-align: center;
        display: block !important;
        height: 178px !important;
        width: 248px !important;
        position: relative !important;
        overflow: hidden !important;
        margin-bottom: 5px !important;
        vertical-align: middle
    }

    .product-grid .ProductImage .QuickViewBtn {
        display: block !important;
        left: 160px !important;
        top: 206px !important;
        text-transform: none;
        color: #888 !important;
        background: url(../images/quick.png) 0 0 no-repeat !important;
        border: 0;
        padding: 6px 10px 5px;
        font-weight: 400;
        border-radius: 0
    }

    .product-grid .ProductImage a, #CategoryContent ul.ProductList .ProductImage a {
        width: 244px;
        height: 174px;
        border: 2px solid #f6f6f6;
        display: table-cell;
        vertical-align: middle
    }

    .product-grid .ProductImage a:hover, #CategoryContent ul.ProductList .ProductImage a:hover {
        border: 2px solid #dadada
    }

    .product-grid .ProductImage img, #CategoryContent ul.ProductList .ProductImage img {
        vertical-align: middle;
        width: 100%
    }

    .product-grid .ProductDetails, #CategoryContent ul.ProductList .ProductDetails {
        margin: 0;
        font-size: 14px;
        height: auto;
        text-align: center
    }

    .product-grid a {
        text-decoration: none
    }

    .product-grid a:hover {
        text-decoration: underline
    }

    .ProductPrice, .product-grid em {
        font-style: normal
    }

    .ProductPriceRating {
        float: left
    }

    .product-grid .Rating {
        font-size: .9em;
        margin-top: 3px;
        font-weight: 700
    }

    .product-grid .Rating img {
        height: 12px;
        margin-top: 3px
    }

    .product-grid li .ProductCompareButton {
        margin-top: -6px;
        text-align: center;
        z-index: 100;
        position: relative
    }

    .Left .product-grid li, .Right .product-grid li {
        clear: both;
        width: 140px;
        padding: 3px 0 5px;
        margin: 0;
        margin-bottom: 5px
    }

    .Left .product-grid .ProductImage, .Right .product-grid .ProductImage {
        display: none
    }

    .Left .TopSellers li .TopSellerNumber, .Right .TopSellers li .TopSellerNumber {
        float: left;
        width: 27px;
        font-size: 1.8em;
        text-align: center;
        padding: 4px 0 3px
    }

    .Left .TopSellers .ProductDetails, .Right .TopSellers .ProductDetails {
        margin-left: 32px;
        padding: 3px 0
    }

    .Left .TopSellers li.TopSeller1, .Right .TopSellers li.TopSeller1 {
        clear: both;
        float: left;
        width: 140px;
        margin: 0 0 5px;
        overflow: visible;
        display: inline
    }

    .Left .TopSellers li.TopSeller1 img, .Right .TopSellers li.TopSeller1 img {
        text-align: center;
        overflow: hidden;
        max-width: 130px
    }

    .Left .TopSellers li.TopSeller1 .TopSellerNumber, .Right .TopSellers li.TopSeller1 .TopSellerNumber {
        display: none
    }

    .Left .TopSellers li.TopSeller1 .ProductDetails, .Right .TopSellers li.TopSeller1 .ProductDetails {
        clear: both
    }

    .Left .TopSellers li.TopSeller1 .ProductImage, .Right .TopSellers li.TopSeller1 .ProductImage {
        float: left;
        width: 140px;
        height: 140px;
        display: inline;
        text-align: center;
        overflow: hidden;
        padding: 8px 0 0;
        margin: 0
    }

    .Content .TopSellers li .TopSellerNumber {
        display: none
    }

    .Breadcrumb ul, .Breadcrumb li {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .Breadcrumb {
        font-size: 1em;
        margin-top: 0;
        color: #fff
    }

    .Breadcrumb li {
        display: inline;
        padding-right: 6px;
        font-size: 14px;
    }

    .Breadcrumb li a {
        padding-right: 0;
        /* color: #327aba; */
        text-decoration: none
    }

    .Breadcrumb li a:hover {
        text-decoration: none;
        color: #f17000
    }

    .Breadcrumb li a:after {
        content: '>';
        font-size: 11px;
        color: #777;
        margin-left: 5px
    }

    .FindByCategory ul, .FindByCategory li {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .FindByCategory li {
        padding-left: 12px;
        background: url(https://www.playgroundequipment.com/catalog/view/theme/Hobbies/BreadcrumbSep.gif) no-repeat 3px 5px;
        padding-right: 8px;
        display: inline
    }

    .Meta {
        font-size: .93em
    }

    .Left .FeedLink, .Right .FeedLink {
        float: left;
        margin: 2px 5px 0 0
    }

    .Content .FeedLink {
        float: left;
        margin: 8px 10px 0 0
    }

    .ToggleSearchFormLink {
        position: relative;
        z-index: 1
    }

    .FloatRight {
        float: right
    }

    .FloatLeft {
        float: left
    }

    .ClearRight {
        clear: right
    }

    .ClearLeft {
        clear: left
    }

    .CompareButton {
        clear: both;
        text-align: left;
        padding: 4px
    }

    .Clear {
        clear: both
    }

    .Field45 {
        width: 45px
    }

    .Field100 {
        width: 100px
    }

    .Field150 {
        width: 150px
    }

    .Field200 {
        width: 200px
    }

    select.Field200 {
        width: 206px
    }

    div.categoryPicker {
        min-height: 60px
    }

    .Field250 {
        width: 250px
    }

    .Field300 {
        width: 300px
    }

    .Field350 {
        width: 350px
    }

    .Field400 {
        width: 400px
    }

    .MB10 {
        margin-bottom: 10px
    }

    .MT0 {
        margin-top: 0
    }

    .LH140 {
        line-height: 140%
    }

    .PLRB5 {
        padding: 0 5px 5px
    }

    .PLR10 {
        padding: 0 10px
    }

    .PL20 {
        padding: 0 0 0 20px
    }

    .PL40 {
        padding: 0 0 0 40px
    }

    .ML20 {
        margin: 0 0 0 20px
    }

    .MT10 {
        margin-top: 10px
    }

    .PL10 {
        padding-left: 10px
    }

    .PB2 {
        padding-bottom: 2px
    }

    .NoMarginBottom {
        margin-bottom: 0
    }

    .Required {
        font-weight: 700;
        visibility: visible
    }

    .InfoMessage {
        padding: 8px 6px 8px 28px;
        margin-bottom: 10px
    }

    .SuccessMessage {
        padding: 8px 6px 8px 28px;
        margin-bottom: 10px
    }

    .ErrorMessage {
        padding: 8px 6px 8px 28px;
        margin-bottom: 10px
    }

    .CreateAccount {
        float: left;
        width: 335px;
        padding-right: 20px
    }

    .AccountLogin {
        float: left;
        padding-left: 20px;
        width: 335px
    }

    ul.ShippingAddressList, ul.ShippingAddressList li {
        list-style: none;
        margin: 0;
        padding: 0
    }

    ul.ShippingAddressList li {
        width: 30%;
        float: left;
        margin-right: 10px;
        margin-bottom: 20px
    }

    .PrimaryProductDetails .ProductThumb {
        float: left;
        margin: 0 15px 0 0
    }

    .PrimaryProductDetails .ProductMain {
        width: 365px;
        float: right
    }

    .PrimaryProductDetails dl {
        font-size: .9em
    }

    .PrimaryProductDetails dt {
        font-weight: 700;
        width: 80px;
        clear: left
    }

    .PrimaryProductDetails dd {
        margin-left: 90px
    }

    .Right hr {
        margin: 5px 0 0
    }

    .orange {
        color: #BD5800 !important;
    }

    .orange a {
        color: #f17000 !important
    }

    .blue {
        color: #1A5C7F !important;
    }

    .Content h3, .Content h3 a {
        margin-bottom: 5px;
        color: #333;
        font-size: 22px;
        text-decoration: none
    }

    .Content h3 a {
        transition: ease-in-out all 300ms
    }

    .Content h3 a img {
        transition: ease-in-out all 300ms;
        filter: brightness(100%)
    }

    .Content h3 a:hover {
        text-decoration: none;
        transition: ease-in-out all 300ms
    }

    .Content h3 a:hover img {
        filter: brightness(120%);
        transition: ease-in-out all 300ms
    }

    .Content .ProductMain h3 {
        color: #1b77a8;
        font-weight: 700;
        font-size: 17px;
        margin: 0 0 15px;
        padding: 0;
        clear: both
    }

    .ComparisonCheckbox {
        float: left
    }

    .SideRecentlyViewed .CompareButton {
        margin: 10px 0 0;
        padding: 0
    }

    .SideRecentlyViewed .product-grid li {
        margin-left: 0
    }

    .SideRecentlyViewed .ProductDetails {
        margin-left: 20px
    }

    .ComparisonTable {
        width: 100%;
        border: 1px solid #efefef;
        border-bottom: 0
    }

    .ComparisonTable td {
        vertical-align: middle;
        font-size: 11px;
        text-align: center
    }

    .ComparisonTable td.CompareFieldName {
        width: 95px;
        padding: 8px 10px 8px 15px;
        text-align: left;
        font-size: 12px
    }

    .CompareFieldTop {
        padding: 5px;
        text-align: center
    }

    .CompareFieldTop a {
        text-decoration: none;
        font-size: 10px
    }

    .CompareFieldTop a:hover {
        text-decoration: underline
    }

    .CompareLeft {
        padding: 5px 10px
    }

    .CompareCenter {
        text-align: center;
        padding: 5px
    }

    .CompareCenter .ProductImage {
        margin: 0 auto !important
    }

    .CompareRating {
        text-align: center;
        padding-top: 8px;
        vertical-align: middle
    }

    .CompareProductOption {
        margin-left: 20px;
        padding-left: 5px
    }

    .LittleNote {
        font-size: .85em
    }

    .ViewCartLink {
        padding-left: 30px;
        padding-top: 4px;
        padding-bottom: 8px
    }

    table.General, table.CartContents, table.General {
        width: 100%;
        margin: 10px 0
    }

    table.General thead tr th, table.CartContents thead tr th {
        padding: 6px 10px;
        text-align: left
    }

    table.General tbody td, table.CartContents tbody td {
        padding: 6px 10px;
        vertical-align: middle
    }

    table.General tbody tr.First td {
        border-top: 0
    }

    .CartContents tbody td {
        border-bottom: 0
    }

    .CartContents .ProductName a {
        font-weight: 700
    }

    .CartContents tfoot .SubTotal td {
        text-align: right;
        font-weight: 700
    }

    .ProceedToCheckout {
        text-align: right
    }

    .Content .ProceedToCheckout {
        width: 200px;
        float: right
    }

    .CartContents .ItemShipping:first-child th {
        border-top: 0
    }

    .CartContents tbody td, .CartContents tfoot td {
        padding: 10px 10px 0;
        vertical-align: top
    }

    .CartContents tfoot td.Even {
        padding-bottom: 0;
        padding-top: 11px;
        padding-bottom: 8px
    }

    .ProceedToCheckout a {
        padding-top: 5px
    }

    .MiniCart .SubTotal {
        text-align: center;
        font-size: 115%
    }

    .MiniCart .CartProductOptionList {
        display: block
    }

    .JustAddedProduct {
        width: 128px;
        overflow: hidden;
        margin: auto;
        text-align: center;
        padding: 5px;
        margin-bottom: 10px
    }

    .JustAddedProduct strong, .JustAddedProduct a {
        font-weight: 700;
        font-size: 1.02em;
        display: block;
        margin-bottom: 3px
    }

    .CategoryPagination .PagingList, .CategoryPagination .PagingList li {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .CategoryPagination {
        padding: 0;
        text-align: center;
        font-size: 13px;
        float: right;
        margin: 4px 0 20px
    }

    .CategoryPagination .PagingList li {
        display: inline;
        padding: 4px 11px
    }

    .CategoryPagination a {
        text-decoration: none
    }

    .QuickSearch {
        z-index: 100;
        margin: 0;
        padding: 0;
        text-align: left;
        border-collapse: collapse
    }

    .QuickSearchTitle td, .QuickSearchAllResults td {
        font-weight: 700;
        padding: 4px;
        font-size: 11px
    }

    .QuickSearchResult td {
        font-size: 11px;
        padding: 8px 0 8px 8px;
        cursor: pointer
    }

    .QuickSearchResultImage {
        margin-left: 4px;
        margin-right: 10px;
        text-align: center
    }

    .QuickSearchResultNoImage {
        padding-top: 10px
    }

    .QuickSearchResultName {
        font-weight: 700;
        text-decoration: none;
        display: block;
        padding-bottom: 5px
    }

    .QuickSearchResult .Price {
        font-size: 11px
    }

    .QuickSearchHover a {
        text-decoration: underline;
        font-weight: 700
    }

    .QuickSearchAllResults {
        text-indent: -7000px
    }

    .QuickSearchAllResults a {
        text-decoration: underline;
        height: 25px;
        display: block
    }

    .QuickSearchAllResults a:active, .QuickSearchAllResults a {
        outline: 0;
        -moz-outline-style: none
    }

    .BrandCloud .smallest {
        font-size: 12px
    }

    .BrandCloud .small {
        font-size: 15px
    }

    .BrandCloud .medium {
        font-size: 18px
    }

    .BrandCloud .large {
        font-size: 20px
    }

    .BrandCloud .largest {
        font-size: 26px
    }

    .BrandCloud a {
        padding-right: 5px
    }

    .DownloadExpires {
        padding-top: 3px;
        font-style: italic
    }

    .CheckoutRedeemCoupon {
        padding: 10px;
        width: 300px;
        margin-bottom: 10px
    }

    .CheckoutRedeemCoupon h4 {
        margin-top: 0
    }

    .CheckoutRedeemCoupon p {
        margin-top: 10px;
        margin-bottom: 0
    }

    .BillingDetails {
        float: left;
        width: 48%;
        margin-right: 10px;
        margin-bottom: 15px
    }

    .ShippingDetails {
        float: left;
        width: 48%;
        margin-bottom: 15px
    }

    .ProductDetailsGrid dt {
        width: 140px;
        margin-bottom: 6px;
        float: left;
        font-weight: 700
    }

    .ProductDetailsGrid dd {
        margin-left: 145px;
        margin-bottom: 6px
    }

    .SubCategoryList {
        padding: 4px
    }

    .SubCategoryList ul, .SubCategoryList li {
        list-style: none;
        margin-left: 0
    }

    .SubCategoryList li {
        margin-bottom: 4px;
        padding-left: 25px;
        background: url(https://www.playgroundequipment.com/catalog/view/theme/Hobbies/images/SubCategory.gif) no-repeat 3px 1px
    }

    .SearchTips .Examples {
        padding: 8px;
        margin-left: 30px;
        margin-bottom: 10px
    }

    .PrimaryProductDetails .ProductThumb p {
        margin-top: 10px;
        font-size: .9em
    }

    .ProductReviewList {
        clear: both
    }

    .SortBox select {
        font-size: 14px;
    }

    .YourAccount li {
        margin-bottom: 8px
    }

    .RemoveFromWishlistForm {
        margin: 5px
    }

    .ShippingProviderList {
        list-style: none
    }

    small {
        font-size: 11px
    }

    .HowToPay {
        margin-bottom: 10px
    }

    .product-grid em, .product-grid .Rating {
        display: block
    }

    .GoogleCheckout p, .PayPalExpressCheckout p, .AlternativeCheckout p {
        margin: 0;
        font-size: 90%
    }

    .GoogleCheckout, .PayPalExpressCheckout, .AlternativeCheckout {
        text-align: center;
        margin-bottom: 10px
    }

    .KeepShopping {
        width: 180px;
        clear: both;
        text-align: right
    }

    #TopMenu li.Flag div {
        border: 0
    }

    #TopMenu li.Flag img {
        margin: 3px
    }

    #TopMenu li.Flag img.Last {
        margin-right: 0
    }

    #TopMenu li.Flag img.Selected {
        margin: 1px 3px
    }

    .CurrencyList dl {
        margin: 0;
        padding: 0
    }

    .CurrencyList dd {
        padding: 0;
        margin: 0;
        clear: both
    }

    .CurrencyList a {
        padding: 0 3px 0 5px;
        display: block;
        line-height: 1.8;
        text-decoration: none;
        font-size: 11px
    }

    .CurrencyList a:hover .Text {
        text-decoration: underline
    }

    .CurrencyList a .Flag {
        margin-top: 4px;
        display: block;
        float: left;
        width: 24px;
        padding-right: 2px;
        vertical-align: middle
    }

    .CurrencyList a .Text {
        display: block;
        padding-left: 24px
    }

    .PrimaryProductDetails .YouSave {
        font-weight: 700;
        margin-top: 3px;
        display: block
    }

    .EstimateShipping {
        margin-top: 4px;
        margin-bottom: 4px;
        font-weight: 400;
        width: 320px;
        padding: 7px;
        float: right
    }

    .EstimateShipping dt {
        width: 100px;
        float: left;
        margin-bottom: 8px;
        clear: left
    }

    .EstimateShipping dd {
        margin-bottom: 8px;
        font-weight: 400;
        text-align: left;
        margin-left: 114px
    }

    .EstimateShipping p.Submit {
        margin-top: 10px;
        margin-bottom: 3px
    }

    .EstimateShipping label {
        display: block;
        margin-bottom: 5px
    }

    .EstimatedShippingMethods {
        text-align: left
    }

    .EstimatedShippingMethods table {
        width: 100%;
        border-collapse: collapse
    }

    .EstimatedShippingMethods .VendorShipping {
        margin-left: 20px;
        margin-bottom: 10px
    }

    .EstimatedShippingMethods .Submit {
        text-align: right
    }

    .CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td {
        text-align: left
    }

    .CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td.Price {
        text-align: right
    }

    .SharePublicWishList {
        padding: 5px
    }

    .ExpressCheckoutBlock .ExpressCheckoutTitle {
        position: relative;
        padding: 6px;
        margin-bottom: 10px
    }

    .ExpressCheckoutBlock h3 a {
        font-size: 12px
    }

    .ExpressCheckoutBlock {
        padding-top: 6px
    }

    .ExpressCheckoutBlock .ExpressCheckoutCompletedContent {
        display: none
    }

    .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
        display: inline;
        font-size: 12px;
        font-weight: 400;
        font-style: italic
    }

    .ExpressCheckoutBlockCollapsed .ExpressCheckoutContent {
        display: none
    }

    a.ChangeLink {
        position: absolute;
        right: 15px
    }

    .ExpressCheckoutBlock a.ChangeLink {
        display: none
    }

    .ExpressCheckoutBlockCompleted a.ChangeLink {
        display: inline
    }

    .ExpressCheckoutCompletedContent {
        position: absolute;
        left: 250px
    }

    .LoadingIndicator {
        margin-left: 10px
    }

    .LoadingIndicator img {
        vertical-align: middle;
        margin-right: 10px
    }

    #TopMenu li.HeaderLiveChat div {
        border-left: 0
    }

    .HeaderLiveChat img {
        vertical-align: middle
    }

    #ProductOtherDetails .ProductDetailsGrid {
        margin-left: 25px
    }

    .SubCategoryListGrid {
        padding: 0;
        margin-left: -11px
    }

    .SubCategoryListGrid ul, .SubCategoryListGrid li {
        list-style: none;
        margin-left: 0
    }

    .SubCategoryListGrid li.catimg span {
        font-weight: 700;
        position: absolute;
        color: #fff;
        bottom: 10px;
        font-size: 34px;
        width: 480px;
        text-align: center
    }

    .SubCategoryListGrid li.catimg {
        position: relative
    }

    .SubCategoryListGrid li.RowDivider {
        display: none
    }

    .SubCategoryListGrid li {
        padding: 0;
        margin-left: 16px;
        background: #fff;
        float: left;
        text-align: center;
        overflow: hidden;
        width: 236px;
        height: 306px;
        display: inline-block
    }

    .SubCategoryListGrid li .CatImage {
        display: block;
        height: 230px;
        width: 230px;
        position: relative;
        overflow: hidden;
        background-position: center;
        background-repeat: no-repeat;
        border: 3px solid #f6f6f6
    }

    .SubCategoryListGrid li .CatImage:hover {
        border: 3px solid #dadada
    }

    .SubCategoryListGrid li a {
        font-weight: 700;
        text-decoration: none;
        font-size: 18px;
        color: #1b77a8
    }

    .SubCategoryListGrid ol {
        clear: both
    }

    .SubBrandListGrid {
        padding: 0;
        margin-left: -11px
    }

    .SubBrandListGrid ul, .SubBrandListGrid li {
        list-style: none;
        margin-left: -6px;
        display: table
    }

    .SubBrandListGrid li.RowDivider {
        display: none
    }

    .SubBrandListGrid li .CatImage {
        display: table-cell;
        height: 230px;
        width: 230px;
        position: relative;
        overflow: hidden;
        background-position: center;
        background-repeat: no-repeat;
        border: 3px solid #f6f6f6;
        vertical-align: middle
    }

    .SubBrandListGrid li .CatImage:hover {
        border: 3px solid #dadada
    }

    .SubBrandListGrid li a {
        font-weight: 700;
        text-decoration: none;
        font-size: 18px;
        color: #1b77a8
    }

    .SubBrandListGrid ol {
        clear: both
    }

    .ProductAddToCart dt div.Required, #CartEditProductFieldsForm dt div.Required {
        margin-left: -10px
    }

    .ProductAddToCart input.Textbox, #CartEditProductFieldsForm input.Textbox {
        width: 181px
    }

    .ProductAddToCart textarea, #CartEditProductFieldsForm textarea {
        width: 183px;
        height: 50px
    }

    .ProductFields dd {
        margin-bottom: 4px;
        float: left;
        margin-left: 20px
    }

    .ProductFields {
        margin-bottom: 15px
    }

    .ProductFields input.Textbox {
        width: 100%
    }

    .ProductFields .TextArea {
        width: 100%
    }

    .CartContents .CartProductFieldsLink {
        font-size: 11px;
        margin-top: 6px;
        padding-left: 22px;
        background: url(https://www.playgroundequipment.com/catalog/view/theme/Hobbies/images/GiftWrappingAvailable.gif) no-repeat;
        padding-bottom: 4px
    }

    .CartContents .CartProductFieldsRow {
        border-top: 0
    }

    .CartContents .CartProductFieldsRow dl {
        margin-top: 15px
    }

    p.QuantityInput, p.AddCartButton {
        text-align: center
    }

    .ProductAddToCart dt.QuantityInput {
        margin-top: 4px
    }

    .ProductAddToCart dd.AddCartButton span {
        margin-top: 4px;
        padding-right: 5px
    }

    .ProductActionAdd {
        display: block
    }

    .ProductActionAdd a, .ProductActionAdd strong a {
        text-decoration: underline
    }

    .TagList {
        margin-top: 20px
    }

    .CartThumb {
        text-align: center;
        width: 1px
    }

    .WrappingOptions {
        font-size: 11px;
        margin-top: 6px;
        padding-left: 22px;
        background: url(https://www.playgroundequipment.com/catalog/view/theme/Hobbies/images/GiftWrappingAvailable.gif) no-repeat;
        padding-bottom: 4px;
        line-height: 1.6
    }

    .ViewAllLink a {
        padding-top: 10px;
        display: block
    }

    .SelectGiftWrapMultiple {
        max-height: 400px
    }

    .TabNav, .TabNav li {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .TabNav {
        font-size: 11px;
        margin-bottom: 10px;
        padding: 6px 4px
    }

    .TabNav li {
        display: inline
    }

    .TabNav li a {
        position: relative;
        top: 2px;
        font-size: 12px;
        padding: 4px 6px;
        margin-right: 3px;
        margin-top: 3px;
        text-decoration: none
    }

    .TabNav li a:hover {
        text-decoration: none
    }

    .TabNav li.Active a {
        margin-top: 0;
        padding-top: 7px;
        font-weight: 700
    }

    .ProductAddToCart dd.AddCartButton div.BulkDiscount {
        display: inline-block;
        float: left
    }

    .ProductAddToCart dd.AddCartButton div.BulkDiscount div.BulkDiscountLink {
        padding-left: 4px
    }

    #VendorLogo .BlockContent, #VendorPhoto .BlockContent {
        margin: 0;
        text-align: center
    }

    .TransitTime {
        font-weight: 400
    }

    .Content .product-grid.List li {
        margin: 0;
        margin-top: 6px;
        display: block;
        width: auto;
        float: none;
        padding: 6px;
        min-height: 0;
        height: 132px;
        background-image: none
    }

    .Content .product-grid.List .ProductImage {
        margin: 0 !important;
        padding: 0;
        margin-right: 15px;
        float: left;
        background-image: none;
        width: 120px;
        height: 120px
    }

    .Content .product-grid.List .ProductDetails {
        height: auto;
        display: block;
        clear: none;
        padding: 0;
        padding-left: 5px;
        margin: 0;
        margin-left: 135px;
        text-align: left;
        background-image: none
    }

    .Content .product-grid.List .ProductQty {
        margin-left: 10px
    }

    .Content .product-grid.List .ProductDescription {
        font-style: italic;
        margin-top: 5px
    }

    .Content .product-grid .ProductRightCol {
        float: right
    }

    .Content .product-grid.List li .ProductCompareButton {
        text-align: left;
        margin-top: 10px
    }

    .OrderItemMessage {
        padding: 7px;
        margin: 10px 0
    }

    .LittleNotePassword {
        font-size: .85em;
        padding: 2px 0
    }

    .RequiredClear {
        visibility: hidden
    }

    .ProductDetailsGrid .Label {
        float: left;
        width: 34%;
        position: relative;
        padding: 0 13px;
        border-left: 0;
        background: #ececec;
        padding: 10px 0 0 10px
    }

    .ProductDetailsGrid .Value {
        text-align: left;
        border-left: 1px solid #fff;
        float: left;
        width: 140px;
        overflow: hidden;
        height: 33px !important;
        padding-left: 10px
    }

    .ProductDetailsGrid .Value {
        overflow: hidden;
        height: auto !important;
        line-height: auto;
        margin: 0;
        background: #fff;
        border-right: 1px solid #fff;
        border-left: 1px solid #dcdcdc;
        width: 50%;
        padding: 10px 5px 10px 10px;
        float: right
    }

    .ProductDetailsGrid .Value .currencyUp {
        font-size: .6em;
        vertical-align: super
    }

    .currencyUp {
        font-size: 14px;
        vertical-align: super
    }

    .happyhollow2 .currencyUp {
        font-size: .5em;
        vertical-align: super
    }

    .happyhollow2 .m360-hint {
        display: block !important;
    }

    .ProductDetailsGrid .Value input[name=quantity] {
        height: 13px;
        margin: -3px 0;
        width: 40px;
        padding-left: 7px
    }

    .ProductAddToCart .Value {
        width: 209px
    }

    .ProductAddToCart .Value textarea {
        width: 202px
    }

    .ProductAddToCart .DetailRow {
        margin: 10px 0 0
    }

    .ProductAddToCart .Label {
        float: none;
        padding: 0;
        border: 0;
        width: 209px;
        line-height: 23px;
        height: 23px
    }

    .ProductDetailsGrid .AddCartButton {
        width: auto
    }

    .ProductDetailsGrid .Label .Required {
        position: absolute;
        left: -1em
    }

    .ProductOptionList ul, .ProductOptionList li {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .ProductOptionList li {
        margin-bottom: 3px
    }

    .ProductOptionList input {
        vertical-align: middle
    }

    #FeaturedVideo, #VideoList, #VideoSingle {
        float: left
    }

    #VideoList {
        padding-left: 5px
    }

    .VideoSeparator {
        clear: both
    }

    .videoRow {
        clear: both;
        margin-bottom: 4px;
        display: block;
        height: 75px
    }

    .previewImageContainer {
        height: 30px;
        width: 50px
    }

    .videoRow img {
        float: left;
        padding-right: 5px
    }

    .videoRowTitle {
        font-weight: 700
    }

    .videoRowDescription {
        max-height: 50px;
        overflow: hidden
    }

    .VideoOverlay {
        background-image: url(../images/VideoOverlay.png);
        background-position: center center;
        position: absolute;
        left: 0;
        height: 100%;
        width: 100%;
        top: 0
    }

    .VideoContentContainer {
        position: relative;
        margin-left: 3px;
        padding-left: 92px
    }

    .VideoPreviewSize {
        width: 92px;
        height: 69px
    }

    .videoRowLength {
        padding-left: 4px
    }

    .videoRow, .videoRowTitle, .videoRow img, .videoRowLength {
        cursor: pointer
    }

    #VideoList ul {
        position: relative;
        overflow-y: auto;
        position: relative;
        padding: 0;
        margin: 0;
        width: 290px;
        height: 265px
    }

    #VideoSingle {
        padding-left: 10px;
        width: 275px
    }

    .HideElement {
        display: none
    }

    .VideoSingleTitle {
        font-weight: 700
    }

    .VideoSingleDescription {
        padding-top: 10px;
        overflow-y: auto;
        height: 220px;
        padding-right: 5px
    }

    .Left #VideoMiddleContainer, .Right #VideoMiddleContainer {
        display: none
    }

    .Content #VideoSideContainer {
        display: none
    }

    #VideoSideContainer ul {
        text-align: center
    }

    #VideoSideContainer ul li {
        margin-bottom: 5px
    }

    .VideoSideDescription {
        padding: 2px 10px
    }

    .VideoImageContainer {
        position: relative;
        float: left
    }

    .SearchPaging {
        float: right;
        font-size: .95em
    }

    .SearchSorting {
        float: right;
        font-size: .95em;
        margin: 8px 0
    }

    .SearchSorting select {
        font-size: .95em
    }

    #SearchResultsCategoryAndBrand {
        margin: 5px;
        padding: 5px
    }

    .ContentList em, .QuickSearchResultMeta em {
        font-size: .8em
    }

    #AjaxLoading {
        display: none;
        text-align: center;
        background: #fcf5aa;
        width: 180px;
        z-index: 10000000000;
        padding: 5px 10px
    }

    #AjaxLoading img {
        vertical-align: bottom;
        margin-right: 5px
    }

    #ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext {
        float: left;
        background: url(../images/arrow.png) no-repeat;
        border: 0;
        cursor: pointer;
        width: 26px;
        height: 72px;
        margin: 0
    }

    #ProductDetails #ImageScrollPrev:hover {
        background-position: left -148px
    }

    #ProductDetails #ImageScrollNext {
        background-position: right -72px
    }

    #ProductDetails #ImageScrollNext:hover {
        background-position: right -220px
    }

    #ProductDetails .ProductTinyImageList {
        float: left;
        margin-top: -43px;
        white-space: nowrap;
        overflow: hidden;
        margin-left: auto !important;
        margin-bottom: 20px;
    }

    #ProductDetails .ProductTinyImageList ul li {
        overflow: hidden;
        float: left;
        margin-left: 3px;
        border: 1px solid gray
    }

    #ProductDetails .ProductTinyImageList ul li > div {
        display: table-cell;
        text-align: center;
        border: 2px solid #f6f6f6 !important;
        width: 72px !important;
        height: 41px !important
    }

    #ProductDetails .ProductTinyImageList ul li.actis > div {
        border: 1px solid #92c1d9 !important
    }

    #ProductDetails .ProductTinyImageList ul li #TinyOuterDiv {
        border: 2px solid #fff
    }

    #ProductDetails .ProductTinyImageList ul {
        margin: 0;
        padding: 0;
        position: relative;
        list-style-type: none;
        white-space: nowrap
    }

    #ProductDetails .ProductThumbImage {
        overflow: hidden;
        margin: auto
    }

    .carousel {
        position: relative;
        visibility: hidden;
        left: -5000px;
        width: 180px
    }

    .nivoSlider {
        position: relative
    }

    .nivoSlider img {
        position: absolute;
        top: 0;
        left: 0
    }

    .nivoSlider a.nivo-imageLink {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        padding: 0;
        margin: 0;
        z-index: 60;
        display: none
    }

    .nivo-slice {
        display: block;
        position: absolute;
        z-index: 50;
        height: 100%
    }

    .nivo-caption {
        position: absolute;
        left: 0;
        bottom: 0;
        background: #000;
        color: #fff;
        opacity: .8;
        width: 100%;
        z-index: 89
    }

    .nivo-caption p {
        padding: 5px;
        margin: 0
    }

    .nivo-caption a {
        display: inline !important
    }

    .nivo-html-caption {
        display: none
    }

    .nivo-directionNav a {
        position: absolute;
        top: 45%;
        z-index: 99;
        cursor: pointer
    }

    .nivo-prevNav {
        left: 0
    }

    .nivo-nextNav {
        right: 0
    }

    .nivo-controlNav a {
        position: relative;
        z-index: 99;
        cursor: pointer;
        margin-right: 9px;
        top: 28px;
        left: 12px
    }

    .nivo-controlNav a.active {
        font-weight: 700
    }

    #slider {
        background: url(loading.gif) no-repeat scroll 50% 50% #fff;
        height: 374px !important;
        margin: 0;
        overflow: hidden;
        position: relative;
        width: 751px !important
    }

    #slider img {
        position: absolute;
        top: 0;
        left: 0;
        display: none
    }

    #slider a {
        border: 0
    }

    .wrap {
        width: 100%;
        overflow: hidden;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 42px
    }

    .wrap2 {
        position: relative;
        height: 50px;
        left: 50%;
        float: left
    }

    .nivo-controlNav {
        background: url(../images/slider-ind.png) no-repeat scroll 0 0 transparent;
        bottom: 0;
        float: left;
        height: 42px;
        left: -50%;
        padding: 0 0 0 6px;
        position: relative;
        z-index: 1000
    }

    .nivo-controlNav-in {
        width: 19px;
        height: 42px;
        position: absolute;
        right: -19px;
        bottom: 0;
        background: url(../images/slider-ind.png) no-repeat scroll 100% 0 transparent
    }

    .nivo-controlNav a {
        display: block;
        width: 13px;
        height: 13px;
        background: url(../images/bullets.png) no-repeat 100% 0;
        text-indent: -9999px;
        border: 0;
        margin-right: 9px;
        float: left;
        top: 28px;
        left: 12px
    }

    .nivo-controlNav a.active {
        background-position: 0 0
    }

    .nivo-directionNav a {
        display: block;
        width: 32px;
        height: 34px;
        background: url(arrows.png) no-repeat;
        text-indent: -9999px;
        border: 0
    }

    a.nivo-nextNav {
        background-position: -32px 0;
        right: 10px
    }

    a.nivo-prevNav {
        left: 10px
    }

    .productAddToCartBelow {
        padding-top: 1.5em;
        clear: both
    }

    .CartContents .productAttributes td {
        padding: 0 10px 0 0
    }

    .CartContents .ProductName .CustomizeItemLink {
        font-weight: 400
    }

    #CartEditProductFieldsForm .productAttributeList {
        max-height: 380px;
        overflow: auto
    }

    #CartEditProductFieldsForm .productAttributeLabel {
        font-weight: 400
    }

    #CartEditProductFieldsForm .productAttributeRow {
        padding-left: 190px
    }

    #CartEditProductFieldsForm .productAttributeLabel {
        margin: 4px 0 4px -180px;
        padding-top: 0;
        width: 180px
    }

    #ModalContent, .ModalContent {
        font-size: .95em
    }

    .pagesmenu {
        position: absolute;
        top: 146px;
        left: 0;
        width: 100%;
        z-index: 100;
        display: none
    }

    .pagesmenu ul {
        width: 1000px;
        margin: 0 auto;
        list-style: none
    }

    .pagesmenu ul li {
        float: left;
        margin: 0 77px 0 0
    }

    .pagesmenu ul li.last {
        float: right;
        margin: 0
    }

    .pagesmenu ul li a {
        color: #fff;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
        background: url(../images/new/icons.png) 0 -98px no-repeat;
        padding: 0 0 0 20px
    }

    .pagesmenu ul li a.guide {
        background-position: 0 -98px
    }

    .pagesmenu ul li a.rprojects {
        background-position: 0 -114px
    }

    .pagesmenu ul li a.catonline {
        background-position: 0 -130px
    }

    .pagesmenu ul li a.coloropt {
        background-position: 0 -149px
    }

    .pagesmenu ul li a.finleas {
        background-position: 0 -166px
    }

    .pagesmenu ul li a:hover {
        text-decoration: underline
    }

    .main-top-bl {
        height: 50px;
        position: relative;
        z-index: 20;
        display: none
    }

    .cont-inf {
        position: absolute;
        left: 243px;
        top: 20px;
        margin: 0;
        font-size: 13px;
        font-family: Arial, sans-serif;
        color: #fff;
        font-weight: 700;
        text-shadow: -1px -1px 0 #cf6228;
        float: left;
        letter-spacing: 1px
    }

    .wrapp-slider {
        position: relative;
        width: 761px;
        margin-bottom: 20px;
        margin-top: -2px
    }

    .wrapp-slider-in {
        border: 5px solid #d2d2d2;
        width: 751px;
        height: 374px !important;
        background-color: #fff
    }

    .con-top1 {
        background: url(../images/slider-top-left.png) no-repeat scroll 0 0 transparent;
        width: 15px;
        height: 15px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1000
    }

    .con-top2 {
        background: url(../images/slider-top-right.png) no-repeat scroll 0 0 transparent;
        width: 15px;
        height: 15px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1000
    }

    .con-bot2 {
        background: url(../images/slider-bottom-right.png) no-repeat scroll 0 0 transparent;
        width: 15px;
        height: 15px;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 1000
    }

    .con-bot1 {
        background: url(../images/slider-bottom-left.png) no-repeat scroll 0 0 transparent;
        width: 15px;
        height: 15px;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1000
    }

    .wrapp-bl-st1 {
        position: relative;
        overflow: hidden;
        margin: 0 0 40px
    }

    .wrapp-bl-st1-1 {
        margin-left: -13px;
        position: relative;
        zoom: 1
    }

    .bl-st1-1 {
        width: 321px;
        height: 150px;
        float: left;
        padding-left: 13px
    }

    .outr-bl-st1 {
        background: url(../images/round-bl-news.png) no-repeat scroll 0 0 transparent;
        width: 321px;
        height: 150px;
        position: relative;
        cursor: pointer
    }

    .outr-bl-st1 .h3 {
        background: url(../images/head-bl-top.png) no-repeat scroll 0 0 transparent;
        position: absolute;
        top: 2px;
        left: 10px;
        height: 37px;
        line-height: 27px;
        color: #000;
        font-size: 14px;
        font-weight: 700;
        margin: 0;
        padding: 0 0 0 25px;
        text-transform: uppercase
    }

    .outr-bl-st1 .h3 span {
        position: absolute;
        right: -30px;
        top: 0;
        width: 30px;
        height: 37px;
        background: url(../images/head-bl-top.png) no-repeat scroll 100% 0 transparent
    }

    .outr-bl-st1 p {
        padding: 50px 0 0 30px;
        font-size: 12px;
        color: #000;
        font-family: arial, sans-serif;
        line-height: 160%
    }

    .bl-st1-2 {
        width: 761px;
        height: 150px
    }

    .outr-bl-st3 {
        background: url(../images/round-bl-news761.png) no-repeat scroll 0 0 transparent;
        width: 761px;
        height: 150px;
        position: relative;
        cursor: pointer
    }

    .outr-bl-st3 .h3 {
        background: url(../images/head-bl-top.png) no-repeat scroll 0 0 transparent;
        position: absolute;
        top: 2px;
        left: 10px;
        height: 37px;
        line-height: 27px;
        color: #000;
        font-size: 14px;
        font-weight: 700;
        margin: 0;
        padding: 0 0 0 25px;
        text-transform: uppercase
    }

    .outr-bl-st3 .h3 span {
        position: absolute;
        right: -30px;
        top: 0;
        width: 30px;
        height: 37px;
        background: url(../images/head-bl-top.png) no-repeat scroll 100% 0 transparent
    }

    .outr-bl-st3 p {
        padding: 50px 0 0 30px;
        font-size: 12px;
        color: #000;
        font-family: arial, sans-serif;
        line-height: 160%
    }

    .st1-fon1 {
        background: url(../images/fon-bl1.jpg) no-repeat scroll 100% 100% transparent
    }

    .st1-fon2 {
        background: url(../images/fon-bl2a.jpg) no-repeat scroll 100% 0 transparent
    }

    .st1-fon3 {
        background: url(../images/fon-bl3.jpg) no-repeat scroll 100% 100% transparent
    }

    .st1-fon4 {
        background: url(../images/fon-bl4.jpg) no-repeat scroll 100% 100% transparent
    }

    .wrapp-products {
        overflow: hidden;
        position: relative
    }

    .wrapp-products .product-grid {
        margin-left: -80px
    }

    .FeaturedProducts .wrapp-products .product-grid li {
        padding-left: 16px
    }

    .FeaturedProducts .wrapp-products .product-grid {
        margin-left: -16px
    }

    .product-grid li, #CategoryContent ul.ProductList li {
        display: inline;
        width: 248px !important;
        min-height: 230px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 0 0 35px;
        zoom: 1;
        _height: 220px;
        padding-left: 81px;
        text-align: center
    }

    #Wrapper .CategoryDescription h3,
    #Wrapper #ProductDescription h2,
    #Wrapper #ProductWarranty h2,
    #Wrapper h2#videos,
    #Wrapper #SimilarProductsByCustomerViews h2,
    #Wrapper #SuggestiveCartContent h2 {
        float: none;
        margin: 0;
        display: block;
        color: #000;
        font-size: 18px;
        padding: 10px 0 20px;

    }
    #Wrapper .CategoryDescription h2 {
        font-size: 23px;
        margin-bottom: 20px;
    }
    #Wrapper .CategoryDescription h3 {
        font-weight: bold;
    }

    .SubBrandListGrid li {
        margin-bottom: 27px;
        padding: 0;
        margin-left: 16px;
        background: #fff;
        float: left;
        text-align: center;
        overflow: hidden;
        width: 230px;
        height: 296px;
        display: table-row
    }

    .ProductMain .options {
        width: 300px;
        border: 1px solid #dcdcdc;
        background: #fff;
        overflow: hidden;
        border-left: 0;
        border-right: 0;
        margin-bottom: 0;
        border-top: 0
    }

    .ProductMain .options .option.productAttributeRow {
        line-height: 14px;
        border-top: 1px solid #fff;
        font-size: 13px;
        overflow: hidden
    }

    .ProductMain .options .option-label {
        float: left;
        margin-left: 1px;
    }
    .ProductMain .options .option-input-prid-61{
        display: none;
    }


    .ProductMain .options .option-label {
        margin-left: 20px;
        clear: right;
    }

    .ProductMain .options .option-label-prid-61 {
        float: left;
        display: inline-block;
        margin-left: 0px;
        margin-right: 4px;
        min-height: 0;
    }
    .ProductMain .options .option-label-prid-61 label {
        padding-top: 0;
    }
    .ProductMain .options .option-label-prid-61 label img,
    #mulch_calculator_option-2015 img {
        border: 1px solid #fff;
    }
    .ProductMain .options .option-label-prid-61 label img.selected-option-image,
    #mulch_calculator_option-2015 img.selected-option-image {
        border: 1px solid #e88403;
    }
    .ProductMain .option > b {
        font-size: 14px;
        color: #ed0505;
        line-height: 20px
    }

    .ProductMain .option label {
        line-height: 12px;
        cursor: pointer;
        /* overflow: hidden; */
        height: 18px;
        margin-bottom: 0;
        text-overflow: ellipsis;
        /* white-space: nowrap; */
        width: 100%;
        padding-top: 4px;
        padding-right: 0;
    }

    .ProductMain .option label i {
        font-size: 13px;
        font-weight: bolder;
        border: 1px solid;
        border-radius: 100%;
        padding: 2px;
        background: #3687c9;
        color: #fff;
        margin: -4px 0 0 0;
    }

    .product_option_price {
        color: #ed0505
    }

    table.CartContents, table.General {
        overflow: hidden
    }

    .cart-top-page-br {
        display: none
    }

    .cart-bottom-header {
        font-size: 24px;
        font-size: 24px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e0e3e6;
        margin-bottom: 10px
    }

    .cart-bottom-header-tr {
        border-top: 1px solid #e0e3e6;
        margin: 5px
    }

    .cart-bottom-query {
        font-size: 13px;
        font-weight: 600;
        padding: 10px
    }

    .cart-bottom-questions {
        clear: both;
        border-top: 2px solid #e0e3e6;
        margin-top: 100px;
        padding-top: 20px
    }

    .cart-bottom-questions.cart-bottom-on-empty {
        border-top: 0 solid #e0e3e6;
        margin-top: 0
    }

    .cart-bottom-questions td {
        vertical-align: top;
        max-width: 33%
    }

    .cart-bottom-answer {
        font-size: 13px;
        padding: 5px 10px
    }

    #Footer .request-catalog {
        font-weight: 700;
        color: #196c97
    }

    #Footer .request-catalog:hover {
        color: #f97634
    }

    .disabledFilterRow {
        color: #bababa
    }

    .SubCategoryListGrid li {
        margin-left: 12px
    }

    .bottom-cart-business {
        display: none
    }

    .prodname .ProductPrice span {
        vertical-align: top;
        font-size: 14px
    }

    .prodname .ProductPrice span.currencyBig {
        font-size: 19px;
        vertical-align: initial
    }

    .ProductPriceRating span {
        vertical-align: top;
        font-size: 14px;
    }

    .ProductPriceRating span.currencyBig {
        font-size: 20px;
        vertical-align: initial
    }

    #Wrapper #SimilarProductsByCustomerViews h2 {
        color: #000
    }

    .SortBox {
        font-size: 14px;
        float: none;
        color: #080808;
        padding: 0 0 20px
    }

    .Content .heading {
        width: 100%;
        display: block;
        margin: 0;
        overflow: visible;
        white-space: normal
    }

    .Content .categorypagefilter {
    }

    form#filterpro {
    }

    #column-left .clear_filter {

        width: auto;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        padding: 5px 10px;
        border-radius: 4px;
        margin: 7px 0px 0;
        border: none;
        cursor: pointer;

        background: #e88904;
        background: -moz-linear-gradient(top, #e88904 0%, #f25b03 100%);
        background: -webkit-linear-gradient(top, #e88904 0%, #f25b03 100%);
        background: linear-gradient(to bottom, #e88904 0%, #f25b03 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e88904', endColorstr='#f25b03', GradientType=0);
    }

    .SubTotal {
        font-size: 12px
    }

    #filterpro_box .filterpro {
        margin-top: 0
    }

    #CategoryHeading {
    }

    #column-left #filterpro_box .clear_filter {
        width: auto;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        padding: 10px 15px;
        border-radius: 4px;
        margin: 0 0 10px;
        border: 0;
        background: #e88904;
        background: -moz-linear-gradient(top, #e88904 0%, #f25b03 100%);
        background: -webkit-linear-gradient(top, #e88904 0%, #f25b03 100%);
        background: linear-gradient(to bottom, #e88904 0%, #f25b03 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e88904', endColorstr='#f25b03', GradientType=0)
    }

    #Wrapper #ProductDescription h2, .Content .ProductMain h3, .Content h1.prodname {
        color: #000
    }

    .hideCartInDesctop {
        display: none
    }

    #BrandContent {
        margin-left: 15px
    }

    .cart-logo {
        display: none !important
    }

    .landscapeView {
        display: none;
        /* margin-left: 270px; */
        /* padding-top: 20px; */
        float: left
    }

    .landscapeView li.contact a {
        background-position: 0 1px
    }

    .landscapeView li.contact a {
        background-position: 0 1px
    }

    .landscapeView li a, #TopMenu li div {
    }

    .landscapeView li a, #TopMenu li div {
        display: block;
        text-decoration: none;
        font-size: 14px;
        margin: 0;
        color: #1A5C7F;
        font-family: Arial, sans-serif
    }

    .homesearch #SearchForm {
    }

    .homesearch #SearchForm .fa-close {
        display: none;
    }

    .landscapeView li a {
        font-size: 15px;
    }

    .landscapeView li a:hover {
        color: #f25b03;
    }

    .landscapeView li a .fa {
        font-size: 35px;
        margin: -6px 0 0 0;
        vertical-align: middle;
    }

    .landscapeView li a::before {
        background: url(../images/mobile-icon.png) no-repeat;
        /* content: ''; */
        /* display: block; */
        /* background-position: -5px -5px; */
        /* padding: 0; */
        /* height: 20px; */
        /* width: 25px; */
        /* float: left; */
        /* background-size: 150px 30px
     */
    }

    .landscapeView li.findarep a::before {
        background-position: -46px -5px
    }

    .landscapeView li.cart a::before {
        /* background-position: -84px -5px
     */
    }

    .landscapeView li.chat a::before {
        background-position: -120px -5px
    }

    .landscapeView li {
        list-style: none;
        float: left;
        /* margin: 5px 0 0 9px; */
        padding: 0
    }

    .landscapeView ul {
        float: right;
        list-style: none;
        padding: 0;
        margin: 0
    }

    .ProductImage {
        display: block !important;
        height: 95px !important;
        width: 134px !important;
        position: relative !important;
        overflow: hidden !important;
        margin-bottom: 5px !important
    }

    .product-grid strong, .product-grid strong a, #CategoryContent ul.ProductList strong a {
        color: #327aba;
        font-weight: 400;
        text-align: center
    }

    .phoneblock {
        font-size: 20px;
        float: right;
        margin: 15px 0 0
    }

    .whatsincart {
        font-size: 20px;
        margin: 19px 0 15px;
        float: left
    }

    .phoneblock a, .phoneblock a:hover {

    }

    .phoneblock.empty {
        margin-top: 4px;
        margin-bottom: -30px
    }

    .phoneblock span, .phoneblock span a {
        font-size: 24px;
        font-weight: 700;
        color: #f17000 !important;
        white-space: nowrap
    }

    body .product-grid strong a:hover {
        color: #f17000
    }

    body .ProductPrice, body .product-grid em, #CategoryContent ul.ProductList em {
        color: #ed0505;
        text-align: center;
        font-size: 20px
    }

    .ProductDetails {
        margin-bottom: 8px
    }

    .ProductAddQuote {
        position: relative;
        z-index: 10
    }

    body .aboutHolder {
        color: #010101;
        position: relative
    }

    #Footer {
        background: #f0f0f0;
        min-height: 382px;
        /* height: 472px; */
        position: relative;
        width: 100%;
        overflow: hidden
    }

    .footer-in.new {
        border-top: 4px solid #e0e3e6;
    }

    .footer-in2 {
        max-width: 1000px;
        margin: 0 auto;
        height: 380px;
        overflow: hidden
    }

    .copyright {
        height: 42px;
        background: #fff;
    }

    .copyright p {
        text-align: left;
        max-width: 1000px;
        margin: 0 auto;
        color: #3c3a3a;
        font-size: 14px;
        padding: 13px 0 0;
    }

    #Footer .copyright p a {
        text-align: left;
        /* color: #3c3a3a; */
        text-decoration: underline;
    }

    #Footer .copyright p a:hover {
        color: #3c3a3a
    }

    .bl-banner-blue {
        background: url(../images/block-round-blue-bottom.png) no-repeat scroll 0 100% transparent;
        padding-bottom: 13px;
        position: relative;
        margin-bottom: 15px
    }

    .bl-banner-blue-bottom {
        background: url(../images/block-round-blue-top.png) no-repeat scroll 0 0 transparent;
        padding: 5px 9px 24px 14px
    }

    .bl-banner-yellow {
        background: url(../images/block-round-yellow-bottom.png) no-repeat scroll 0 100% transparent;
        padding-bottom: 13px;
        position: relative;
        margin-bottom: 15px
    }

    .bl-banner-yellow-bottom {
        background: url(../images/block-round-yellow-top.png) no-repeat scroll 0 0 transparent;
        padding: 5px 9px 24px 14px
    }

    .bl-banner-blue a.but-st1 {
        background: url(../images/button-blue.gif) no-repeat scroll 0 0 transparent;
        text-align: center;
        width: 126px;
        height: 34px;
        display: block;
        position: absolute;
        left: 37px;
        color: #fff;
        text-decoration: none;
        line-height: 47px;
        white-space: nowrap;
        text-indent: -18px;
        bottom: 2px
    }

    .bl-banner-yellow a.but-st2 {
        background: url(../images/button-yellow.gif) no-repeat scroll 0 0 transparent;
        text-align: center;
        width: 126px;
        height: 34px;
        display: block;
        position: absolute;
        left: 37px;
        color: #fff;
        text-decoration: none;
        line-height: 47px;
        white-space: nowrap;
        text-indent: -18px;
        bottom: 2px
    }

    .bl-banner-yellow a.but-st2 {
        background: url(../images/button-yellow.gif) no-repeat scroll 0 0 transparent;
        text-align: center;
        width: 126px;
        height: 34px;
        display: block;
        position: absolute;
        left: 37px;
        color: #fff;
        text-decoration: none;
        line-height: 47px;
        white-space: nowrap;
        text-indent: -18px;
        bottom: 2px
    }

    .bl-banner-blue a.but-st3 {
        background: url(../images/button-blue2.gif) no-repeat scroll 0 0 transparent;
        text-align: center;
        width: 145px;
        height: 29px;
        display: block;
        position: absolute;
        left: 16px;
        color: #fff;
        text-decoration: none;
        line-height: 38px;
        white-space: nowrap;
        text-indent: 13px;
        bottom: 2px
    }

    .bl-banner-blue a.but-st1:hover, .bl-banner-yellow a.but-st2:hover, .bl-banner-blue a.but-st3:hover {
        color: #f0f0f0
    }

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

    .fourcol a {
        text-decoration: none
    }

    .fourcol a:hover, .fourcol a:hover p, .Content .fourcol a:hover h3 {
        text-decoration: none;
        color: #f17000
    }

    .fourcol p {
        color: #000
    }

    .fourcol > div {
        float: left;
        width: 22%;
        margin-right: 4%;
        min-height: 300px
    }

    .fourcol > div a img {
        border: 1px solid #ebebeb;
        margin-bottom: 10px
    }

    .fourcol > div a:hover img {
        border: 1px solid #ccc
    }

    .fourcol > div.last {
        margin-right: 0
    }

    .fourcol h3 {
        font-size: 19px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .threecol a {
        text-decoration: none
    }

    .threecol a:hover, .threecol a:hover p, .Content .threecol a:hover h3 {
        text-decoration: none;
        color: #f17000
    }

    .threecol p {
        color: #000
    }

    body.col-left #content.threecol {
        width: 100%;
        float: none
    }

    body.col-left .Content #content.threecol .heading {
        overflow: visible;
        white-space: normal
    }

    body.col-left .Content #content.threecol .heading h1 {
        line-height: 26px;
        margin-top: 19px
    }

    body.col-left .Content #content.threecol .heading .Breadcrumb {
        line-height: 15px;
        margin-top: 18px;
        margin-bottom: 17px
    }

    .threecol > div {
        float: left;
        width: 30%;
        margin-right: 5%
    }

    .threecol > div a img {
        margin-bottom: 10px;
        width: 100%
    }

    .threecol > div a:hover img {
        opacity: .8
    }

    .threecol > div.last {
        margin-right: 0
    }

    .rac-left {
        float: left;
        width: 530px;
        margin-right: 30px;
        border-right: 1px solid #d8d8d8;
        padding-right: 30px
    }

    .rac-right {
        float: left
    }

    #content.threecol > div {
        margin: 0;
        float: none;
        width: 100%
    }

    .threecol #description {
    }

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

    .threecol .leftnav {
        float: left;
        width: 18%;
        border-right: 2px solid #e1e1e1;
        margin-right: -1px;
        padding: 20px 20px 0 0;
        margin-top: 20px
    }

    .threecol .leftnav #column-left {
        float: none;
        width: 100%;
        padding: 0
    }

    .threecol .rightcontent {
        float: left;
        width: 79%;
        border-left: 2px solid #e1e1e1;
        margin-left: -1px;
        margin-top: 20px
    }

    .threecol .leftnav h4 {
        font-size: 12px
    }

    .threecol .leftnav h4 strong {
        cursor: pointer
    }

    .threecol .leftnav .expanded h4 strong:after {
        content: " (-)"
    }

    .threecol .leftnav .collapse h4 strong:after {
        content: " (+)"
    }

    .threecol .leftnav ul {
        margin: 0 0 10px 15px
    }

    .threecol .leftnav .collapse ul {
        display: none
    }

    .threecol .rightnav ul {
        margin: 0 0 10px 15px
    }

    .middlecol {
        width: 81%;
        float: left;
        border-right: 2px solid #e1e1e1;
        margin-right: -1px;
        padding: 0 20px 0 0
    }

    .threecol .middlecol {
        width: 77%;
        padding: 0 20px;
        margin-left: -1px
    }

    .rightnav {
        float: right;
        width: 14%;
        padding: 20px 0 0 20px
    }

    .threecol .rightnav {
        width: 14%
    }

    #Footer {
        color: #3c3a3a;
        font-size: 14px;
    }

    #Footer a.iccat {
        background-color: #1b6e9a;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        border-radius: 30px;
        display: block;
        width: 123px;
        height: 41px;
        padding: 0 0 0 90px;
        line-height: 43px;
        margin: 28px 0
    }

    #Footer a.iccat:hover {
        background-color: #f17000;
        color: #fff
    }

    #Footer a.iccat:before {
        content: "";
        display: block;
        float: left;
        width: 66px;
        height: 66px;
        margin: -11px 0 0 -78px;
        background-repeat: no-repeat
    }

    #Footer a.quickship:before {
        background: url(../images/quickship.png);
        margin-top: -19px
    }

    #Footer a.castle:before {
        background: url(../images/castle.png);
        margin-top: -19px
    }

    #Footer a.catonline:before {
        background: url(../images/catonline23.png);
        margin-top: -19px
    }

    #Footer a.sale2015:before {
        background: url(../images/salecat.png)
    }

    #Footer a.net3d:before {
        background: url(../images/netcat.png)
    }

    #Footer a {
        text-decoration: none
    }

    #Footer a:hover {
        color: #2071be
    }

    #Footer .f-p-st1 {
        line-height: 29px;
        position: relative;
        top: -8px
    }

    #Footer .menu-st1 {
        margin: 0;
        list-style: none
    }

    #Footer .menu-st1 li {
        padding: 0;
        margin: 0;
        float: none;
        display: block;
        text-align: left;
        font-size: 14px;
        height: 22px;
    }

    #Footer .menu-st1 li a {
        color: #1A5C7F;
        font-weight: 500;
        font-style: italic;
        /* background: url(../images/footli.png) 0 6px no-repeat; */
        padding-left: 13px;
        line-height: 14px;
    }

    #Footer .menu-st1 li a:hover {
        color: #f97634;
        background-position: 0 -17px
    }

    .f-col1 {
        text-align: left;
        width: 232px;
        display: inline-block;
        vertical-align: top;
        background: url(../images/vert-div.png) top right repeat-y
    }

    #Footer .f-col1 h4,
    #Footer .f-col2 h4,
    #Footer .f-col3 h4,
    #Footer .f-col1 .h4,
    #Footer .f-col2 .h4,
    #Footer .f-col3 .h4 {
        font-weight: 700;
        text-transform: uppercase;
        color: #f17000;
        font-size: 22px;
        margin: 0 0 13px
    }

    .f-col2 {
        background: url(../images/vert-div.png) top left repeat-y;
        display: inline-block;
        vertical-align: top;
        margin-left: -2px
    }

    .f-col2 div {
        padding-left: 20px;
        text-align: left;
        width: 235px;
        background: url(../images/vert-div.png) top right repeat-y
    }

    .f-col3 {
        display: inline-block;
        vertical-align: top;
        margin-left: -2px;
        background: url(../images/vert-div.png) top left repeat-y
    }

    .f-col3 div {
        padding-left: 15px;
        text-align: left;
        width: 220px
    }

    .f-col5 {
        text-align: left;
        margin: -57px 0 0;
        display: inline-block;
        vertical-align: top;
        width: 187px;
        font-size: 13px;
        line-height: 18px
    }

    .f-col5 a.catonline {
        background: url(../images/view-cat.png) no-repeat;
        display: block;
        width: 108px;
        height: 74px;
        margin: 0 0 0 -13px;
        padding: 0;
        color: #fff !important;
        font-weight: 700;
        font-size: 13px;
        padding: 39px 0 0 80px;
        line-height: 16px
    }

    .f-col5 strong {
        color: #106e9f
    }

    .f-col4 {
        display: inline-block;
        vertical-align: top;
        text-align: left;
        margin: 32px 0 0;
        height: 40px
    }

    .f-col4 h4 {
        font-size: 16px;
        font-weight: 700;
        color: #247fae;
        padding: 0;
        margin: 8px 20px 0 0;
        float: left
    }

    .f-col4 .socialbuts {
        float: left;
        margin: 6px 0 0 2px;
        padding: 0
    }

    .f-col4 div {
        display: inline-block;
        vertical-align: top
    }

    #Footer #subscribe_form label {
        display: none
    }

    #Footer #subscribe_form {
        position: relative
    }

    #Footer #subscribe_form span.submit {
        margin: 0;
        padding: 0
    }

    #Footer #subscribe_form .Button {
        width: 82px;
        margin: 0;
        height: 37px;
        overflow: hidden;
        font-size: 13px;
        font-weight: 700;
        color: #fff
    }

    #subscribe_form .wrapp-inpt {
        background: url(../images/subscribe.png) no-repeat scroll 0 0 transparent;
        width: 268px;
        height: 36px;
        padding: 0;
        margin: 0 54px 0 0;
        position: relative
    }

    #subscribe_form .wrapp-inpt input {
        padding: 0;
        margin: 0;
        color: #000;
        font-weight: 400;
        width: 100%;
        font-family: Arial, sans-serif;
        font-size: 10px
    }

    #SideNewsletterBox p {
        margin: 0 0 12px
    }

    #subscribe_form .wrapp-inpt #nl_email {
        width: 153px;
        font-size: 13px;
        padding: 10px 17px;
        float: left
    }

    .new .footer-in2 {
        text-align: left;
        padding-top: 25px;
        padding-bottom: 20px;

    }

    #Footer .new .f-col1 a:hover {
        color: #f17000
    }

    #Footer .new .livechat {
        background: url(../images/livechat.png) no-repeat;
        overflow: hidden;
        text-indent: -999px;
        display: block;
        background-size: 100%;
        width: 150px;
        height: 83px;
        cursor: pointer;
    }

    #Footer .new .livechat:hover {
        opacity: 0.8;
    }

    .new .f-col1 {
        text-align: left;
        width: 221px;
        display: inline-block;
        vertical-align: top;
        background: 0 0;
        padding-right: 20px;
        border-right: 1px solid #d8d8d8;
        margin-right: -1px
    }

    #Footer .new .menu-st1 li a {
        font-style: normal
    }

    #Footer .new .f-col1 h4,
    #Footer .new .f-col2 h4,
    #Footer .new .f-col3 h4,
    #Footer .new .f-col4 h4,
    #Footer .new .f-col1 .h4,
    #Footer .new .f-col2 .h4,
    #Footer .new .f-col3 .h4,
    #Footer .new .f-col4 .h4 {
        font-family: Arial;
        font-weight: 700;
        text-transform: none;
        color: #545454;
        font-size: 21px;
        margin: 0 0 13px;
        text-align: left;
        display: block;
    }

    .new .f-col2 {
        background: 0 0;
        display: inline-block;
        vertical-align: top;
        margin-left: 0;
        width: 261px;
        padding: 0 20px;
        border-right: 1px solid #d8d8d8;
        margin-right: -1px
    }

    .new .f-col2 div {
        padding-left: 20px;
        text-align: left;
        width: 235px;
        background: url(../images/vert-div.png) top right repeat-y
    }

    #Footer .button.orange {
        padding: 0 20px;
        display: inline-block;
        text-align: center;
        font-size: 1.4em;
        width: auto;
    }

    #Footer .f-col3 span {
        font-size: 0.85em
    }

    span.orange {
        color: #BD5800;
    }

    #Footer .button.blue {
        width: 47%;
        color: white !important;
        text-align: center;
        padding: 0;
        height: 35px;
        margin: 0 0 10px;
        line-height: 35px;
        font-size: 0.8em;
    }

    #Footer .row {
        justify-content: space-around;
        margin: 0;
        width: auto;
        padding: 0;
    }

    #Footer .row .col-xs-6 {
        width: 50%;
        padding: 0;
    }

    #Footer h5 {
        font-size: 1.2em;
        font-weight: 400;
        border-bottom: 1px solid #808080;
        margin: 0 0 4px;
    }

    .text-align-right {
        text-align: right !important;
    }

    .new .f-col3 {
        display: inline-block;
        vertical-align: top;
        margin-left: 0;
        background: 0 0;
        width: 185px;
        padding: 0 10px 0 20px;
        border-right: 1px solid #d8d8d8;
        margin-right: -1px
    }

    .new .f-col3 div {
        padding-left: 20px;
        text-align: left;
        width: 220px
    }

    .new .f-col5 {
        text-align: left;
        margin: -57px 0 0;
        float: right;
        width: 187px;
        font-size: 13px;
        line-height: 18px
    }

    .new .f-col5 a.catonline {
        background: url(../images/view-cat.png) no-repeat;
        display: block;
        width: 108px;
        height: 74px;
        margin: 0 0 0 -13px;
        padding: 0;
        color: #fff !important;
        font-weight: 700;
        font-size: 13px;
        padding: 39px 0 0 80px;
        line-height: 16px
    }

    .new .f-col3 strong {
        color: #106e9f
    }

    .new .f-col3 a:hover strong {
        color: #f97634
    }

    .new .f-col3 p {
        line-height: 18px
    }

    .new .f-col4 {
        text-align: left;
        margin: 0;
        height: auto;
        width: 203px;
        display: inline-block;
        vertical-align: top;
        padding-left: 20px
    }

    .new .f-col4 h4 {
        font-size: 21px;
        font-weight: 700;
        color: #BD5800;
        padding: 0;
        margin: 0 0 13px 9px;
        float: left
    }

    .new .f-col4 .socialbuts {
        float: right;
        margin: -9px 7px 0 0;
        padding: 0
    }

    .new .f-col4 .socialbuts a {
        margin: 0 0 0 14px
    }

    .new .f-col4 div {
        float: left
    }

    #Footer .new #subscribe_form label {
        display: none
    }

    #Footer .new #subscribe_form {
        position: relative
    }

    #Footer .new #subscribe_form span.submit {
        margin: 0;
        padding: 0;
        background: 0 0;
        width: 82px;
        line-height: 11px;
        height: 37px;
        box-shadow: none
    }

    #Footer .new #subscribe_form .Button {
        width: 82px;
        margin: 0;
        height: 37px;
        overflow: hidden;
        font-size: 13px;
        font-weight: 700;
        color: #fff;
        background: url(../images/subscribe.png) no-repeat scroll right 0 transparent;
        vertical-align: top;
        line-height: 30px;
        padding-right: 0 !important;
        padding-left: 8px !important
    }

    .new #subscribe_form .wrapp-inpt {
        background: 0 0;
        width: 217px;
        height: 36px;
        padding: 0;
        margin: 0;
        position: relative
    }

    .new #subscribe_form .wrapp-inpt input {
        padding: 0;
        margin: 0;
        color: #000;
        font-weight: 400;
        width: 100%;
        font-family: Arial, sans-serif;
        font-size: 10px
    }

    .new #SideNewsletterBox p {
        margin: 0 0 12px
    }

    .new #subscribe_form .wrapp-inpt #nl_email {
        width: 101px;
        font-size: 13px;
        padding: 10px 17px;
        float: left;
        height: 18px !important;
        background: url(../images/subscribe.png) no-repeat scroll 0 0 transparent
    }

    .f-col4 a.catonline, .f-col4 a.quickship, .f-col4 a.castle {
        display: block;
        width: 124px;
        height: 35px !important;
        color: #fff !important;
        font-weight: 700;
        font-size: 13px;
        padding: 6px 0 0 90px !important;
        line-height: 15px !important
    }

    .f-col4 a.quickship, .f-col4 a.castle {
        padding: 6px 0 0 90px !important;
        line-height: 15px !important
    }

    .f-col4 a.sale2015 {
        display: block;
        width: 124px;
        height: 38px;
        margin: 12px 0 0;
        color: #fff !important;
        font-weight: 700;
        font-size: 13px;
        padding: 29px 0 0 106px;
        line-height: 16px
    }

    .live-chat {
        display: block;
        width: 97px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 1px
    }

    body input:focus, body textarea:focus {
        outline: 0
    }

    #CategoryPagingTop {
        float: right;
        margin: 0 0 20px
    }

    .PagingList {
        float: right;
        font-size: 13px;
        color: #080808
    }

    .CategoryPagination .PagingList .ActivePage {
        background: url(../images/page.png) no-repeat scroll center 0 transparent;
        color: #5c5c5c;
        margin: 0 6px
    }

    .CategoryPagination a {
        text-decoration: none
    }

    .CategoryPagination .PagingList li a:hover {
        text-decoration: none;
        color: #01538e
    }

    .CategoryPagination .PagingList {
        margin-right: 10px
    }

    .CategoryPagination-next a {
        font-size: 10px;
        text-decoration: none;
        color: #2071be
    }

    .CategoryPagination-next a:hover {
        text-decoration: none;
        color: #01538e
    }

    .product-grid .Message {
        display: none
    }

    #SearchPage .product-grid {
        margin-left: -11px;
        overflow: hidden;
        max-width: 1046px
    }

    .product-grid, #CategoryContent ul.ProductList {
        max-width: 1029px;
        text-align: left;
        overflow: hidden
    }

    #BrandContent .product-grid {
        text-align: left;
        margin-left: -13px
    }

    #BrandContent .product-grid li {
        margin: 0 0 26px 12px
    }

    .product-grid:after {
        width: 100%;
        display: inline-block;
        height: 0
    }

    #SimilarProductsByCustomerViews .product-grid, #SuggestiveCartContent .product-grid {
        max-width: 843px;
        margin-left: -43px
    }

    #SearchPage .product-grid li {
        margin: 0 0 34px;
        padding-left: 11px
    }

    .product-grid li, #CategoryContent ul.ProductList li {
        margin: 0 21px 26px 0;
        padding-left: 0
    }

    #SearchResultsCategory ul, #SearchResultsBrand ul {
        margin: 0 0 10px 10px
    }

    #SearchResultsCategoryAndBrand {
        border: 2px solid #e1e1e1
    }

    #SearchResultsCategory ul li, #SearchResultsBrand ul li {
        margin: 5px 0;
        list-style: none
    }

    #SearchResultsCategory .search-category-name, #SearchResultsBrand .search-category-name {
        border-bottom: 2px solid #e1e1e1;
        padding: 3px 13px 7px;
        font-weight: 700;
        margin: 0 -5px 5px
    }

    #SearchResultsBrand .search-category-name {
        border-top: 2px solid #e1e1e1;
        padding-top: 7px
    }

    #SearchResultsCategory ul li span {
        font-size: 11px;
        color: #777
    }

    #SearchResultsCategory ul li span:last-child {
        display: none
    }

    .ProductStandartFinishTable {
        min-width: 350px
    }

    .ProductStandartFinishTable td {
        float: left
    }

    .ProductStandartFinishTable h2 {
        margin-left: 20px
    }

    #ProductStandartFinish {
        margin-left: 10px;
        position: relative
    }

    #ProductStandartFinish h2 {
        color: #000;
        font-size: 18px;
        margin-bottom: -5px
    }

    #ProductStandartFinish ul {
        margin-left: 0
    }

    #ProductStandartFinish ul li {
        list-style: none;
        float: left;
        width: 45px;
        text-align: center;
        overflow: hidden;
        z-index: 2;
        position: relative;
        margin-top: 5px
    }

    #ProductStandartFinish ul li:last-child {
        margin-bottom: 10px
    }

    #ProductStandartFinish ul li img {
        margin-left: -15px
    }

    #ProductStandartFinish ul li span {
        font-size: 9px
    }

    #ProductStandartFinish .ProductStandardFinishBorder, #ProductStandartFinish .ProductExpremeFinishBorder {
        position: absolute;
        width: 541px;
        height: 10px;
        z-index: 1;
        margin-left: 20px;
        border-top: 1px solid #959595;
        border-left: 1px solid #959595;
        border-right: 1px solid #959595
    }

    #ProductStandartFinish .ProductStandardFinishBorderBotton {
        display: none;
        position: absolute;
        height: 30px;
        z-index: 1;
        margin-left: 20px;
        border-bottom: 1px solid #959595;
        border-left: 1px solid #959595;
        border-right: 1px solid #959595
    }

    #ProductStandartFinish .ProductStandardFinishBorder {
        width: 315px
    }

    .ProductStandartFinishTd {
        padding-left: 20px
    }

    .search-page-content > .categoryheading, .search-page-content > h2, .search-page-content > .pagination, .search-page-content > .SortBox, .search-page-content > #SearchPage, .search-page-content li.hr {
        margin: 0 0 0 15px
    }

    .search-page-content li.hr {
        margin: 0 0 34px 15px !important
    }

    .CategoryContent .product-grid li.hr, #CategoryContent ul.ProductList li.hr {
        float: left;
        width: 100% !important;
        height: 2px !important;
        min-height: 2px !important;
        border-bottom: 1px solid #cecece;
        padding: 0;
        display: inline-block;
        margin: 0 0 19px
    }

    .CategoryContent .product-grid li.hr.last {
        display: none
    }

    #SimilarProductsByCustomerViews .product-grid li, #SuggestiveCartContent .product-grid li {
        margin: 0 0 34px;
        width: 236px !important;
        padding-left: 43px
    }

    .ProductActionAdd {
        position: relative;
        z-index: 10;
        float: none
    }

    .ProductActionAdd a {
        text-decoration: none
    }

    .mainmenu {
        float: right;
        padding-top: 37px;
        margin-right: -7px;
        -moz-user-select: none;
        -khtml-user-select: none;
        user-select: none;
        -webkit-user-select: none;
    }

    .open-menu {
        display: none
    }

    .mainmenu > ul > li {
        list-style: none;
        float: left
    }

    .mainmenu > ul > li {
        height: 57px
    }

    .mainmenu a {
        /* height: 48px; */
    }

    .mainmenu > ul > li > a {
        font-size: 14px;
        font-weight: 700;
        /* text-transform: uppercase; */
        text-decoration: none;
        padding: 4px 23px 4px 9px;
        position: relative;
        color: #000;
        /* height: 16px; */
        cursor: pointer;
        border-radius: 12px;
        margin-left: 4px;
        transition: all 200ms ease;
        display: inline;
    }

    .mainmenu > ul > li.cart > a {
        padding-right: 10px;
    }

    .mainmenu > ul > li.active > a {
        position: relative;
        background: #b0b0b0;
        color: #fff;
        border-radius: 12px;
    }

    .mainmenu > ul > li > a:hover {
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
    }

    .mainmenu > ul > li.active > a:hover {
        box-shadow: none;
    }

    .mainmenu > ul > li.parent > a::after {
        content: '';
        position: absolute;
        right: 9px;
        top: 50%;
        border: 4px solid transparent;
        border-top: 4px solid #b0b0b0;
        margin-top: -1px
    }

    .mainmenu > ul > li.parent.active > a::after {
        border-bottom: 4px solid #fff;
        border-top: transparent;
    }

    .mainmenu > ul > li.active > a span::after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -37px;
        border: 6px solid transparent;
        border-top: 6px solid #fff;
        margin-left: -3px;
        cursor: default
    }

    .mainmenu > ul > li.active > a span::before {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -45px;
        border: 6px solid transparent;
        border-top: 6px solid #eb8124;
        margin-left: -3px;
        z-index: 1111;
        cursor: default
    }

    .mainmenu > ul > li.active > a.products, .mainmenu > ul > li.active > a.request {
        background: #4393bd
    }

    .mainmenu > ul > li.active > a.about {
        background: #eb8124
    }

    .mainmenu > ul > li .submenu {
        display: none;
        position: absolute;
        top: 94px;
        right: 0;
        border: 0;
        padding: 0px;
        z-index: 100;
        /* transition: all 300ms ease; */
        /* height: 2px; */
        overflow: hidden;
    }

    .mainmenu > ul > li .submenu {
        border: 1px solid #c6c6c6;
        position: absolute;
        z-index: 100;
        padding: 20px;
        /* top: -1000px; */
        /* transition: all 200ms ease; */
        background: #fff;
        border-top: 0;
    }

    .mainmenu > ul > li .submenu .fa-close:after {
        content: "Close";
        display: block;
        order: 0;
        font-size: 0.6em;
        font-weight: bold;
        font-family: arial, Arial, Helvetica, sans-serif;
    }

    .mainmenu > ul > li .submenu .fa-close:before {
        order: 1;
        display: block;
    }

    .mainmenu > ul > li .submenu .fa-close {
        font-size: 1.5em;
        color: #999;
        cursor: pointer;
        position: absolute;
        top: -14px;
        right: -13px;
        width: 51px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 9;
    }

    .mainmenu > ul > li .submenu .fa-close:hover {
        color: #333;
    }

    .mainmenu > ul > li a.active + .submenu > div:after {
        content: "";
        display: block;
        clear: both;
    }

    .mainmenu > ul > li.contact {
        position: relative
    }

    .mainmenu > ul > li.contact .submenu {
        top: 57px;
        right: -60%;
    }

    .mainmenu > ul > li.contact .submenu img {
        vertical-align: middle;
        margin: 0px 5px 0 -9px;
        width: 62px;
        height: auto;
    }

    .mainmenu > ul > li.contact .submenu li a {
        line-height: 43px;
        white-space: nowrap;
        /* display: flex; */
        /* align-items: center; */
    }

    .mainmenu > ul > li .submenu h3,
    .mainmenu > ul > li .submenu h2 {
        color: #747474;
        border-bottom: 1px solid #e3e3e3;
        font-size: 14px;
        padding: 0 0 8px;
        margin: 0 0 12px;
        font-weight: normal
    }

    .mainmenu > ul > li .submenu h3 a {
        font-weight: 700;
        text-decoration: none
    }

    .mainmenu > ul > li .submenu .column {
        float: left;
        min-width: 190px;
        margin-right: 30px
    }

    .mainmenu > ul > li.products .hmobile.promo {
        position: relative;
        width: 177px;
        text-align: left;
    }

    .mainmenu > ul > li.products .hmobile.promo h4 {
        font-size: 25px;
        text-align: center;
        margin-bottom: 32px;
    }

    .mainmenu > ul > li.products .hmobile.promo img {
        width: 100%;
    }

    .mainmenu > ul > li.products .hmobile.promo img.hhlogo {
        position: absolute;
        top: 33px;
        left: 20px;
        width: 80px;
        px;
    }

    .mainmenu > ul > li.products .hmobile.promo img.mainimg {
    }

    .mainmenu > ul > li.products .hmobile.promo ul.check {
        width: 130px;
        margin: 0 auto;
        text-align: left;
        padding-left: 20px;
    }

    .mainmenu > ul > li.products .hmobile.promo ul.check li {
        font-size: 14px;
        line-height: 1em;
    }

    .mainmenu > ul > li.products .submenu .column {
        /* height: 490px; */
        position: relative;
    }

    .mainmenu > ul > li.resources .submenu .left, .mainmenu > ul > li.products .submenu .left, .mainmenu > ul > li.about .submenu .left {
        border-right: 1px solid #c6c6c6;
        padding-right: 25px;
        margin-right: 0 !important;
    }

    .mainmenu > ul > li.resources .submenu img, .mainmenu > ul > li.about .submenu img {
        float: left;
        vertical-align: middle;
        margin: 0 15px 0 0;
    }

    .mainmenu > ul > li.resources .submenu a:hover img, .mainmenu > ul > li.about .submenu a:hover img {
    }

    filter:

brightness(120%)
}

.mainmenu > ul > li.resources .submenu li a, .mainmenu > ul > li.about .submenu li a {
    line-height: 43px;
    white-space: nowrap; /* height: 50px; */
    margin: 0;
    display: inline;
}

.mainmenu > ul > li.resources .submenu li a:after, .mainmenu > ul > li.about .submenu li a:after {
    content: "";
    clear: both;
    display: block;
}

.mainmenu > ul > li.resources .submenu .right, .mainmenu > ul > li.products .submenu .right, .mainmenu > ul > li.about .submenu .right, .mainmenu > ul > li.about .submenu .right {
    border-left: 1px solid #c6c6c6;
    margin-left: -1px !important;
    padding-left: 25px;
}

.mainmenu > ul > li .submenu .right {
    margin-right: 0
}

.mainmenu > ul > li .submenu .two ul {
    float: left;
    margin-right: 20px
}

.mainmenu > ul > li .submenu ul {
    list-style: none;
    margin: 0 0px 0 0;
    padding: 0
}

.mainmenu > ul > li .submenu > div {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: top;
}

.mainmenu > ul > li .submenu .browseall img, .mainmenu > ul > li .submenu .browseall a {
    position: absolute;
    left: 0;
    bottom: 0
}

.mainmenu > ul > li .submenu .browseall img {
    border-radius: 7px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .28)
}

.mainmenu > ul > li .submenu .column span.shopby {
    font-size: 14px;
    color: #444;
}

.mainmenu > ul > li .submenu .column span.shopby a {
    display: inline;
    font-size: inherit
}

.mainmenu > ul > li .submenu .browseall a {
    border-radius: 10px;
    background: #fff;
    padding: 3px 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .28);
    margin-left: 55px;
    margin-bottom: 5px;
    text-decoration: none
}

.mainmenu > ul > li .submenu .browseall a:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, .68)
}

.mainmenu > ul > li .submenu ul li.new a:before {
    content: "New! ";
    color: #ed0505
}

.mainmenu > ul > li .submenu ul a {
    font-size: 14px;
    text-decoration: none;
    color: #1A5C7F;
    /* margin: -15px 0; */
    display: inline;
    /* white-space: nowrap; */
    /* height: 44px; */
    line-height: 22px;
}

.mainmenu > ul > li.about .submenu ul a {
    /* font-weight: 700; */
    margin: 0;
}

.mainmenu > ul > li.about .submenu ul a img {
    /* margin: 0; */
    width: 40px;
}

.mainmenu > ul > li.about .submenu ul a:hover img, .mainmenu > ul > li.resources .submenu ul a:hover img, .mainmenu > ul > li.contact .submenu ul a:hover img {
    filter: brightness(120%)
}

.mainmenu > ul > li.about .submenu ul a span.info {
    color: #7e7e7e;
    font-size: 12px;
    font-weight: 400;
    display: block
}

.mainmenu > ul > li .submenu ul a:hover {
    color: #f17000
}

.wrapp-main-menu-title {
    padding: 23px 0 0 55px;
    text-transform: uppercase;
    color: #ebf0fc;
    font-size: 13px;
    font-family: Arial, sans-serif;
    text-shadow: -1px -1px 0 #2c628e;
    line-height: 100%;
    margin: 0;
    font-weight: 700
}

.wrapp-main-menu .wrapp-main-menu-fone {
    position: absolute;
    top: 99px;
    left: 520px;
    width: 458px;
    padding: 0
}

* .wrapp-main-menu-fone > ul {
    width: 100%
}

.wrapp-main-menu-fone > ul, .wrapp-main-menu-fone > ul ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.wrapp-main-menu-fone > ul > li.act {
    background: url(../images/menu.png) no-repeat scroll 0 0 transparent
}

.wrapp-main-menu-fone > ul > li {
    background: url(../images/menu.png) no-repeat scroll -150px 0 transparent;
    width: 150px;
    height: 43px;
    float: left
}

.wrapp-main-menu-fone > ul li a {
    padding: 7px 7px 0 0;
    display: block;
    margin: 0;
    font-weight: 700
}

span.item-plas {
    position: absolute;
    left: 0;
    top: 0;
    width: 37px;
    height: 32px;
    background: url(../images/arrow-main-menu-left-big.png) no-repeat scroll 20px 50% transparent
}

.active span.item-plas {
    background: url(../images/arrow-menu-down-big.png) no-repeat scroll 18px 50% transparent
}

.wrapp-main-menu-fone > ul > li > a {
    color: #2482b3
}

.wrapp-main-menu-fone > ul > li > a:hover {
    color: #f17000
}

.wrapp-main-menu-fone > ul > li.act > a {
    color: #fff
}

.wrapp-main-menu-fone > ul ul li a:hover {
    color: #fff
}

.wrapp-main-menu-fone > ul ul li a {
    padding: 0;
    border-top: 1px solid #ededed;
    background: 0 0;
    height: 25px;
    line-height: 25px;
    font-size: 10px;
    padding: 0 8px
}

.wrapp-main-menu-fone > ul ul li:hover {
    background-color: #f97634
}

.wrapp-main-menu-fone > ul ul li:hover a {
    border: 0;
    margin-bottom: 1px
}

.wrapp-main-menu-fone > ul ul li:hover {
    background-color: #f97634
}

.wrapp-main-menu-fone > ul ul ul {
    position: absolute;
    left: 190px;
    top: 0;
    background-color: #1d69b8
}

.wrapp-main-menu-fone > ul li.active ul {
    display: block
}

.wrapp-main-menu-fone > ul ul ul {
    display: none
}

.wrapp-main-menu-fone > ul ul ul li a {
    background: 0 0
}

.wrapp-main-menu-fone > ul ul li:hover ul {
    display: block
}

.wrapp-main-menu-fone > ul ul {
    padding: 0;
    z-index: 1005;
    background: url(../images/submenu.png);
    position: absolute;
    top: 40px;
    width: 137px;
    border: 1px solid #fff;
    border-top: 0;
    width: 437px;
    display: none;
    left: 0
}

.wrapp-main-menu-fone > ul a {
    text-decoration: none
}

.wrapp-main-menu-fone > ul li {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 14px;
    float: left
}

.wrapp-main-menu-fone > ul ul li {
    font-size: 11px;
    font-weight: 700;
    text-transform: none;
    padding: 0;
    height: 25px;
    text-align: left;
    width: 145px;
    line-height: auto
}

.wrapp-main-menu-fone > ul ul li ul li {
    width: 150px;
    padding: 0 12px
}

.RetailPriceValue {
    color: #ed0505;
    font-size: 12px;
    display: block
}

.bl-banner-blue a, .bl-banner-yellow a {
    text-decoration: none
}

.bl-banner-blue a strong, .bl-banner-yellow a strong {
    text-decoration: none;
    color: #000;
    text-align: center;
    display: block
}

.ProductPriceRating span.Rating {
    display: none
}

#LayoutColumn3 {
    display: none
}

input[type=image] {
    cursor: pointer
}

input[type=button] {
    background: url(../images/orangebuttonright.gif) top right no-repeat;
    border: 0;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 13px;
    padding-right: 18px;
    cursor: pointer;
    display: block
}

.submit input {
    margin-right: 0 !important
}

.reset, .CheckoutButton {
    background: url(../images/bluebuttonleft.jpg) no-repeat;
    display: inline-block;
    padding: 0 0 0 18px;
    margin: 10px 10px 0 0
}

input[type=reset], .CheckoutButton a, .CheckoutButton a:visited, .CheckoutButton a:hover {
    background: url(../images/bluebuttonright.gif) top right no-repeat;
    border: 0;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 13px;
    padding-right: 18px;
    cursor: pointer;
    display: block;
    text-decoration: none
}

.HorizontalFormContainer dl {
    float: left;
    margin: 0 0 4px 5px;
    position: relative
}

.HorizontalFormContainer dl.FloatRight {
    float: right
}

.HorizontalFormContainer {
    margin-left: -6px
}

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

.productAttributes label {
    white-space: nowrap
}

.checkout_address {
    width: 59%;
    float: left
}

.checckout_cart {
    float: right;
    width: 40%
}

.checckout_cart table.General {
    border: 0;
    margin: 4px 0
}

.checckout_cart table.General sup {
    font-size: .7em
}

table.General .visible-mb {
    display: none !important
}

.checckout_cart table.General tbody tr td {
    padding: 7px 0;
    font-size: 14px;
    display: table-cell
}

.checckout_cart table.General tbody tr td.ProductName {
    text-align: left
}

.checckout_cart table.General tbody tr td.CartItemTotalPrice {
    text-align: right;
    line-height: 8px
}

.checckout_cart table.General tbody tr td.CartItemTotalPrice .note {
    font-size: .7em
}

.checckout_cart table.General tbody tr td .productAttributes {
    /* font-size: 85%
 */
}

.checckout_cart table.General thead tr th {
    padding: 0 0 7px;
    border: 0;
    display: table-cell
}

.checckout_cart table.General tfoot tr td {
    display: table-cell;
    text-align: right;
    padding: 7px 0 7px 12px
}

.checckout_cart table.General tfoot .SubTotal td {
    color: #b10000
}

.checckout_cart table.General tfoot .SubTotal td.Even {
    text-align: left;
    padding-left: 0;
    font-size: 14px
}

.checckout_cart table.General tfoot .SubTotal td .ProductPrice {
    color: #b10000;
    font-size: 14px
}

.checckout_cart table.General tbody tr td.CartThumb img {
    display: none
}

#emf-container {
    text-align: left;
    margin: 0;
    width: 100% !important;
    font-size: 14px !important;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px
}

#emf-container #emf-form {
    position: relative;
    padding: 0 !important
}

#emf-form input[type=text], #emf-form input[type=date], #emf-form input[type=number], #emf-form input[type=email] {
    width: 100%;
    height: 27px;
    padding: 1px 5px
}

#emf-form select {
    width: 100%;
    height: 26px;
    padding: 1px 5px
}

#emf-form textarea {
    width: 300px;
    padding: 5px
}

#ProductDetails .ProductTinyImageList ul li div a {
    display: block;
    position: relative;
    height: 55px
}

#ProductDetails .ProductTinyImageList ul li div a.iProductVideoImage {
    background-image: url(../image/youtube-logo-220x211.png) !important;
    background-size: 70% !important
}

#ProductDetails .ProductTinyImageList ul li div a img {
    position: relative;
    z-index: 10;
    width: 100%
}

#ProductDetails .ProductTinyImageList ul li div a.iProductVideoImage:hover img {
    opacity: .25 !important
}

.wrappin-thuns {
    z-index: 100;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    display: block;
    background: url(../images/wrapp-thumb-no-active-image.png) 0 0 no-repeat transparent
}

.activer .wrappin-thuns {
    background: url(../images/wrapp-thumb-active-image.png) 0 0 no-repeat transparent
}

.ProductTinyImageList li {
    width: auto !important;
    height: auto !important;
    padding: 0 2px;
    border: 1px
}

.ImageCarouselBox {
    position: relative;
    overflow: hidden;
    padding-left: 0 !important;
    margin: 0 auto;
    width: 100px;
    float: left
}

.ProductTinyImageList {
    position: relative;
    overflow: hidden !important;
    width: 100px !important
}

.ProductTinyImageList .ProductTinyImageList-out ul {
    width: 196px !important;
    list-style: none
}

.ProductTinyImageList .ProductTinyImageList-out {
    width: auto !important;
    position: relative;
    left: -50% !important;
    float: left;
    list-style: none;
    margin: 0;
    padding: 26px 0 0 6px;
    padding-top: 26px;
    padding-left: 18px;
    margin-right: 18px
}

.ProductTinyImageList .ProductTinyImageList-out {
    background: url(../images/ul-thumb-out1.png) 0 0 no-repeat;
    margin-right: 18px;
    padding: 26px 0 0 6px
}

.ProductTinyImageList-out-right {
    width: 18px;
    position: absolute;
    right: -18px;
    top: 0;
    background: url(../images/ul-thumb-out2.png) 0 0 no-repeat;
    height: 55px
}

.PrimaryProductDetails .ProductMain {
    width: 300px;
    padding-left: 40px
}

.ProductDetailsGrid .Label {
    text-align: left
}

.Label {
}

.ProductDetailsGrid .Value {
    color: #333
}

button.print.right {
    margin: 0 0 10px;
    width: auto
}

.AddCartButton button:after, .buttonsleft button:after, button.print:after, #QuickViewProductDetails button.addtocart:after, div.share:after, a.button:after, span.submit:after {
    display: block;
    width: 5px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../image/prodbutright.png) right 0 no-repeat
}

.AddCartButton button, .buttonsleft button, button.print, #QuickViewProductDetails button.addtocart, div.share, .button, span.submit {
    width: auto;
    height: 50px;
    border: 0;
    text-align: left;
    cursor: pointer;
    margin: 5px auto 10px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    padding: 0;
    line-height: 50px;
    float: none;
    display: block;
    text-decoration: none;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .29);
    background: #3990d3;
    background: -moz-linear-gradient(top, #3990d3 0%, #327aba 100%);
    background: -webkit-linear-gradient(top, #3990d3 0%, #327aba 100%);
    background: linear-gradient(to bottom, #3990d3 0%, #327aba 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3990d3', endColorstr='#327aba', GradientType=0)
}

a.button.continue {
    float: left
}

.button.long {
    width: auto
}

.button.next.long {
    background: #e88904;
    background: -moz-linear-gradient(top, #e88904 0%, #f25b03 100%);
    background: -webkit-linear-gradient(top, #e88904 0%, #f25b03 100%);
    background: linear-gradient(to bottom, #e88904 0%, #f25b03 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e88904', endColorstr='#f25b03', GradientType=0)
}

.orange span.submit {
    background: #e88904;
    background: -moz-linear-gradient(top, #e88904 0%, #f25b03 100%);
    background: -webkit-linear-gradient(top, #e88904 0%, #f25b03 100%);
    background: linear-gradient(to bottom, #e88904 0%, #f25b03 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e88904', endColorstr='#f25b03', GradientType=0)
}

.orange span.submit:hover {
    background: #e5b104;
    background: -moz-linear-gradient(top, #e5b104 0%, #e88104 100%);
    background: -webkit-linear-gradient(top, #e5b104 0%, #e88104 100%);
    background: linear-gradient(to bottom, #e5b104 0%, #e88104 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5b104', endColorstr='#e88104', GradientType=0)
}

.orange.disabled span.submit, .orange.disabled span.submit:hover {
    background: #aaa;
    cursor: not-allowed;
}

.orange.disabled span.submit input {
    cursor: not-allowed;
}

.button.next.long span {
    background-image: url(../image/checkout2.png)
}

#button-guest span {
    background-image: url(../image/checkout2.png)
}

.button.next.long:hover {
    background: #e5b104;
    background: -moz-linear-gradient(top, #e5b104 0%, #e88104 100%);
    background: -webkit-linear-gradient(top, #e5b104 0%, #e88104 100%);
    background: linear-gradient(to bottom, #e5b104 0%, #e88104 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5b104', endColorstr='#e88104', GradientType=0)
}

div.long span.submit, {
    background: url(../image/prodbutlong.png) no-repeat;
    width: auto
}

div.longest span.submit {
    width: auto;
    float: left
}

#emf-container #emf-li-post-button span.submit {
    float: none;
    width: auto;
    display: inline-block;
    padding-right: 0
}

.find_a_representative #emf-container #emf-li-post-button span.submit {
    background: #e88904;
    background: -moz-linear-gradient(top, #e88904 0%, #f25b03 100%);
    background: -webkit-linear-gradient(top, #e88904 0%, #f25b03 100%);
    background: linear-gradient(to bottom, #e88904 0%, #f25b03 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e88904', endColorstr='#f25b03', GradientType=0)
}

.find_a_representative #emf-container #emf-li-post-button span.submit input {
    color: #fff !important;
    display: inline-block;
    line-height: 46px;
    font-weight: 700;
    /* background-image: url(../image/globe.png)
 */
}

.find_a_representative #emf-container #emf-li-post-button span.submit:hover {
    background: #e5b104;
    background: -moz-linear-gradient(top, #e5b104 0%, #e88104 100%);
    background: -webkit-linear-gradient(top, #e5b104 0%, #e88104 100%);
    background: linear-gradient(to bottom, #e5b104 0%, #e88104 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5b104', endColorstr='#e88104', GradientType=0)
}

#emf-container #emf-li-post-button span.submit > span {
    float: none;
    display: block;
    padding-right: 26px
}
.information-contact #emf-container #emf-li-post-button span.submit > span{
    padding-right: 0;
}
.information-contact  #emf-container #emf-li-post-button span.submit input {
    padding-left: 30px!important;
}
.information-contact #emf-container .emf-div-field input[type="text"],
.information-contact #emf-container .emf-div-field input[type="date"],
.information-contact #emf-container .emf-div-field input[type="number"],
.information-contact #emf-container .emf-div-field input[type="password"],
.information-contact #emf-container .emf-div-field input[type="email"],
.information-contact #emf-container .emf-div-field textarea
{
padding: 1px 7px!important;
}
.information-contact #emf-container .emf-div-field select
{
padding: 1px 4px!important;
}
#emf-container #emf-li-post-button span.submit input {
    text-align: left;
    width: 100%;
    margin: 0;
    color: #fff !important
}

.AddCartButton button {
    margin-top: 13px
}

.AddCartButton button:hover, div.share:hover, .buttonsleft button:hover, button.print:hover, a.button:hover, #QuickViewProductDetails button.addtocart:hover, span.submit:hover {
    background: #5c9ed1;
    background: -moz-linear-gradient(top, #5c9ed1 0%, #4285bf 100%);
    background: -webkit-linear-gradient(top, #5c9ed1 0%, #4285bf 100%);
    background: linear-gradient(to bottom, #5c9ed1 0%, #4285bf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c9ed1', endColorstr='#4285bf', GradientType=0);
    text-decoration: none
}

.button.orange:hover {
    background: #ffbb3e;
    background: -moz-linear-gradient(top, #ffbb3e 0%, #d97026 100%);
    background: -webkit-linear-gradient(top, #ffbb3e 0%, #d97026 100%);
    background: linear-gradient(#ffbb3e, #d97026);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbb3e', endColorstr='#d97026', GradientType=0);
    text-decoration: none
}

.cart-info button.print.right {
    background: #d11b29;
    background: -moz-linear-gradient(top, #d11b29 0%, #ff2132 100%);
    background: -webkit-linear-gradient(top, #d11b29 0%, #ff2132 100%);
    background: linear-gradient(#d11b29, #ff2132);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d11b29', endColorstr='#ff2132', GradientType=0);
    text-decoration: none
}

.cart-info button.print.right:hover {
    opacity: .8
}

.buttonsleft button > span:before, button.print span:before, a.button span:before, #QuickViewProductDetails button span:before, div.share > span:before, a.button > span:before {
    display: inline-block;
    width: 1px;
    background: rgba(0, 0, 0, .29);
    height: 30px;
    float: left;
    margin: 11px 10%;
    border-right: 1px solid rgba(255, 255, 255, .58)
}

.buttonsleft button > span, button.print span, .button span, #QuickViewProductDetails button span, div.share > span, .button > span, span.submit input {
    text-decoration: none;
    height: 50px;
    display: block;
    line-height: 50px;
    text-shadow: none;
    padding-left: 50px !important;
    font-size: 15px;
    color: #fff;
    overflow: hidden;
    border: 0;
    cursor: pointer;
    text-align: left;
    padding-right: 25px;
    position: relative;
    background-position: 10% center;
    background-repeat: no-repeat;
    font-weight: 700
}

.button.noicon span {
    padding-left: 25px !important
}

span {
}

div.long input {
    width: 300px
}

div.longest input {
}

.AddCartButton button > span,
#mulch_calculator_add_to_cart > span,
div.share > span,
#QuickViewProductDetails button.addtocart > span {
    background-image: url(../image/addcart2.png)
}

.buttonsleft div.share > span {
    background: url(../images/share.png) 10px center no-repeat
}

button.print span, a.print span {
    background: url(../images/print2.png) 14px center no-repeat
}

.buttonsleft button.find span {
    background-image: url(../images/findadealer.png)
}

a.button.continue > span {
    background: url(../images/arrowleft.png) 14px center no-repeat
}

a.button.video > span {
    background-image: url(../images/video.png)
}

.button.next > span, span.submit input {
    background: url(../images/arrowright.png) 14px center no-repeat
}

input#button-guest {
    background-image: url(../image/addcart2.png)
}

span {
}

#st-2 .st-total > span.st-shares {
    font-size: 14px !important;
}

.ProductDetailsGrid .DetailRow {
    padding: 0
}

.VariationProductSKU {
    color: #333;
    overflow: hidden
}

.right, a.right {
    float: right
}

.left, a.left {
    float: left
}

.BulkDiscount input {
    position: relative;
    top: -10px;
    left: 16px
}

#ProductDetails .productGallery {
    width: 551px;
    height: auto;
    margin-bottom: 20px;
    float: right
}

#ProductDetails .ProductThumbImagein {
    width: 555px;
    border: 2px solid #f6f6f6
}

table.ProductThumbImagein.valmid {
}

#ProductDetails .productGallery .productThumbTD table img {
    display: block
}

#ProductDetails .productGallery .productThumbTD table {
    width: 549px
}

#ProductDetails .ProductThumbImage {
    overflow: visible;
    position: relative;
    padding: 0;
    margin: 0 !important
}

#ProductDetails .ProductThumbImage a.imgview {
    width: 553px;
    height: 391px;
    display: block
}

.zoomWindow {
    left: 461px !important
}

.FindByCategory ul li {
    padding: 0 20px 0 0
}

.buttonsleft {
    position: relative;
    margin: 23px auto 20px
}

.ProductMain .buttonsleft .options {
    border: none;
    width: auto
}

.ProductMain .buttonsleft .options .option.productAttributeRow {
    border: none;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.ProductMain .buttonsleft .options.productAttributeList .productAttributeLabel {
    background: 0 0;
    float: none;
    width: auto;
    font-weight: 700;
    padding: 0;
    white-space: nowrap
}

.ProductMain .buttonsleft .options.productAttributeList .productAttributeValue {
    float: none;
    width: auto;
    padding: 0;
    border: none
}

.ProductMain .buttonsleft .options.productAttributeList .productAttributeValue select {
    width: auto;
    text-indent: 0
}

.BlockContent {
    position: relative;
    margin: 0
}

.AddThisButtonBox {
    position: absolute;
    top: 0;
    left: 47px;
    width: 170px;
    display: none;
    margin: 15px 0 !important;
    height: 17px
}

div.showshare .AddThisButtonBox {
    display: block
}

.showshare span {
    text-indent: -999px
}

.AddThisButtonBox > div {
    line-height: 23px
}

.ProductSectionSeparator {
    font-size: 0;
    line-height: 0;
    color: #fff;
    clear: both
}

.PrimaryProductDetails .ProductThumb {
    z-index: 1000
}

.PrimaryProductDetails .ProductMain {
    position: relative;
    z-index: 100
}

.required {
    color: #f97634
}

#getform #emf-container li label.emf-label-desc {
    font-weight: 400
}

#getform #emf-container li {
    float: left;
    width: 319px;
    clear: none;
    padding: 0
}

label {
    padding-right: 5px
}

#ProductDetails .ProductTinyImageList ul li {
    overflow: hidden;
    float: left;
    margin-left: 0;
    border: 0 !important;
    margin-bottom: 4px;
    height: 59px !important
}

.PrimaryProductDetails .BlockContent div.ProductThumb, .PrimaryProductDetails .BlockContent div.nationalstandarts, .PrimaryProductDetails .BlockContent div.intented_adults, .PrimaryProductDetails .BlockContent div.pdescr {
    padding: 0;
    position: relative;
    width: 660px !important;
    height: auto !important;
    float: left;
    margin-bottom: 0 !important;
    margin-top: 13px
}

.PrimaryProductDetails .ProductMain {
    padding-left: 0;
    margin-top: -55px
}

#ProductStandartFinish .ProductSectionSeparator {
    display: none !important
}

.ComparisonTable {
    width: 100%;
    border: 0
}

.ComparisonTable td {
    vertical-align: top
}

.ProductMain .ProductDetailsGrid {
    width: 300px;
    float: none;
    border: 1px solid #dcdcdc;
    background: #fff;
    border-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    border-left: 0;
    border-right: 0;
    margin-bottom: 20px;
    0
}

.ProductMain .buttonsleft .ProductDetailsGrid {
    margin-bottom: 0
}

.ProductMain .buttonsleft .ProductDetailsGrid.qty {
    border: none;
    background: 0 0;
    margin-bottom: 10px
}

.ProductMain .buttonsleft .ProductDetailsGrid.qty .DetailRow {
    border-top: 0;
    border-bottom: 0;
    background: 0 0;
    display: flex;
    justify-content: left;
    height: 30px;
    vertical-align: middle;
    align-items: center
}

.ProductMain .buttonsleft .ProductDetailsGrid.qty .DetailRow .Label {
    width: 30px;
    background: 0 0;
    padding: 0;
    font-weight: 700;
    font-size: 1.1em;
    float: none;
    margin-right: 10px;
    1
}

.ProductMain .buttonsleft .ProductDetailsGrid.qty .DetailRow .Value {
    border: 0;
    float: none !important;
    display: inline-block;
    width: 45px !important;
    padding: 0
}

.ProductMain .buttonsleft .ProductDetailsGrid.qty .Value input[name=quantity] {
    max-width: 67%;
    padding: 4px;
    text-align: center;
    margin: 0
}

.ProductMain .ProductDetailsGrid .DetailRow {
    line-height: 14px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #dcdcdc;
    font-size: 14px;
    overflow: hidden
}

.DetailRow {
    background: #ececec
}

.ProductMain .ProductDetailsGrid .DetailRow.ProductSKU {
    overflow: visible;
    height: auto;
    line-height: auto
}

.DetailRow.ProductSKU .Label {
    border: 0
}

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

#ProductDetails .ProductTinyImageList ul li #TinyOuterDiv {
    border: 0
}

#ProductDetails .ProductThumb-in {
    border: 1px solid #ff7533;
    position: relative;
    z-index: 10
}

#ProductDetails .ProductThumb-in-conter1 {
    position: absolute;
    left: 0;
    top: 0;
    height: 12px;
    width: 12px;
    background: url(../images/main-conr.png) no-repeat scroll -12px -13px transparent;
    z-index: 100
}

#ProductDetails .ProductThumb-in-conter2 {
    position: absolute;
    right: 0;
    top: 0;
    height: 12px;
    width: 12px;
    background: url(../images/main-conr.png) no-repeat scroll 0 -12px transparent;
    z-index: 100
}

#ProductDetails .ProductThumb-in-conter3 {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 12px;
    width: 12px;
    background: url(../images/main-conr.png) no-repeat scroll 0 0 transparent;
    z-index: 100
}

#ProductDetails .ProductThumb-in-conter4 {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 12px;
    width: 12px;
    background: url(../images/main-conr.png) no-repeat scroll -12px 0 transparent;
    z-index: 100
}

.productAttributeList .option > div {
    min-height: 10px
}

.productAttributeList table.option-image {
    position: relative;
    width: 100%;
    display: block;
}

.productAttributeList table.option-image tr, .productAttributeList table.option-image tr td {
    width: 87px
}

.productAttributeList table.option-image tr {
    margin: 0 10px 5px 0;
    display: block;
}

.productAttributeList table.option-image tr td:nth-child(3) {
    height: 20px;
}

.productAttributeList table.option-image tr td:nth-child(3) label {
    margin-top: -1px;
}

.productAttributeList table.option-image tr:hover td:nth-child(3) label {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    background: #fff;
    overflow: visible;
    text-overflow: initial;
    white-space: normal;
    z-index: 9999;
    border: 2px solid #ddd;
    border-top: none;
    width: 82px;
    padding-bottom: 4px
}

.productAttributeList table.option-image tbody {
    display: flex;
    justify-content: left;
    flex-wrap: wrap
}

.productAttributeList table.option-image tr td {
    /* z-index: 999; */
    border: 1px solid #fff;
    text-align: center;
    display: block;
    position: relative
}

.productAttributeList table.option-image tr td img {
    border: 3px solid #ddd;
    width: 80px;
    height: 80px;
    display: block;
    color: #f3f2f2;
    background: #f3f2f2;
    position: absolute;
    top: 0;
    left: 0
}

.productAttributeList table.option-image tr td.opt-this-checked img {
    border: 3px solid #62b8ff
}

.productAttributeList table.option-image tr td.opt-this-checked, .productAttributeList table.option-image tr td.opt-this- {
    height: 85px
}

.productAttributeList table.option-image tr td:first-child {
    position: absolute;
    z-index: 1;
    top: 5px;
    left: 5px;
    display: none
}

.productAttributeList .productAttributeValue {
    overflow: hidden;
    height: auto !important;
    line-height: auto;
    margin: 0;
    background: #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #dcdcdc;
    width: 50%;
    padding: 8px 5px 8px 10px;
    float: right
}

.productAttributeList .productAttributeLabel span.required {
    float: left
}

.productAttributeList .productAttributeLabel {
    float: left;
    width: 41%;
    position: relative;
    border-left: 0;
    background: #ececec;
    padding: 9px 0 7px 10px
}

.productAttributeList .productA label span.name {
    float: left;
    margin-right: 5px
}

.productAttributeList {
/ / margin-top: 15 px
}

.productAttributeList .productAttributeRow select {
    height: 19px
}

.productAttributeList .productAttributeRow {
    margin-bottom: 0;
    padding-left: 0 !important;
    line-height: 18px;
    height: 34px
}

textarea {
    padding: 1px 2px;
    font-size: 11px;
    font-family: Arial
}

.tabl-spec-c-r {
    border: 0;
    border-spacing: 0;
    width: 100%
}

.tabl-spec-c-r .th-head .td-st1 {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-width: 2px 2px 0;
    border-style: solid;
    border-color: #2071be
}

.tabl-spec-c-r .td-st1 {
    text-align: center;
    border-width: 0 2px;
    border-style: solid;
    border-color: #2071be
}

.tabl-spec-c-r .th-footer .td-st1 {
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-width: 0 2px 2px;
    border-style: solid;
    border-color: #2071be;
    /* font-size: 1px
 */
}

.tabl-spec-c-r .th-head .td-st2 {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-width: 2px 2px 0;
    border-style: solid;
    border-color: #ff7533
}

.tabl-spec-c-r .td-st2 {
    text-align: center;
    border-width: 0 2px;
    border-style: solid;
    border-color: #ff7533
}

.tabl-spec-c-r .th-footer div, .tabl-spec-c-r .th-head div {
    padding: 0;
    /* font-size: 1px; */
    height: 10px
}

.tabl-spec-c-r .th-footer .td-st2 {
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-width: 0 2px 2px;
    border-style: solid;
    border-color: #ff7533;
    /* font-size: 1px
 */
}

.tabl-spec-c-r .c-r-en, .tabl-spec-c-r .c-r-dis {
    margin: 0 auto;
    display: block;
    width: 21px;
    height: 22px;
    background: url(li-inst.png) no-repeat scroll 0 0 transparent
}

.tabl-spec-c-r .c-r-en {
    background: url(li-inst.png) no-repeat scroll 0 100% transparent
}

.tabl-spec-c-r div {
    padding: 5px 10px
}

.tabl-spec-c-r .th-title div {
    background-color: #d8d8d8
}

.tabl-spec-c-r .th-title td:first-child div {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 0;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0
}

.tabl-spec-c-r .th-title .td-st2 div {
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 10px
}

.th-head-main {
    font-weight: 700;
    font-size: 16px
}

.th-title {
    font-weight: 700;
    font-size: 14px
}

.tabl-spec-c-r tr td, .tabl-spec-c-r tr td.td-st1, .tabl-spec-c-r tr td.td-st2 {
    border-bottom: 1px solid #ddd
}

.tabl-spec-c-r tr.th-footer td, .tabl-spec-c-r .th-head td, div .tabl-spec-c-r .th-title td, div .tabl-spec-c-r .th-title-toper td, div .tabl-spec-c-r .th-footer-topler td {
    border-bottom: 0
}

.ProductMain select {
    width: 100%
}

a.printthis {
    background: url(//s7.addthis.com/static/r07/widget005_top.png) no-repeat scroll 0 -752px transparent;
    cursor: pointer;
    display: block;
    height: 16px;
    padding: 0 10px 0 24px;
    text-decoration: none
}

.socialbuts {
    float: left;
    padding: 0;
    margin: 0;
}

.socialbuts a:first-child {
    margin-left: 0;
}

.socialbuts a {
    display: inline;
    font-size: 14px;
    font-weight: 700;
    height: 26px;
    width: 27px;
    text-indent: -999px;
    overflow: hidden;
    margin: 0 0 0 10px;
    padding: 0;
    background: url(../images/sicons.png) no-repeat;
    float: left
}

.socialbuts a.facebook {
    background-position: -30px 0
}

.socialbuts a.linkedin {
    background-position: -62px 0
}

.socialbuts a.pinterest {
    background-position: -93px 0
}

.socialbuts a.googleplus {
    background-position: -124px 0
}

.socialbuts a.youtube {
    background-position: -154px 0
}

.socialbuts a.instagram {
    background-position: -184px 0
}

}

#HTML1 h2, #navbar {
    display: none
}

.story {
    text-align: center;
    padding: 20px 0;
    font-size: 1.5em
}

.story h2 {
    font-size: 2em !important
}

@media only screen and (max-width: 375px) {
    .story h2 {
        font-size: 1em !important
    }
}

.big p {
    font-size: 19px;
}

.button.big {
    font-size: 1.7em;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
}

.big h2 {
    color: #333;
    font-weight: 400;
    font-size: 1.5em;
}

@media print {
    body {
        font-family: arial, Arial, Helvetica, sans-serif;
        font-size: 12px
    }

    .categoryheading h1, .Breadcrumb, button.print.right {
        display: none
    }

    .bottom-cart-business {
        display: block;
        position: relative;
        margin-top: 50px
    }

    .bottom-cart-business-site {
        color: #8f8f8f;
        float: left;
        bottom: 20px;
        left: 20px;
        font-family: arial;
        font-size: .9em
    }

    .bottom-cart-business-phone {
        color: #8f8f8f;
        float: right;
        bottom: 20px;
        right: 20px;
        font-family: arial;
        font-size: .9em
    }

    .cart-logo {
        width: 271px;
        height: 82px;
        margin: 0;
        display: block;
        z-index: 999
    }

    .cart-logo div {
        overflow: hidden;
        height: 82px;
        width: 271px;
        text-indent: -999px;
        display: block;
        background: url(../images/playgroundLogo2.png) no-repeat;
        margin-top: 3px
    }

    table.CartContents, table.General {
        border: 1px solid #efefef
    }

    .CartContents thead tr th, table.General thead tr th {
        background: none repeat scroll 0 0 #fff;
        border-bottom: 1px solid #efefef;
        color: #2c1f16
    }

    .CartContents tfoot .SubTotal td {
        border-top: 1px solid #efefef;
        color: #2c1f16
    }

    table.General tbody tr td {
        border-top: 1px solid #efefef
    }

    .header-top-cont, #Header div, .main-top-bl, #AjaxLoading, #TopMenu, #CartBreadcrumb, #LayoutColumn3, #LayoutColumn1, .copyright, .Left, .AddThisButtonBox, #SuggestiveCartContent, .FloatLeft, .FloatRight, .f-col1, .f-col3, .f-col4, .f-col5, .cart-bottom-questions {
        display: none
    }

    tr.Chechout-total .for-small-device {
        display: none
    }

    .Content {
        float: none;
        margin: 0;
        padding: 0;
        width: 100%;
        min-height: 50px
    }

    #Header #Logo {
        display: block
    }

    .f-col2 {
        float: left;
        text-align: left;
        width: 100%
    }
}

#content {
    width: 100%
}

body.col-left #content {
    width: calc(100% - 198px);
    float: right
}

#column-left {
    float: left;
    width: 169px;
    padding-right: 0;
    padding-top: 20px
}

#column-left.search-column-left {
    padding-top: .5px;
}

#column-left.box-content.masked {
    overflow: visible;
}

#column-left.box-content .loadmask, .product-grid.search .loadmask {
    background-color: transparent;
}

.buttom_cart {
    padding: 0 0 0 4px;
    margin: 0
}

.cart_table {
    width: 100%;
    border: 1px solid #efefef;
    margin-top: 20px
}

.cart_table .image {
    width: 260px
}

.total_class_t {
    border-top: 1px solid #efefef;
    color: #2c1f16;
    text-align: right;
    font-weight: 700
}

.total_class_z {
    border-top: 1px solid #efefef;
    color: #278f22;
    text-align: right
}

.cart_table thead tr td {
    padding: 6px 10px;
    font-weight: 700
}

.cart_table tbody tr td {
    border-top: 1px solid #efefef;
    color: #2c1f16
}

.error {
    color: #ed0505
}

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

.ProductList li {
    list-style: none;
    overflow: hidden
}

.ProductList .ProductImage {
    text-align: center;
    vertical-align: middle
}

.ProductList .ProductImage .QuickViewBtn {
    display: block !important;
    left: 160px !important;
    top: 206px !important;
    text-transform: none;
    color: #888 !important;
    background: url(../images/quick.png) 0 0 no-repeat !important;
    border: 0;
    padding: 6px 10px 5px;
    font-weight: 400;
    border-radius: 0
}

.ProductList .ProductImage a {
    width: 128px;
    height: 90px;
    border: 2px solid #f6f6f6;
    display: table-cell;
    vertical-align: middle
}

.ProductList .ProductImage a:hover {
    border: 2px solid #dadada
}

.ProductList .ProductImage img {
    vertical-align: middle;
    width: 100%
}

.ProductList .ProductDetails {
    margin: 0 0 3px;
    font-size: 14px;
    width: auto;
    text-align: center
}

.ProductList a {
    text-decoration: none
}

.ProductList a:hover {
    text-decoration: underline
}

.ProductPrice, .ProductList em {
    font-style: normal
}

.ProductPriceRating {
    float: none
}

.ProductList .Rating {
    font-size: .9em;
    margin-top: 3px;
    font-weight: 700
}

.ProductList .Rating img {
    height: 12px;
    margin-top: 3px
}

.ProductList li .ProductCompareButton {
    margin-top: -6px;
    text-align: center;
    z-index: 100;
    position: relative
}

.Left .ProductList li, .Right .ProductList li {
    clear: both;
    width: 140px;
    padding: 3px 0 5px;
    margin: 0;
    margin-bottom: 5px
}

.Left .ProductList .ProductImage, .Right .ProductList .ProductImage {
    display: none
}

.SideRecentlyViewed .ProductList li {
    margin-left: 0
}

.ProductList em, .ProductList .Rating {
    display: block
}

.Content .ProductList.List li {
    margin: 0;
    margin-top: 6px;
    display: block;
    width: auto;
    float: none;
    padding: 6px;
    min-height: 0;
    height: 132px;
    background-image: none
}

.Content .ProductList.List .ProductImage {
    margin: 0 !important;
    padding: 0;
    margin-right: 15px;
    float: left;
    background-image: none;
    width: 120px;
    height: 120px
}

.Content .ProductList.List .ProductDetails {
    height: auto;
    display: block;
    clear: none;
    padding: 0;
    padding-left: 5px;
    margin: 0;
    margin-left: 135px;
    text-align: left;
    background-image: none
}

.Content .ProductList.List .ProductQty {
    margin-left: 10px
}

.Content .ProductList.List .ProductDescription {
    font-style: italic;
    margin-top: 5px
}

.Content .ProductList .ProductRightCol {
    float: right
}

.Content .ProductList.List li .ProductCompareButton {
    text-align: left;
    margin-top: 10px
}

.wrapp-products .ProductList {
    margin-left: -80px
}

.FeaturedProducts .wrapp-products .ProductList li {
    padding-left: 16px
}

.FeaturedProducts .wrapp-products .ProductList {
    margin-left: -16px
}

.ProductList li {
    width: 135px !important;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 35px;
    zoom: 1;
    *display: inline;
    _height: 220px;
    padding-left: 81px;
    text-align: center
}

.ProductList strong, .ProductList strong a {
    font-weight: 400;
    text-align: center
}

body .ProductList strong a:hover {
    color: #f17000
}

body .ProductPrice, body .ProductList em {
    color: #333;
    text-align: left
}

.Cart-total em.ProductPrice, .Cart-total td {
    color: #b10000 !important;
    font-size: 14px
}

.CartContents tfoot .SubTotal td .ProductPrice sup {
    font-size: .7em
}

.ProductList .Message {
    display: none
}

#SearchPage .ProductList {
    margin-left: -11px;
    overflow: hidden;
    max-width: 1046px
}

.ProductList {
    margin-left: 0;
    max-width: 1029px;
    text-align: left
}

#SimilarProductsByCustomerViews .ProductList, #SuggestiveCartContent .ProductList {
    margin-left: -32px
}

#SearchPage .ProductList li {
    margin: 0 0 34px;
    padding-left: 13px
}

.ProductList li {
    margin: 0 0 26px;
    padding-left: 0
}

.CategoryContent .ProductList li.hr {
    float: left;
    width: 100% !important;
    height: 2px !important;
    min-height: 2px !important;
    border-bottom: 1px solid #cecece;
    padding: 0;
    display: inline-block;
    margin: 0 0 19px
}

.CategoryContent .ProductList li.hr.last {
    display: none
}

.RelatedProductsContainer .ProductList {
    margin-left: -32px
}

#SimilarProductsByCustomerViews .ProductList li, #SuggestiveCartContent .ProductList li, .RelatedProductsContainer .ProductList li {
    margin: 0 0 0 31px
}

.RelatedProductsContainer {
/ / min-height: 220 px;
    margin-top: -18px;
    margin-bottom: 30px
}

.RelatedProductsContainer h2 {
    font-size: 18px !important;
    color: #000
}

.RelatedProductsContainer .ProductPriceRating em {
    text-align: center;
    color: #ed0505
}

#ModalOverlay {
    background-color: #000
}

.mod .breadcrumb, .mod h1 {
    display: none
}

.rac-left {
    float: left;
    width: 59%;
    margin-right: 30px;
    border-right: 1px solid #d8d8d8;
    padding-right: 30px
}

.rac-right {
    float: left;
    width: 34%
}

.rac-right h3 {
    margin-left: 15px
}

.rac-right h3 i.fa:before {
    font-size: 1.6em;
    display: inline-block;
    margin: 0 10px -5px 0;
    vertical-align: bottom
}

.rac-right ul {
    text-align: left;
    margin: 0 0 0 85px;
    line-height: 24px;
    font-size: 1.2em
}

.rac-right ul li {
    list-style-type: disc
}

.QuickViewBtn {
    position: absolute;
    border: 1px solid #ddd;
    cursor: pointer;
    padding: 6px 10px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    line-height: 11px
}

.ProductList .ProductImage .QuickViewBtn {
    display: block !important;
    left: 160px !important;
    top: 206px !important;
    text-transform: none;
    color: #888 !important;
    background: url(../images/new/quick.png) 0 0 no-repeat !important;
    border: 0;
    padding: 6px 10px 5px;
    font-weight: 400;
    border-radius: 0
}

#ModalTitle, .ModalTitle {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    background: #f2f4f7;
    color: #313131;
    font-size: 110%;
    font-weight: 700;
    padding: 10px 14px;
    border: 1px solid #606263;
    border-bottom-color: #b8b8b8;
    -webkit-background-clip: padding-box;
    text-align: left
}

div#QuickViewContent {
    clear: both;
    padding: 0 0 0 9px
}

.ModalContent.Content {
    float: none;
    min-height: 359px;
    width: auto;
    height: auto
}

#ModalContent, .ModalContent {
    border: 1px solid #606263;
    border-top-width: 0;
    background: #fff;
    margin: 0;
    text-align: left;
    color: #444;
    padding: 0;
    border-left: solid 1px #555;
    border-right: solid 1px #555;
    border-bottom: solid 1px #555;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px
}

#ModalContainer .ModalContent {
    border-left: solid 1px #555;
    border-right: solid 1px #555;
    border-bottom: solid 1px #555;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    height: 359px;
    margin: 0;
    padding: 0
}

#ModalContainer .ModalTitle {
    color: #fff;
    border-top: solid 1px #555;
    border-left: solid 1px #555;
    border-right: solid 1px #555;
    border-bottom: 0;
    height: 39px;
    line-height: 39px;
    padding: 0 15px;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    background-color: #666
}

#QuickViewImage {
    float: left;
    width: 44%;
    margin-top: 20px;
    margin-left: 10px;
    overflow: hidden;
    text-align: center
}

#content_page {
    width: 660px !important;
    height: 400px !important
}

#QuickViewProductDetails {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px 15px 20px 20px;
    width: 300px;
    position: relative
}

.mod #content_page a.modalclose_page {
    z-index: 100000;
    cursor: pointer;
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    right: 10px;
    top: 10px;
    background: url(../image/close.gif) no-repeat
}

.mod #content_page {
    position: fixed;
    top: 35%;
    left: 50%;
    width: 660px !important;
    height: auto !important;
    margin-left: -302px;
    margin-top: -113px;
    z-index: 3000;
    max-width: 100%
}

#ModalContainer .ModalTitle {
    color: #fff;
    border-top: solid 1px #555;
    border-left: solid 1px #555;
    border-right: solid 1px #555;
    border-bottom: 0;
    height: 39px;
    line-height: 39px;
    padding: 0 15px;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    background-color: #666
}

#ModalTitle, .ModalTitle {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    background: #f2f4f7;
    color: #313131;
    font-size: 110%;
    font-weight: 700;
    padding: 10px 14px;
    border: 1px solid #606263;
    border-bottom-color: #b8b8b8;
    -webkit-background-clip: padding-box;
    text-align: left;
    color: #fff;
    border-top: solid 1px #555;
    border-left: solid 1px #555;
    border-right: solid 1px #555;
    border-bottom: 0;
    height: 39px;
    line-height: 39px;
    padding: 0 15px;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    background-color: #666
}

#QuickViewTopNav {
    background-color: #ddd;
    line-height: 20px;
    padding: 5px 10px
}

#QuickViewProductDetails td, #QuickViewProductDetails .productAttributeRow, .DetailRow {
    padding-top: 8px;
    vertical-align: top;
    clear: both
}

#QuickViewProductDetails .Label, #QuickViewProductDetails .productAttributeLabel {
    font-weight: 700;
    padding-right: 5px;
    text-align: left;
    width: 100px;
    position: relative;
    float: left
}

#QuickViewProductDetails .Value, #QuickViewProductDetails .productAttributeValue {
    float: left
}

#QuickViewProductDetails div {
    display: inline-block
}

.productAttributeValue select {
    height: auto !important
}

.pgecom-outerback {
    width: 100%;
    border-top: 4px solid #e0e3e6;
    position: relative;
    z-index: 0
}

.pgecom-outer {
    margin: 0 auto;
    max-width: 992px;
    padding: 20px 0;
    vertical-align: top
}

.pgecom-set {
    display: inline-block;
    width: 33%;
    text-transform: capitalize;
    vertical-align: top
}

.pgecom-set ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.pgecom-set li a {
    color: #1A5C7F;
    text-decoration: none;
    line-height: 23px;
    font-size: 14px;
    font-family: arial, Arial, Helvetica, sans-serif
}

.pgecom-set li a:hover {
    color: #f17000
}

.pgecom-set h5,
.pgecom-set .h5 {
    color: #BD5800;
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 13px
}

#Blog1.widget {
    margin: 0
}

.ProductTinyImageList ul li div a.video {
    background-image: url(../images/video.png);
    height: 50px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -999px;
    opacity: .8;
    display: block
}

.ProductTinyImageList ul li div a.video:hover {
    opacity: 1
}

.PrimaryProductDetails .BlockContent div.nationalstandarts img {
    display: inline-block;
    margin: -17px 7px -18px 0
}

.PrimaryProductDetails .BlockContent div.nationalstandarts {
    text-align: left;
    border-top: 1px solid #dfdfdf;
    padding-top: 2px;
    margin-bottom: -19px;
    line-height: 28px;
    border-bottom: 1px solid #dfdfdf;
    margin-top: -9px
}

.PrimaryProductDetails .BlockContent div.nationalstandarts h3 {
    display: inline;
    font-size: 17px;
    font-weight: 400
}

.PrimaryProductDetails .BlockContent div.nationalstandarts span {
    display: inline-block;
    margin: 0 0 0 14px
}

.PrimaryProductDetails .BlockContent div.nationalstandarts span:before, .PrimaryProductDetails .BlockContent div.intented_adults span:before {
    font: 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f058";
    margin-right: 5px;
    color: #f17000
}

.PrimaryProductDetails .BlockContent div.intented_adults img {
    display: inline-block;
    margin: -17px 7px -18px 0
}

.PrimaryProductDetails .BlockContent div.intented_adults {
    text-align: left;
    border-top: 1px solid #dfdfdf;
    padding-top: 2px;
    margin-bottom: 12px;
    line-height: 28px;
    border-bottom: 1px solid #dfdfdf;
    margin-top: -9px
}

.PrimaryProductDetails .BlockContent div.intented_adults h3 {
    display: inline;
    font-size: 16px;
    font-weight: 400
}

.PrimaryProductDetails .BlockContent div.intented_adults span {
    display: inline-block;
    margin: 0 0 0 7px
}

.Content .ProductMain h3.adacomp {
    text-align: center;
    font-size: 17px;
    color: #488206;
}

.Content .ProductMain h3.adacomp img {
    display: inline-block;
    margin: 1px 0 -5px 3px;
    width: 19px;
    height: 21px
}

a.button_flyer {
    width: 100%;
    height: 50px;
    border: 0;
    text-align: left;
    cursor: pointer;
    margin: 5px auto 10px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    padding: 0;
    line-height: 50px;
    float: none;
    display: block;
    text-decoration: none;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .29);
    background: #e1f4fd;
    background: -moz-linear-gradient(top, #e1f4fd 0%, #daf1fd 51%, #d4effc 100%);
    background: -webkit-linear-gradient(top, #e1f4fd 0%, #daf1fd 51%, #d4effc 100%);
    background: linear-gradient(to bottom, #e1f4fd 0%, #daf1fd 51%, #d4effc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1f4fd', endColorstr='#d4effc', GradientType=0)
}

.Content .ProductMain .sharethis {
    text-align: center;
    margin: 15px 0;
}

.Content .ProductMain .sharethis > span {
    display: inline-block;
    height: 19px;
    vertical-align: middle;
    padding-top: 4px;
    margin: 0 5px 0 0;
    font-weight: 700
}

.Content .ProductMain .sharethis > div {
    display: inline-block;
    height: 25px;
    vertical-align: top
}

.Content .ProductMain .sharethis .at-share-tbx-element .at-share-btn {
    margin: 0 4px
}

#button-cart, #mulch_calculator_add_to_cart {
    background: #e88904;
    background: -moz-linear-gradient(top, #e88904 0%, #f25b03 100%);
    background: -webkit-linear-gradient(top, #e88904 0%, #f25b03 100%);
    background: linear-gradient(to bottom, #e88904 0%, #f25b03 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e88904', endColorstr='#f25b03', GradientType=0);
    width: 100%
}

#button-cart span,
#mulch_calculator_add_to_cart span {
    color: #fff !important;
    display: inline-block;
    line-height: 54px;
    font-weight: 700
}

#button-cart:hover,
#mulch_calculator_add_to_cart:hover {
    background: #e5b104;
    background: -moz-linear-gradient(top, #e5b104 0%, #e88104 100%);
    background: -webkit-linear-gradient(top, #e5b104 0%, #e88104 100%);
    background: linear-gradient(to bottom, #e5b104 0%, #e88104 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5b104', endColorstr='#e88104', GradientType=0)
}

#button-cart span:before,
#mulch_calculator_add_to_cart span:before {
    margin: 0;
    border: 0;
    background: 0 0
}

a.button_flyer {
    background: #3990d3;
    background: -moz-linear-gradient(top, #3990d3 0%, #327aba 100%);
    background: -webkit-linear-gradient(top, #3990d3 0%, #327aba 100%);
    background: linear-gradient(to bottom, #3990d3 0%, #327aba 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3990d3', endColorstr='#327aba', GradientType=0)
}

a.button_flyer span {
    color: #fff !important;
    display: inline-block;
    line-height: 54px;
    font-weight: 700;
    background-image: url(../image/print2.png)
}

.button.qap-ask-product:hover,
a.button_flyer:hover {
    background: #5c9ed1;
    background: -moz-linear-gradient(top, #5c9ed1 0%, #4285bf 100%);
    background: -webkit-linear-gradient(top, #5c9ed1 0%, #4285bf 100%);
    background: linear-gradient(to bottom, #5c9ed1 0%, #4285bf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c9ed1', endColorstr='#4285bf', GradientType=0)
}

a.button_flyer span:before {
    margin: 0;
    border: 0;
    background: 0 0
}

a.pdf {
    background: #7b0302;
    background: -moz-linear-gradient(top, #9e0507 0%, #7b0302 100%);
    background: -webkit-linear-gradient(top, #9e0507 0%, #7b0302 100%);
    background: linear-gradient(to bottom, #9e0507 0%, #7b0302 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e0507', endColorstr='#7b0302', GradientType=0)
}

a.pdf span {
    color: #fff !important;
    display: inline-block;
    line-height: 54px;
    font-weight: 700;
    background: url(../image/pdfbut3.png) no-repeat;
    margin: 0 0 0 53px
}

a.pdf:hover {
    background: #9a0b0a;
    background: -moz-linear-gradient(top, #bb0d0f 0%, #9a0b0a 100%);
    background: -webkit-linear-gradient(top, #bb0d0f 0%, #9a0b0a 100%);
    background: linear-gradient(to bottom, #bb0d0f 0%, #9a0b0a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb0d0f', endColorstr='#9a0b0a', GradientType=0)
}

a.pdf span:before {
    margin: 0;
    border: 0;
    background: 0 0
}

a.findarep:hover {
    background: #a2fc38;
    background: -moz-linear-gradient(top, #a2fc38 0%, #72b723 100%);
    background: -webkit-linear-gradient(top, #a2fc38 0%, #72b723 100%);
    background: linear-gradient(to bottom, #a2fc38 0%, #72b723 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2fc38', endColorstr='#72b723', GradientType=0)
}

a.findarep span {
    color: #fff !important;
    display: inline-block;
    line-height: 54px;
    font-weight: 700;
    background-image: url(../image/globe.png)
}

a.findarep {
    background: #84d327;
    background: -moz-linear-gradient(top, #84d327 0%, #63a912 100%);
    background: -webkit-linear-gradient(top, #84d327 0%, #63a912 100%);
    background: linear-gradient(to bottom, #84d327 0%, #63a912 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84d327', endColorstr='#63a912', GradientType=0)
}

a.findarep span:before {
    margin: 0;
    border: 0;
    background: 0 0
}

.buttonsleft a span, .buttonsleft button span {
    margin: 0 0 0 53px
}

#SimilarProductsByCustomerViews {
    margin-top: -18px;
    margin-bottom: -10px
}

.SimilarProductsByCustomerViewsContainer .ProductPriceRating {
    float: none
}

.SimilarProductsByCustomerViewsContainer .ProductPriceRating em {
    text-align: center;
    color: #ed0505
}

.pdescr #ProductDescription {
    margin: 20px 0 0
}

#livesearch img {
    width: 71px !important;
    margin-right: 5px !important
}

#livesearch a {
    line-height: 14px !important
}

.tableofcont ul {
    margin: 0;
    padding: 0
}

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

.tableofcont ul li {
    margin-left: 17px;
}

.tableofcont ul {
    margin: 0;
    padding: 0;
    width: 20%;
}

.tableofcont .statesul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul.tableofcontents {
    padding: 0;
    margin: 24px 0;
    list-style: none;
    clear: both;
    display: block;
    width: 100%
}

ul.tableofcontents li {
    float: left
}

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

ul.tableofcontents li a {
    background: #ccc;
    display: inline-block;
    width: auto;
    height: 30px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 8px 10px 7px;
    margin: 5px 5px 5px 0;
    color: #000;
    text-decoration: none
}

ul.tableofcontents li a:hover {
    background: #f17000;
    color: #fff;
    text-decoration: none
}

.site-page .col2-set .col {
}

.site-page * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.site-page .list-unstyled, .site-page .list-unstyled > li {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

.site-page .copt-metals li {
    /* float: left; */
    width: 55px;
    text-align: center;
    height: 305px;
    5px;
    5px;
}

.site-page .copt-metals li > * {
    display: block;
    vertical-align: middle
}

.site-page .copt-metals li img {
    margin: 0 0 10px;
    max-height: 250px;
}

.site-page .list-unstyled.copt-plastics li {
    padding: 0 5px 16px;
    text-align: center;
    width: 110px;
    white-space: nowrap;
}

.site-page .list-unstyled.copt-plastics li img {
    width: 130px
}

.site-page .list-unstyled.copt-plastics li:nth-child(2n) {
}

.site-page .list-unstyled.copt-plastics li:nth-child(2n) img {
}

.site-page .list-unstyled.copt-plastics li > * {
    display: block;
    vertical-align: middle
}

.site-page .size-14 {
    font-size: 14px
}

.site-page .size-18 {
    font-size: 18px
}

.clearfix:after {
    content: ".";
    display: block !important;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.site-page .list-unstyled.copt-handholds li {
    padding: 0 5px;
    text-align: center;
    width: 97px;
    height: 130px
}

.site-page .list-unstyled.copt-poly li {
    margin-bottom: 10px;
    margin-right: 0;
    text-align: center;
    width: 96px;
    height: 155px;
}

.site-page .list-unstyled.copt-poly li:last-child, .site-page .list-unstyled.copt-poly2 li:last-child, .site-page .list-unstyled.copt-poly3 li:last-child {
    margin-right: 0
}

.site-page .list-unstyled.copt-poly2 li {
    margin-bottom: 10px;
    text-align: center;
    width: 133px;
}

.site-page .rain_wheel_div, .site-page .rain_wheel_div {
    width: 50%;
    float: left;
}

.site-page .rain2_wheel_div {
    width: 50%;
    float: left;
}

.site-page .list-unstyled.copt-rain_wheel,
.site-page .list-unstyled.copt-parrot,
.site-page .list-unstyled.copt-ships_wheel, .site-page .list-unstyled.copt-single_drum, .site-page .list-unstyled.copt-bongos, .site-page .list-unstyled.copt-bear_panel_insert, .site-page .list-unstyled.copt-elephant_panel_insert {
    display: flex;
    justify-content: center;
}

.site-page .list-unstyled.copt-rain_wheel li {
    margin-bottom: 10px;
    text-align: center;
    width: 164px;
}
.site-page .list-unstyled.copt-parrot li {
    margin-bottom: 10px;
    text-align: center;
    width: 164px;
}

.site-page .list-unstyled.copt-ships_wheel li {
    margin-bottom: 13px;
    text-align: center;
    width: 200px;
}

.site-page .col_two_tips_strip {
    width: 50%;
    float: left
}

.site-page .list-unstyled.copt-single_drum li {
    margin-bottom: 10px;
    text-align: center;
    width: 170px;
    1px;
    2px;
    2px;
    2px;
    1px;
    0px;
    9px;
    9px;
}

.site-page .list-unstyled.copt-bongos li {
    margin-bottom: 10px;
    text-align: center;
    width: 173px;
    4px;
    3px;
    2px;
    1px;
    0px;
    9px;
    9px;
    9px;
    9px;
    9px;
    9px;
}

.site-page .list-unstyled.copt-bear_panel_insert li {
    margin-bottom: 10px;
    text-align: center;
    width: 185px;
    6px;
    7px;
    8px;
    9px;
    9px;
    9px;
    9px;
}

.site-page .list-unstyled.copt-elephant_panel_insert li {
    margin-bottom: 10px;
    text-align: center;
    width: 185px;
}

.site-page .list-unstyled.copt-parrot_topper li {
    margin-bottom: 10px;
    margin-right: 16px;
    float: left;
    text-align: center;
    width: 184px
}

.site-page .list-unstyled.copt-poly3 li {
    margin-bottom: 10px;
    float: left;
    text-align: center;
    width: 135px;
    height: 120px;
    padding: 0 15px;
}

.site-page .list-unstyled.copt-poly li img {
    width: 107px
}

.site-page .list-unstyled.copt-poly2 li img {
}

.site-page .col2-set .col.wide {
}

.site-page .list-unstyled.copt-poly li > * {
    display: block;
    vertical-align: middle
}

.site-page .col2-set .col.wide + .col {
}

.site-page h3 {
    text-align: left;
    clear: both
}

.site-page .list-unstyled.copt-schemes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.site-page .list-unstyled.copt-schemes > li > div {
    padding: 0 20px;
    height: 100%;
}

.site-page .list-unstyled.copt-schemes > li {
    margin-bottom: 20px;
    text-align: center;
    width: 33.333%;
    text-align: left;
    padding: 20px 0px 0px;
}

.site-page .list-unstyled.copt-schemes > li:nth-child(3n-1) > div {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.site-page .list-unstyled.copt-schemes > li:after {
    content: "";
    display: block;
    clear: both;
}

.site-page .list-unstyled.copt-schemes > li {
    border-top: 1px solid #000;
}

.site-page .list-unstyled.copt-schemes > li:nth-child(-n + 3) {
    border-top: none
}

.site-page .list-unstyled.copt-schemes li b {
    margin-left: 0px;
}

.site-page .list-unstyled.options_information_to_copt {
    margin-top: 10px;
}

.site-page .list-unstyled.options_information_to_copt li {
    width: 100%;
    margin-bottom: 3px;
    text-align: left;
    margin-left: 0px;
    font-size: 11px;
}

a.ontop, a.ontop:hover {
    text-decoration: none;
    clear: both;
    display: block
}

a.ontop:before {
    content: "\2191 ";
    font-size: 14px;
    margin: 0 5px 0 0;
    display: inline;
    text-decoration: none
}

.CategoryContent .product-grid li.hr, #CategoryContent ul.ProductList li.hr {
}

#Footer .new .f-col1 h3 {
    color: #000
}

a.fancybox.fan360 {
    position: absolute;
    bottom: 0;
    right: 0
}

.360
container {
    display: none
}

#column-left {
}

#column-left .box-heading {
    font-size: 20px;
    font-weight: 700;
    color: #666;
    margin: 0 0 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px
}

#column-left .box-content {
}

#column-left .box-content ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#column-left .box-content ul li {
    margin: 0 0 10px;
    font-size: 1.2em
}

#column-left .box-content ul li a {
    text-decoration: none
}

form input[type=text], form input[type=password], form input[type=email], form select {
    height: 27px
}

form input[type=text], form input[type=date], form input[type=number], form input[type=password], form input[type=email], form textarea, form select {
    width: 100%;
    max-width: 90%;
    color: #000;
    box-sizing: border-box;
    padding: 1px 0;
    border: 1px solid #bcbcbc
}

.faqs {
}

.faqs h3 {
    margin-top: 0;
    padding: 10px 5px;
    color: #2a98d0;
    cursor: pointer;
    border-top: 1px solid #ccc;
    margin-bottom: 0
}

.faqs {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0
}

.faqs h3:hover {
    background: #ededed;
    color: #333
}

.faqs h3:before {
    content: "";
    display: block;
    border: 5px solid transparent;
    border-left: 5px solid #2a98d0;
    float: left;
    margin: 7px 0 0 3px
}

.faqs h3.open:before {
    border-top: 5px solid #333;
    border-left: 5px solid transparent !important;
    margin: 11px 4px 0 -1px
}

.faqs h3:hover:before {
    border-left: 5px solid #333
}

.faqs h3.open {
    color: #333;
    background: 0 0
}

.faqs p {
    display: none;
    padding: 0 0 10px
}

.faqs p img {
    max-width: 100%
}

@media print and (orientation: landscape) {
    .AddCartButton, .top-line, #CategoryBreadcrumb, .image-additional, .buttonsleft > button, span.required, #SimilarProductsByCustomerViews, hr, .hideCartInDesctop, .CartItemQuantity input[type=image], .CartItemQuantity a, #Footer, .menuwrapp {
        display: none
    }
}

.findarepmob {
    display: none;
    text-align: center
}

.findarepmob select {
    width: 50%;
    text-align: center;
    margin: 0 0 0 -38%;
    position: absolute;
    top: 56%;
    left: 60%;
    font-size: 14px;
    padding: 0;
    line-height: 82px;
    height: 30px
}

.findarepmob select option {
    text-align: center;
    line-height: 70px;
    font-size: 16px
}

.findarepmob img {
    margin: 0
}

.betterway img {
    max-width: 68px !important;
    display: inline-block;
    margin: 0 0 -26px -40px;
    z-index: 0
}

.betterway .head {
    font-size: 1.4em;
    font-weight: 600;
    /*color: #e85f23;*/
    color: #c33c00;
    display: block;
    margin: 10px 0 -15px;
    padding: 0 0 10px 20px
}

.cart-info .betterway .head {
    font-size: 1.2em
}

.cart-info .betterway .col-12 {
    font-size: 1.2em
}

.betterway.recomended {
}

.betterway.recomended .head {
    margin-bottom: 0;
    display: block
}

.betterway.recomended .col-12 {
    border-bottom: none
}

.betterway.recomended a {
    text-decoration: none;
    display: block;
    margin-top: 6px
}

.betterway .counter {
    font-size: 2.7em;
    font-weight: 600;
    color: #4683ba
}

.betterway .counter sup {
    font-size: .5em;
    vertical-align: 8px
}

.betterway .col-12 {
    border-right: 1px solid #adadad;
    border-bottom: 1px solid #adadad;
    padding: 0 20px 20px;
    font-size: 1.3em;
    text-align: center;
    padding-top: 0
}

#emf-container ul.contactform li {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px !important;
    float: left
}

#emf-container ul.contactform li.emf-field-textarea {
}

#emf-container ul.contactform li.emf-field-textarea textarea {
    width: 100%
}

#emf-container ul.contactform {
    margin-left: -15px;
    margin-right: -15px
}

ul.contactform li label, ul.contactform li div.emf-div-field {
    width: 100% !important;
    float: none !important
}

@media screen and (min-width: 768px) {
    .betterway .col-12:nth-child(3n) {
        border-right: none
    }

    .betterway .col-12:nth-child(n + 4) {
        border-bottom: none
    }
}

@media screen and (max-width: 992px) and(min-width: 768px) {
    .cart-info .betterway .col-12 {
        width: 50%;
        border-bottom: 1px solid #adadad
    }

    .cart-info .betterway .col-12:nth-child(2n + 2) {
        border-right: none !important
    }

    .cart-info .betterway .col-12:nth-child(3n) {
        border-right: 1px solid #adadad
    }

    .cart-info .betterway .col-12:nth-child(n + 5) {
        border-bottom: none
    }
}

@media screen and (max-width: 767px) and(min-width: 502px) {
    .betterway {
        padding: 0 15px
    }

    #emf-container ul.contactform li {
        width: 100% !important
    }

    .betterway.recomended .col-12 {
        width: 100%;
        border-bottom: 1px solid #adadad;
        border-right: none
    }

    .betterway.recomended .col-12:last-child {
        border-bottom: none
    }

    .betterway .col-12 {
        width: 50%
    }

    .betterway .col-12:nth-child(2n) {
        border-right: none
    }

    .betterway .col-12:nth-child(n + 5) {
        border-bottom: none
    }

    .cart-info .betterway .col-12 {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #adadad
    }

    .cart-info .betterway .col-12:nth-child(n + 10), .cart-info .betterway .col-12:last-child {
        border-bottom: none
    }
}

@media screen and (max-width: 501px) {
    .betterway {
        padding: 0 15px
    }

    .checkout_address dl dd input.free_catalog_input {
        display: inline-block;
        width: auto !important
    }

    #emf-container ul.contactform li {
        width: 100% !important
    }

    .betterway .col-12 {
        width: 100%;
        border-right: none
    }

    .betterway .col-12:nth-child(n + 9), .betterway .col-12:last-child {
        border-bottom: none
    }

    .betterway.recomended .col-12 {
        width: 100%;
        border-bottom: 1px solid #adadad;
        border-right: none
    }

    .betterway.recomended .col-12:last-child {
        border-bottom: none
    }
}

.tabs {
    background: linear-gradient(#196c97, #2191ca);
    padding: 30px 0 0
}

.tabs h2 {
    color: #fff;
    font-size: 2.4em !important
}

ul.nav-tabs {
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    padding-top: 0;
    padding-bottom: 0;
    justify-content: space-between
}

ul.nav-tabs li {
    background-color: #e1e1e1;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    float: none;
    margin-right: 10px;
    list-style: none;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px 3px 0 0;
    vertical-align: middle;
    flex-grow: 1
}

ul.nav-tabs li a {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #196c97;
    border: none;
    background: 0 0;
    min-width: 100px;
    display: block
}

ul.nav-tabs li a span {
    font-size: .6em;
    font-weight: 400
}

ul.nav-tabs li a img {
    margin: 10px 0;
    max-height: 90px
}

ul.nav-tabs li a:hover img {
    opacity: .8
}

ul.nav-tabs li.active {
    background: #fff;
    cfc;
    bfb;
    afa
}

ul.nav-tabs li.active a, ul.nav-tabs li a:hover, ul.nav-tabs li a:focus {
    color: #f17000;
    border: none;
    background: 0 0
}

.tab-content {
    padding: 20px
}

ul.check li {
    list-style: none;
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: .5em
}

ul.check li:before {
    font: 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f058";
    margin-right: 10px;
    color: #f17000;
    margin-left: -1.5em
}

.tab-content .fade {
    visibility: hidden;
    opacity: 0;
    height: 0
}

.tab-content .fade.active {
    visibility: visible;
    opacity: 1;
    height: auto;
    transition: ease-in-out all 400ms
}

@media screen and (max-width: 768px) {
    .tabs {
        background: 0 0;
        padding: 30px 0 0
    }

    .tabs h2 {
        color: #196c97;
        font-size: 2.4em !important
    }

    ul.nav-tabs {
        background: 0 0;
        margin-left: 0;
        padding-left: 0;
        display: flex;
        flex-wrap: wrap;
        padding-top: 0;
        border-bottom: none;
        padding-bottom: 0
    }

    ul.nav-tabs li {
        border: 1px solid #ddd;
        border-bottom-color: #ddd;
        float: none;
        margin-right: 0;
        text-align: center;
        cursor: pointer;
        margin-bottom: 10px;
        width: 42%;
        border-radius: 3px;
        flex-grow: 0
    }

    ul.nav-tabs li a {
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        color: #196c97;
        border: none;
        background: 0 0;
        min-width: 100px;
        display: block
    }
}

.ck_quantity select {
    height: auto
}

.each {
    color: gray;
    font-size: .9em
}

::-webkit-scrollbar {
    width: 7px
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 transparent;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, .53)
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, .53)
}

.fon-price {
    position: absolute;
    background: #ffffffc7;
    width: calc(100% + 5px);
    height: calc(100% + 5px);
    top: 0;
    left: 0;
    z-index: 99
}

.addto {
    display: block;
    background: url(../images/addcart.png) no-repeat;
    background-size: 15px;
    padding: 0 0 0 20px
}

.addto:hover, a:hover .addto, .addto:active, a:active .addto, .addto:focus, a:focus .addto {
    background: url(../images/addcart3.png) no-repeat;
    background-size: 15px
}

.surfaces {
}

.surfaces .categorypagefilter {
    margin: 0 auto;
    max-width: 992px;
    border-bottom: 1px solid #cecece;
    margin-bottom: 20px
}

.surfaces h2 {
    color: #000;
    font-size: 24px;
    max-width: 992px;
    margin: 0 auto
}

.surfaces h1 span {
    font-size: .6em;
    padding-left: 20px
}

.surfaces .group {
    padding: 0 0 20px;
    max-width: 1022px;
    margin: 0 auto
}
.under-h1-text {
    padding: 10px 0 0px;
    font-size: 15px;
    color: #6d6d6d;
}
.under-h2-text {
    color: #7e7e7e;
    padding: 7px 0 10px;
    max-width: 992px;
    margin: 0 auto;
}

.action-call {
    font-size: 24px;
    text-align: center;
    padding: 40px 0;
    background: #f0f7f7;
    margin: 30px 0 40px
}

.action-call.white-bg {
    background: white;
}

.surfaces ul.surface-options {
    list-style: none;
    margin: -15px 0 0;
    padding: 0
}

.surfaces ul.surface-options li:last-child {
    border-bottom: 0
}

.surfaces ul.surface-options.two-column {
    width: 50%;
    float: left
}

.surfaces ul.surface-options.two-column:first-child {
}

.surfaces ul.surface-options.two-column:first-child li {
    margin-left: 15px !important;
    padding-right: 15px;
    border-right: 1px solid #dcdcdc;
    display: block
}

.surfaces ul.surface-options.two-column:last-child li {
    margin-right: 15px !important;
    padding-left: 15px;
    display: block
}

.surfaces ul.surface-options.two-column li.no-maxheight {
    padding-left: 15px !important;
}

.surfaces ul.surface-options.two-column li {
}

.surfaces h3 {
    margin: 10px 0;
    padding: 0
}

.surfaces ul.surface-options li {
    margin: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #dcdcdc;
    padding-top: 15px
}

.surfaces ul.surface-options li:first-child {
}

.surfaces ul.surface-options li h4 {
    margin: 0
}

.surfaces ul.surface-options li:after {
    content: "";
    clear: both;
    display: block
}

.surfaces ul.surface-options li img, .surfaces ul.surface-options li svg {
    vertical-align: middle;
    float: left;
    margin: -6px 20px 0 0;
    height: auto;
    overflow: hidden;
    max-width: 60px !important;
    max-height: 60px !important
}

.surfaces ul.surface-options li img.noicon {
    max-width: 100% !important;
    max-height: 100% !important;
    float: none;
    margin: 0;
    min-width: 100%
}

.r-box {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .49);
    padding: 20px;
    z-index: 1;
    position: relative
}

.surfaces .r-box ul.surface-options {
    margin: 0 !important
}

.orangebg {
    color: #fff !important;
    background: #f17000;
}

.headover-1 {
    position: relative;
    z-index: 99;
    margin-bottom: -0.5em !important;
}

.headover-2 {
    position: relative;
    z-index: 99;
    margin-bottom: -0.85em !important;
}

.headover-3 {
    position: relative;
    z-index: 99;
    margin-bottom: -1em !important;
}

.headover-4 {
    position: relative;
    z-index: 99;
    margin-bottom: -3em !important;
}

.headover-5 {
    position: relative;
    z-index: 99;
    margin-bottom: -5em !important;
}

.headover-t1 {
    position: relative;
    z-index: 99;
    margin-top: -0.95em !important;
}

.headover-t2 {
    position: relative;
    z-index: 99;
    margin-bottom: 10px !important;
    margin-top: -2.7em !important;
}

h2.orange-bg {
    color: #fff;
    background: #f17000;
    padding: 13px 5px;
    font-size: 19px !important;
    text-align: center;
    width: auto;
    border-radius: 6px;
    max-width: 70%;
    z-index: 2;
    margin-bottom: -14px;
    position: relative
}

.bluebg {
    background: #327aba;
    color: white !important;
}

.choose a {
    padding-left: 10px;
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    height: 77px;
    line-height: 77px;
    clear: both
}

.choose a img {
    float: left;
    width: 88px;
    mrgin: 0 0 0 -34px
}

.choose:hover a {
}

.choose:hover a img {
}

.choose a:hover {
    color: #f17000
}

.choose a:hover img {
}

.whychooseus {
}

.whyheader {
    text-align: center;
    background: url(/catalog/view/theme/playgroundequipment/images/why-header3.jpg);
    background-size: cover;
    background-position: center;
    padding: 54px 0;
    border-bottom: 15px solid #eb7a29
}

.whyheader .firstrow {
    font-weight: 700;
    font-size: 27px;
    margin-bottom: 10px
}

.whyheader .secondrow {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
}

.whyheader .thirdrow {
    text-transform: uppercase;
    font-family: arial black, arial, sans-serif;
    color: #fff;
    font-size: 60px;
}

.bblue {
    background: #4c87bd;
    color: #fff !important
}

.borange {
    background: #eb7a29;
    color: #fff !important
}

.lh-1 {
    line-height: 1em;
}

.lh-2 {
    line-height: 1.85em;
}

.lh-3 {
    line-height: 3em
}

.lh-4 {
    line-height: 4em;
}

.rcorners {
    border-radius: 8px
}

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

.shaddow {
    box-shadow: 2px 3px 5px rgba(0, 0, 0, .3)
}

.lshaddow {
    box-shadow: 0px 0px 05px rgba(0, 0, 0, .2)
}

.bborder {
    border: 1px solid #b2b2b2
}

.blborder {
    border: 1px solid #000;
}

.gborder {
    border: 1px solid #d9d9d9
}

.text-center {
    text-align: center
}

.orangebullet li ul {
    margin-left: 20px
}

.orangebullet li ul li {
    margin: 0;
    padding: 0
}

.orangebullet li ul li:before {
    content: "\00B0";
    vertical-align: -webkit-baseline-middle;
}

.orangebullet li {
    padding-left: 10px;
    list-style-type: none;
    line-height: 20px;
    margin: 0 0 10px;
    font-size: 13px;
}

.orangebullet li:before {
    color: #eb7a29;
    content: "\2022";
    margin-left: -16px;
    margin-right: 10px;
    font-size: 17px;
    vertical-align: middle;
}

.overhead {
    margin-bottom: -19px !important;
    z-index: 999;
    position: relative
}

.overhead2 {
    margin-bottom: -25px !important;
    z-index: 999;
    position: relative
}

.button.orange {
    background: transparent;
    color: #fff !important;
    display: inline-block;
    font-size: 20px;
    padding: 4px 35px;
    margin-top: 10px;
    position: relative;

}
.button.orange * {
    position: relative;
    z-index: 1;
}
.button.orange:before {
    background: #eb7a29;
    content: "";
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.button.small {
    font-size: 15px;
    height: 35px;
    padding: 0 20px;
    line-height: 35px;
}

ul.more {
    display: none;
}

.whatnext {
    padding: 20px 0;
    margin-top: 20px;
    border-bottom: 15px solid #eb7a29;
    border-top: 15px solid #eb7a29;
    margin-bottom: -38px;
}

.whatnext .row {
}

.whatnext .col {
    flex-grow: 1;
    text-align: center;
    min-width: 200px;
    margin: 20px 0;
}

.whatnext h3 {
    font-size: 26px;
    font-weight: 700
}

.whatnext a {
    color: #000 !important;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    display: block
}

.whatnext a img {
    display: block;
    margin: 0 auto
}

.whyfooter {
    border-bottom: 15px solid #eb7a29;
    margin-bottom: -38px
}

.tr-caption-container {
    padding: 5px;
    color: #222222;
    background: #ffffff;
    border: 1px solid #eeeeee;
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.ProductDescriptionContainer * {
    font-size: 14px !important;
}

.customerstories {
}

.customerstories .customerbanner {
    background: url(../images/customerstories2.jpg) no-repeat;
    background-size: cover;
    height: 330px;
    margin-bottom: 0;
    background-position: bottom right;
    position: relative;
}

.customerstories .customerbanner h1 {
    font-size: 45px;
    color: white;
    padding: 30px 0 0 160px;
    /* text-indent: -170px; */
    line-height: 37px;
    width: 822px;
}

.customerstories .customerbanner h1 em {
    font-weight: 400;
    display: block;
    margin-left: -170px;
}

.customerstories .customerbanner h2 {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding: 150px 200px 0 0;
}

.customerstories h2 {
    color: white;
    font-style: italic;
    margin-bottom: 50px;
    font-size: 22px !important;
}

.purchasing-process {
}

.purchasing-process .leftcol {
    float: left;
    width: 25%;
}

.purchasing-process .middlecol {
    width: 50%;
    border: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.purchasing-process .rightcol {
    float: right;
    width: 25%;
}

.purchasing-process:after {
    display: block;
    content: "";
    clear: both;
}

.purchasing-process .ppstep1, .purchasing-process .ppstep3, .purchasing-process .ppstep5 {
    float: right;
    margin: 6px -10px 0;
    width: 50%;
}

.purchasing-process .ppstep1 img {
}

.purchasing-process .ppstep2, .purchasing-process .ppstep4 {
    width: 50%;
    float: left;
    margin: -22px 0 -11px -10px;
}

.purchasing-process .ppstep3 {
}

.purchasing-process .ppstep4 {
}

.purchasing-process .ppstep5 {
    margin-top: -11px;
}

.purchasing-process .ppimg1 {
    margin: 25% 0 0 0;
}

.purchasing-process .ppimg2 {
}

.purchasing-process .ppimg3 {
}

.purchasing-process .ppimg4 {
}

.purchasing-process .ppst1 {
}

.purchasing-process .ppst2 {
    margin-top: 33%;
}

.purchasing-process .ppst3 {
    margin-top: 12%;
}

.purchasing-process .ppst4 {
    margin-top: 27%;
}

.purchasing-process .ppst5 {
    margin-top: 20%;
}

.mnt-bg {
    border-top: #eb7a29 solid 14px;
    border-bottom: #eb7a29 solid 14px;
    background: url(../images/mnt-bg.jpg) no-repeat center;
    background-size: cover;
    margin: 0 -15px;
    padding: 0 15px;
}

.mnt-bg .bluebg {
    background: #5e97c4;
    /* min-height: 330px; */
    height: calc(100% - 14rem);
}

.mnt-bg .bluebg p {
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.4em !important;
}

.maintenance .big {
    font-size: 0.9em;
}

.popupform {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 700px;
    height: 700px;
    padding: 20px;
    background: #fff;
    z-index: 999;
    margin: -350px 0 0 -350px;
    display: none;
}

.popupform h3 {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: 0;
}

.popupform h3 em:before {
    content: "×";
    display: block;
}

.popupform h3 em {
    position: absolute;
    top: -10px;
    right: 0px;
    font-size: 2em;
    cursor: pointer;
    z-index: 9999;
}

.popupform h3 em:hover {
    color: #ed0505;
}

ul.orangebutton {
    list-style: none;
}

ul.orangebutton li {
}

ul.orangebutton li a {
    background: #eb7a29;
    color: #fff;
    padding: 7px;
    display: block;
    margin: 5px 0 0;
    border-radius: 8px;
    font-size: 1.2em;
}

ul.orangebutton li a:hover {
    background: #ef9250;
    color: #fff;
}

ul.whitebutton {
    list-style: none;
}

ul.whitebutton li {
}

ul.whitebutton li a {
    background: #fff;
    border: 1px solid #327aba;
    color: #eb7a29;
    padding: 6px;
    display: block;
    margin: 4px 0 0;
    border-radius: 8px;
    font-size: 1.2em;
}

ul.whitebutton li a:hover {
    color: #327aba;
}

.resources {
}

.resources .rcorners.shaddow .icons {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.resources .rcorners.shaddow .icons a {
    display: block;
    padding: 0;
    margin: 0;
}

.resources .rcorners.shaddow .icons a {
    width: 137px;
    height: 127px;
    position: relative;
}

.resources .rcorners.shaddow .icons a span {
    position: absolute;
    display: block;
    font-size: 11px;
}

.resources .process {
    background: url(/catalog/view/theme/playgroundequipment/images/resources-process.jpg) no-repeat center 48px;
}

.resources .purchasing {
    background: url(/catalog/view/theme/playgroundequipment/images/resources-purchasing.jpg) no-repeat center 48px;
}

.resources .design {
    background: url(/catalog/view/theme/playgroundequipment/images/resources-design.jpg) no-repeat center 48px;
}

.resources .rcorners.shaddow .icons a.playground-maintenance-guide span {
    top: 9px;
    left: 10px;
}

.resources .rcorners.shaddow .icons a.design-faq span {
    bottom: 30px;
    left: 30px;
}

.resources .rcorners.shaddow .icons a.design-basics span {
    bottom: 30px;
    right: 40px;
}

.resources .rcorners.shaddow .icons a.color-options span {
    bottom: 18px;
    left: 23px;
}

.resources .rcorners.shaddow .icons a.colorizer span {
    bottom: 18px;
    right: 21px;
}


.resources .rcorners.shaddow .icons a.purchasing-process span {
    top: 9px;
    left: 9px;
}

.resources .rcorners.shaddow .icons a.financing-leasing span {
    top: 9px;
    right: 12px;
}

.resources .rcorners.shaddow .icons a.fundraising span {
    bottom: 15px;
    left: 7px;
}

.resources .rcorners.shaddow .icons a.grants-stimulus span {
    bottom: 15px;
    right: 12px;
}

.resources .rcorners.shaddow .icons a.getting-started span {
    top: 9px;
    right: 15px;
}

.resources .rcorners.shaddow .icons a.installation span {
    bottom: 15px;
    left: 6px;
}

.resources .rcorners.shaddow .icons a.delivery span {
    bottom: 15px;
    right: 14px;
}

.resources .rcorners.shaddow .icons a img {
    margin: 0;
    padding: 0;
    display: block;
}


.res-art-nav {

}

.res-art-nav ul {
    list-style: none;
    display: flex;
    margin: 0 auto;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 750px;
    width: 100%;
}

.res-art-nav ul li {


    text-align: center;
    width: 150px;
    background: none;
    padding: 0;
}

.res-art-nav ul.nav-tabs li:last-child {
    margin-right: 0;
}

.res-art-nav ul li a {
    padding: 10px;
    text-align: center;
    display: block;
    min-width: 10px;
}

.res-art-nav ul li a img {
    margin: 0;
    max-height: none;
}

.res-art-nav ul li a:hover img {
    opacity: 0.5;
}

.res-art-nav ul li a span,
.res-art-nav ul li.active a:hover span {
    display: block;

}

.res-art-nav ul.nav-tabs li a:hover span {
    opacity: 0.3;
    color: #000;
    margin: 10px 0 -50px 0;
}

.res-art-nav ul.nav-tabs li.active a span, .res-art-nav ul.nav-tabs li.active a:hover span {
    opacity: 1;
    color: #f17000;
}

.res-art-nav ul.nav-tabs li.active {

}

.res-art-items {
}

.res-art-items .item {
    display: none;
}

.res-art-items .item.active {
    display: block;
}

.res-art-items .item:after {
    content: "";
    display: block;
    clear: both;
}

.res-art-items .head {
    text-align: center;
    background: #f0f7f7;
    margin: 10px -15px 30px;
    padding: 20px 0 10px;
}

.res-art-items .head h2 {
    font-size: 30px !important;
}

.res-art-items .content > div {
    width: 50%
}

.res-art-items .content .left {
    border-right: 1px solid #b2b2b2;
    margin-right: -1px;
}

.res-art-items .content .left a {
    margin-right: 60px;
}

.res-art-items .content .right a, .res-art-items .content.threecol .middle a {
    margin-left: 60px;
}

.res-art-items .content .right {
    /* border-left: 1px solid #b2b2b2; */
    /* margin-left: -1px; */
}

.res-art-items .content.threecol .left {
    width: 33%;
}

.res-art-items .content.threecol .middle {
    width: 33%;
    margin-right: -1px;
    border-right: 1px solid #b2b2b2;
}

.res-art-items .content.threecol .right {
    width: 33%;
    margin-right: 0;
}

.res-art-items .content a {
    display: block;
    font-size: 1.3em;
    margin: 17px 0;
    line-height: 1.6em;
}

.res-img1, .res-img2 {
    position: relative;
    float: left;
    display: flex;
    overflow: hidden;
    width: 61%;
    height: auto;
}

.res-img1 span, .res-img2 span {
    position: absolute;
    display: none;
    text-align: left;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    height: 100%;
}

.res-img1 span strong {
    display: block;
}

.res-img1:hover span, .res-img2:hover span {
    display: block;
}

.res-img2 {
    float: right;
    width: 141px;
    /* display: block; */
    margin: 0 0px 17px 0;
}

.res-img2:last-child {
    margin-bottom: 0;
}

.res-img1 img {
    height: auto;
    width: 100%;
}

.res-img2 img {
    width: 100%;
}

.ulnet {
    padding: 0;
    margin: 0;
    display: flex;
    list-style: none;
    flex-wrap: wrap;
}

.ulnet li:nth-child(3n-1) {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    margin: 0 -1px;
}

.ulnet li:nth-child(-n + 3) {
    border-top: none;
}

.ulnet li.show:nth-child(-n + 3) {
    display: block;
}

.ulnet li {
    width: 33.33%;
    text-align: center;
    padding: 7px 0;
    border-top: 1px solid #000;
}

.bb {
    border-color: black;
}

.color-options {
}

.color-options h1 {
}

#Wrapper .color-options h2 {
    font-size: 1.8em;
    color: black;
}

#Wrapper h2.lined {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    text-align: left;
}

#Wrapper h2.lined:after {
    display: block;
    height: 1px;
    background: #000;
    width: 100%;
    content: "";
}

#Wrapper h2.lined span {
    white-space: nowrap;
    padding-right: 10px;
}

#Wrapper h2.lined.odd:before {
    display: block;
    height: 1px;
    background: #000;
    max-width: 70px;
    content: "";
    width: 100%;
}

#Wrapper h2.lined.odd span {
    padding-left: 10px;
    width: auto;
}

.color-options .copt-metals {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.color-options .copt-metals li {
}

.color-options .copt-plastics, .color-options .copt-poly3 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.color-options .copt-poly, .color-options .copt-handholds, .site-page .list-unstyled.copt-poly2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.color-options.site-page .list-unstyled.copt-poly li {
}

.color-options .list-unstyled.copt-rain_wheel,
.color-options .list-unstyled.copt-ships_wheel,
.color-options .list-unstyled.copt-bear_panel_insert, .color-options .list-unstyled.copt-single_drum {
    border-right: 1px solid #000;
}

.notfound {
    display: flex;
    /* background: url(../images/404PE2.jpg); */
    height: 100%;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: contain;
    align-items: center;
    font-size: 1.3em;
    padding: 0 0 0px;

}


.notfound > div {
}

.notfound .big {
    font-family: arial black, arial;
    font-size: 4em;
    color: #000;
    margin: 20px 0 0;
}

.notfound.noresults .big {
    font-size: 3em;
}

.notfound .orange {
    display: block;
    margin: 0 0;
    font-size: 2em;
}

.notfound strong {
    font-family: arial black;
    line-height: 1.2em;
    display: block;
    margin: 0;
}


.notfound .icons {
    display: flex;
    justify-content: center;
    margin: 15px 0 0 0;
}

.notfound .icons a {
    width: 33.33%;
    text-align: center;
    height: 20px;
    padding: 65px 0 0;
    font-size: 0.9em;
}

.notfound .icons a.search {
    background: url(../images/404PEsearch.jpg) no-repeat top center;
}

.notfound .icons a.gett {
    background: url(../images/404PEgeting.jpg) no-repeat top center;
}

.notfound .icons a.about {
    background: url(../images/404PEabout.jpg) no-repeat top center;
}

#SearchFormNotFound {
    color: #fff;
    display: inline-block;
    float: right;
    padding: 0;
    position: relative;
    height: 21px;
    margin: 14px 0 0;
    width: 187px;
    border: 1px solid #b3b3b3;
    border-radius: 3px;
}

#SearchFormNotFound input.Textbox {
    height: 21px !important;
    font-size: 11px;
    font-style: italic;
    padding: 0 0 5px 4px;
    background: 0 0;
    border: 0;
    color: #2071be;
    font-weight: 400;
    font-family: Arial, sans-serif;
    width: 180px;
}

@media only screen and (max-width: 630px) {
    #SearchFormNotFound .Button {

    }
}

#SearchFormNotFound .Button {
}

.notfound #SearchFormNotFound {
    float: none;
    width: 100%;
}

.notfound #SearchFormNotFound input.Textbox {
    width: 90%;
    float: left;
}

.bigorangeborder {
    border-color: #f38f31;
    margin: -1px 0 -34px;
    padding: 40px 0 0 0;
    z-index: 999;
    position: relative;
}

.bigorangeborder.bt {
    border-top: 5px solid #f38f31;
}

.getting-started {
}

.getting-started .header {
    background: url(../images/gettingstarted-header.jpg) center bottom no-repeat;
    background-size: cover;
    text-align: center;
    color: white;
    font-size: 50px;
    font-style: italic;
    padding: 95px 0px 210px;
    margin: 0 -15px 40px;
}

.getting-started .blborder {
}

.grayborder {
    border-color: #ccc !important;
}

.blackborder {
    border-color: black;
}

.bt {
    border-top: 1px solid;
}

.br {
    border-right: 1px solid;
    margin-right: -1px;
}

.bl {
    border-left: 1px solid;
}

.bb {
    border-bottom: 1px solid;
}

.community {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.community a {
    display: block;
    background: url(../images/gettingstarted-icon4a.jpg) 0px 0 no-repeat;
    height: 40px;
    width: 110px;
    padding: 85px 0 0;
    color: black;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.community a span.note {
    position: absolute;
    top: 130px;
    z-index: 999;
    background: #ededed;
    padding: 10px;
    width: 150px;
    text-align: left;
    left: 50%;
    margin: 0 0 0 -75px;
    font-weight: normal;
    display: none;
}

.community a:hover span.note {
    display: block;
    color: black;
}

.community a span.note:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid #ededed;
}

.community a.toddler {
}

.community a.preschool {
    background-position: -105px 0;
}

.community a.gradeschool {
    background-position: -217px 0;
}

.community a.ada {
    background-position: -325px 0;
}

.fundraising .header {
    background: url(../images/fundraising-header.jpg) no-repeat center;
    background-size: cover;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    padding: 90px 0;
    position: relative;
    margin: 0 -15px;
}

.fundraising .header span {
    position: relative;
    z-index: 2;
}

.fundraising .header:before {
    background-color: rgba(0, 0, 0, 0.28);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    z-index: 1;
}

.fundraising .showmore {
    cursor: pointer;
    display: none;
    text-align: center;
}

.fundraising .showmore.more:before {
    content: "Show More";
}

.fundraising .showmore.less:before {
    content: "Show Less";
}

.fundraising .showmore span {
    display: none;
}

.meetourteam {
}

.meetourteam .header {
    background: url(../images/meetourteam-bg.jpg) center no-repeat;
    background-size: cover;
    text-align: center;
    min-height: 412px;
    margin: 0 -15px;
}

.meetourteam .header span {
    display: block;
    font-weight: bold;
    font-size: 36px;
    padding: 40px 0 80px;
}

.meetourteam .header .logo {
}

.meetourteam .team .row > div {
    cursor: pointer;
    position: relative;
}

.meetourteam .team .row > div .bio {
    position: absolute;
    z-index: 999;
    background: rgba(47, 118, 177, 0.81);
    padding: 30px;
    font-size: 1.5em;
    color: white;
    font-weight: normal;
    width: 340px;
    display: none;
    box-shadow: 3px 0 8px rgba(0, 0, 0, 0.28);
}

.meetourteam .team .row > div .bio span.close {
    content: "x";
    display: block;
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 99999;
}

.meetourteam .team .row > div .bio a {
    color: #fff;
    text-decoration: underline;
}

.meetourteam .team .row > div .bio strong, .meetourteam .team .row > div .bio em {
    font-size: 1.5em;
    text-align: center;
    display: block;
}

.meetourteam .team.visible-sm .row:hover > div img {
    /* opacity: 0.3;
    filter: grayscale(); */
}

.meetourteam .team .row > div {
    position: relative;
}

.meetourteam .team .row > div::after {
    content: "Click to learn more";
    position: absolute;
    z-index: 999;
    width: 100%;
    bottom: 11px;
    left: 0;
    background: rgba(255, 255, 255, 0.7);
    text-align: center;
    line-height: 30px;
    transition: all 200ms ease;
    opacity: 0;
}

.meetourteam .team .row > div:not(.showw):hover::after {
    opacity: 1;
}

.meetourteam .team .row > div .bio i.close:after {
    content: "\f00d";
    display: inline-block;
    font-size: 1em;
    font-style: normal;
    font-family: 'FontAwesome';
    vertical-align: middle;
}

.meetourteam .team .row > div .bio i.close::before {
    content: "Close";
    display: inline-block;
    font-size: 0.7em;
    font-style: normal;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.meetourteam .team .row > div .bio i.close {
    font-weight: 700;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10000
}


.meetourteam .team .row > div.showw img {
    opacity: 1;
    filter: none;
}

.meetourteam .team .row > div.showw {
    position: relative;
    z-index: 9999999;
}

body.showmeet #Wrapper {

}

body.showmeet .top-line,
body.showmeet #Logo {
    z-index: 0;
}

body.showmeet .meetourteam:after {
    content: "";
    display: block;
    position: fixed;
    background: rgba(0, 0, 0, .85);
    height: 100%;
    width: 100%;
    z-index: 99999;
    top: 0;
    transition: all 200ms ease;
}
body.showmeet .new2 .new .footer-in2 > div {
    z-index: 1;
}
.ds-nav {
}

.ds-nav a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 9px 0 5px 33px;
}

.ds-nav a img {
    vertical-align: middle;
}

.arialblack {
    font-family: "Arial Black", arial, sans-serif;
}

.border-2 {
    border: 2px solid;
}

.orangeborder {
    border-color: #ef6711;
}

.whitebg {
    background: white;
}

.orangedot {
    padding: 0;
    margin: 0;
}

.orangedot li {
    list-style: none;
    background: url(../images/orangedot.png) 0 3px no-repeat;
    padding: 0 0 0 20px;
}

.financing {
}

.financing .header {
    background: url(../images/financing-header.png) no-repeat center;
    background-size: cover;
    margin: 0 -15px;
}

.financing .header .page {
    position: relative;
    height: 380px;
    padding: 40px 0 0;
}

.financing .header h2 {
    color: white;
    font-size: 73px !important;
    margin: 30px 0 0 55%;
}

.financing .header h2 span {
    padding-left: 40px;
    display: block;
}

.financing .header .slogan {
    color: white;
    font-size: 30px;
    font-weight: bold;
    margin: 20px 0 0 60%;
}

.financing .header .pelogo {
    position: absolute;
    right: 0;
    bottom: 20px;
}

.financing .steps h3 {
    font-weight: bold;
    margin: 0px 0 10px 0;
}

.financing .steps {
    font-size: 14px;
}

.financing .steps h4 {
    font-size: 20px;
    margin: 0;
    font-weight: bold;
}

.financing .steps .step1 {
    background: #dde6fa;
}

.financing .steps .step2 {
    background: #bacbf5;
}

.financing .steps .step3 {
    background: #94b0f1;
}

.financing .steps .step4 {
    background: #6a92ec;
}

.financing .steps .step5 {
    background: #3a73e7;
}

.lh10 {
    line-height: 1.0em;
}

.lh11 {
    line-height: 1.1em;
}

.lh12 {
    line-height: 1.2em;
}

.lh13 {
    line-height: 1.3em;
}

.lh14 {
    line-height: 1.4em;
}

.lh15 {
    line-height: 1.5em;
}

.lh16 {
    line-height: 1.6em;
}

.inquiry-form {
    margin-bottom: -10px;
}

.inquiry-form .head {
    font-size: 36px;
    font-weight: bold;
}

.inquiry-form #emf-form input[type=text], .inquiry-form #emf-form input[type=email], .inquiry-form #emf-form input[type=date], .inquiry-form #emf-form input[type=number] {
    font-size: 17px;
    font-weight: normal;
    border: 1px solid #aaa;
    padding: 0px 15px !important;
    height: 40px;
    line-height: 43px;
    margin-bottom: 10px;
}

.inquiry-form #emf-form textarea {
    border: 1px solid #aaa;
    height: 240px;
    width: 100%;
    font-size: 17px;
    padding: 18px 15px !important;
    line-height: 20px;
}

.inquiry-form #emf-form .orange span.submit {
    height: 42px;
}

.inquiry-form #emf-form .orange span.submit input {
    height: 43px;
    line-height: 40px;
}

.rubber {
}

.rubber .header {
    background: url(../images/rubermulch-header2.jpg) no-repeat center;
    background-size: cover;
    color: white;
    margin: 0 -15px 30px;
    border-bottom: 15px solid #ef6713;
    padding: 40px 15px;
}

.rubber .header h2 {
    color: white;
    text-align: center;
    font-size: 40px !important;
    font-style: italic;
    margin: 6% 0;
}

.rubber .faqs.accordion {
}

.rubber .faqs.accordion h3 {
    color: black;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 115px;
    min-height: 60px;
}

.rubber .faqs.accordion h3:first-child {
    border-top: none;
}

.rubber .faqs.accordion h3 span {
    display: block;
    width: 100%;
}

.rubber .faqs.accordion h3 img {
    vertical-align: middle;
    margin: 0 20px;
    width: 71px;
}

.rubber .faqs.accordion p {
}

.rubber .faqs h3:hover {
    background: #fff;
    color: #666;
}

.rubber .faqs h3:before {
    display: none;
}

.rubber .faqs h3:after {
    content: "";
    display: block;
    border: 5px solid transparent;
    border-left: 5px solid #000;
    margin: 0 0 0 3px;
    color: black;
    width: 5px;
}

.rubber .faqs h3:after {
    content: "";
    display: block;
    clear: both;
}

.rubber .faqs p {
    margin-left: 123px;
}

.rubber .faqs h3.open:after {
    border-top: 6px solid #333;
    border-left: 6px solid transparent !important;
    height: 0px;
    width: 0px;
    margin: 5px 8px 0 0;
}

.rubber .faqs h3:hover:after {
    border-left: 5px solid #666
}

.rubber .faqs h3 img {
    display: none;
}

.rubber .faqs h3.toxic {
    min-height: 75px;
    background: url(../images/rm-icon-toxic.png) no-repeat 20px center;
    padding-left: 115px;
}

.rubber .faqs h3.toxic:hover {
    background-image: url(../images/rm-icon-toxic.gif);
}

.rubber .faqs h3.benefit {
    background: url(../images/rm-icon-benefit.png) no-repeat 20px center;
}

.rubber .faqs h3.benefit:hover {
    background-image: url(../images/rm-icon-benefit2.gif);
}

.rubber .faqs h3.pounds {
    background: url(../images/rm-icon-pounds.png) no-repeat 20px center;
}

.rubber .faqs h3.pounds:hover {
    background-image: url(../images/rm-icon-pounds2.gif);
}

.rubber .faqs h3.deep {
    background: url(../images/rm-icon-deep2.png) no-repeat 20px center;
}

.rubber .faqs h3.deep:hover {
    background-image: url(../images/rm-icon-deep3.gif);
}

.rubber .faqs h3.safe {
    background: url(../images/rm-icon-safe.png) no-repeat 20px center;
}

.rubber .faqs h3.safe:hover {
    background-image: url(../images/rm-icon-safe2.gif);
}

.rubber .faqs h3.pets {
    background: url(../images/rm-icon-pets.png) no-repeat 20px center;
}

.rubber .faqs h3.pets:hover {
    background-image: url(../images/rm-icon-pets2.gif);
}

.rubber .faqs h3.tire {
    background: url(../image/border-cartire.gif) no-repeat 15px center;
    background-size: 80px;
}

.rubber .faqs h3.tire:hover {
    background-image: url(../image/border-cartire-animate2.gif);
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.white {
    color: white !important;
}

.mntcheklist + div.color-wizard-popup-print .image object {
    width: 600px;
    height: 840px;
}

.mntcheklist .header {
    background: url(../images/playgroundmaintenancechecklist.jpg) no-repeat center;
    background-size: cover;
    padding: 60px 0 50px;
    margin: 20px -15px 40px;
    border-bottom: 14px solid #ef6712;
}

.mntcheklist .header h2 {
    text-align: center;
    color: white;
    font-size: 54px !important;
    font-family: "Arial Black", arial, sans-serif;
    line-height: 0.9em;
}

.mntcheklist .header h2 span {
    display: block;
    font-size: 35px !important;
    font-family: arial;
}

.mntcheklist .lists {
}

.mntcheklist .lists h3 {
    position: absolute;
    top: -17px;
    left: 5px;
    width: 100%;
}

.mntcheklist .lists h3 span {
    display: inline-block;
    margin: 0px auto;
    text-align: center;
    font-size: 19px;
    padding-left: 85px !important;
    padding-right: 15px !important;
    position: relative;
    background: #eb7a2a;
    color: white;
    padding: 5px 10px;
    border-radius: 10px;
}

.mntcheklist .lists h3 span:before {
    content: "";
    display: inline-block;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    margin: 0px 0;
    background: white;
    position: absolute;
    border: 4px solid #eb7a2a;
    border-radius: 50px;
    top: -30px;
    left: -10px;
}

.mntcheklist .lists h3.comp span:before {
    background: url(../images/pmntchecklist-icon-compstructure.png) #fff no-repeat center 12px;
}

.mntcheklist .lists h3.slides span:before {
    background: url(../images/pmntchecklist-icon-slides.png) #fff no-repeat center;
}

.mntcheklist .lists h3.spin span:before {
    background: url(../images/pmntchecklist-icon-spin.png) #fff no-repeat center;
}

.mntcheklist .lists h3.climb span:before {
    background: url(../images/pmntchecklist-icon-climb.png) #fff no-repeat center;
}

.mntcheklist .lists h3.swings span:before {
    background: url(../images/pmntchecklist-icon-swings.png) #fff no-repeat center;
}

.mntcheklist .lists h3.surf span:before {
    background: url(../images/pmntchecklist-icon-surf.png) #fff no-repeat center;
}

.mntcheklist .lists .rcorners {
    position: relative;
    padding-top: 50px;
    margin: 60px 0 0;
    padding-bottom: 40px;
    height: calc(100% - 150px);
}

.mntcheklist .lists .rcorners .add {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

.mntcheklist .lists .rcorners ul.mntcheklistul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
}

.mntcheklist .button {
    font-size: 24px;
    margin: 50px 0;
    padding: 0 60px;
    width: auto;
    display: inline-block;
}

.mntcheklist .lists .rcorners ul.mntcheklistul li {
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    padding: 10px 20px;
    border-top: 1px solid #000;
}

.mntcheklist .lists .rcorners ul.mntcheklistul li:first-child {
    border-top: none;
}

.mntcheklist .lists .rcorners .note {
    font-size: 0.9em;
    text-align: left;
    padding: 0 10px 0 20px;
}

.meetourteam .team .row > div.showw .bio {
    display: block;
}

.nrpa {
    background: url(../images/nrpa-balt-bg.jpg) no-repeat top center;
    margin: 0 -15px;
    padding: 40px 0;
}

.framecontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

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

/* Happy Hollow */
.happyhollow {
}

.happyhollow .header {
    background: url(../images/happyhollow-bg.jpg) no-repeat top right;
    background-size: cover;
    /* border-top: 12px solid #eb7a29; *//* border-bottom: 12px solid #eb7a29; */
    text-align: center;
    padding: 20px 15px;
    margin: 0 -15px;
}

.happyhollow .header .page {
    position: relative;
}

.happyhollow .header .mainimg {
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -160px;
}

.happyhollow .header h1 {
    font-family: "Arial Black", arial, sans-serif;
    font-size: 33px;
    color: #4c87bd;
    text-transform: uppercase;
    margin: 0.5em 0;
}

.happyhollow .header p {
    font-size: 20px;
    font-weight: bold;
}

.happyhollow .header p.price {
    font-size: 23px;
    text-transform: uppercase;
    font-family: "Arial Black";
}

.happyhollow .header form {
    line-height: 50px;
}

.happyhollow .header .Value {
    width: 200px;
    display: inline-block;
}

.happyhollow .header select {
    width: 200px;
    font-size: 14px;
    height: 30px;
    border: 1px solid #888;
    outline: none;
    display: inline-block;
}

.happyhollow .header button {
    display: block;
    background: #e88904;
    background: -moz-linear-gradient(top, #e88904 0%, #f25b03 100%);
    background: -webkit-linear-gradient(top, #e88904 0%, #f25b03 100%);
    background: linear-gradient(to bottom, #e88904 0%, #f25b03 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e88904', endColorstr='#f25b03', GradientType=0);
    height: 50px;
    border: 0;
    text-align: left;
    cursor: pointer;
    margin: 5px auto 10px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    line-height: 50px;
    float: none;
    text-decoration: none;
    font-weight: 900;
    font-size: 15px;
    vertical-align: middle;
}

.happyhollow .header button i {
    background: url(../image/addcart2.png) no-repeat;
    width: 25px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
}

.happyhollow .leaves {
    background: url(../images/happyhollow-leaves.png) no-repeat;
    background-size: 70%;
    background-position: 100% 40%;
    margin: 0 -15px;
}

.happyhollow .leaves .in {
    background: url(../images/happyhollow-leaves.png) no-repeat;
    background-size: 70%;
    background-position: -160% 15%;
    padding: 0 15px;
}

.happyhollow .leaves2 {
    background: url(../images/happyhollow-leaves2.png) no-repeat;
    background-size: 70%;
    background-position: 0% 250px;
    margin: 0 -15px;
}

.happyhollow .leaves2 .in {
    background: url(../images/happyhollow-leaves2.png) no-repeat;
    background-size: 70%;
    background-position: 280% 90px;
    padding: 0 15px;
}

.happyhollow .halflightorange {
    background: rgba(244, 184, 151, 1);
    background: -moz-linear-gradient(left, rgba(244, 184, 151, 1) 0%, rgba(244, 184, 151, 1) 50%, rgba(238, 143, 88, 1) 50%, rgba(238, 143, 88, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(244, 184, 151, 1)), color-stop(50%, rgba(244, 184, 151, 1)), color-stop(50%, rgba(238, 143, 88, 1)), color-stop(100%, rgba(238, 143, 88, 1)));
    background: -webkit-linear-gradient(left, rgba(244, 184, 151, 1) 0%, rgba(244, 184, 151, 1) 50%, rgba(238, 143, 88, 1) 50%, rgba(238, 143, 88, 1) 100%);
    background: -o-linear-gradient(left, rgba(244, 184, 151, 1) 0%, rgba(244, 184, 151, 1) 50%, rgba(238, 143, 88, 1) 50%, rgba(238, 143, 88, 1) 100%);
    background: -ms-linear-gradient(left, rgba(244, 184, 151, 1) 0%, rgba(244, 184, 151, 1) 50%, rgba(238, 143, 88, 1) 50%, rgba(238, 143, 88, 1) 100%);
    background: linear-gradient(to right, rgba(244, 184, 151, 1) 0%, rgba(244, 184, 151, 1) 50%, rgba(238, 143, 88, 1) 50%, rgba(238, 143, 88, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4b897', endColorstr='#ee8f58', GradientType=1);
    margin: 0 -15px;
    padding: 0 15px;
}

.happyhollow .lightorange {
    background: #F4B897;
    border-bottom: 12px solid #E9732E;
    margin: 0 -15px;
    padding: 0 15px;
}

#Wrapper .happyhollow h2 {
    color: #000;
    font-weight: 400;
    font-size: 30px;
    text-align: center;
}

.happyhollow .components {
    display: flex;
    align-items: flex-start;
}

.happyhollow .components .component {
    margin-right: 10px;
}

.happyhollow .components p {
    /* font-size: 1.2em; */
}

.happyhollow .views {
    text-align: center;
    display: flex;
    align-items: baseline;
    justify-content: center;
    position: relative;
    padding-bottom: 20px;
}

.happyhollow .equalheight {
    min-height: 400px;
}

.happyhollow .views img {
    display: none;
}

.happyhollow .views map area {
    cursor: pointer;
}

.happyhollow .views img.active {
    display: block;
}

.happyhollow .views span.left, .happyhollow .views span.right {
    float: none;
    cursor: pointer;
    background: url(../images/happyhollow-viewsnav.png) no-repeat;
    overflow: hidden;
    display: block;
    width: 50px;
    height: 28px;
    text-indent: -999px;
    position: absolute;
    bottom: 0px;
}

.happyhollow .views span.left {
    left: 20%;
}

.happyhollow .views span.right {
    right: 20%;
}

.happyhollow .views span.right {
    background-position: 100% 0%;
}

.happyhollow .inside {
    /* float: left; */
    /* width: 70%; */
    display: block;
    text-align: center;
}

.happyhollow .inside img {
    display: block;
    margin: 0 auto;
}

.happyhollow .inside-tn {
    /* float: right; */
    /* width: 26%; */
    text-align: right;
    display: flex;
    flex-direction: column-reverse;
    /* height: 100%; */
    justify-content: space-between;
}

.happyhollow .inside-tn a {
    width: 90px;
    height: 68px;
    display: block;
}

.happyhollow .learnmore img {
    float: left;
    margin: 0 10px 10px 0;
}

.happyhollow .learnmore h3 {
    clear: none;
}

.happyhollow .learnmore h2 {
    text-align: center;
}

/* Happy Hollow 2 */
.happyhollow2 {
}

.happyhollow2 .header {
    background: transparent;
    background-size: cover;
    /* border-top: 12px solid #eb7a29; *//* border-bottom: 12px solid #eb7a29; */
    text-align: center;
    padding: 0;
    margin-bottom: 130px;
}

.happyhollow2 .header .page {
    position: relative;
    height: 400px;
}

.happyhollow2 .header .hhlogo {
    position: absolute;
    left: -6%;
    top: 50%;
    margin-top: -17%;
    width: 37%;
    z-index: 0;
}

.happyhollow2 .header .playlearnngrow {
    position: absolute;
    left: -2%;
    top: 56%;
    width: 28%;
    z-index: 0;
}

.happyhollow2 .header .hhform {
    position: absolute;
    right: -2%;
    width: 250px;
    top: 0;
}

.happyhollow2 .header .hhform form {
    border: 3px solid #6fa148;
    position: relative;
}

.happyhollow2 .header .hhform form:before {
    content: "";
    display: block;
    position: absolute;
    width: 90px;
    height: 120px;
    background: url(../images/hhformleft.png) no-repeat;
    background-size: contain;
    bottom: -26px;
    left: -62px;
    z-index: -1;
}

.happyhollow2 .header .hhform form:after {
    content: "";
    display: block;
    position: absolute;
    width: 90px;
    height: 120px;
    background: url(../images/hhformright.png) no-repeat;
    background-size: contain;
    bottom: -26px;
    right: -62px;
    z-index: -1;
}

.happyhollow2 .borderleaves {
    border: 3px solid #6fa148;
    position: relative;
}

.happyhollow2 .borderleaves:before {
    content: "";
    display: block;
    position: absolute;
    width: 90px;
    height: 120px;
    background: url(../images/hhformleft.png) no-repeat;
    background-size: contain;
    bottom: -26px;
    left: -62px;
    z-index: -1;
}

.happyhollow2 .borderleaves:after {
    content: "";
    display: block;
    position: absolute;
    width: 90px;
    height: 120px;
    background: url(../images/hhformright.png) no-repeat;
    background-size: contain;
    bottom: -26px;
    right: -62px;
    z-index: -1;
}

.happyhollow2 .specs .item {
    font-size: 16px;
    line-height: 40px
}

.happyhollow2 .specs .item strong {
    color: #3B2E89;
    font-weight: 400;
    display: inline-block;
    min-width: 110px;
}

.happyhollow2 .specs .item:nth-child(2) strong {
    width: 150px
}

.happyhollow2 .specs .item h4 {
    color: #3B2E89;
    font-size: 18px;
    line-height: 35px;
}

.happyhollow2 .header .mainimg {
    position: absolute;
    right: 50%;
    top: -20px;
    margin-top: 0;
    margin-right: -25%;
    z-index: 0;
    width: 53%;
}

.happyhollow2 .header h1 {
    font-family: "Arial Black", arial, sans-serif;
    font-size: 33px;
    color: #3B2E89;
    margin: 20px 0 20px;
}

.happyhollow2 .header p {
    font-size: 20px;
    margin: 10px 0 !important;
}

.happyhollow2 .header .green {
    color: #4AB049;
}

.happyhollow2 .header p.price {
    font-size: 23px;
}

.happyhollow2 .header form {
    line-height: 50px;
    text-align: center;
    z-index: 2;
    position: relative;
    padding: 5px 0 15px;
}

.happyhollow2 .header .Value {
    width: 226px;
    display: inline-block;
    margin: 5px 0;
}

.happyhollow2 .header select {
    width: 200px;
    font-size: 14px;
    height: 30px;
    border: 1px solid #888;
    outline: none;
    display: block;
    margin: 5px auto;
    text-align: center !important;
}

.happyhollow2 .header button {
    display: block;
    background: #e88904;
    background: -moz-linear-gradient(top, #e88904 0%, #f25b03 100%);
    background: -webkit-linear-gradient(top, #e88904 0%, #f25b03 100%);
    background: linear-gradient(to bottom, #e88904 0%, #f25b03 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e88904', endColorstr='#f25b03', GradientType=0);
    height: 35px;
    border: 0;
    text-align: center;
    cursor: pointer;
    margin: 5px auto 10px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    line-height: 35px;
    float: none;
    text-decoration: none;
    font-weight: 900;
    font-size: 15px;
    vertical-align: middle;
    width: 200px;
}

.happyhollow2 .header button i {
    background: url(../image/addcart2.png) no-repeat;
    width: 25px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
}

.happyhollow2 .leaves {
    background: url(../images/leaves2.jpg) no-repeat;
    background-size: 100%;
    background-position: 50% 53%;
    margin: 0 -15px;
}

.happyhollow2 .leaves .in {
    background: url(../images/leaves1.png) no-repeat;
    background-size: 95%;
    background-position: 101% 24%;
    padding: 0 15px;
}

.happyhollow2 .leaves2 {
    margin: 0 -15px -50px;
}

.happyhollow2 .leaves2 .in {
    background: url(../images/leaves3.jpg) no-repeat;
    background-size: 100%;
    background-position: 0% 100%;
    padding: 50px 15px 150px;
}

.happyhollow2 .Magic360, .happyhollow2 .Magic360-container {
    border: none
}

.happyhollow2 .badje {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 999;
}

.happyhollow2 .halflightorange {
    margin: 100px 0 0 0;
}

.happyhollow2 .halflightorange .page {
    border: 4px solid #AED34E;
    padding: 10px;
}

.happyhollow2 .lightorange {
    margin: 0 -15px;
    padding: 0 15px;
}

#Wrapper .happyhollow2 h2 {
    color: #000;
    font-weight: 400;
    font-size: 33px;
    text-align: center;
}

.happyhollow2 .components {
    display: flex;
    align-items: flex-start;
}

.happyhollow2 .components .component {
    margin-right: 10px;
}

.happyhollow2 .components p {
    /* font-size: 1.2em; */
}

.happyhollow2 .views {
    text-align: center;
    display: flex;
    align-items: baseline;
    justify-content: center;
    position: relative;
    flex-wrap: wrap;
    padding: 0 !important;
    height: auto;
}

.happyhollow2 .equalheight {
    min-height: 400px;
}

.happyhollow2 .views img {
    /* display: none; */
}

.happyhollow2 .views map area {
    cursor: pointer;
}

.happyhollow2 .views img.active {
    display: block;
}

.happyhollow2 .views span.left, .happyhollow2 .views span.right {
    float: none;
    cursor: pointer;
    background: url(../images/happyhollow-viewsnav.png) no-repeat;
    overflow: hidden;
    display: block;
    width: 50px;
    height: 28px;
    text-indent: -999px;
    position: absolute;
    bottom: 0px;
}

.happyhollow2 .views span.left {
    left: 20%;
}

.happyhollow2 .views span.right {
    right: 20%;
}

.happyhollow2 .views span.right {
    background-position: 100% 0%;
}

.happyhollow2 .inside {
    /* float: left; */
    /* width: 70%; */
    display: block;
    text-align: center;
}

.happyhollow2 .inside img {
    display: block;
    margin: 0 auto;
}

.happyhollow2 .inside-tn {
    /* float: right; */
    /* width: 26%; */
    text-align: right;
    display: flex;
    flex-direction: column-reverse;
    /* height: 100%; */
    justify-content: space-between;
}

.happyhollow2 .inside-tn a {
    width: 90px;
    height: 68px;
    display: block;
}

.happyhollow2 .learnmore img {
    margin: 0;
    width: 100%;
}

.happyhollow2 .learnmore h3 {
    clear: none;
}

.happyhollow2 .learnmore h2 {
    text-align: center;
}

.happyhollow2 .components ul {
    padding: 0;
    margin: -9px 0 0 0;
    display: flex;
    flex-wrap: wrap;
}

.happyhollow2 .components ul li {
    list-style: none;
    display: block;
    margin: 10px;
}

.happyhollow2 .components ul li img {
    display: block;
    cursor: pointer;
    transition: all ease 200ms;
}

.happyhollow2.components ul li img:hover {
    opacity: 0.6;
}

.happyhollow2 .components .note {
    background: rgba(255, 255, 255, 0.31);
    padding: 10px;
    font-size: 0.8em;
    margin: 10px 0 0;
    color: #000;
}

.happyhollow2 .components .note p {
}

.happyhollow2 .components p {
    text-align: center;
}

.happyhollow2 .components img {
    width: 100%;
}

.happyhollow2 .components .views img {
    display: none;
    /* width: 482px; *//* height: 360px; */
    /* position: absolute; */
    /* bottom: 0; */
}

.happyhollow2 .components .views img.default {
    display: block;
}

.happyhollow2 .components ul {
    padding: 0;
    margin: 0px 0 0 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.happyhollow2 .components ul li {
    list-style: none;
    display: block;
    margin: 7px !important;
    /* width: 90px; */
}

.happyhollow2 .components ul li img {
    display: block;
    cursor: pointer;
    transition: all ease 200ms;
}

.happyhollow2 .components ul li img:hover {
    opacity: 0.6;
}

.happyhollow2 .components .note {
    color: white;
    background: rgba(0, 0, 0, 0.5);
    padding: 0;
    font-size: 0.9em;
    margin: 0;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.happyhollow2 .components .note div {
    padding: 10px;
}

.happyhollow2 .components .note p {
    color: #fff;
    text-align: left;
    margin-bottom: 0 !important;
}

a.floatadd {
    position: fixed;
    background: #E9732E;
    top: 50%;
    right: 0;
    color: #fff !important;
    font-size: 40px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 10px 0 0 10px;
    transition: all ease 100ms;
    display: none;
    width: 30px;
    overflow: hidden;
    height: 52px;
    z-index: 9999;
}

a.floatadd:before {
    content: "+";
    margin-right: 15px;
    display: inline-block;
}

a.floatadd.hover:before {
    content: "";
}

a.floatadd.hover {
    background: #cd5916;
    right: 0;
    width: 280px
}

.hh-setup {
}

.hh-setup .header {
    background: url(../images/hh-setup-headerimgbg.jpg);
    background-size: contain;
    background-repeat: repeat-x;
    margin: 0 -15px;
    padding: 0 15px;
}

.hh-setup .header .page .row {
}

.most_popular_pages_box {
    text-align: left;
    max-width: 992px;
    margin: 0 auto;
    z-index: 9;
    position: relative;
    bottom: 20px;
    padding: 20px 0 0;
}

.new2 .new .footer-in2 > div {
    z-index: 999;
    bottom: 19px;
}

.error-not_found #show_most_popular_pages {
    margin-left: 6%;
}

.error-not_found #most_popular_pages {

    padding-top: 40px;
}

#show_most_popular_pages {
    cursor: pointer;
    display: inline-block;
    color: #fff;
    background: #e88904;
    background: -moz-linear-gradient(top, #e88904 0%, #f25b03 100%);
    background: -webkit-linear-gradient(top, #e88904 0%, #f25b03 100%);
    background: linear-gradient(to bottom, #e88904 0%, #f25b03 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e88904', endColorstr='#f25b03', GradientType=0)
}

#show_most_popular_pages span {
    padding-left: 25px !important;
    width: 100% !important;
    color: #000;
}

#show_most_popular_pages span:after {
    position: absolute;
    content: "Most Popular Pages";
    width: 100%;
    top: 0;
    left: 0;
    padding-left: 25px;
    color: #fff;
}

#most_popular_pages ul {
    margin: 10px 0 0 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

#most_popular_pages li {
    list-style: none;
    margin: 5px 0;
    padding: 0;
    width: 33%;
    display: block;
}

#most_popular_pages li a {
    display: inline;
    margin: 5px 0;
}

i.filter-close {
    display: none;
}

.highcharts-credits {
    display: none !important;
}

.playground-pie-title img {
    height: auto !important
}

.playground-pie-title {
    align-items: center;
}

.highcharts-figure, .highcharts-data-table table {
    min-width: 350px !important;
    max-width: 740px !important;
}

.highcharts-figure * {
    text-align: center !Important;
}

.highcharts-figure #container {
    margin: 0 auto;
    height: auto !important;
}

.highcharts-container {
    height: auto !important
}

.highcharts-figure image {
    display: none;
}

.highcharts-figure .highcharts-label image {
    display: block;
}

.ui-draggable .ui-dialog-titlebar {
    background: transparent;
    border: none;
    color: #000;
    font-size: 20px;
    padding-left: 10px !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: #707070;
}

.graybg {
    background: rgba(0, 0, 0, 0.1);
    padding: 10px;
}

#calc .highcharts-figure svg, .highcharts-figure .highcharts-container,
#calc .highcharts-figure {
    width: 100% !important;
}

/* End */
/* Share buttons */
.share-buttons {
    position: fixed;
    top: 20%;
    left: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.share-buttons > * {
    font-weight: 600;
    padding: 8px;
    transition: padding .15s ease-in-out;
    text-align: center;
}

.share-buttons > * :hover {
    cursor: pointer;
    padding: 8px 16px;
}

#fb-share-button {
    background-color: rgb(59, 89, 152);
}

.share-buttons svg {
    width: 32px;
    fill: white;
    vertical-align: middle;
    border-radius: 2px
}

#twitter-share-button {
    background-color: rgb(29, 161, 242);
}

#pinterest-share-button {
    background-color: rgb(203, 32, 39);
}

#linkedin-share-button {
    background-color: rgb(0, 119, 181);
}

/* End of share buttons */
#calc label {
    padding-right: 60px;
}

#calc label[for=koef-equipment]:after {
    display: none;
}

.tooltipster-content {
    width: 300px;
}

.tooltipster-sidetip.tooltipster-light .tooltipster-box {
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #ededed
}

.tooltipster-sidetip.tooltipster-light .tooltipster-content {
    color: #666
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow {
    height: 9px;
    margin-left: -9px;
    width: 18px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow, .tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow {
    height: 18px;
    margin-left: 0;
    margin-top: -9px;
    width: 9px
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background {
    border: 9px solid transparent
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #ededed;
    top: 1px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #ededed;
    left: -1px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #ededed;
    left: 1px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #ededed;
    top: -1px
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border {
    border: 9px solid transparent
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -9px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped {
    left: -9px
}


.qap-content.qap-ov .navbar {
    background: none;
    border: none;
    display: none;

}

.button.qap-ask-product span:before {
    content: "\f059";;
    font-family: FontAwesome;
    font-size: 20px;
    vertical-align: middle;
    margin: -3px 10px 0 0;
    display: inline-block
}

.modal-header .close {
    position: absolute;
    border: none;
    background: transparent;
    text-decoration: none;
    top: 5px;
    right: 6px;
    font-size: 25px;
    cursor: pointer;
    color: #999;
    font-weight: bold;
}

.modal-header .close:before {
    font-family: arial;
    content: "Close";
    font-size: 11px;
    vertical-align: middle;
    display: inline-block;
    margin: -5px 5px 0 0;
}

.qap-qa.qap-ll > .row {
    align-items: center
}

.navbar-form .form-group {
    width: 100%
}

.form-group .input-group {
    display: flex;
}

.form-control.qap-search {
    width: 100%;
    line-height: 20px;
    height: 34px;
}

#qap-search-btn {
    border-left: none;
    border-right: none;
}

.button.qap-ask-product {
    float: right;
    margin-bottom: 0;
}

.button.qap-ask-product > span {
    padding-left: 30px !important;
}

.navbar-header:before, .navbar-header:after {
    display: none !important;
}

.qap-stat > span,
.qap-questions,
.qap-no-questions.lead {
    font-size: 14px;
}

.qap-questions .panel-body {
    padding-bottom: 0;
    padding-top: 0;
}

.qap-no-questions.lead {
    text-align: center;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.qap-q .panel-heading a div.col-sm-12 {
    width: 100%
}

.navbar-header .navbar-form {
    margin-left: 0px !important;
    margin-right: 0px !Important;
    max-width: 100%;
    padding: 0 !important;
    overflow: hidden;
}

i.icon-question.qap-q-mark {
    color: #EB7A29 !important;
}

i.qap-a-mark {
    color: #4D87BE !important;
}


.mobnav .mmenu {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    padding-bottom: 30px
}


.mobnav .mmenu li {
    list-style: none;
    width: 100%
}

.mobnav .mmenu > li {
}

.mobnav .mmenu > li.promo {
    text-align: center;
    font-size: 14px;
    padding: 12px 0 0;
    display: block
}

.mobnav .mmenu > li.promo img {
    text-align: center;
    width: 95%;
    margin: 0 auto;
    transition: all 200ms ease
}

.mobnav .mmenu > li.promo a:hover img {
    opacity: .8
}

.mobnav .mmenu > li.promo a {
    position: relative;
    transition: all 300ms ease-out
}

.mobnav .mmenu > li.promo a h4 {
    text-align: center
}

.mobnav .mmenu > li.promo a:hover img.mainimg {
    transition: all 100ms ease;
    transform: scale(1.04)
}

.mobnav .mmenu > li.promo img.mainimg {
    margin: 40px 0 -5px 8px;
    position: relative;
    z-index: 1
}

.mobnav .mmenu > li.promo img.hhlogo {
    position: absolute;
    top: 43px;
    width: 32%;
    left: 14px;
    z-index: 2
}

.mobnav .mmenu ul {
    margin: 0
}

.mobnav .mmenu ul.check {
    margin: 0 auto;
    padding: 0 0 10px 25px;
    width: 162px;
    text-align: left;
    z-index: 2;
    position: relative
}

.mobnav .mmenu ul.check li {
    font-size: 14px;
    text-transform: none
}

.mobnav .mmenu ul.check li:after {
}

.mobnav .mmenu br {
    display: none
}

.mobnav .mmenu .browseall {
    padding: 20px;
    position: relative;
    min-height: 120px;
    display: none
}

.mobnav .mmenu img {
    display: block;
    margin: -13px 0;
    vertical-align: middle;
    width: 70%
}

.mobnav .mmenu li.about img, .mobnav .mmenu li.resources img, .mobnav .mmenu li.contact img {
    width: 30px;
    float: left;
    margin-right: 5px;
    margin-top: -8px
}

.mobnav .mmenu li.contact img {
    width: 44px;
    margin: -3px -1px 0 -7px
}

.mobnav .mmenu span.info {
    display: block;
    padding: 10px 20px
}

.mobnav .mmenu .browseall img {
    border-radius: 7px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .28);
    position: absolute;
    left: 30px;
    bottom: 20px
}

.mobnav .mmenu .browseall a {
    border-radius: 10px;
    background: #fff;
    padding: 3px 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .28);
    margin-left: 55px;
    margin-bottom: 5px;
    text-decoration: none;
    position: absolute;
    left: 30px;
    bottom: 20px
}

.mobnav.is-open {
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.mobnav.is-open .fa-close, body.isactivefilter i.filter-close {
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    font-size: 1.5em;
    position: absolute;
    width: 53px;
    top: 29px;
    right: -71px;
    cursor: pointer
}

body.isactivefilter i.filter-close {
    left: 20px;
    z-index: 999999;
    top: 18px
}

.mobnav.is-open .fa-close:before, .searchopen .fa-close:before, body.isactivefilter i.filter-close:before {
    order: 2
}

.mobnav.is-open .fa-close:after, .searchopen .fa-close:after, body.isactivefilter i.filter-close:after {
    order: 1;
    content: "Close";
    display: block;
    font-size: .7em;
    font-family: arial, Arial, Helvetica, sans-serif
}

.menuwrapp {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden
}

.mobnav .mmenu > li > .submenu {
    display: none
}

.mobnav .mmenu > li > .submenu.submenu-with-second-level div ul {
    display: none
}

.mobnav .mmenu > li > a {
    font-size: 1.5em;
    text-decoration: none;
    color: #000;
    display: block;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 20px;
    text-align: left;
    border-bottom: 1px solid #efefef
}

.mobnav .mmenu > li > a:after {
    content: '+';
    font-size: .9em;
    padding-right: .2rem;
    float: right;
    margin-top: 2px
}

.mobnav .mmenu > li > a.request:after,
.mobnav .mmenu > li.promo > a:after {
    display: none
}

.mobnav .mmenu > li > a.open:after {
    content: '-';
    font-size: 1.2em;
    padding-right: .25rem;
    float: right;
    margin-top: -4px
}

.mobnav .mmenu > li .submenu-with-second-level h3.parent:after {
    content: '+';
    font-size: .9em;
    padding-right: .2rem;
    float: right;
    margin-top: 2px;

}

.mobnav .mmenu > li .submenu-with-second-level h3.parent.open:after {
    content: '-';
    font-size: 1.2em;
    padding-right: .25rem;
    float: right;
    margin-top: -4px;
}

.mobnav .mmenu h3 {
    font-size: 1.5em;
    color: #1e1e1e;
    padding: 10px 20px;
    margin: 0;
    border-bottom: 1px solid #efefef;
    cursor: pointer !important;
}

.mobnav .mmenu h3 > a {
    color: #1A5C7F;
}

.mobnav .mmenu h3 > a:hover {
    color: #f25b03;
}

.mobnav .mmenu li.resources h3:after {

}

.mobnav .mmenu > li.resources > .submenu.submenu-with-second-level div ul {
    /* display:block !important
 */
}

.mobnav .mmenu span.shopby {
    display: block;
    margin: 0;
    padding: 6px 20px;
    color: #444;
}

.mobnav .mmenu span.shopby a {
    display: inline;
    padding: 0;
    font-size: inherit;
    background: 0 0;
    border-bottom: none
}

.mobnav .mmenu ul li a {
    font-size: 1.3em;
    text-decoration: none;
    background: #f9f9f9;
    display: block;
    margin: 0;
    padding: 9px 20px
}

.mobnav .mmenu ul li, .mobnav .mmenu ul li:last-child {
    border-bottom: 1px solid #efefef
}

.mobnav .mmenu ul li:first-child a {
    /* border-top:1px solid #efefef */
}

.lg-hidden {
    display: none !important
}

.mobnav .products .submenu .column.lg-hidden {
    margin-top: 0;
    min-height: 0;
    display: none
}

.mobnav .products .submenu .column.md-hidden {
    display: block
}

.mobnav .submenu .column {
    width: 100%;
    float: none
}

body.-crop, body.popup {
    overflow: hidden;
    /* position:fixed */
}

body.popup #Header, body.popup .topbar {
    display: none
}

#Container.isactivefilter, #Footer.isactivefilter {
}

#Container.isactivefilter #column-left a.filtershow.x {
    opacity: 0
}

#Container.isactivefilter #column-left a.filtershow.x:before {
    content: " X "
}

#Container.isactive, #Footer.isactive {
}

.open-menu:before {
    font-family: FontAwesome;
    content: "\f0c9";
    font-size: 32px;
    display: inline-block;
    margin: -5px 0 0 0;
    vertical-align: top;
    color: #1A5C7F;

}

.open-menu:hover:before {
    color: #f25b03;
}

.well.well-sm.qap-q-full {
    display: none
}

.qap-answers.media-list {
    margin: 10px 0;
}

i.icon-question.qap-q-mark:before {
    display: none;
}

i.icon-question.qap-q-mark {
    background: url(../image/question-icon.png) no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin: 0 5px 0 0;
}

i.icon-comment.qap-a-mark:before {
    display: none;
}

i.icon-comment.qap-a-mark {
    background: url(../image/answer-icon.png) no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin: 0
}

.qap-q-h:nth-child(4) {
    color: #000;
}
.mulch_calculator_buttons {
    justify-content: center;
}
.mulch_calculator_buttons button {
    color: white;
    padding: 0 10px!important;
}
#mulch_calculator_reset {
    background: #b3b3b3;
    background: -moz-linear-gradient(top, #b3b3b3 0%, #969696 100%);
    background: -webkit-linear-gradient(top, #b3b3b3 0%, #969696 100%);
    background: linear-gradient(to bottom, #b3b3b3 0%, #969696 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#969696', GradientType=0);
}
#mulch_calculator_reset:hover {
    background: #d0d0d0;
    background: -moz-linear-gradient(top, #d0d0d0 0%, #afafaf 100%);
    background: -webkit-linear-gradient(top, #d0d0d0 0%, #afafaf 100%);
    background: linear-gradient(to bottom, #d0d0d0 0%, #afafaf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#afafaf', GradientType=0);
}
#mulch_calculator_calculate {

}

.mulch_calculator_material_depth,
.mulch_calculator_footage,
.mulch_calculator_radio_span:nth-child(2){
    border-bottom: 1px solid #e4e4e4!important;
}

.mulch_calculator_footage .footage input,
.mulch_calculator_footage .length_width input{
    border-radius: 0!important;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
}
.mulch_calculator_calculate_error {
    border: none!important;
    background: rgb(255, 237, 237);
}


#calc label.hid {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 0;
}
.hlabel {
    width: 0px;
    overflow: hidden;
    text-indent: 10px;
    display: block;
}

#calc .control-wrap input#calc-email {
    width: 250px;
    border: 1px solid #bdc6ca;
    padding: 6px 12px;
    font-size: 16px;
    margin: 0 10px 0 0;
    height: 26px;
}
#calc .budget-row.control-wrap {
    display: flex;
    align-items: center;
    position: relative;
}
#calc .control-wrap  #calc-email-validation {
    position: absolute;
    top: 40px;
    color: red;
}
#calc .control-wrap  #send-calc-email {
    margin: 0;
}

/* Narrow width article layout */
@media only screen and (min-width:800px) {
    #Wrapper:has(.narrow_width_article) {
        margin-left: auto;
        max-width: 768px;
        margin-right: auto;
    }
}

#Wrapper:has(.narrow_width_article) .heading h1 {
    text-transform: none;
    color: black;
    line-height: 146%;
    font-size: 2.35em;
}
#Wrapper:has(.narrow_width_article) .heading {
    margin-bottom: 2rem;
}
.narrow_width_article {
    font-size: 16px;
    line-height: 170%;
}

.narrow_width_article p {
    margin-bottom: 2rem;
    line-height: 170%;
}

.narrow_width_article h2 {
    text-align: left;
    font-size: 26px;
    font-weight: 600;
    line-height: 160%;
    margin: 40px 0 20px;
}

.narrow_width_article table, .narrow_width_article table td {
    border: 1px solid #D4D4D4;
    border-collapse: collapse;
}
.narrow_width_article table td, .narrow_width_article table th {
    padding: 16px;
}

.narrow_width_article table th {
    background: #E7E7E7;
    font-weight: 700;
}


/* New Plans Layout */


.res-art-filters {
    position: relative;
}
.res-art-filters ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.res-art-filters li {
    margin-bottom: 8px;
}
.res-art-filters li#return-category-search a {
    font-size: 14px;
    font-weight: 400;

}
.res-art-filters li#return-category-search {
    position: absolute;
    top: 10px;
    right: 0;
}
.res-art-filters li a {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}
.res-art-filters li.active a {
    color: #000;
    font-weight: 600;
}
.res-art-filters li.active a:hover img {
    opacity: 1;
}
.res-art-filters li.active a img {
    filter: grayscale(1);
}
.res-art-filters li a:hover img {
    opacity: 0.7
}
.res-art-filters li a img {
    width: 38px;
}

.res-art-filters .article-type-item {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    cursor: pointer;
}
.res-art-filters .article-type-item label {
    margin-left: 5px;
    cursor: pointer;
}
.res-art-filters .article-type-item input:checked+label {
    color: #000;
    font-weight: 600;
}
.res-art-filters .count-information-pages {
    font-weight: 300;
    font-size: 0.8em;
    color: #666;
}
.resources .category-links {

}
.resources .category-links a {
    font-weight: 600;
    text-decoration: none;
    font-size: 16px;
    margin: 6px 0;
    display: block;
    background: #ededed;
    padding: 6px 10px;
    border-radius: 4px;
}
.resources .category-links a:hover {
    background: #ccc;
    color: #fff;
}
#informations-for-category a p,
#informations-for-category a:hover p {
    color: #000;
}
#informations-for-category a {
    text-decoration: none;
}
#informations-for-category a:hover h3 {
    color: #f17000;
}
#informations-for-category a h3 {
    font-size: 16px;
    font-weight: 600;
    color: #1A5C7F;
    margin: 8px 0;
}
#informations-for-category a:hover img {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.42);
}
#informations-for-category  img {
    width: 100%;
    height: 155px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.09);
}


#informations-for-category .article-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
}
#informations-for-category.category_view .article-grid {
    grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {

    #informations-for-category.category_view .article-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 450px) {

    #informations-for-category .article-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}
#informations-pagination span:hover {

}
#informations-pagination span {
    cursor: pointer;
}
#informations-pagination span.current {
    background: rgba(0, 0, 0, 0.13);
    border-radius: 4px;
}