@font-face {
    font-family: arialroundedmtbold;
    src: url(fonts/arlrdbd.eot);
    src: url(fonts/arlrdbd.eot?#iefix) format('embedded-opentype'), url(fonts/arlrdbd.woff) format('woff'), url(fonts/arlrdbd.ttf) format('truetype'), url(fonts/arlrdbd.svg#arlrdbd) format('svg');
    font-weight: 400;
    font-style: normal
}

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

    .d-inline {
        display: inline !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: 13px
    }

    .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: 20px
    }

    .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 {
        display: inline-block;
        vertical-align: top;
        width: 271px;
        margin-left: 19px;
        font-size: 1em;
        border: 1px solid #ccc;
        text-align: center;
        padding: 0 20px;
        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)
    }

    .homepage .rows2 h3 {
        padding: 10px 0 7px 10px;
        border-bottom: 1px solid #ccc;
        margin: 0 -10px 10px;
        text-align: left;
        font-size: 1.8em
    }

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

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

    .homepage .rows2 img {
        width: 100%
    }

    .homepage .rows2 a {
        font-size: 1.2em;
        text-decoration: none;
        padding: 10px 0 0 10px;
        border-top: 1px solid #ccc;
        margin: 0 -10px 10px;
        display: block;
        position: absolute;
        bottom: 3px;
        left: 20px;
        width: 90%;
        text-align: left;
    white-space: nowrap;}

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

    .homepage .rows {
        margin-bottom: 15px;
        text-align: center
    }

    .homepage .rows > div {
        display: inline-block;
        vertical-align: top;
        width: 321px;
        margin-left: 6px
    }

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

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

    .homepage .rows h2 {
        margin: 10px 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
    }

    .homepage .rows img {
        border: 1px solid #ccc;
        width: 322px
    }

    .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: 18px 0 32px
    }

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

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

    .cinfo * {}

    .cinfo {
        float: left;
        font-size: 13px;
        color: #505050
    }

    .cinfo a {}

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

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

    * html #Container {
        height: 100%
    }

    .page-buffer {
        height: 412px;}

    .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: 12px;
        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: 11px
    }

    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
    }

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

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

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

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

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

    #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: 32px 0 0
    }

    #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: 9px 0;
        overflow: visible;
        height: auto
    }

    a.filtershow {
        background: #3990d3;
        background: -moz-linear-gradient(top, #3990d3 0%, #347fc1 100%);
        background: -webkit-linear-gradient(top, #3990d3 0%, #347fc1 100%);
        background: linear-gradient(to bottom, #3990d3 0%, #347fc1 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='#347fc1', 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
    }

    #description img {
        max-width: 100%
    }

    .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: #347fc1
    }

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

    #TopMenu {
        min-height: 0;
        padding: 0;
        top: 0;
        z-index: 100;
        float: left;
        display: inline-block
    }

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

    #TopMenu li {
        list-style: none;
        float: left;
        margin: 0 0 0 12px;
        padding: 0
    }

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

    #TopMenu li a {
        background: url(../images/topicons.png) no-repeat;
        background-position: 0 1px;
        padding: 0 0 0 18px
    }

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

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

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

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

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

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

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

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

    #TopMenu li a, #TopMenu li div {
        display: block;
        text-decoration: none;
        font-size: 13px;
        margin: 0;
        color: #2583b5;
        font-family: Arial, sans-serif
    }

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

    #TopMenu li div a {
        margin: 0;
        font-size: 13px !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 label {
        display: none
    }

    #SearchForm 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
    }

    #SearchForm .Button {
        width: 15px;
        height: 14px;
        padding: 0;
        margin: 0;
        vertical-align: top;
        position: absolute;
        top: 4px;
        right: 5px
    }

    #SearchForm p {
        margin: 5px 0 0;
        font-size: 12px;
        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
    }

    #Wrapper {
        position: relative;
        z-index: 99;
        max-width: 992px;
        margin: 0 auto;
        clear: both;
        padding: 0 0 20px
    }

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

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

    #Header {
        clear: both;
        z-index: 101;
        width: 100%;
        height: 94px;
        background: url(../images/hbg-in.png) repeat-x scroll 0 0 transparent
    }

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

    #Header .in > div {
        background: url(../images/hbg.png) no-repeat;
        height: 94px;
        margin: 0 0 0 -82px;
        padding-left: 82px
    }

    #Logo {
        float: left;
        width: 271px;
        height: 82px;
        margin: 0;
        display: block;
        position: absolute;
        z-index: 99;}

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

    #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: 10px
    }

    #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: 12px;
        color: #777
    }

    .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: #2583b4;
        font-weight: 700;
        font-size: 19px;
        padding: 0;
        margin: 0 0 10px 110px
    }

    .Content h1, .Content h2, .TitleHeading {
        font-weight: 700
    }

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

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

    .Content a {
        text-decoration: none
    }

    .Content a:hover {
        color: #f17000;
        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: 13px
    }

    .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: #347fc1;
        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: #347fc1
    }

    .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: #347fc1;
        font-weight: 700
    }

    #lang_YourEmailAddress {
        color: #347fc1;
        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: 13px;
        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: 12px
    }

    .Breadcrumb li a {
        padding-right: 0;
        color: #347fc1;
        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: #f17000 !important
    }

    .orange a {
        color: #f17000 !important
    }

    .blue {
        color: #347fc1 !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: #2583b4;
        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: .9em
    }

    .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: #2583b4
    }

    .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: #2583b4
    }

    .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: .7em;
        vertical-align: super
    }

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

    #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 h2, #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
    }

    .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-input {
        float: left;
        line-height: 20px;
        margin-left: 1px
    }

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

    .ProductMain .option > b {
        font-size: 14px;
        color: red;
        line-height: 20px
    }

    .ProductMain .option label {
        line-height: 20px;
        cursor: pointer
    }

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

    .product_option_price {
        color: red
    }

    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: .6em
    }

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

    #Wrapper #SimilarProductsByCustomerViews h2 {
        color: #000
    }

    .SortBox {
        font-size: 13px;
        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 {}

    .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: 13px;
        margin: 0;
        color: #2583b5;
        font-family: Arial, sans-serif
    }

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

    .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: #347fc1;
        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 {
        text-decoration: none
    }

    .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: red;
        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: 412px;
        position: relative;
        width: 100%;
        border-top: 4px solid #e0e3e6;
        overflow: hidden
    }

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

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

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

    .copyright p a {
        text-align: left;
        color: #3c3a3a;
        text-decoration: none
    }

    .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: 12px
    }

    #Footer a.iccat {
        background-color: #1b6e9a;
        color: #fff;
        font-size: 13px;
        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.catonline:before {
        background: url(../images/catonline.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: 12px;
        height: 17px;}

    #Footer .menu-st1 li a {
        color: #196c97;
        font-weight: 700;
        font-style: italic;
        background: url(../images/footli.png) 0 6px no-repeat;
        padding-left: 13px
    }

    #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 {
        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 {
        font-family: Arial;
        font-weight: 700;
        text-transform: none;
        color: #f17000;
        font-size: 21px;
        margin: 0 0 13px;
        text-align: left
    }

    .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:    #eb7a29;
    }
    #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: #f17000;
        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 {
        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 {
        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: -17px
    }

    .open-menu {
        display: none
    }

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

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

    .mainmenu > ul > li > a {
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        text-decoration: none;
        padding: 4px 17px;
        position: relative;
        color: #000;
        height: 16px
    }

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

    .mainmenu > ul > li.hovr > a::after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -11px;
        border: 6px solid transparent;
        border-top: 6px solid #b0b0b0;
        margin-left: -3px
    }

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

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

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

    .mainmenu > ul > li.hovr > a.products::after, .mainmenu > ul > li.hovr > a.request::after {
        border-top-color: #4393bd
    }

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

    .mainmenu > ul > li.hovr > a.about::after {
        border-top-color: #eb8124
    }

    .mainmenu > ul > li .submenu {
        display: none;
        position: absolute;
        top: 94px;
        right: 0;
        background: #fff;
        border: 1px solid #c6c6c6;
        border-top: 0;
        padding: 20px;
        z-index: 100
    }

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

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

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

    .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 .submenu .column {
        height: 440px;}
    .mainmenu > ul > li.resources .submenu .left {
         border-right: 1px solid #c6c6c6;
        padding-right: 30px;margin-right: 0;
    }
    .mainmenu > ul > li.resources .submenu img {
        float: left;
        vertical-align: middle;
        margin: 0 15px 0 0;
    }
    .mainmenu > ul > li.resources .submenu a:hover img {}
         filter: brightness(120%)
    }
    .mainmenu > ul > li.resources .submenu li a {
        line-height: 43px;
    }
    .mainmenu > ul > li.resources .submenu li a:after {
       content: "";
        clear: both;
        display: block;
    }
    .mainmenu > ul > li.resources .submenu .right {
        border-left: 1px solid #c6c6c6;
        margin-left: -1px;
        padding-left: 25px
    }
    .mainmenu > ul > li.about .submenu .left {
        border-right: 1px solid #c6c6c6;
        padding-right: 10px;
        margin-right: 0
    }

    .mainmenu > ul > li.about .submenu .left li {
        margin-bottom: 8px
    }
.mainmenu > ul > li.about .submenu .left li:last-child {
        margin-bottom: 0px;}

    .mainmenu > ul > li.about .submenu .left li a {
        border-bottom: 1px solid #e3e3e3;
        padding: 3px 0 10px;
        margin: 0
    }
    .mainmenu > ul > li.about .submenu .left li:last-child a {
border-bottom: none;padding-bottom: 7px;
}
    .mainmenu > ul > li.about .submenu .right {
        border-left: 1px solid #c6c6c6;
        margin-left: -1px;
        padding-left: 25px
    }

    .mainmenu > ul > li.about .submenu .right:after {
        content: '';
        display: block;
        clear: both
    }

    .mainmenu > ul > li.about .submenu .right ul li {
        float: left;
        width: 110px;
        margin-right: 10px;
        text-align: center;
    }

    .mainmenu > ul > li.about .submenu .right ul li.last {
        margin: 0
    }

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

    .mainmenu > ul > li .submenu > div {
        position: relative
    }

    .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: .9em;
        color: #888
    }

    .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: red
    }

    .mainmenu > ul > li .submenu ul a {
        font-size: 13px;
        text-decoration: none;
        color: #2a98d0;
        margin: 5px 0;
        display: block;
        white-space: nowrap
    }

    .mainmenu > ul > li.about .submenu ul a {
        font-weight: 700;
        white-space: normal;
    margin: 0;}

    .mainmenu > ul > li.about .submenu ul a img {
        margin: 0;
    width: 74px;}

    .mainmenu > ul > li.about .submenu ul a:hover img,
    .mainmenu > ul > li.resources .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: red;
        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: 96%;
        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: 13px;
        -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] {
        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%, #347fc1 100%);
        background: -webkit-linear-gradient(top, #3990d3 0%, #347fc1 100%);
        background: linear-gradient(to bottom, #3990d3 0%, #347fc1 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3990d3', endColorstr='#347fc1', 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)
    }

    .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: #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)
    }

    .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: #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)
    }

    #emf-container #emf-li-post-button span.submit > span {
        float: none;
        display: block;
        padding-right: 26px
    }

    #emf-container #emf-li-post-button span.submit input {
        text-align: left;
        width: auto;
        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, 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 {}

    .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: 0 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;
        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: 13px;
        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 tbody {
        display: flex;
        justify-content: left;
        flex-wrap: wrap
    }

    .productAttributeList table.option-image tr td {
        z-index: 2;
        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: 15px
    }

    .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: 1.3em
}
.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: 80%;
    float: right
}

#column-left {
    float: left;
    width: 16%;
    padding-right: 0;
    padding-top: 20px
}

.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: red
}

.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: 13px;
    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: 220px;
    margin-top: -18px;
    margin-bottom: 30px
}

.RelatedProductsContainer h2 {
    font-size: 18px !important;
    color: #000
}

.RelatedProductsContainer .ProductPriceRating em {
    text-align: center;
    color: red
}

#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: 32%;
    text-transform: capitalize;
    vertical-align: top
}

.pgecom-set ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.pgecom-set li a {
    color: #196c97;
    text-decoration: none;
    line-height: 18px;
    font-size: 12px;
    font-family: arial, Arial, Helvetica, sans-serif
}

.pgecom-set li a:hover {
    color: #f17000
}

.pgecom-set h5 {
    color: #f17000;
    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 16px
}

.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: #8bc34a
}

.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 {
    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 {
    color: #fff !important;
    display: inline-block;
    line-height: 54px;
    font-weight: 700
}

#button-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 {
    margin: 0;
    border: 0;
    background: 0 0
}

a.button_flyer {
    background: #3990d3;
    background: -moz-linear-gradient(top, #3990d3 0%, #347fc1 100%);
    background: -webkit-linear-gradient(top, #3990d3 0%, #347fc1 100%);
    background: linear-gradient(to bottom, #3990d3 0%, #347fc1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3990d3', endColorstr='#347fc1', GradientType=0)
}

a.button_flyer span {
    color: #fff !important;
    display: inline-block;
    line-height: 54px;
    font-weight: 700;
    background-image: url(../image/print2.png)
}

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: red
}

.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-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-ships_wheel li {
    margin-bottom: 26px;
    
    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
}

.360container {
    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: 70%;
    text-align: center;
    margin: 0 0 0 -38%;
    position: absolute;
    top: 56%;
    left: 50%;
    font-size: 14px;
    padding: 0;
    line-height: 82px;
    height: 30px
}

.findarepmob select option {
    text-align: center;
    line-height: 70px;
    font-size: 43px
}

.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;
    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;
    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: 1.4em;
    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
}

.action-call {
    font-size: 24px;
    text-align: center;
    padding: 40px 0;
    background: #f0f7f7;
    margin: 30px 0 40px
}

.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: #347fc1;
    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: #eb7a29;
    color: #fff !important;
    display: inline-block;
    font-size: 20px;
    padding: 4px 35px;
    margin-top: 10px
}
.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: 12px!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: red;
}
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 #347fc1;
    color: #eb7a29;
    padding: 6px;
    display: block;
    margin: 4px 0 0;
    border-radius: 8px;
    font-size: 1.2em;}
ul.whitebutton li a:hover {
    color: #347fc1;
}
.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 img {margin: 0;padding: 0;display: block;}
.res-art-nav {border-bottom: 1px solid #000;}

.res-art-nav ul.nav-tabs {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: space-between;
    }
.res-art-nav ul.nav-tabs li {
    border: 1px solid #000;
    border-radius: 10px 10px 0 0;
    margin-right: 4px;
    margin-bottom: -1px;
    text-align: center;
    width: 10%;background: none;padding: 0;
}
.res-art-nav ul.nav-tabs li:last-child {
    margin-right: 0;
}
.res-art-nav ul.nav-tabs li a {
    padding: 10px;
    text-align: center;display: block;min-width: 10px;
}
.res-art-nav ul.nav-tabs li a img {
    margin: 0;
    max-height: none;
}
.res-art-nav ul.nav-tabs li a:hover img {
    opacity: 0.5;
}
.res-art-nav ul.nav-tabs li a span,
.res-art-nav ul.nav-tabs li.active a:hover span{
    margin: 0 0 -40px;
    display: block;
    opacity: 0;
    
}
.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  {
    border-bottom: 1px solid #fff;
}

.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-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;
  
}
.notfound > div {
    margin: 14% 0;
}
.notfound .big {
    font-family: arial black, arial;
    font-size: 5em; 
}
.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: 13px;
}
#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 {
    top: 4px;
    right: 7px;
}
}
#SearchFormNotFound .Button {
    width: 15px;
    height: 14px;
    padding: 0;
    margin: 0;
    vertical-align: top;
    position: absolute;
    top: 4px;
    right: 5px;
}
.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.visible-sm .row > div.showw img{
        opacity: 1;
        filter: none; 
    }


.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=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 .bio.showw {
    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;
}
.happyhollow2 .header .hhlogo {
    position: absolute;
    left: -6%;
    top: 50%;margin-top: -17%;width: 45%;z-index: 0;
}
.happyhollow2 .header .mainimg {
    position: absolute;
    right: -10%;
    top: 50%;margin-top: -20%;z-index: 0;width: 53%;
}
.happyhollow2 .header h1 {
    font-family: "Arial Black", arial, sans-serif;
    font-size: 33px;
    color: #3B2E89;
    
    margin: 0;
}
.happyhollow2 .header p {
    font-size: 20px;margin: 40px 0!important;
    
}
.happyhollow2 .header .green {
    color: #4AB049;
    
}
.happyhollow2 .header p.price {
    font-size: 23px;
    
    
}
.happyhollow2 .header form {
    line-height: 50px;text-align: center;
}
.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 .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: 10px;
    font-size: 0.9em;
    margin: 10px 0 0;position: absolute;bottom: 0px;width: 100%;
    
}
.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;
}
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: #8fbcd7 url(../images/happyhollow-leaves.png) no-repeat;
    background-size: 100%;
    background-position: center;
    margin: 0 -15px;
    padding: 0 15px;
}
.hh-setup .header .page .row {}


/* End */