/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 17, 2013 */

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

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

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

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

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

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

@font-face {
    font-family: 'frankthin';
    src: url('fonts/frank-thin-webfont.eot');
    src: url('fonts/frank-thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/frank-thin-webfont.woff') format('woff'), url('fonts/frank-thin-webfont.ttf') format('truetype'), url('fonts/frank-thin-webfont.svg#frankthin') format('svg');
    font-weight: normal;
    font-style: normal;
}
a img {border:0 none;}

* {
    margin: 0;
    padding: 0;
}

#site-wrapper {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 30px;
}

#site-header {
    position: fixed;
    display: block;
    width: 100%;
    background-color: #00153D;
    z-index: 999;
}

@media screen and ( max-width:480px ) {
    #site-header {
        position: relative;
        display: block;
    }
}

#site-header-bottom {
    position: relative;
    display: block;
    width: 100%;
    background-color: #000;
}
#site-header .logo {
    line-height: 52px; 
    vertical-align:middle;
    display:inline-block;
}
#site-header #header-logo {
    display:inline-block;
    vertical-align:middle;
}

#site-header #navigation-drop-down-toggle {
    float: right;
    height: 50px;
    line-height: 50px;
    background-color: #343546;
    color: #FFF200;
    padding: 0 20px;
    cursor: pointer;
    font-family: frankregular,Arial,sans-serif;
    border:1px solid #00153D;
}


.outer-wrapper {
    position: relative;
    display: block;
    width: 100%;
}

.inner-wrapper {
    position: relative;
    display: block;
    max-width: 900px;
    padding: 0 20px;
    margin: 0 auto;
    overflow: hidden;
}

@media screen and ( max-width:480px ) {
    .inner-wrapper {
        padding: 0 4%;
    }
}
#gmaps {padding-bottom: 3em;}
.section-dot {
    background: url(/media/535/white-dot-pattern.png) repeat #FFF;
    padding: 2% 0;
}

.section-white {
    padding: 2% 0;
}

    .section-white a:hover {
        color: #FFDC00;
    }


.section-yellow {
    background-color: #FFDC00;
    padding: 2% 0;
}

    .section-yellow a:hover {
        color: #fff;
    }

.section-gray {
    background-color: #f2f4f6;
    padding: 2% 0;
}



.section-dot-yellow {
    background: url(/media/530/yellow-dot-pattern.png) repeat;
    padding: 2% 0;
}


/*************************************
NAVIGATION DROP DOWN ****************/

#navigation-drop-down {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #e7e7e8;
    z-index: 999;
    display: none;
    padding: 1% 0 3% 0;
    overflow: hidden;
   box-shadow: 0 1px 10px rgba(0, 0, 0, 0.50);
}

    #navigation-drop-down .inner-wrapper {
        height: 480px;
    }

    #navigation-drop-down #dd-featured {
        float: right;
        width: 17%;
    }

        #navigation-drop-down #dd-featured a {
            text-decoration: none;
        }

            #navigation-drop-down #dd-featured a span {
                color: #000;
                font-family: frankmedium,sans-serif;
                font-size: 14px;
                text-transform: uppercase;
            }

        #navigation-drop-down #dd-featured img {
            width: 100%;
            display: block;
            margin: 0 0 10px 0;
        }

    #navigation-drop-down li {
        list-style-type: none;
    }

    #navigation-drop-down ul.level0 {
        position: relative;
        margin-bottom: 30px;
        border-bottom: 1px dotted #5b616d;
    }


    #navigation-drop-down ul.level1 {
        position: relative;
        width: 15%;
    }

        #navigation-drop-down ul.level1 > li > .menu-item {
            border: 0;
            background-color: #000;
            color: #FFF;
            text-align: center;
        }

            #navigation-drop-down ul.level1 > li > .menu-item:hover {
                color: #999;
            }

    #navigation-drop-down ul.level2 {
        position: absolute;
        left: 100%;
        top: 0;
        width: 200%;
        opacity: 0.3;
    }

        #navigation-drop-down ul.level2:hover {
            opacity: 1;
        }

    #navigation-drop-down ul.level3 {
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
        display: none;
        opacity: 0.5;
    }

        #navigation-drop-down ul.level3:hover {
            opacity: 1;
        }

    #navigation-drop-down .menu-item {
        color: #5B616D;
        font-family: frankmedium,sans-serif;
        font-size: 14px;
        padding: 6px 0;
        border-bottom: 1px dotted #5B616D;
        margin: 0 20px 0 0;
        text-transform: uppercase;
        display: block;
        cursor: pointer;
    }
    #navigation-drop-down .level0 .menu-item {
        color:#000;
    }
     #navigation-drop-down .level0 .menu-item:hover {
        color: #5B616D;
     }

        #navigation-drop-down .menu-item:hover, #navigation-drop-down .menu-item.selected {
            color: #000;
        }

        #navigation-drop-down .menu-item a {
            color: inherit;
            text-decoration: none;
            display: block;
        }

    #navigation-drop-down .level0 li {
        display: block;
        float: left;
        margin-right: 50px;
    }

        #navigation-drop-down .level0 li .menu-item {
            display: block;
            border: none;
        }

            #navigation-drop-down .level0 li .menu-item a {
                display: block;
            }

            #navigation-drop-down .level0 li .menu-item .toggle-nav,
            #navigation-drop-down .level li .toggle-nav {
                display: none;
            }

@media screen and ( max-width:480px ) {
    #navigation-drop-down .level0 li .menu-item .toggle-nav,
    #navigation-drop-down .level li .toggle-nav {
        display: block;
    }

    #navigation-drop-down {
        padding-bottom: 20px;
        border-bottom: 1px solid #5B616D;
    }

        #navigation-drop-down .inner-wrapper {
            width: 200%;
            padding: 0;
            transition: all 0.3s ease-in-out 0s;
        }

        #navigation-drop-down ul.level0 {
            left: 1em;
            position: absolute;
            right: calc(50% + 1em);
        }

        #navigation-drop-down .menu-item {border:none;}

        #navigation-drop-down.slide-over .inner-wrapper {
            -ms-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        #navigation-drop-down ul.level1 {
            float: none;
            left: 50%;
            left: calc(50% + 1em);
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
        }

        .return-menu.toggle-nav {
  color: inherit;
  position: absolute;
  right: 55%;
  text-decoration: none;
  top: 0;
  font-family:frankthin,sans-serif;
}

    #dd-featured {
        display: none;
    }



    #navigation-drop-down ul.level0 {
        border: none;
        margin-bottom: 4px;
    }

    #navigation-drop-down .level0 li {
        padding: 0;
        margin-right: 0;
    }

    #navigation-drop-down .level0 li {
        float: none;
    }

        #navigation-drop-down .level0 li .menu-item {
            font-size: 16px;
            padding: 0.3em;
            margin: 4px 10px 4px 0;
            line-height: 20px;
        }



    #navigation-drop-down ul.level1 .menu-item {
        margin: 0 0 4px 0;
        display: block;
        padding: 4px 8px;
        float: left;
    }

    #navigation-drop-down ul.level2 {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        float: none;
        opacity: 1;
    }

        #navigation-drop-down ul.level2 li {
            clear: left;
            display: block;
        }

        #navigation-drop-down ul.level2 .menu-item {
           
            display: block;
            padding: 6px 0;
            margin: 0;
            float: left;
        }

    #navigation-drop-down ul.level3 {
        display: none;
    }
}


/**********************************
footer ***************************/

#footer {
    padding: 4% 0;
}

    #footer li {
        list-style-type: none;
    }

    #footer .menu-item {
        color: #5B616D;
        font-family: frankmedium,sans-serif;
        font-size: 14px;
        padding: 6px 0;
        border-bottom: 1px dotted #5B616D;
        margin: 0 20px 0 0;
        text-transform: uppercase;
        display: block;
        cursor: pointer;
    }

        #footer .menu-item:hover {
            color: #000;
        }

        #footer .menu-item a {
            color: inherit;
            text-decoration: none;
            display: block;
        }

    #footer ul.level1 {
        position: relative;
        width: 25%;
        float: left;
    }

@media screen and ( max-width:480px ) {
    #footer ul.level1 {
        width: 33%;
    }

        #footer ul.level1:nth-child(3) {
            display: none;
        }

    #footer .menu-item {
        font-size: 12px;
        padding: 2px 0;
        margin: 0 10px 0 0;
    }
}

/**********************************
columns **************************/

.column {
    position: relative;
}

.column-wrapper {
    position: relative;
    height: 100%;
}

.col-group-50-50 {
    clear: both;
    display: block;
    position: relative;
}

    .col-group-50-50 .column {
        float: left;
    }

        .col-group-50-50 .column:nth-child(odd) {
            width: 50%;
            clear: left;
        }

        .col-group-50-50 .column:nth-child(even) {
            width: 50%;
        }

        .col-group-50-50 .column:nth-child(odd) .column-wrapper {
            margin: 0 2% 0 0;
        }

        .col-group-50-50 .column:nth-child(even) .column-wrapper {
            margin: 0 0 0 2%;
        }

.col-group-55-45 {
    clear: both;
    display: block;
    position: relative;
}

    .col-group-55-45 .column {
        float: left;
    }

        .col-group-55-45 .column:nth-child(odd) {
            width: 55%;
            clear: left;
        }

        .col-group-55-45 .column:nth-child(even) {
            width: 45%;
        }

        .col-group-55-45 .column:nth-child(odd) .column-wrapper {
            margin: 0 2% 0 0;
        }

.col-group-45-55 {
    clear: both;
    display: block;
    position: relative;
}

    .col-group-45-55 .column {
        float: left;
    }

        .col-group-45-55 .column:nth-child(odd) {
            width: 45%;
            clear: left;
        }

        .col-group-45-55 .column:nth-child(even) {
            width: 55%;
        }

        .col-group-45-55 .column:nth-child(odd) .column-wrapper {
            margin: 0 2% 0 0;
        }

.col-group-67-33 {
    clear: both;
    display: block;
    position: relative;
}

    .col-group-67-33 .column {
        float: left;
    }

        .col-group-67-33 .column:nth-child(odd) {
            width: 67%;
            clear: left;
        }

        .col-group-67-33 .column:nth-child(even) {
            width: 33%;
        }

        .col-group-67-33 .column:nth-child(odd) .column-wrapper {
            margin: 0 10% 0 0;
        }

.col-group-33-67 {
    clear: both;
    display: block;
    position: relative;
}

    .col-group-33-67 .column {
        float: left;
    }

        .col-group-33-67 .column:nth-child(odd) {
            width: 33%;
            clear: left;
        }

        .col-group-33-67 .column:nth-child(even) {
            width: 67%;
        }

            .col-group-33-67 .column:nth-child(even) .column-wrapper {
                margin: 0 0 0 10%;
            }

.col-group-half {
    clear: both;
    display: block;
    position: relative;
}

    .col-group-half .column {
        float: left;
    }

        .col-group-half .column:nth-child(odd) {
            width: 50%;
            clear: left;
        }

        .col-group-half .column:nth-child(even) {
            width: 50%;
        }

        .col-group-half .column:nth-child(odd) .column-wrapper {
            margin: 2%;
        }

#product .col-group-67-33 {
    padding-bottom: 100px;
}

@media screen and ( max-width:480px ) {
    .col-group-55-45 .column:nth-child(n) {
        width: 100%;
        clear: both;
    }

        .col-group-55-45 .column:nth-child(n) .column-wrapper {
            margin: 0 0 20px 0;
        }

    .col-group-50-50 .column:nth-child(n) {
        width: 100%;
        clear: both;
    }

        .col-group-50-50 .column:nth-child(n) .column-wrapper {
            margin: 0 0 2% 0;
        }

    .col-group-67-33 .column:nth-child(n) {
        width: 100%;
        clear: both;
    }

        .col-group-67-33 .column:nth-child(n) .column-wrapper {
            margin: 0 0 2% 0;
        }

    .col-group-33-67 .column:nth-child(n) {
        width: 100%;
        clear: both;
    }

        .col-group-33-67 .column:nth-child(n) .column-wrapper {
            margin: 0 0 2% 0;
        }

    #product .col-group-55-45 {
        padding-bottom: 0px;
    }
}



/**********************************
breadcrumb ***********************/

ul.breadcrumb {
    margin: 0;
    padding: 4px 0;
    font-family: frankthin,Arial,sans-serif;
}

    ul.breadcrumb li {
        padding: 0;
        margin: 0;
        display: inline;
    }

    ul.breadcrumb .item {
        padding: 0 5px 0 0;
        font-size: 12px;
    }

        ul.breadcrumb .item a {
            color: inherit;
            text-decoration: none;
        }

            ul.breadcrumb .item a:hover {
                text-decoration: underline;
            }

            .breadcrumb + h1 {
  margin-top: 0.4em;
}
@media screen and ( max-width:480px ) {
    ul.breadcrumb {
        padding: 0 0 10px 0;
    }
}

/**********************************
newsletter signup ****************/

#newsletter-signup {
    background-color: #e5e9ee;
    padding: 2% 0;
}

    #newsletter-signup p.title {
        color: #002a5c;
        text-transform: uppercase;
        font-size: 16px;
        font-family: frankregularbold,Arial,sans-serif;
        margin: 0 0 10px 0;
    }

    #newsletter-signup p {
        color: #002a5c;
        font-size: 14px;
        line-height: 18px;
    }

    #newsletter-signup form {
        text-align: right;
    }

    #newsletter-signup .form-field {
        display: inline-block;
        text-align: left;
        margin: 0 0 0 2%;
        width:48%;
        float:left; 
    }

        #newsletter-signup .form-field label {
            color: #002a5c;
            text-transform: uppercase;
            font-size: 14px;
            font-family: frankregularbold,Arial,sans-serif;
            display: block;
            margin: 0 0 8px 0;
        }

        #newsletter-signup .form-field input {
            border: 0 none;
            box-sizing: border-box;
            display: block;
            font-size: 14px;
            padding: 6px 2px;
            width: 100%;
            text-indent: 4px;
        }




    #newsletter-signup .form-submit input {
        color: #FFF;
        background-color: #002a5c;
        padding: 4px;
        border: 0;
        margin: 10px 0 0 0;
    }

@media screen and ( max-width:480px ) {
    #newsletter-signup {
        padding: 4% 0;
    }

        #newsletter-signup form {
            text-align: left;
        }

        #newsletter-signup .form-field {
            display: inline-block;
            text-align: left;
            margin: 0 0 10px 0;
            width: 100%;
        }

            #newsletter-signup .form-field input {
                padding: 3% 1%;
                width: 100%;
            }
}

/**********************************
homepage *************************/

#slider-section {
}

    #slider-section #slider-text {
        margin-right: 5%;
    }

        #slider-section #slider-text p {
            margin: 0 0 20px 0;
            line-height: 26px;
            font-size: 18px;
        }

/**********************************
contact page *********************/

#gmaps .tabs .tab {
    position: relative;
}

#gmaps .tabs {
    margin: 0;
}

    #gmaps .tabs > ul {
    }

        #gmaps .tabs > ul li {
            padding: 1em;
            font-family: frankregularbold,sans-serif;
            background-color: #f2f4f6;
            color: #000;
            font-size: 14px;
            text-transform: uppercase;
           
        }

            #gmaps .tabs > ul li:last-child {
                margin-right: 0;
            }

            #gmaps .tabs > ul li.selected {
                background-color: #FFDC00;
            }

    #gmaps .tabs .tab {
        height: 400px;
    }

@media screen and ( max-width:480px ) {
    #gmaps .tabs .tab {
        height: 200px;
    }
}

/**********************************
category *************************/

#category .title,
#product .title {
    font-family: frankthin,Arial,sans-serif;
    font-weight: normal;
    font-size: 28px;
    color: #000;
    margin: 0 0 10px 0;
}

#product .section-gray .inner-wrapper {
    overflow: visible;
}

@media screen and ( max-width:480px ) {
    #category .title,
    #product .title {
        font-size: 22px;
    }
}

#category .category {
    margin-top: 20px;
}

#category .category-content {
    padding: 6%;
    background-color: #FFDC00;
}

@media screen and ( max-width:480px ) {
    #category .category-content {
        padding: 3%;
    }
}

#category .category-content .category-title {
    font-weight: bold;
    color: #000;
    border-bottom: 1px dotted #000;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#category .category-image {
    max-width: 430px;
}

    #category .category-image img {
        width: 100%;
        display: block;
    }

#category .sub-categories {
    margin-top: 20px;
    background: #E5E9EE;
    padding: 3%;
}

#category .product-list,
#product .product-list {
    margin-top: 20px;
    padding: 3%;
    background: #E5E9EE;
    display: none;
}
#category .no-close .product-list,
#product .no-close .product-list {
    display:block;
}



    #category .sub-categories ul,
    #category .product-list ul,
    #product .product-list ul {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #category .sub-categories li,
    #category .product-list li,
    #product .product-list li {
        position: relative;
        display: block;
        float: left;
        width: 20%;
        padding: 0;
        margin: 0;
    }

        #category .sub-categories li:nth-child(5n+1),
        #category .product-list li:nth-child(5n+1),
        #product .product-list li:nth-child(5n+1) {
            clear: left;
        }

@media screen and ( max-width:800px ) {
    #category .sub-categories li,
    #category .product-list li,
    #product .product-list li {
        width: 25%;
    }

        #category .sub-categories li:nth-child(5n+1),
        #category .product-list li:nth-child(5n+1),
        #product .product-list li:nth-child(5n+1) {
            clear: none;
        }

        #category .sub-categories li:nth-child(4n+1),
        #category .product-list li:nth-child(4n+1),
        #product .product-list li:nth-child(4n+1) {
            clear: left;
        }
}

@media screen and ( max-width:480px ) {
    #category .sub-categories li,
    #category .product-list li,
    #product .product-list li {
        width: 33%;
    }

        #category .sub-categories li:nth-child(5n+1),
        #category .product-list li:nth-child(5n+1),
        #product .product-list li:nth-child(5n+1) {
            clear: none;
        }

        #category .sub-categories li:nth-child(4n+1),
        #category .product-list li:nth-child(4n+1),
        #product .product-list li:nth-child(4n+1) {
            clear: none;
        }

        #category .sub-categories li:nth-child(3n+1),
        #category .product-list li:nth-child(3n+1),
        #product .product-list li:nth-child(3n+1) {
            clear: left;
        }
}

#category .sub-categories li .item,
#category .product-list li .item,
#product .product-list li .item {
    width: 94%;
    margin: 3%;
    padding: 0;
    position: relative;
}

.item-block .faded .item > a {
    opacity: 0.4;
}

.item-block .item > a {
    transition: opacity 0.2s linear 0s;
}

.item-block .faded a.hover:not(.active) .hidden {
    transition-delay: 0s;
}

.item-block .faded a:not(.active) .hidden {
    transition-delay: 0.2s;
}

.item-block .faded .item .active,
.item-block .faded .item .hover {
    opacity: 1;
}



#category .item img,
#product .item img {
    width: 100%;
    display: block;
}



#product .item p {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
    padding: 10%;
    display: block;
    position: absolute;
    text-align: center;
    width: 80%;
    bottom: 0;
    margin: 0;
    display: none;
}

.item-block .item .hidden {
    opacity: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #FFDC00;
    transition: all 0.2s ease 0s;
}

.item-block .item p {
    margin: 0;
    width: 100%;
    text-align: center;
}

.item-block .item a {
    position: relative;
    display: block;
}

.item-block .item .hover .hidden {
    opacity: 1;
}

#category .item:hover img,
#product .item:hover img {
    /*visibility:hidden;*/
}

#category .item:hover p,
#product .item:hover p {
    display: block;
}


/**********************************
product **************************/

#product h1 {
    background-color: #FFDC00;
    color: #000;
}

#product .product {
    margin-top: 20px;
}

#product .product-title {
    color: #000;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

#product #product-slider h3 {
    text-align: left;
    margin-bottom: 0.5em;
}

#product #product-slider .item {
    height: 25%;
    margin-bottom: 2%;
}

    #product #product-slider .item:hover img {
        border-color: #aaa;
    }

    #product #product-slider .item img {
        display: block;
        height: auto;
        width: 95%;
        border: 1px solid #e5e5e5;
    }

#product .tabs {
    margin: 2% 0 0 0;
}

#product .square-buttons {
    margin-top: 0.6em;
}

    #product .square-buttons img {
        max-width: 32px;
    }

#product .tabs > ul {
    position: relative;
    height: 62px;
}

    #product .tabs > ul li {
        padding: 1em;
        font-family: frankregularbold,sans-serif;
        color: #000;
        font-size: 14px;
        text-transform: uppercase;
        line-height: 16px;
    }




#product .tab {
    position: relative;
    width: 100%;
    margin-bottom:1em;
}

    #product .tab .inner {
        padding: 2%;
    }

    #product .tab table {
        border-collapse: collapse;
        font-family: frankregular,Arial,sans-serif;
        text-align: left;
        width: 100%;
        font-size: 15px;
        vertical-align: top;
    }

        #product .tab table td,
        #product .tab table th {
            vertical-align: top;
        }

        #product .tab table th {
            color: #000;
            text-transform: uppercase;
            padding: 1% 3% 1% 0;
            font-size:13px;
        }

        #product .tab table td {
            color: #5B616D;
            padding: 1% 3% 1% 0;
        }

        #product .tab table.JarClosureOptions th {
            width: 13%;
        }

        #product .tab table.JarRMRR th {
            width: 17%;
        }

        #product .tab table.JarLinerSealInfo th:nth-child(1) {
            width: 18%;
        }

        #product .tab table.JarLinerSealInfo th:nth-child(2) {
            width: 32%;
        }

#product .product-actions {
    clear: both;
    position: absolute;
    bottom: 0;
    width: 100%;
}

@media screen and ( max-width:480px ) {
    #product .product-actions {
        clear: both;
        position: relative;
        bottom: 0;
    }
}

#product .product-actions img {
    display: block;
    float: left;
    margin-right: 4px;
}


/*********************************
clients short *******************/

#clients-short {
}

    #clients-short .client-list {
        width: 80%;
        margin-right: 20px;
    }

@media screen and ( max-width:480px ) {
    #clients-short .client-list {
        width: 100%;
        margin: 0;
    }
}

#clients-short .client-list li {
    display: block;
    float: left;
    width: 40%;
    padding: 0 10% 10% 0;
}

    #clients-short .client-list li:nth-child(2n+1) {
        clear: left;
    }

#clients-short .client-list .client-logo {
    text-align: center;
}

    #clients-short .client-list .client-logo a {
        position: relative;
        display: inline-block;
        max-width: 100%;
    }

        #clients-short .client-list .client-logo a:hover .color {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }

    #clients-short .client-list .client-logo .color {
        left: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        position: absolute;
        transition: all 1s ease 0s;
    }



    #clients-short .client-list .client-logo img {
        vertical-align: middle;
        cursor: pointer;
        max-width: 100%;
    }

#clients-short .client-title {
    font-family: frankthin,sans-serif;
    font-weight: normal;
    font-size: 28px;
    color: #000;
}

#clients-short .client-summary {
    display: none;
}

    #clients-short .client-summary strong {
        font-size: 15px;
    }

    #clients-short .client-summary.visible {
        display: block;
    }

@media screen and ( max-width:480px ) {
    #clients-short .client-list li {
        padding: 2%;
        margin: 0;
        width: 29%;
    }

        #clients-short .client-list li:nth-child(n) {
            clear: none;
        }

        #clients-short .client-list li:nth-child(3n+1) {
            clear: left;
        }
}

/*********************************
client-details ******************/


    #client-details .client-logo {
        float: right;
    }

    #client-details .summary {
        margin-right: 33%;
        margin-bottom: 50px;
    }
.client-links {
    position: relative;
    height: 100%;
    text-transform: uppercase;
}

    .client-links li {
        display: block;
        border-top: 1px dotted #000;
    }

        .client-links li:last-child {
            border-bottom: 1px dotted #000;
        }

        .client-links li a,
        .client-links li span {
            display: block;
            padding: 6px 0;
            margin: 0;
            color: #000;
            font-family: frankregularbold,sans-serif;
            text-decoration: none;
        }




        .client-links li .disabled {
            color: #999;
        }

    .client-links .prev-next {
        width: 100%;
    }

    .client-links .client-pager {
        position: absolute;
        bottom: 4px;
        width: 100%;
    }

@media screen and ( max-width:480px ) {
    .client-links .client-pager {
        position:static;
    }
    #client-details .client-links {
        margin: 0;
    }

        #client-details .client-links .prev-next {
            position: relative;
        }

    #client-details .summary {
        margin: 0;
    }
}


/********************************
contact page *******************/

#content .column-wrapper {
    margin: 0 2% 2% 10%;
}

#content .cont-grp {
    margin-bottom: 10px;
}

@media screen and ( max-width:480px ) {
    #content .column-wrapper {
        margin: 4% 0 0 0;
    }
}


/********************************
links list *********************/

.links li {
    display: block;
    border-top: 1px dotted #000;
}

    .links li:last-child {
        border-bottom: 1px dotted #000;
    }

    .links li a,
    .links li span {
        display: block;
        padding: 6px 0;
        margin: 0;
        color: #000;
        font-family: frankregularbold,sans-serif;
        text-transform: uppercase;
        text-decoration: none;
    }

        .links li a:hover {
            color: #FFDC00;
        }


    .links li .disabled {
        color: #999;
    }



/*******************************************/
/***************** popup *****************/
/*******************************************/

#bubble-popup {
    position: absolute;
    background-color: #FFDC00;
    width: 180px;
    vertical-align: bottom;
    font-family: 'frankregular',Arial,sans-serif;
    color: #FFF;
    padding: 20px;
    line-height: 24px;
    font-size: 15px;
    z-index: 999;
}

    #bubble-popup p:first-child {
        font-weight: bold;
        text-transform: uppercase;
        color: #000;
        border-bottom: 1px dotted #000;
        padding: 0 0 10px 0;
    }


    #bubble-popup .pin {
        position: absolute;
        top: -18px;
        left: 0px;
        height: 18px;
        width: 18px;
        background: url(/images/ui/headertriangle.png) no-repeat transparent;
        z-index: 1000;
    }


.clear {
    clear: both;
    float: none;
    display: block;
}


h1#hometoph1 {
    background-color: transparent;
    font-size: 46px;
    line-height: 46px;
    font-family: frankregularbold,sans-serif;
    padding: 0;
    margin: 20px 0 0 0;
    text-transform: uppercase;
    position: absolute;
}

@media screen and ( max-width:480px ) {
    h1#hometoph1 {
        font-size: 18px;
        line-height: 20px;
        margin: 10px 0;
    }
}

.read-more {
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    clear: both;
}

    .read-more a {
        text-decoration: none;
    }

.acc-toggle {
    color: #000;
    background-color: #FFDC00;
    padding: 0 4px;
    display: block;
    clear: both;
    float: left;
    margin-bottom: 10px;
}

.header-bottom-yellow {
    display: block;
    clear: both;
    width: 100%;
    position: relative;
    height: 18px;
    background: url(/media/1924/headertriangle.png) no-repeat transparent;
    margin-bottom: 20px;
}

.header-bottom-white {
    display: block;
    clear: both;
    width: 100%;
    position: relative;
    height: 18px;
    background: url(/media/1929/headertriangle-white.png) no-repeat transparent;
    margin-bottom: 20px;
}

.header-bottom-grey {
    display: block;
    clear: both;
    width: 100%;
    position: relative;
    height: 18px;
    background: url(/media/1934/headertriangle-grey.png) no-repeat transparent;
    margin-bottom: 20px;
}

@media screen and ( max-width:480px ) {
    .header-bottom-yellow,
    .header-bottom-white,
    .header-bottom-grey {
        margin-bottom: 20px;
    }
}

.button {
    display: block;
    background-color: #ffdc00;
    text-transform: uppercase;
    text-decoration: none;
    padding: 7px 10px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0.3em;
    color: inherit;
    position: relative;
    font-family: frankthin,Arial,sans-serif;
}

    .button:after {
        font-size: 35px;
        font-weight: 100;
        line-height: 1;
        position: absolute;
        right: 4px;
        top: -2px;
    }

    .button.arrow:after {
        content: "";
        background-image:url(/images/ui/arrow-down-yellow.png);
        width:13px;
        height:23px;
        background-position:-16px 0;
        top:4px;
    }
    .button.muted.arrow:hover:after{
      background-position: -31px 0;
    }

    .button.arrow:hover:after{
        background-position:-1px 0;
    }
    .button.plus:after {
        content: "+";
    }

    .button.muted {
        background-color: #e5e9ee;
    }
    a.button:hover {color:#fff;}
    .button.muted:hover{color:#5b616d;}

#product .square-buttons img {
    display: block;
    max-width: 32px;
}

.square-buttons > a {
    float: left;
    margin-right: 8px;
}








@media screen and (max-width: 480px) {
    p {
        font-size: 14px;
        line-height: 21px;
    }

    #slider-section #slider-text p {
        font-size: 14px;
        line-height: 26px;
        margin: 0 0 20px;
    }

    .section-dot,
    .section-white,
    .section-yellow,
    .section-gray,
    .section-dot-yellow {
        padding: 1.3em 0;
    }

    .inner-wrapper {
        padding: 0 1.5em;
    }
}



.fancy-link a {
  box-shadow: 0 0 0 0 #fbc413 inset;
  box-sizing: border-box;
  display: inline-block;
  font-size: 16px;
  line-height: 1.5em;
  padding: 0 0.2em;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  text-decoration:underline;
}
.fancy-link a:hover {
  border: medium none;
  box-shadow: 0 -1.5em 0 0 #fbc413 inset;
  color: #fff;
  text-decoration:none;
}





















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */