@charset "utf-8";
/* CSS Document */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.portalPageTitle {
    text-align: left !important;
    border-bottom: 1px solid #9a9a9a;
    padding-bottom: 15px;
    font-size: 30px !important;
}

.inlinelink {
    color:blue !important;
    text-decoration:underline !important;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}

body
{
    line-height: 1;
}

ol, ul
{
    list-style: none;
}

blockquote, q
{
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after
    {
        content: '';
        content: none;
    }

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

::-moz-selection
{
    background: #bcc499;
    color: #fff;
    text-shadow: none;
}

::selection
{
    background: #bcc499;
    color: #fff;
    text-shadow: none;
}


/* GLOBAL STYLES
================================================== */

body
{
    font-family: 'Open Sans', sans-serif;
    color: #333;
}

h1
{
    font-family: 'Open Sans', sans-serif;
}

h4
{
    font-size: 18px;
    font-style: italic;
    margin: 0 0 20px 0;
}

    h4 a
    {
        color: #717b35;
        text-decoration: none;
    }

        h4 a:hover
        {
            text-decoration: underline;
        }

h5
{
    font-family: 'Open Sans','Segoe UI light', sans-serif;
    margin: 0 0 20px 0;
    font-size: 16px;
}

    h5 a
    {
        color: #333;
        text-decoration: none;
    }

        h5 a:hover
        {
            text-decoration: underline;
        }

h6
{
    text-transform: uppercase;
    color: #717b35;
    margin: 0 0 15px 0;
}

p
{
    font-size: 14px;
    line-height: 20px;
}

a
{
    /*color: blue;*/
    /*color: #0d45b7;*/
    color: #717b35;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"]
{
    color: #f5f7e9;
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    width: 80%;
    cursor: pointer;
    margin-top: 20px;
    padding: 10px 0px 15px 0px;
    background-color: #7e653e;
    border: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


    .button:hover,
    button:hover,
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover
    {
        background: #717b35;
        transition: color 0.2s linear;
        text-decoration: none;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }


.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"]
{
    text-align: center;
}

    /* Fix for odd Mozilla border & padding issues */
    button::-moz-focus-inner,
    input::-moz-focus-inner
    {
        border: 0;
        padding: 0;
    }

.buttonContainer
{
    display: block;
    padding-bottom: 20px;
}





/* HEADER
================================================== */
header
{
    height: 90px;
    padding: 35px 0;
    /*border-bottom:5px solid #bbc49b;*/
    background: url(images/backgrounds/body.png);
}

.header-right
{
    text-align: center;
    font-size: 14px;
    color: #565b5e;
}

    .header-right a
    {
        color: #565b5e;
        text-decoration: none;
    }

    .header-right .search
    {
        margin: 10px 0;
        position: relative;
    }

        .header-right .search input[type=text]
        {
            width: 96%;
            padding: 7px 2%;
            border: 1px solid #bbc49b;
        }

        .header-right .search input[type=submit]
        {
            position: absolute;
            right: 10px;
            top: 5px;
            width: 25px;
            height: 25px;
            border: 0px;
            padding: 0px;
            margin: 0px;
            background: url(images/icons/search_ico.png)no-repeat center center;
            display: block;
            cursor: pointer;
        }

    .header-right .social a
    {
        padding: 0 10px;
    }




/* MAIN NAVIGATION 
================================================== */

#menuContain
{
    background: #707c3b url(images/backgrounds/search.jpg) repeat;
    color: white;
}

#menu
{
    list-style: none;
    height: 79px;
    margin-left: auto;
    margin-right: auto;
    width: 1250px;
}

    #menu li
    {
        float: left;
        display: block;
    }

    #menu h3 a:hover
    {
        text-decoration: underline;
    }

    #menu li a
    {
        font-family: 'Open Sans', sans-serif;
        color: #fff;
        text-decoration: none;
        /*font-weight: 400;*/
        font-size: 19px;
        line-height: 24px;
        padding: 25px 48px 30px 48px;
        display: block;
    }

        #menu li a:hover
        {
            background: #bac49d url(images/backgrounds/dropdown.jpg) repeat;
            color: #fff;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
       
        }


    #menu li:hover .drop
    {
        background: #bac49d url(images/backgrounds/dropdown.jpg) repeat;
        color: black;
    }

.dropdown
{
    padding-top: 30px;
    margin: 4px auto;
    position: absolute;
    z-index: 999999;
    left: -999em;
    text-align: left;
    border-top: none;
    background: #bac49d url(images/backgrounds/dropdown.jpg) repeat;
    width: 100%;
    display: none;
}

#menu li:hover .dropdown
{
    left: 0px;
    margin-top: 0px;
    padding-bottom: 30px;
}

    #menu li:hover .dropdown h3
    {
        font-family: 'Open Sans';
        font-size: 20px;
        line-height: 30px;
        font-weight: bold !important;
        /*padding: 10px 0;
        margin-bottom: 10px;*/
        /*border-bottom: 1px solid #666;*/
        color: #000;
    }

    #menu li:hover .dropdown ul li
    {
        float: none;
    }

        #menu li:hover .dropdown ul li a
        {
            color: #333;
            padding: 0;
            font-size: 13px;
            line-height: 20px;
            font-family: 'Open Sans', sans-serif;
        }

            #menu li:hover .dropdown ul li a:hover
            {
                color: #000;
                text-decoration: underline;
            }

#menu .nav_featured
{
    float: right;
    background: #fff;
    width: 60%;
    padding: 10px;
    border: 1px solid #666;
}

    #menu .nav_featured p
    {
        font-size: 13px;
        line-height: 26px;
        margin-top: 10px;
    }

    #menu .nav_featured h4 a
    {
        font-size: 21px;
        padding: 0;
        margin: 0;
    }

        #menu .nav_featured h4 a:hover
        {
            color: #000;
            background: none;
            text-decoration: underline;
        }

#menu .nav_button
{
    width: 95%;
    float: left;
    text-align: left;
    padding: 5px 0 10px 10px;
    ;
    margin-top: 10px;
    font-size: 18px;
    color: #f5f7e9;
    display: inline-block;
    background-color: #7e653e;
    border: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    #menu .nav_button:hover
    {
        background: #717b35;
        transition: color 0.2s linear;
        text-decoration: none;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }


/*MOBILE NAVIGATION STYLES
================================================== */
.mobile-header
{
    background: url(images/backgrounds/body.png);
    padding: 20px 20px 10px 20px;
    height: 310px;
}

.mobile-utility
{
    display: block;
    text-align: center;
}

.mobile-nav
{
    width: 100%;
    display: block;
}

.mobile-nav-wrap
{
    clear: both;
}

.mobile-utility
{
    float: left;
    width: 100%;
    padding: 20px 0 30px 0;
}

    .mobile-utility a
    {
        color: #333;
        text-decoration: none;
        font-size: 14px;
    }

.mobilelogo
{
    display: block;
    text-align: center;
}

.mobile-social
{
    text-align: center;
}

    .mobile-social img
    {
        padding: 10px;
    }

.browse_wrap
{
    margin-top: 35px;
    padding: 0 5%;
}

.nav-toggle
{
    float: right;
    margin-top: 12px;
}

.mobile-search
{
    padding: 10px 0;
    position: relative;
    float: left;
    width: 35%;
    margin-left: 15px;
}

    .mobile-search input[type=text]
    {
        width: 100%;
        border: 1px solid #bbc49b;
        float: right;
        padding: 10px 5%;
    }

    .mobile-search input[type=submit]
    {
        position: absolute;
        right: 0px;
        top: 17px;
        width: 25px;
        height: 25px;
        border: 0px;
        padding: 0px;
        margin: 0px;
        background: url(images/icons/search_ico.png)no-repeat right center;
        display: block;
        cursor: pointer;
    }

.mobile-nav li a
{
    padding: 20px;
    background: #bac49d;
    color: #fff;
    font-size: 16px;
    display: block;
    border-top: 1px solid #707c3b;
    text-decoration: none;
    line-height: 14px;
}

.accordionButton
{
    background: #bac49d;
    cursor: pointer;
}

    .accordionButton li a
    {
        background: url(images/backgrounds/mobile_nav_closed.png) no-repeat 95% center;
    }

.accordionContent
{
    background: #95B1CE;
    display: none;
}

.accordionButton.on li a
{
    background: url(images/backgrounds/mobile_nav_open.png) no-repeat 95% center;
}

.accordionContent ul li a
{
    background: #707c3b;
    border-bottom: 1px solid #bac49d;
    padding-left: 40px;
    list-style-type: disc;
}



/* ROTATING BANNERS 
================================================== */
.banner, .rotating
{
    width: 100%;
    height: 500px;
    position: relative;
}


    .banner .rotating a
    {
        display: block !important;
        cursor: pointer !important;
        height: 500px !important;
        width: 100% !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        position: absolute !important;
        top: 0px;
        left: 0px;
    }

.internal_banner
{
    display: block;
}

/* FINDER */

.finder
{
    background: #707c3b url(images/backgrounds/search.jpg) repeat;
    padding: 30px 0;
    text-align: center;
}

    .finder h2
    {
        color: #fff;
        font-size: 28px;
        font-family: 'Open Sans', sans-serif;
        padding-top: 5px;
    }

    .finder input
    {
        display: block;
        float: left;
    }

        .finder input[type=text]
        {
            margin: 0 10px;
            padding: 10px;
            border: 1px solid #bbc49b;
        }

        .finder input[type=submit]
        {
            background: url(images/findergo.jpg) no-repeat center center;
            width: 40px;
            border: 0px;
            margin: 0px;
            padding: 0px;
            height: 40px;
            cursor: pointer;
        }



/* FANCY CATEGORY SLIDER CSS
================================================== */

.mi-slider
{
    position: relative;
    margin-top: 0px;
    height: 350px;
    margin-bottom: 0px;
    pointer-events: auto !important;
}

    .mi-slider ul
    {
        list-style-type: none;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0px;
        overflow: hidden;
        text-align: center;
        /*pointer-events: none;*/
    }

.no-js .mi-slider ul
{
    position: relative;
    left: auto;
    bottom: auto;
    margin: 0;
    overflow: visible;
}

.mi-slider ul.mi-current
{
    pointer-events: auto;
}

.mi-slider ul li
{
    display: inline-block;
    padding: 20px;
    width: 20%;
    max-width: 300px;
    -webkit-transform: translateX(600%);
    -moz-transform: translateX(600%);
    transform: translateX(600%);
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.no-js .mi-slider ul li
{
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}

.mi-slider ul li a, .mi-slider ul li img
{
    display: block;
    margin: 0 auto;
}

.mi-slider ul li a
{
    outline: 0;
    cursor: pointer;
    color: #333;
}

.mi-slider ul li img
{
    /*max-width: 100%;*/ /*A.C*/
    border: 0;
}

.mi-slider ul li h4
{
    display: inline-block;
    font-family: 'Open Sans',sans-serif;
    padding: 20px 10px 0;
    font-size: 15px;
}

.mi-slider ul li:hover
{
    opacity: .7;
}

.mi-slider nav
{
    position: relative;
    top: 400px;
    text-align: center;
    max-width: 960px;
    margin: 0 auto;
    border-top: 5px solid #727c36;
}

.no-js nav
{
    display: none;
}

.mi-slider nav a
{
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 5px;
    padding: 40px 40px 30px 40px;
    position: relative;
    color: #565656;
    outline: 0;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    transition: color .2s linear;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

    .mi-slider nav a:hover, .mi-slider nav a.mi-selected
    {
        color: #000;
        background-color: #e6ecc5;
    }

        .mi-slider nav a.mi-selected:after, .mi-slider nav a.mi-selected:before
        {
            content: '';
            position: absolute;
            top: -5px;
            border: solid transparent;
            height: 0;
            width: 0;
            position: absolute;
            /*pointer-events: none;*/
        }

        .mi-slider nav a.mi-selected:after
        {
            border-color: transparent;
            border-top-color: #f4f4f4;
            border-width: 20px;
            left: 50%;
            margin-left: -20px;
        }

        .mi-slider nav a.mi-selected:before
        {
            border-color: transparent;
            border-top-color: #717b35;
            border-width: 27px;
            left: 50%;
            margin-left: -27px;
        }

.mi-slider ul li, .no-js .mi-slider ul li
{
    -webkit-animation: scaleUp 350ms ease-in-out both;
    -moz-animation: scaleUp 350ms ease-in-out both;
    animation: scaleUp 350ms ease-in-out both;
}

@-webkit-keyframes scaleUp
{
    0%
    {
        -webkit-transform: translateX(0) scale(0);
    }

    100%
    {
        -webkit-transform: translateX(0) scale(1);
    }
}

@-moz-keyframes scaleUp
{
    0%
    {
        -moz-transform: translateX(0) scale(0);
    }

    100%
    {
        -moz-transform: translateX(0) scale(1);
    }
}

@keyframes scaleUp
{
    0%
    {
        transform: translateX(0) scale(0);
    }

    100%
    {
        transform: translateX(0) scale(1);
    }
}

.mi-slider ul li:first-child
{
    -webkit-animation-delay: 90ms;
    -moz-animation-delay: 90ms;
    animation-delay: 90ms;
}

.mi-slider ul li:nth-child(2)
{
    -webkit-animation-delay: 180ms;
    -moz-animation-delay: 180ms;
    animation-delay: 180ms;
}

.mi-slider ul li:nth-child(3)
{
    -webkit-animation-delay: 270ms;
    -moz-animation-delay: 270ms;
    animation-delay: 270ms;
}

.mi-slider ul li:nth-child(4)
{
    -webkit-animation-delay: 360ms;
    -moz-animation-delay: 360ms;
    animation-delay: 360ms;
}

.mi-slider ul.mi-moveFromRight li
{
    -webkit-animation: moveFromRight 350ms ease-in-out both;
    -moz-animation: moveFromRight 350ms ease-in-out both;
    animation: moveFromRight 350ms ease-in-out both;
}

.mi-slider ul.mi-moveFromLeft li
{
    -webkit-animation: moveFromLeft 350ms ease-in-out both;
    -moz-animation: moveFromLeft 350ms ease-in-out both;
    animation: moveFromLeft 350ms ease-in-out both;
}

.mi-slider ul.mi-moveToRight li
{
    -webkit-animation: moveToRight 350ms ease-in-out both;
    -moz-animation: moveToRight 350ms ease-in-out both;
    animation: moveToRight 350ms ease-in-out both;
}

.mi-slider ul.mi-moveToLeft li
{
    -webkit-animation: moveToLeft 350ms ease-in-out both;
    -moz-animation: moveToLeft 350ms ease-in-out both;
    animation: moveToLeft 350ms ease-in-out both;
}

    .mi-slider ul.mi-moveToLeft li:first-child, .mi-slider ul.mi-moveFromRight li:first-child, .mi-slider ul.mi-moveToRight li:nth-child(4), .mi-slider ul.mi-moveFromLeft li:nth-child(4)
    {
        -webkit-animation-delay: 0ms;
        -moz-animation-delay: 0ms;
        animation-delay: 0ms;
    }

    .mi-slider ul.mi-moveToLeft li:nth-child(2), .mi-slider ul.mi-moveFromRight li:nth-child(2), .mi-slider ul.mi-moveToRight li:nth-child(3), .mi-slider ul.mi-moveFromLeft li:nth-child(3)
    {
        -webkit-animation-delay: 90ms;
        -moz-animation-delay: 90ms;
        animation-delay: 90ms;
    }

    .mi-slider ul.mi-moveToLeft li:nth-child(3), .mi-slider ul.mi-moveFromRight li:nth-child(3), .mi-slider ul.mi-moveToRight li:nth-child(2), .mi-slider ul.mi-moveFromLeft li:nth-child(2)
    {
        -webkit-animation-delay: 180ms;
        -moz-animation-delay: 180ms;
        animation-delay: 180ms;
    }

    .mi-slider ul.mi-moveToLeft li:nth-child(4), .mi-slider ul.mi-moveFromRight li:nth-child(4), .mi-slider ul.mi-moveToRight li:first-child, .mi-slider ul.mi-moveFromLeft li:first-child
    {
        -webkit-animation-delay: 270ms;
        -moz-animation-delay: 270ms;
        animation-delay: 270ms;
    }

@-webkit-keyframes moveFromRight
{
    0%
    {
        -webkit-transform: translateX(600%);
    }

    100%
    {
        -webkit-transform: translateX(0%);
    }
}

@-webkit-keyframes moveFromLeft
{
    0%
    {
        -webkit-transform: translateX(-600%);
    }

    100%
    {
        -webkit-transform: translateX(0%);
    }
}

@-webkit-keyframes moveToRight
{
    0%
    {
        -webkit-transform: translateX(0%);
    }

    100%
    {
        -webkit-transform: translateX(600%);
    }
}

@-webkit-keyframes moveToLeft
{
    0%
    {
        -webkit-transform: translateX(0%);
    }

    100%
    {
        -webkit-transform: translateX(-600%);
    }
}

@-moz-keyframes moveFromRight
{
    0%
    {
        -moz-transform: translateX(600%);
    }

    100%
    {
        -moz-transform: translateX(0%);
    }
}

@-moz-keyframes moveFromLeft
{
    0%
    {
        -moz-transform: translateX(-600%);
    }

    100%
    {
        -moz-transform: translateX(0%);
    }
}

@-moz-keyframes moveToRight
{
    0%
    {
        -moz-transform: translateX(0%);
    }

    100%
    {
        -moz-transform: translateX(600%);
    }
}

@-moz-keyframes moveToLeft
{
    0%
    {
        -moz-transform: translateX(0%);
    }

    100%
    {
        -moz-transform: translateX(-600%);
    }
}

@keyframes moveFromRight
{
    0%
    {
        transform: translateX(600%);
    }

    100%
    {
        transform: translateX(0);
    }
}

@keyframes moveFromLeft
{
    0%
    {
        transform: translateX(-600%);
    }

    100%
    {
        transform: translateX(0);
    }
}

@keyframes moveToRight
{
    0%
    {
        transform: translateX(0%);
    }

    100%
    {
        transform: translateX(600%);
    }
}

@keyframes moveToLeft
{
    0%
    {
        transform: translateX(0%);
    }

    100%
    {
        transform: translateX(-600%);
    }
}

.mi-slider
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media screen and (max-width:910px)
{
    .mi-slider nav
    {
        max-width: 90%;
    }

        .mi-slider nav a
        {
            font-size: 12px;
            padding: 40px 10px 30px 14px;
        }
}

@media screen and (max-width:740px)
{
    .mi-slider
    {
        height: 300px;
    }

        .mi-slider nav
        {
            top: 220px;
        }
}

@media screen and (max-width:490px)
{
    .mi-slider
    {
        text-align: center;
        height: auto;
    }

        .mi-slider ul
        {
            position: relative;
            display: inline;
            bottom: auto;
            pointer-events: auto;
        }

            .mi-slider ul li
            {
                -webkit-animation: none!important;
                -moz-animation: none!important;
                animation: none!important;
                -webkit-transform: translateX(0)!important;
                -moz-transform: translateX(0)!important;
                transform: translateX(0)!important;
                padding: 10px 3px;
                min-width: 140px;
            }





        .mi-slider nav
        {
            display: none;
        }
}



/* SLIDER MODIFICATIONS */

#slider nav a
{
    font-size: 20px;
    text-decoration: none;
}

.slider-wrapper
{
    position: relative;
}

.cat-slider
{
    height: 350px;
}

.cat
{
    height: 350px;
    width: 100%;
}

.backward
{
    position: absolute;
    left: -30px;
    top: 100px;
    z-index: 1000;
    cursor: pointer;
}

.forward
{
    position: absolute;
    right: -30px;
    top: 100px;
    z-index: 1000;
    cursor: pointer;
}

.catnav
{
    text-align: center;
    padding: 0 0 30px 0;
    border-top: 5px solid #6A7636;
}

    .catnav a
    {
        font-size: 40px;
        display: inline-block;
        padding: 30px 30px 60px;
        font-weight: 100;
        text-decoration: none;
    }

        .catnav a.active
        {
            background: url(images/catnav.png) no-repeat top center;
        }



/* CONTENT
================================================== */



.content
{
    padding: 50px 0;
    background: url(images/backgrounds/body.png) #f4f4f4;
}

    .content h1
    {
        text-align: center;
        color: #333;
        margin: 0 0 40px 0;
        font-size: 38px;
        line-height: 40px;
    }

.intro h1
{
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding-top: 20px;
    padding-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
}


.content h2
{
    font-size: 30px;
    margin: 30px 0;
    font-weight: 300;
    color: #333;
    text-align: center;
}

.content h3
{
    font-family: 'Open Sans Condensed', sans-serif;
    color: #333;
    font-size: 32px;
    margin: 0 0 20px 0;
    font-weight: bold;
}

    .content h3 a
    {
        color: #333;
        text-decoration: none;
        font-weight: 600;
    }

        .content h3 a:hover
        {
            text-decoration: underline;
            opacity: 0.7;
        }

.content p
{
    margin-bottom: 20px;
}

.content .hr
{
    width: 100%;
    height: 1px;
    padding: 10px 0;
    background: url(images/backgrounds/hr.jpg) no-repeat center center;
}







/*INDEX SPECIFIC*/
.featured
{
    border: solid 1px #b3b3b3;
    height: 325px;
    padding: 35px 25px;
}

    .featured p
    {
        /*line-height: 24px; A.C*/
    }

.invisible
{
    display: none;
}

.hoverElement
{
    float: left;
    padding-left: 22px;
    width: 228px;
    overflow: hidden;
}

.invisible
{
    height: 164px;
    width: 100%;
    margin-top: -163px;
    background: url(images/backgrounds/hover_bkgd.png) repeat;
}

.hover_content
{
    position: absolute;
    z-index: 999;
    height: 160px;
    width: 228px;
    /*border: 1px solid #919387;*/
    /*padding: 10px;*/
}

    .hover_content div
    {
        padding-top: 15px;
    }

    .hover_content h5
    {
        font-weight: bold;
    }

    .hover_content p
    {
        font-size: 12px;
        margin-bottom: 10px;
    }


/*PRODUCTS*/
.secondarynav
{
    color: #707c3b;
    background: #fff;
    padding-top: 10px;
    border-top: 1px solid #bbc49b;
    border-bottom: 1px solid #bbc49b;
}

.breadcrumbs p
{
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 12px;
}

.breadcrumbs a
{
    color: #707c3b;
    text-decoration: none;
}

    .breadcrumbs a:hover
    {
        text-decoration: underline;
    }

.pagination p
{
    font-size: 12px;
    text-align: right;
}

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

.current_crumb
{
    font-weight: bold;
}

.intro
{
    margin-bottom: -20px;
}

.row
{
    clear: both;
    padding-top: 100px;
}

.product
{
    margin-top: -10px;
}

    .product img
    {
        margin-bottom: 10px;
        max-width: 229px; /* CUSTOM TO AVOID OVERLAP BY WIDE IMAGES A.C */
    }

    .product a img
    {
        border: 1px solid #333;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .product a img:hover
        {
            opacity: 0.7;
        }

    .product .button
    {
        margin-top: 5px;
        width: 80%;
    }

.filter_landing_wrap
{
    margin-top: 50px;
}

.filter_sidebar h3
{
    font-weight: 600;
}

.filter_box
{
    background: #fff;
    border: 1px solid #b7b7b7;
    width: 85%;
    margin-bottom: 15px;
}

    .filter_box h5
    {
        font-style: normal;
        text-transform: uppercase;
        background: #bbc49b;
        padding: 10px;
        color: #454545;
        font-size: 20px;
    }

    .filter_box ul
    {
        padding: 0px 10px 10px;
        line-height: 30px;
        margin-top: -10px;
    }

.bottom_pagination
{
    float: right;
    margin-top: 50px;
}

    .bottom_pagination p
    {
        font-size: 12px;
        text-align: right;
    }

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

/*FOOTER
================================================== */


footer
{
    min-height: 515px;
    background: #fff;
}

.footer_wrap
{
    margin-top: 50px;
    padding-top: 50px;
    border-top: solid 1px #b3b3b3;
}

footer ul li a
{
    text-decoration: none;
    color: #818181;
    font-size: 14px;
    line-height: 24px;
}

    footer ul li a:hover
    {
        color: #000;
    }

.footer_logo
{
    background: url(images/logos/footer_logo.png) no-repeat;
    height: 150px;
    border-bottom: solid 1px #b3b3b3;
}

.footer_utility_nav
{
    margin-top: 20px;
    text-align: center;
}

    .footer_utility_nav p a
    {
        font-size: 12px;
        text-decoration: none;
        padding-right: 12px;
        color: #818181;
    }

        .footer_utility_nav p a:hover
        {
            color: #000;
        }

.footer_social
{
    margin-top: 20px;
}

    .footer_social a img
    {
        padding-right: 15px;
    }

#fineprint
{
    margin-top: 30px;
    padding: 30px 0;
    border-top: solid 1px #b3b3b3;
    font-size: 12px;
    color: #b3b3b3 !important;
}

#bsm
{
    width: 250px;
    background: url(images/logos/bsm.png) no-repeat left;
    float: right;
    text-align: right;
}

    #bsm:hover
    {
        background: url(images/logos/bsm_hover.png) no-repeat left;
        color: #000;
    }

    #bsm a
    {
        color: #b3b3b3;
        text-decoration: none;
    }

        #bsm a:hover
        {
            color: #000;
        }



/* PRODUCT PAGE */

.product-content
{
    padding-top: 50px;
    float: left;
}

.gallery-thumbnails
{
    margin-top: 30px;
}

.gallery
{
    margin-bottom: 30px;
}

    .gallery img
    {
        border: 2px solid #bdc69e;
    }

.rotating-gallery
{
    width: 100% !important;
}

    .rotating-gallery a
    {
        display: block;
        width: 100% !important;
    }

.product-details-info
{
    background: #fff;
    padding: 20px;
    border: 2px solid #bdc69e;
}

.product-details .tab
{
    width: 115px;
    height: 22px;
    background: url(images/inactive-tab.png) no-repeat top left;
    display: block;
    float: left;
    font-size: 13px;
    margin-right: -15px;
    padding: 10px 0 0 10px;
    margin-left: 5px;
    margin-bottom: -2px;
    cursor: pointer;
    position: relative;
}

    .product-details .tab.active
    {
        background-image: url(images/active-tab.png) !important;
        z-index: 4;
    }

.product-details .product-description-tab
{
    z-index: 3;
}

.product-details .product-downloads-tab
{
    z-index: 2;
}

.product-details .product-pricing-tab
{
    z-index: 1;
}

.product-downloads a
{
    display: block;
    padding: 10px 0 10px 40px;
    background: url(images/download.jpg) no-repeat left center;
    font-size: 18px;
    font-weight: 100;
    color: #707c3b;
    text-decoration: none;
}

.product-downloads
{
    padding-bottom: 30px;
}

.product-details h1
{
    font-size: 28px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-weight: 100;
    margin-bottom: 20px;
    line-height: 35px;
}

.collection-share, .email-print-ask
{
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    width: 100%;
    margin-bottom: 20px;
}

    .collection-share td
    {
        vertical-align: middle;
        width: 50%;
        padding: 10px 0;
    }

.share
{
    text-align: right;
    border-left: 1px dotted #333;
    padding-left: 20px !important;
}

    .share > p {
        /*padding-left: 100px;*/
    }

.collection-share p, .email-print-ask p
{
    float: left;
    margin-bottom: 0px;
    height: 23px;
    padding-top: 5px;
    margin-bottom:10px;
}

.collection-share .share a
{
    display: inline-block;
    width: 28px;
    height: 28px;
}


.email-print-ask td
{
    width: 33%;
    padding: 10px 0;
    vertical-align: middle;
}

.email-print-ask p
{
    padding-top: 0px !important;
}

.print, .ask
{
    border-left: 1px dotted #333;
    padding-left: 20px !important;
}

    .print:hover
    {
        cursor: pointer !important;
    }

.email-print-ask a
{
    display: inline-block;
    padding-left: 35px;
    height: 28px;
    line-height: 26px;
}

.email-print-ask .email a
{
    background: url(images/product-email.jpg) no-repeat left center;
}

.email-print-ask .print a
{
    background: url(images/product-print.jpg) no-repeat left center;
}

.email-print-ask .ask a
{
    background: url(images/product-question.jpg) no-repeat left center;
}

.product-details .asterisk
{
    text-align: right;
    font-size: 12px;
    color: #777;
}

.employee-form
{
    margin-top: 20px;
}

.product-details-box
{
    /*display: none;*/
}

.product-retailers
{
    padding: 50px 0;
    background: #fff;
}

.map iframe
{
    width: 100%;
    height: 300px;
}

.address
{
    margin-bottom: 20px;
    position: relative;
}

    .address strong
    {
        display: block;
        font-weight: bold;
    }

    .address .distance
    {
        color: #777;
    }

    .address img
    {
        position: absolute;
        left: -33px;
        top: 0px;
    }

.view-all-collection
{
    text-align: center;
    display: block;
}




/* BLOG PAGES */

.blog-post
{
    margin-bottom: 30px;
    float: left;
}

    .blog-post h2
    {
        text-align: left;
    }

        .blog-post h2 span
        {
            display: block;
            font-size: 14px;
            color: #777;
            margin-top: 10px;
        }




/* LOCATE A RETAILER */

#map_canvas
{
    width: 100%;
    height: 400px;
}

#google-map
{
    width: 100%;
    height: 400px;
}

.hide-map
{
    float: right;
    display: inline-block;
    margin-bottom: 10px;
}

.retailer-search-form input[type=text], .retailer-search-form select
{
    width: 94%;
    padding: 10px 3%;
    display: block;
}

.retailer-search-form label
{
    display: block;
    margin-bottom: 5px;
}


/* Admin Home PAGE */

.adminMenu ul li
{
    padding: 5px;
}

/* CONTACT US PAGE */

.contact-form p
{
    margin: 20px 0 5px 0;
}

.contact-form input[type=text], input[type=email], input[type=tel], input[type=password], .contact-form textarea
{
    width: 94%;
    padding: 10px 3%;
    display: block;
}

.contact-form textarea
{
    height: 200px;
}

.contact-form input[type=submit]
{
    width: 100%;
    margin-top: 20px;
}

.contact h2
{
    text-align: left;
}

p strong
{
    font-weight: bold;
}

.spacing
{
    margin: 20px 0;
}


/* #Media Queries for Responsive Design
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width:960px) and (max-width:1366px)
{
    .noipadlandscape, .noipadportrait
    {
        display: none !important;
    }

    /*header*/
    .header-right a
    {
        font-size: 12px;
    }

    .banner, .rotating, .banner .rotating a
    {
        height: 340px !important;
    }

    /*navigation*/
    #menu
    {
        width: 940px;
    }

        #menu li a
        {
            padding: 25px 17px 30px 17px;
            margin-top: -1px;
        }

    .dropdown
    {
        padding-top: 20px;
        display: none;
    }

    #menu li:hover .dropdown
    {
        left: 0px;
        margin-top: 0px;
        padding-bottom: 20px;
    }

        #menu li:hover .dropdown h3
        {
            font-weight: bold;
            font-size: 20px;
            line-height: auto;
            padding: 10px 0;
        }

        #menu li:hover .dropdown ul li a
        {
            font-size: 14px;
            line-height: auto;
        }

    #menu .nav_featured
    {
        float: right;
        background: #fff;
        width: 80%;
        padding: 10px;
        border: 1px solid #666;
    }

        #menu .nav_featured p
        {
            font-size: 13px;
            line-height: 20px;
            margin-top: 10px;
        }



    /*content*/
    .content h2
    {
        font-size: 26px;
    }



    /*index*/

    .finder h2
    {
        color: #fff;
        font-size: 26px;
    }



    .featured
    {
        height: 300px;
    }

        .featured p
        {
            line-height: 20px;
            font-size: 13px;
        }

        .featured h3
        {
            font-size: 24px;
            margin-bottom: 10px;
        }

        .featured h4
        {
            font-size: 16px;
            margin-bottom: 10px;
        }

    .home_featured_image
    {
        /*max-width: 200px;*/
    }

    .hoverElement
    {
        max-width: 200px;
        overflow: hidden;
        padding-left: 6px;
    }

    /*.invisible
    {
        height: 240px;
        width: 200px;
        margin-top: -237px;
    }*/

    .hover_content
    {
        height: 210px;
        width: 185px;
        padding: 10px 10px;
        overflow-y: hidden;
    }

        .hover_content p
        {
            font-size: 10px;
            margin-bottom: 10px;
        }


    .product img
    {
        /*width: 225px;*/
        height: 120px;
    }


    /*footer*/

    .footer_logo
    {
        background: url(images/logos/footer_logo_med.png) no-repeat;
        height: 100px;
    }

    .footer_utility_nav
    {
        margin-top: 20px;
    }

        .footer_utility_nav p a
        {
            display: block;
        }

    .footer_social
    {
        margin-top: 15px;
    }


    /* PRODUCT PAGE */

    .product-details h1
    {
        font-size: 21px;
        line-height: 26px;
    }

    .email-print-ask a
    {
        font-size: 12px;
    }

    .print, .ask
    {
        padding-left: 10px !important;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px)
{
    .noipadlandscape, .noipadportrait
    {
        display: none !important;
    }


    /*header*/
    .header-right a
    {
        font-size: 12px;
    }


    .banner, .rotating, .banner .rotating a
    {
        height: 240px !important;
    }

    /*navigation*/
    #menu
    {
        list-style: none;
        ;
        height: 50px;
        margin-left: auto;
        margin-right: auto;
        width: 760px;
        margin-top: -1px;
    }

        #menu li a
        {
            color: white;
            text-decoration: none;
            font-size: 16px;
            padding: 20px 11px;
            display: block;
            margin-top: -1px;
        }

    .dropdown
    {
        padding-top: 10px;
    }

    #menu li:hover .dropdown
    {
        padding-bottom: 20px;
    }

        #menu li:hover .dropdown h3
        {
            font-size: 18px;
            line-height: 26px;
            padding: 5px 0;
            /*margin-bottom: 5px;
            border-bottom: 1px solid #666;*/
        }

        #menu li:hover .dropdown ul li a
        {
            /*font-size: 14px;
            line-height: 26px;*/
            font-size: 12px;
            line-height: 19px;
        }

    #menu .nav_featured
    {
        float: right;
        background: #fff;
        width: 80%;
    }

        #menu .nav_featured p
        {
            font-size: 13px;
            line-height: 18px;
        }

        #menu .nav_featured h4 a
        {
            font-size: 18px;
        }

    /*content*/

    .product h3 a
    {
        font-size: 24px;
    }

    /*index*/

    .mi-slider ul li
    {
        padding: 17px;
    }

    .mi-slider nav a
    {
        padding: 30px 15px;
    }

    .finder h2
    {
        color: #fff;
        font-size: 24px;
    }

    .featured
    {
        height: 240px;
        padding: 20px 5px;
    }

        .featured p
        {
            line-height: 14px;
            font-size: 12px;
        }

        .featured h3
        {
            font-size: 20px;
            margin-bottom: 10px;
        }

        .featured h4
        {
            font-size: 16px;
            margin-bottom: 10px;
        }

        .featured .button
        {
            font-size: 16px;
            padding-top: 4px;
            padding-bottom: 8px;
        }

    .home_featured_image
    {
        /*max-width: 158px;*/
    }

    .hoverElement
    {
        padding-left: 6px;
        height: 185px;
        width: 158px;
        overflow: hidden;
    }

    .invisible
    {
        height: 185px;
        width: 158px;
        margin-top: -185px;
    }

    .hover_content
    {
        height: 160px;
        width: 134px;
        padding: 30px 10px;
    }

        .hover_content p
        {
            font-size: 10px;
            line-height: 13px;
            margin-bottom: 0px;
        }

        .hover_content .button
        {
            padding: 4px 0px 8px 0px;
            font-size: 14px;
        }

    .product
    {
        border: none;
    }

        .product img
        {
            /*width: 175px;*/
            height: 90px;
        }

        .product .button
        {
            width: 78%;
            margin-top: 5px;
        }


    /*footer*/

    .footer_logo
    {
        background: url(images/logos/footer_logo_sm.png) no-repeat;
        height: 60px;
    }

    .footer_utility_nav
    {
        margin-top: 20px;
    }

        .footer_utility_nav p a
        {
            display: block;
        }

    .footer_social
    {
        margin-top: 15px;
    }

        .footer_social a img
        {
            padding-right: 10px;
        }


    /* PRODUCT PAGE */

    .product-details h1
    {
        font-size: 21px;
        line-height: 26px;
    }

    .email-print-ask a
    {
        font-size: 12px;
    }

    .email-print-ask td
    {
        display: block;
        width: 100%;
    }

    .email-print-ask p
    {
        float: none;
    }

    .print, .ask
    {
        padding-left: 0px !important;
        border-left: 0px;
    }


    .cat, .cat-slider, .mi-slider
    {
        height: 300px;
    }


    .catnav a
    {
        font-size: 24px;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px)
{
    .collection-share .share a {
        padding-left:10px;
    }
    
    .noipadlandscape, .noipadportrait
    {
        display: none !important;
    }

    /*header*/
    .mobile-search-wrap
    {
        float: left;
        width: 96.5%;
    }

    .mobile-search input[type=submit]
    {
        right: 25px;
    }


    .banner, .rotating, .banner .rotating a
    {
        height: 200px !important;
    }


    /*content*/
    .content
    {
        padding: 20px 0;
    }

        .content h1
        {
            margin: 0px 0 50px 0;
            font-size: 38px;
        }

        .content h2
        {
            font-size: 26px;
            margin: 20px 0;
            font-weight: 300;
            color: #333;
            text-align: center;
        }


    /*index*/
    .finder
    {
        padding: 20px 0;
        text-align: center;
    }

        .finder h2
        {
            font-size: 26px;
            display: block;
        }

    .finder-search
    {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .finder input[type=text]
    {
        margin: 20px 8% 0px 5%;
        padding: 5px;
        width: 65%;
    }

    .finder input[type=submit]
    {
        margin: 12px 0px;
    }

    .mi-slider
    {
        text-align: center;
        height: auto;
    }

        .mi-slider ul
        {
            position: relative;
            display: inline;
            bottom: auto;
            pointer-events: auto;
        }

            .mi-slider ul li
            {
                padding: 10px 3px;
                min-width: 140px;
                -webkit-animation: none !important;
                -moz-animation: none !important;
                animation: none !important;
                -webkit-transform: translateX(0) !important;
                -moz-transform: translateX(0) !important;
                transform: translateX(0) !important;
            }

        .mi-slider nav
        {
            display: none;
        }

    /*.featured{height:1075px; padding:20px 0px; text-align:center;}*/
    .featured
    {
        display: none;
    }

        .featured p
        {
            line-height: 20px;
            font-size: 13px;
        }

        .featured .button
        {
            text-align: center;
        }

    .hoverElement
    {
        float: none;
        padding: none;
        margin: auto;
        padding-left: 0px;
        overflow: hidden;
    }

    .home_featured_image
    {
        margin: 30px auto;
        display: block;
    }

    .invisible
    {
        /*height: 237px;
        max-width: 221px;
        margin-top: -259px;
        margin-left: 99px;*/
        float: left;
        overflow: hidden;
    }


    .intro
    {
        margin-bottom: 50px;
    }

    .product
    {
        text-align: center;
        height: 400px;
        border-top: 1px solid #666;
    }

    .three.product
    {
        padding: 50px 0;
    }

    .row
    {
        padding: 0;
    }

    .product .button
    {
        max-width: 50%;
    }

    .breadcrumbs p
    {
        font-size: 14px;
        margin: 0;
        padding: 5px 10px;
    }

    /*footer*/
    .footer_wrap
    {
        margin-top: 25px;
        padding-top: 25px;
        text-align: center;
    }

        .footer_wrap h6
        {
            margin: 25px 0 15px 0;
        }

    .footer_logo
    {
        background-position: center;
    }

    footer ul li a
    {
        line-height: 30px;
        display: block;
    }

    #fineprint
    {
        height: 40px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    #fineprint span a {
        color: #b3b3b3 !important;
    }

    #bsm
    {
        width: 100%;
        background-position: 78px -1px;
        float: none;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }

        #bsm a
        {
            margin-left: 10px;
        }

        #bsm:hover
        {
            background-position: 70px;
            color: #000;
        }

    .filter_box
    {
        width: 100%;
    }

    .filter_content
    {
        padding-top: 50px !important;
    }

    /* PRODUCT PAGE */

    .pagination p
    {
        float: left;
        text-align: left;
        padding: 10px 0 0 10px;
    }

    .bottom_pagination
    {
        margin: -20px auto;
    }

    .filter_sidebar h3
    {
        font-weight: 600;
    }

    .filter_box h5
    {
        font-style: normal;
        text-transform: uppercase;
        background: #bbc49b;
        padding: 10px;
        color: #454545;
        font-size: 16px;
    }

    .filter_box ul
    {
        padding: 0px 10px 10px;
        line-height: 20px;
        margin-top: -10px;
        font-size: 12px;
    }

    .product-details h1
    {
        font-size: 21px;
        line-height: 26px;
    }

    .email-print-ask td, .collection-share td
    {
        display: block;
        width: 100%;
        text-align:left !important;
    }

    .email-print-ask p, .collection p
    {
        float: none;
        text-align: left;
    }

    .print, .ask, .share
    {
        padding-left: 0px !important;
        border-left: 0px;
    }

    .map
    {
        margin-bottom: 30px;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px)
{
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px)
{

    .finder-search
    {
        margin-left: 30px;
        display: block;
        margin-top: 10px;
    }

    .invisible
    {
        margin-left: 39px;
    }

    #bsm
    {
        background-position: 15px -1px;
    }
}

















/* Magnific Popup CSS */
.mfp-bg
{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 502;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap
{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 503;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container
{
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .mfp-container:before
    {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before
{
    display: none;
}

.mfp-content
{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 505;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content
{
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur
{
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close
{
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom
{
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content
{
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter
{
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure
{
    display: none;
}

.mfp-hide
{
    display: none !important;
}

.mfp-preloader
{
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 504;
}

    .mfp-preloader a
    {
        color: #cccccc;
    }

        .mfp-preloader a:hover
        {
            color: white;
        }

.mfp-s-ready .mfp-preloader
{
    display: none;
}

.mfp-s-error .mfp-content
{
    display: none;
}

button.mfp-close,
button.mfp-arrow
{
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0 !important;
    z-index: 506;
}

button::-moz-focus-inner
{
    padding: 0;
    border: 0;
}

.mfp-close
{
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px !important;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

    .mfp-close:hover, .mfp-close:focus
    {
        opacity: 1;
    }

    .mfp-close:active
    {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close
{
    color: #333333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close
{
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px !important;
    width: 100%;
}

.mfp-counter
{
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow
{
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .mfp-arrow:active
    {
        margin-top: -54px;
    }

    .mfp-arrow:hover,
    .mfp-arrow:focus
    {
        opacity: 1;
    }

    .mfp-arrow:before, .mfp-arrow:after,
    .mfp-arrow .mfp-b,
    .mfp-arrow .mfp-a
    {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: solid transparent;
    }

    .mfp-arrow:after,
    .mfp-arrow .mfp-a
    {
        opacity: 0.8;
        border-top-width: 12px;
        border-bottom-width: 12px;
        top: 8px;
    }

    .mfp-arrow:before,
    .mfp-arrow .mfp-b
    {
        border-top-width: 20px;
        border-bottom-width: 20px;
    }

.mfp-arrow-left
{
    left: 0;
}

    .mfp-arrow-left:after,
    .mfp-arrow-left .mfp-a
    {
        border-right: 12px solid black;
        left: 5px;
    }

    .mfp-arrow-left:before,
    .mfp-arrow-left .mfp-b
    {
        border-right: 20px solid white;
    }

.mfp-arrow-right
{
    right: 0;
}

    .mfp-arrow-right:after,
    .mfp-arrow-right .mfp-a
    {
        border-left: 12px solid black;
        left: 3px;
    }

    .mfp-arrow-right:before,
    .mfp-arrow-right .mfp-b
    {
        border-left: 20px solid white;
    }

.mfp-iframe-holder
{
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content
    {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

.mfp-iframe-scaler
{
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe
    {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: black;
    }

.mfp-iframe-holder .mfp-close
{
    top: -40px;
}

/* Main image in popup */
img.mfp-img
{
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure:after
{
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.mfp-figure
{
    line-height: 0;
}

.mfp-bottom-bar
{
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title
{
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-break: break-word;
    padding-right: 36px;
}

.mfp-figure small
{
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-image-holder .mfp-content
{
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure
{
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px)
{
    /**
   * Remove all paddings around the image on small screen
   */
    .mfp-img-mobile .mfp-image-holder
    {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img
    {
        padding: 0;
    }

    /* The shadow behind the image */
    .mfp-img-mobile .mfp-figure:after
    {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-bottom-bar
    {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty
        {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter
    {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close
    {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0 !important;
    }

    .mfp-img-mobile .mfp-figure small
    {
        display: inline;
        margin-left: 5px;
    }
}

@media all and (max-width: 800px)
{
    .mfp-arrow
    {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left
    {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right
    {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container
    {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img
{
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar
{
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container
{
    padding: 0;
}

.mfp-ie7 .mfp-content
{
    padding-top: 44px;
}

.mfp-ie7 .mfp-close
{
    top: 0;
    right: 0;
    padding-top: 0 !important;
}

/* CUSTOM */
.requiredNote
{
    color: red;
    font-size: smaller;
}


.gallery
{
    overflow: hidden;
}

/*.image-wrap
{
    overflow: hidden;
}*/

#featured_intro h3
{
    font-family: 'Open Sans Condensed', sans-serif;
    color: #333;
    font-size: 32px;
    margin: 0 0 20px 0;
    font-weight: bold;
}

.BrowserOtherProductsInThisCollectionHeading
{
    /*font-family: 'Open Sans Condensed', sans-serif;
    font-size: 32px;
    font-weight: bold;*/
}

.printLogo
{
    display: none;
    padding-top: 50px;
}

.noPointer {
    cursor: default !important;
}

.noPointer:hover {
    text-decoration: none !important;
}


 .field-validation-error, .field-validation-error > span
    {
        color: red !important;
    }

.product-details-box ul {
    list-style-type: circle;
    margin-left: 30px;
    font-size: 14px;
}

    .product-details-box ul li {
        padding: 4px;
    }

.product-details-box b {
    font-weight: bolder;
}