.diyw .diyweb {
    /*! normalize.css v2.1.0 | MIT License | git.io/normalize */
    /* ==========================================================================  HTML5 display definitions  ========================================================================== */
    /**   * Correct `block` display not defined in IE 8/9.   */
    /**   * Correct `inline-block` display not defined in IE 8/9.   */
    /**   * Prevent modern browsers from displaying `audio` without controls.   * Remove excess height in iOS 5 devices.   */
    /* ==========================================================================  Base  ========================================================================== */
    /**   * 1. Set default font family to sans-serif.   * 2. Prevent iOS text size adjust after orientation change, without disabling   * user zoom.   */
    /**   * Remove default margin.   */
    /* ==========================================================================  Links  ========================================================================== */
    /**   * Address `outline` inconsistency between Chrome and other browsers.   */
    /**   * Improve readability when focused and also mouse hovered in all browsers.   */
    /* ==========================================================================  Typography  ========================================================================== */
    /**   * Address variable `h1` font-size and margin within `section` and `article`   * contexts in Firefox 4+, Safari 5, and Chrome.   */
    /**   * Address styling not present in IE 8/9, Safari 5, and Chrome.   */
    /**   * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.   */
    /**   * Address styling not present in Safari 5 and Chrome.   */
    /**   * Address differences between Firefox and other browsers.   */
    /**   * Address styling not present in IE 8/9.   */
    /**   * Correct font family set oddly in Safari 5 and Chrome.   */
    /**   * Improve readability of pre-formatted text in all browsers.   */
    /**   * Set consistent quote types.   */
    /**   * Address inconsistent and variable font size in all browsers.   */
    /**   * Prevent `sub` and `sup` affecting `line-height` in all browsers.   */
    /* ==========================================================================  Embedded content  ========================================================================== */
    /**   * Remove border when inside `a` element in IE 8/9.   */
    /**   * Correct overflow displayed oddly in IE 9.   */
    /* ==========================================================================  Figures  ========================================================================== */
    /**   * Address margin not present in IE 8/9 and Safari 5.   */
    /* ==========================================================================  Forms  ========================================================================== */
    /**   * Define consistent border, margin, and padding.   */
    /**   * 1. Correct `color` not being inherited in IE 8/9.   * 2. Remove padding so people aren't caught out if they zero out fieldsets.   */
    /**   * 1. Correct font family not being inherited in all browsers.   * 2. Correct font size not being inherited in all browsers.   * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.   */
    /**   * Address Firefox 4+ setting `line-height` on `input` using `!important` in   * the UA stylesheet.   */
    /**   * Address inconsistent `text-transform` inheritance for `button` and `select`.   * All other form control elements do not inherit `text-transform` values.   * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.   * Correct `select` style inheritance in Firefox 4+ and Opera.   */
    /**   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`   * and `video` controls.   * 2. Correct inability to style clickable `input` types in iOS.   * 3. Improve usability and consistency of cursor style between image-type   * `input` and others.   */
    /**   * Re-set default cursor for disabled elements.   */
    /**   * 1. Address box sizing set to `content-box` in IE 8/9.   * 2. Remove excess padding in IE 8/9.   */
    /**   * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.   * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome   * (include `-moz` to future-proof).   */
    /**   * Remove inner padding and search cancel button in Safari 5 and Chrome   * on OS X.   */
    /**   * Remove inner padding and border in Firefox 4+.   */
    /**   * 1. Remove default vertical scrollbar in IE 8/9.   * 2. Improve readability and alignment in all browsers.   */
    /* ==========================================================================  Tables  ========================================================================== */
    /**   * Remove most spacing between table cells.   */
}
.diyw article,
.diyw aside,
.diyw details,
.diyw figcaption,
.diyw figure,
.diyw footer,
.diyw header,
.diyw main,
.diyw nav,
.diyw section,
.diyw summary {
    display: block;
}
.diyw audio,
.diyw canvas,
.diyw video {
    display: inline-block;
}
.diyw audio:not([controls]) {
    display: none;
    height: 0;
}
.diyw [hidden] {
    display: none;
}
.diyw html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 2 */
}
.diyw body {
    margin: 0;
}
.diyw a:focus {
    outline: thin dotted;
}
.diyw a:active,
.diyw a:hover {
    outline: 0;
}
.diyw h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
.diyw abbr[title] {
    border-bottom: 1px dotted;
}
.diyw b,
.diyw strong {
    font-weight: bold;
}
.diyw dfn {
    font-style: italic;
}
.diyw hr {
    box-sizing: content-box;
    height: 0;
}
.diyw mark {
    background: #ff0;
    color: #000;
}
.diyw code,
.diyw kbd,
.diyw pre,
.diyw samp {
    font-family: monospace, serif;
    font-size: 1em;
}
.diyw pre {
    white-space: pre-wrap;
}
.diyw q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}
.diyw small {
    font-size: 80%;
}
.diyw sub,
.diyw sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
.diyw sup {
    top: -0.5em;
}
.diyw sub {
    bottom: -0.25em;
}
.diyw img {
    border: 0;
}
.diyw svg:not(:root) {
    overflow: hidden;
}
.diyw figure {
    margin: 0;
}
.diyw fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
.diyw legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}
.diyw button,
.diyw input,
.diyw select,
.diyw textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 2 */
    margin: 0;
    /* 3 */
}
.diyw button,
.diyw input {
    line-height: normal;
}
.diyw button,
.diyw select {
    text-transform: none;
}
.diyw button,
.diyw html input[type="button"],
.diyw input[type="reset"],
.diyw input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}
.diyw button[disabled],
.diyw html input[disabled] {
    cursor: default;
}
.diyw input[type="checkbox"],
.diyw input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}
.diyw input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    /* 2 */
    box-sizing: content-box;
}
.diyw input[type="search"]::-webkit-search-cancel-button,
.diyw input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
.diyw button::-moz-focus-inner,
.diyw input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.diyw textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}
.diyw table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* !########################################*/
/* !## ABOVE IS THE NORMALIZE CSS ##########*/
/* !########################################*/
.diyw .diyweb {
    z-index: 0;
}
.diyw p {
    margin: 1em 0;
}
.diyw div.n {
    padding: 0;
    margin: 1em 0;
}
.diyw .diyweb {
    -webkit-text-size-adjust: none;
    position: relative;
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.35;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.diyw .diyweb a {
    text-decoration: underline;
}
.diyw .diyweb a:hover {
    text-decoration: none;
}
.diyw .diywebLiveArea {
    position: relative;
    margin: 0 auto;
}
.diyw .diywebNav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.diyw .diywebNav li {
    max-width: 100%;
}
.diyw .diywebNav li ul {
    padding-left: 1em;
}
.diyw .diywebNav a {
    text-decoration: none;
    display: block;
}
.diyw .diywebNav a:hover {
    text-decoration: underline;
}
.diyw .diywebNav .diywebLiveArea {
    padding: 0;
}
.diyw div.hr {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-color: #ccc;
    height: 1px;
}
.diyw .diywebEmotionHeader {
    overflow: hidden;
}
.diyw .diywebFooter {
    min-height: 20px;
}
.diyw .diywebNav ul:before,
.diyw .diywebLiveArea:before,
.diyw .diyfeGridGroup:before,
.diyw .diywebNav ul:after,
.diyw .diywebLiveArea:after,
.diyw .diyfeGridGroup:after {
    content: " ";
    display: table;
}
.diyw .diywebNav ul:after,
.diyw .diywebLiveArea:after,
.diyw .diyfeGridGroup:after {
    clear: both;
}
body.diyBgActive .diyw .diyweb {
    background-color: transparent !important;
}
.diyw .diywebGutter,
.diyw .diywebContent .diywebHelperNav .diywebGutter,
.diyw .diywebClark .diywebContent .diywebHelperNav .diywebGutter {
    /*padding: 20px;*/
}
/* !########################################*/
/* !####### NEW CSS-LESS USAGE BELOW #######*/
/* !########################################*/
.diyw .diyweb {
    text-rendering: optimizelegibility;
    word-wrap: break-word;
    position: relative;
    min-height: 100vh;
    /*  Navigation & Foooter */
    /* Navigation TOP*/
    /** content MIDDLE*/
    /* Footer BOTTOM*/
    /*  ###### tidy up bottom code */
}
.diyw .diyweb:before {
    max-width: 900px;
    width: 100%;
    bottom: 0;
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
}
.diyw .diywebLivearea {
    width: 100%;
}
.diyw .diyfeGE {
    padding: 45px;
}
.diyw .diywebFooter .diyfeGE {
    padding-top: 0;
    padding-bottom: 0;
}
.diyw .diywebNavHorizontal .diyfeGE,
.diyw .diywebSidebar .diyfeGE {
    padding: 0px;
}
.diyw .diywebNavHorizontal,
.diyw .diywebFooter {
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
}
.diyw .diywebFooter {
    padding: 5px 0px;
}
.diyw #diywebAppContainer1st {
    box-sizing: border-box;
    position: absolute;
    width: 45px;
}
.diyw #diywebAppContainer1st .icon.fa-shopping-cart::before {
    content: "c";
}
.diyw #diywebAppContainer1st .estore_text {
    display: none;
}
.diyw #diywebAppContainer1st .productCount {
    bottom: 2px;
    left: 2px;
    line-height: 55%;
    padding: 5px;
    position: absolute;
    right: 2px;
    text-align: center;
    top: 8px;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    vertical-align: bottom;
    cursor: pointer;
    z-index: 1;
}
.diyw #diywebAppContainer1st > div {
    position: relative;
    margin: 5px;
}
.diyw .diywebNavHorizontal .diywebTemplateNavigation {
    text-align: right;
    max-width: calc(100% - 900px);
    width: 100%;
}
.diyw .diywebNavHorizontal .diywebTemplateNavigation li:last-child {
    margin: 10px;
}
.diyw .diywebNavHorizontal .diywebGutter > div {
    display: inline-block;
}
.diyw .diywebNavHorizontal .diywebTemplateLogo {
    width: 100%;
    max-width: calc(900px - 45px);
    padding-right: 45px;
    min-height: 1px;
    box-sizing: border-box;
}
.diyw .diywebTemplateNavigation {
    width: 900px;
}
.diyw .diywebTemplateNavigation .mainNav1 li,
.diyw .diywebTemplateNavigation .mainNav2 li,
.diyw .diywebTemplateNavigation .mainNav3 li {
    display: inline-block;
    margin: 0 5px;
    padding: 0 5px;
}
.diyw .diywebTemplateNavigation .mainNav1 li:hover,
.diyw .diywebTemplateNavigation .mainNav2 li:hover,
.diyw .diywebTemplateNavigation .mainNav3 li:hover {
    box-sizing: border-box;
}
.diyw .diywebTemplateNavigation .mainNav1 li a,
.diyw .diywebTemplateNavigation .mainNav2 li a,
.diyw .diywebTemplateNavigation .mainNav3 li a {
    text-decoration: none;
}
.diyw .diywebTemplateNavigation .mainNav1 {
    line-height: 30px;
}
.diyw .diywebTemplateNavigation .mainNav1 a.current,
.diyw .diywebTemplateNavigation .mainNav1 a.parent {
    text-shadow: 0px 1px 0px;
}
.diyw .diywebContent .diywebLiveArea,
.diyw .diywebContent:before {
    width: 100%;
    max-width: 900px;
    min-height: 780px;
}
.diyw .diywebContent .diyfeGridGroup {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.diyw .diywebContent .diyfeModGridGroup {
    margin: 0 -7px;
}
.diyw .diywebContent .diyfeModGridElement {
    padding: 0 7px;
    word-wrap: break-word;
}
.diyw .diywebContent .diyfeModGridStyleTeaser {
    margin: 0 -10px;
}
.diyw .diywebContent .diyfeModGridStyleTeaser .diyfeModGridContent {
    padding: 5px;
}
.diyw .diywebContent .diywebLiveArea,
.diyw .diywebContent .diywebSecondary {
    margin: 0;
}
.diyw .diywebContent .diywebSecondary .diywebNav.diywebNav23 a {
    box-sizing: border-box;
    display: block;
    margin-bottom: 5px;
    padding: 10px 10px 10px 15px;
}
.diyw .diywebMain {
    min-height: 1px;
    width: 100%;
    box-sizing: border-box;
}
.diyw .diywebFooter .diywebTemplateNavigation {
    text-align: right;
    max-width: calc(900px - 45px);
    width: 100%;
}
.diyw .diywebFooter .diywebTemplateNavigation ul {
    padding-left: 0;
    padding-right: 10px;
}
.diyw .diywebNavHorizontal {
    min-height: 20px;
}
.diyw .diywebNavHorizontal .diywebGutter {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.diyw .diywebNavHorizontal .diywebTemplateLogo,
.diyw .diywebNavHorizontal .diywebTemplateNavigation {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
.diyw .diyweb .diyfeLinkAsButton {
    border-radius: 0;
    margin: 0;
}
/* Sidebar definitions */
body.diyfeNoSidebar .diyw .diywebSecondary,
body.diyfeSidebarLeft .diyw .diywebSecondary {
    display: none;
}
body.diyfeNoSidebar .diyw .diywebFooter .diywebTemplateNavigation,
body.diyfeSidebarLeft .diyw .diywebFooter .diywebTemplateNavigation {
    display: block;
}
body.diyfeSidebarRight .diyw .diywebMain {
    width: 70%;
    padding-right: 10px;
}
body.diyfeSidebarRight .diyw .diywebSecondary {
    width: 30%;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 20px;
}
.diyw .diywebFooter .diywebTemplateNavigation {
    display: none;
}
/* Responsive Breakpoints */
@media only screen and (max-width: 767px) {
    .diyw #diyfeMobileNav {
        display: block;
    }
    .diyw #diywebAppContainer1st {
        right: 0;
        top: 5px;
        z-index: 100;
    }
    .diyw .diywebNav .diywebGutter {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .diyw .diywebNavHorizontal .diywebTemplateLogo {
        padding: 0;
    }
    .diyw .diyweb .diywebFooter {
        position: static;
    }
    body.diyfeSidebarRight .diyw .diywebMain,
    body.diyfeSidebarRight .diyw .diywebSecondary {
        width: 100%;
    }
}
@media only screen and (max-width: 899px) {
    .diyw .diywebContent .diywebLiveArea,
    .diyw .diywebContent:before {
        width: 100%;
    }
    .diyw .diyweb .diywebContent .diyfeGE {
        padding: 5px;
    }
    .diyw .diywebContent .diyfeGridGroup {
        display: block;
    }
    .diyw .diywebContent .diywebSecondary .diywebNav {
        display: none;
    }
    .diyw .diywebNav .diywebGutter {
        display: block;
    }
    .diyw .diywebFooter .diywebTemplateNavigation {
        text-align: center;
    }
    .diyw .diywebNavHorizontal .diywebTemplateNavigation,
    .diyw .diywebNavHorizontal .diywebTemplateLogo {
        width: 100%;
        max-width: 900px;
    }
}
@media only screen and (max-width: 1023px) {
    body.diyfeSidebarRight .diyw .diywebContent,
    body.diyfeSidebarRight .diyw .diywebContent::before,
    body.diyfeSidebarRight .diyw .diywebFooter .diywebTemplateNavigation {
        width: 100%;
    }
    .diyw .diywebSecondary .diywebTemplateNavigation,
    .diyw .diywebFooter .diywebTemplateNavigation {
        display: none;
    }
    .diyw .diywebContent {
        display: inline-block;
    }
}
@media only screen and (max-width: 1330px) {
    .diyw .diywebNavHorizontal .diywebTemplateNavigation {
        width: 100%;
    }
    .diyw .diywebNavHorizontal .diywebTemplateLogo,
    .diyw .diywebNavHorizontal .diywebTemplateNavigation {
        max-width: 50%;
    }
}
.diyw .diywebFooter {
    position: fixed;
    bottom: 0;
}