@font-face {
    font-family: "Calibre";
    src: url('/styles/futura/Calibre-Regular.woff') format('woff');
}
@font-face {
    font-family: "Financier";
    src: url('/styles/futura/FinancierDisplay-Regular.woff') format('woff');
}

.red {
    color: red;
}

html,
body
{
    background-color: #ffffff;
    text-align: center;
    height: 100%;
}
html {
  height: 100%;
  color: #444444;
}
h1
{
    color: #006a4c;
    margin-bottom: 30px;
    font-family: Financier;
}
body div.uwy.userway_p1 .userway_buttons_wrapper {
    top: auto;
    bottom: 13px;
}
span.small
{
    font-size: 11px;
}
div.columns img
{
    max-width: 100%;
}

.landingpage.clearfix.static img {
    width: 90%;
}

.four.columns p {
    font-size: 20px;
}

.five.columns.discontinued.visible {
    margin-left: 450px;
}

div.static,
div.static p {
    text-align: left;
    font-size: 20px;
    line-height: 20px;
}
div.header
{
    background-color: #ffffff;
}
div.header a.logo
{
    margin-top: 10px;
    text-align: right;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 20px;
}
div.header a.open
{
    display: none;
}
div.header div.nav
{
    text-align: left;
    position: relative; 
}
    div.header ul.topnav > li {
        display: inline-block;
        font-size: 17px;
        margin: 0;
        margin-right: 7px;
        line-height: 60px;
        height: 60px;
        float: left;
        font-family: 'Calibre';
    }
div.header ul.topnav ul.navigation h4
{
    line-height: 60px;
    height: 60px;
    display: inline-block;
    font-size: 17px;
    margin-bottom: 0px;
    padding-left: 7px;
    padding-right: 7px;
    cursor: pointer;
    margin-right: 10px;
}
div.header a.corporatelink 
{
	float: right;
	line-height: 60px;
	height: 60px;
	display: inline-block;
	font-size: 19px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
div.header div.nav li.rightalign
{
    text-align:right;
}
div.header ul.topnav
{
    margin: 0;

}
div.header div.nav li.mobile
{
    display: none;
}
div.header div.nav ul.nav
{
    display: none;
    position: absolute;
    padding: 0;
    margin: 0;
    z-index: 100;
}
div.header div.nav ul.nav h4
{
    margin: 0px;
}
div.header div.nav ul.navigation ul
{
    position: absolute;
    display: none;
    height: 0px;
    z-index: 5000;
}
div.header ul.topnav li.custom
{
    padding-left: 10px;
    padding-right: 10px;
}

    div.header ul.topnav li.custom a {
        color: #ffffff;
    }

div.header ul.topnav li.rightalign
{
    float: right;
}
div.header ul.navigation li:hover,
div.header ul.topnav li.custom:hover
{
    background-color: #ffffff;
}
    div.header ul.navigation li:hover a,
    div.header ul.topnav li.custom:hover a {
        color: #003F2D;
    }
div.header div.nav ul.navigation li:hover ul {
    display: block;
    height: auto;
    background-color: #003F2D;
    z-index: 4000;
    padding-top: 10px;
    padding-bottom: 20px;
}
div.header div.nav ul.navigation ul li
{
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
}
    div.header div.nav ul.navigation ul li:hover a {
        color: #17E88F;
    }
div.header div.nav ul.navigation li ul a
{
    color: #ffffff;
    display: block;
}
div.header div.nav ul.navigation > li
{
    float: left;
}
div.header li.subnav ul
{
    margin: 0px;
}
div.header .container div.links
{
    margin: 0px;
}
div.header div.searchwrapper
{
    position: relative;
    min-height: 30px;
}
div.header div.search
{
    position: relative;
    right: 0;
    text-align: right;
    top: 30px;
}
div.header div.search input#w
{
    background-image: url(/images/icon_search.svg);
    background-repeat: no-repeat;
    background-position: right 50%;
    background-color: #ffffff;
    text-align: left;
    color: #444444;
    font-size: 0px;
    height: 30px;
    width: 43px;
    padding: 0px;
    cursor: pointer;
    border: none;
    text-indent: 10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
div.header div.search input#w:focus
{
    width: 295px;
    font-size: 16px;
}
input#w::-webkit-input-placeholder { color: #666666; }
input#w::-moz-placeholder {color: #666666; }
input#w:-ms-input-placeholder { color: #666666; } 
input#w:-o-input-placeholder { color: #666666; } 
div.header div.search a
{
    display: none;
    margin-top: 5px;
}
div.header div.search.open input#w:focus
{
    box-shadow: none;
}
div.header div.search.open a.close
{
    float: right;
    position: absolute;
    right: 0;
}
div.header div.login span {
    margin-left: 5px;
    color: #003F2D;
}
div.header div.cart
{
    margin-left: 10px;
}
div.header div.cart,
div.header div.login
{
    display: inline-block;
    text-align: left;
    height: 35px;
    line-height: 35px;
    float: right;
    margin-top: 30px;
    color: #ffffff;
}
    div.header div.cart img {
        position: relative;
        top: 3px;
        left: 3px;
        max-width: 30px;
    }
div.header div.cart a
{
    float: right;
}
div.header div.cart a.text
{
    margin-right: 5px;
}
div.footer p.notice
{
    margin-top: 35px;
    font-size: 12px;
    margin-bottom: 25px;
}
div.footer a.button
{
    font-size: 18px;
    padding: 10px 18px;
}
div.footer
{
    background-color: #ffffff;
    color: #717171;
}
div.header.subhead {
    background-color: #003F2D;
}
div.header a {
    color: #003F2D;
    text-decoration: none;
}
div.header ul.navigation a
{
	display: block;
    color: #fff;
}

div.footer div.links a {
    color: #003F2D;
}

.three.columns.socials a {
    padding-right: 20px;
}
    .three.columns.socials a:hover {
        color: #003F2D;
    }

div.footer a {
    color: #003F2D;
    text-decoration: none;
}
    div.footer a:hover {
        color: #17E88F;
    }
div.footer div.links a
{
    line-height: 34px;
    margin-right: 25px;
}
div.footer
{
    text-align: left;
    padding-top: 10px;
    padding-bottom: 25px;
}

    div.footer img {
        max-width: 20px;
        padding-right: 20px;
    }
div.footer div.container
{
    position: static;
}
div.footer ul.navigation li
{
    width: 50%;
    float: left;
    margin-bottom: 4px;
}
div.footer ul.navigation h4
{
    font-size: 14px;
    line-height: 16px;
    margin: 0px;
}
div.footer div.social a
{
    display: block;
}
    div.footer div.twelve,
    div.footer h3 {
        color: #003F2D;
        font-size: 22px;
        border-bottom: 1px solid #717171;
        margin-top: 25px;
        margin-bottom: 15px;
        font-family: Financier;
    }
div.footer p.footnote 
{
    margin-top: 20px;
    text-align: center;
}
div.footer p.footnote img
{
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
}
div.footer p.footnote span
{
    font-size: 22px;
    text-transform: uppercase;
    font-family: Financier;
}
div.left ul.navigation
{
    text-align: left;
}
div.left ul.navigation h4 a
{
    color: #7d7d7d;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
}
div.left ul.navigation ul
{
    margin: 0px;
    margin-top: 5px;
    margin-left: 25px;
}
div.left ul.navigation ul a
{
    font-size: 16px;
    text-decoration: none;
    line-height: 30px;
    color: #444444;
}

    div.left ul.navigation ul a:hover {
        color: #17E88F;
    }
div.content
{
    margin-top: 55px;
}
/*Sustainability Page*/
.sustainability-wrapper {
    align-items: center;
    padding: 50px 0px 120px 0px;
    display: grid;
    grid-template-columns: 2fr 8fr;
    grid-row-gap: 3%;
}
.sustainability-img {
    padding-top: 20px;
}
    .sustainability-img img {
        max-width: 130px;
        height: 100px;
    }
.sustainability-text {
    text-align: left;
}
    .sustainability-text h2 {
        font-weight: 800;
    }
    .sustainability-text p {
        font-size: 20px;
        line-height: 24px;
    }

/* Category Page Styles */
div.banner img.catimg
{
    width: 100%;
}
div.container.banner
{
    margin-top: 50px;
}
div.banner h1
{
    text-align: left;
    color: #026b4d;
    border-bottom: 1px solid #717171;
    font-family: Financier;
    line-height: 56px;
}
h2.catheader {
    clear: both;
    color: #003F2D;
    font-size: 36px;
    text-align: left;
    margin-bottom: 25px;
    line-height: 40px;
    font-family: Financier;
}
div.right div.category div.product:nth-child(3n+1)
{
    clear: left;
    margin-left: 0px;
}
div.right div.category div.product:nth-child(3n)
{
    margin-right: 0px;
}
div.full div.category div.product:nth-child(4n+1)
{
    clear: left;
    margin-left: 0px;
}
div.full div.category div.product:nth-child(4n)
{
    margin-right: 0px;
}
div.category div.product
{
    margin-bottom: 30px;
}
div.category div.product a
{
    text-decoration: none;
    color: #444444;
}
div.category div.product p
{
    margin: 0px;
    margin-left: 5px;
    margin-right: 5px;
}
    div.category div.product p.price {
        color: #003F2D;
        font-size: 15px;
    }
div.category div.product img
{
    max-width: 100%;
}

/* Product Page Styles */
div.productcontent
{
    text-align: left;
}
div.product div.imagewrapper
{
    text-align: center;
}
div.product div.productImage img
{
    max-width: 365px;
}
div.product div.gallery img
{
    border: 2px solid #c7c7c7;
}
div.product div.productsOrderArea div
{
    margin: 0px;
    text-align: center;
}
div.product div.productsOrderArea input,
div.product div.productsOrderArea select,
div.product div.productsOrderArea button {
    margin-left: 5px;
    margin-right: 5px;
    max-width: 70px;
    margin-top: 5px;
    display: inline-block;
    border: 1px solid #000000;
}
div.product div.productsOrderArea strong
{
    text-align: center;
    font-weight: normal;
    display: block;
    height: 16px;
    width: 100%;
    border-bottom: 2px solid #d4d4d4;
    padding-bottom: 10px;
    font-size: 19px;
    line-height: 24px;
    color: #444444;
}
div.product div.prodopts > table
{
    float: left;
}
div.product div.productsOrderArea div.prodopt.four
{
    text-align: left;
    margin-bottom: 15px;
}
div.product div.productsOrderArea div.prodopt.four  input, 
div.product div.productsOrderArea div.prodopt.four select, 
div.product div.productsOrderArea div.prodopt.four button 
{
    max-width: 220px;
    display: block;
}
div.product span.price
{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #3d3d3d;
}
div.product .btn
{
    font-size: 11px;
    height: 30px;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
}
div.category h3 {
    text-align: left;
    color: #003F2D;
}
div.product div.gallery > div
{
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}
div.product div.description ul
{
    list-style: outside;
    margin-left: 15px;
}
div.product h3.sku
{
    font-size: 18px;
    line-height: 24px;
    color: #3d3d3d;
    font-family: Financier;
}
div.product div.description li {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
}
div.product div.description
{
    line-height: 18px;
    font-size: 18px;
}
div.product h1
{
    color: #006a4c;
    margin-bottom: 0px;
    font-family: Financier;
}
div.product p.added {
    color: #003F2D;
    font-size: 17px;
    font-family: Financier;
    clear: both;
}
div.product table.pricing
{
    margin-top: 15px;
    margin-bottom: 15px;
}
div.product table.pricing td
{
    text-align:center;
    padding: 5px 10px 5px 10px;
    font-size: 15px;
    color: #000000;
    border: 1px solid #ababab;
}
div.product table.pricing tr:first-child td,
div.product table.pricing tr td:first-child
{
    background-color: #e1e1e1;
}
div.product div.shipstatus h4 {
    color: #003F2D;
    border-top: 2px solid #d4d4d4;
    line-height: 40px;
}
div.productcontent div.personalization p.heading
{
    border-bottom: 2px solid #846cca;
}
div.productcontent div.personalization p.heading a
{
    display: block;
    float: left;
    background-color: #e1e1e1;
    font-size: 16px;
    color: #444444;
    cursor: pointer;
    font-stretch: condensed;
    font-weight: normal;
    line-height: 21px;
    text-decoration: none;
    padding: 6px 8px;
    min-width: 60px;
    text-align: center;
}
    div.productcontent div.personalization p.heading a.active {
        background-color: #003F2D;
        color: #ffffff;
    }
div.productcontent div.personalization h3 {
    color: #003F2D;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
    clear: left;
}
div.productcontent div.personalization div.row span
{
    display: inline-block;
    min-width: 145px;
    vertical-align: top;
}
div.productcontent div.personalization div.row input,
div.productcontent div.personalization div.row textarea
{
    display: inline-block;
    vertical-align: top;
}
div.productcontent div.personalization div.date.panel
{
    border-top: 2px solid #d4d4d4;
}
div.productcontent div.personalization div.date.panel input
{
    max-width: 100px;
}
div.productcontent div.personalization div.date.panel div.datenote
{
    display: inline-block;
    padding-left: 35px;
    margin-left: 8px;
    line-height: 16px;
    background-repeat: no-repeat;
    background-position: left 50%;
    max-width: 150px;
    background-image: url(/images/calendar.png);
}
div.productcontent div.personalization p.custom a {
    color: #003F2D;
}
div.product div.productsOrderArea div.gift
{
    text-align: left;
    clear:left;
    padding-top: 12px;
}
div.product div.productsOrderArea div.gift div,
div.product div.productsOrderArea div.giftorder
{
    text-align: left;
}
div.product div.productsOrderArea div.gift div.row
{
    margin-bottom: 5px;
}
div.product div.gift p.heading
{
    border-bottom: 2px solid #006aa1;
}
div.product div.gift p.heading a
{
    display: block;
    margin-right: 8px;
    border: 2px solid #006aa1;
    border-bottom: none;
    text-align: center;
    color: #006aa1;
    padding: 4px 8px;
    float: left;
    width: 90px;
    text-decoration: none;
}
div.product div.gift p.heading a.active
{
    color: #ffffff;
    background-color: #006aa1;
}
div.product table.quantities td
{
    display: table-cell;
    float: none;
    vertical-align: middle;
}
div.product table.quantities td:first-child
{
    width: 100px;
}
div.related h3
{
    color: #006a4c;
    text-align: left;
    border-bottom: 2px solid #d4d4d4;
    margin-bottom: 20px;
}
div.prodmessage
{
    text-align: left;
}

/* Cart Page Styles */
h1.carthead
{
    text-align: left;
    color: #444444;
    font-size: 38px;
}
table.cartTable {
    color: #003F2D;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
table.cartTable tr.cartHeader
{
    display: table-row;
}
    table.cartTable th {
        border-bottom: 1px solid #003F2D;
        color: #003F2D;
        display: table-cell;
        float: none;
        text-align: center;
        height: 35px;
        line-height: 35px;
        font-size: 18px;
    }
table.cartTable th:first-child
{
    text-indent: 8px;
    text-align: left;
}
table.cartTable td
{
    display: table-cell;
    float: none;
    line-height: 60px;
    height: 60px;
    vertical-align: middle;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
}
table.cartTable img.preview
{
    display: block;
}
    table.cartTable td input {
        background-color: #bfbfbf;
        color: #003F2D;
        max-width: 70px;
        font-size: 18px;
        text-align: right;
    }
table.cartTable td a
{
    font-size: 18px;
    color: #bfbfbf;
    text-decoration: none;
}
table.cartTable div.iteminfo
{
    text-align: left;
}
table.cartTable div.img
{
    text-align: center;
}
table.cartTable div.img img
{
    max-width: 60px;
    margin-left: auto;
    margin-right: auto;
}
    table.cartTable tr.cartFooter {
        border-top: 1px solid #003F2D;
    }
table.cartTable tr.cartFooter p
{
    font-size: 18px;
}
table.cartTable span.cartProdName
{
    float: left;
    line-height: 30px;
}
div.cartbuttons
{
}
div.prodcrumbs
{
    text-align: left;
    margin-bottom: 10px;
}
div.prodcrumbs a
{
    margin-left: 5px;
    margin-right: 5px;
    text-decoration: none;
}
div.sortby
{
    float: right;
}
    div.sortby select {
        display: inline-block;
        background-color: #CAD1D3;
        padding: 10px;
        color: #012A2D;
    }
div.right div.category
{
    clear: both;
}
div.content .breadcrumb ol
{
    font-size: 18px;
}
div.content .breadcrumb li 
{
    float: left;
    padding-right: 45px;
}
div.content div.breadcrumb
{
    text-align: left;
    margin-bottom: 15px;
}
div.content div.breadcrumb a
{
    text-decoration: none;
    color: #5c5c5c;
    font-size: 16px;
}
div.content div.breadcrumb strong
{
    color: #007797;
}

table.login td input {
    border-bottom: 1px solid #000000;
}
div.cartbuttons a
{
    display: block;
    float: right;
    clear: right;
    min-width: 125px;
}
    div.cartbuttons a.button.light {
        background-color: #006a4c;
    }

        div.cartbuttons a.button.light:hover {
            background-color: #17E88F;
        }
div.cartbuttons div.gift
{
    float: right;
}
div.cartbuttons div.gift input
{
    display: inline-block;
    width: 150px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 6px;
    border: 1px solid #000;
}
div.cartbuttons div.gift span
{
    margin-top: 10px;
}
div.cartbuttons div.gift .success,
div.cartbuttons div.gift .error,
div.static.gift .error
{
    display: block;
    text-align: left;
}
div.cartbuttons div.gift .error,
div.static.gift .error
{
    color: #ff0000;
}
div.static.gift table td
{
    vertical-align: middle;
    padding-bottom:5px;
}

/* Login/Registration/Account Page */
div.ssologin
{
    text-align: center;
    border-bottom: 1px solid #666666;
    margin-bottom: 55px;
}
div.ssologin p
{
    margin-bottom: 35px;
    margin-bottom: 45px;
    margin-left: 60px;
    margin-right: 60px;
}
div.loginpage
{
    text-align: left;
}
table.login .label,
table.login .label p
{
    margin: 0px;
    line-height: 30px;
}table.login .label
 {
     padding-right: 10px;
 }
table.login td
{
    text-align: left;
    padding-bottom: 10px;
    vertical-align: top;
}
div.accountheader {
    text-align: left;
    border-bottom: 1px solid #003F2D;
    margin-bottom: 25px;
}
div.accountheader a.button
{
    display: inline-block;
    float: left;
    margin: 0px;
}
    div.accountheader a.light.button {
        background-color: #003F2D;
    }
table.accountform td
{
    text-align: left;
    vertical-align: top;
    font-size: 18px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 15px;
}
div.loginpage div.guest
{
    font-size: 36px;
}
div.loginpage div.guest a.button
{
    margin-left: 75px;
}
div.loginpage .status
{
    color: #ff0000;
    font-family: Financier;
}
table.orders
{
    margin-bottom: 25px;
    width: 100%;
}
table.orders th
{
    padding-left: 4px;
    padding-right: 4px;
}
table.orders tr.orderrow td
{
    vertical-align: top;
    color: #007797;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 24px;
    text-align: left;
}
table.orders tr.other
{
    background-color: #e1e1e1;
}
table.orders tr.orderrow td p
{
    margin: 0px;
    font-size: 18px;
    line-height: 24px;
    color: #444444;
    text-align: left;
    margin-left: 6px;
    margin-right: 6px;
}
table.orders tr.orderrow td p.total
{
    color: #007797;
    font-size: 24px;
    line-height: 24px;
}
table.orders table.details td
{
    width: 20%;
    line-height: 24px;
    padding: 0;
}
table.orders table.details td:first-child
{
    width: 60%;
}
table.orders th.subtable span
{
    display: block;
    float: left;
    width: 20%;
    height: 24px;
}
table.orders th.subtable span:first-child
{
    width: 60%;
}
table.orders tr.orderrow table
{
    width: 100%;
}

/* Checkout Styles */
div.checkout div.overlay a.close
{
    color: #593994; 
    font-size: 26px; 
    text-decoration: none; 
    margin-right: 8px;
    float: right;
    font-family: Financier;
}
div.checkout div.overlay p
{
    text-align: left;
    margin-left: 30px;
    margin-right: 20px;
    font-size: 22px;
    line-height: 25px;
}
div.checkout div.continue
{
    text-align: left;
    margin-top: 15px;
}
div.checkout h2
{
    text-align: left;
}
div.checkout table.address td.col1,
div.checkout table.address td:first-child
{
    width: 115px;
}
div.checkout table.address
{
    width: 100%;
}
div.checkout label
{
    margin-bottom: 8px;
    margin-top: 8px;
}
div.checkout table.address input,
div.checkout table.payment input,
div.checkout table.payment select,
div.checkout label {
    display: inline-block;
    border: 1px solid #000000;
}
div.checkout label {
    border: none;
}
div.checkout table.payment select
{
    width: 100px;
}
div.checkout table.payment .col2 select
{
    width: 210px;
}
div.checkout table.address td,
div.checkout table.payment td
{
    text-align: left;
    padding-bottom: 10px;
    vertical-align: top;
    padding-right: 10px;
}
div.checkout table.radio td
{
    padding: 0px;
}
div.checkout .validation,
.validation
{
    display: block;
    color: #ff0000;
    text-align: left;
}
table.shopts
{
    text-align: left;
    width: 100%;
}
div.checkout .breadcrumb ol
{
    font-size: 18px;
}
div.checkout .breadcrumb li 
{
    float: left;
    padding-right: 45px;
}
div.checkout tr.cartFooter td
{
    height: 30px;
    line-height: 30px;
}
div.checkout div.cartWrapper
{
    margin-bottom: 40px;
}
div.checkout div.payment.columns
{
    margin-bottom: 40px;
}
div.checkout div.breadcrumb
{
    text-align: left;
    margin-bottom: 15px;
}
div.checkout div.breadcrumb a
{
    text-decoration: none;
    color: #5c5c5c;
    font-size: 16px;
}
    div.checkout div.breadcrumb strong {
        color: #003F2D;
    }
div.checkout table.certs .hidden
{
    display: none;
}
div.checkout table.cartTable tr.cartFooter
{
    border-top: 1px solid #593994;
}
div.checkout div.same
{
    text-align: left;
}
div.checkout div.same strong
{
    color: #444444;
}
div.checkout div.paymentbox 
{
    text-align: left;
}
div.checkout div.indent .dbopts,
div.checkout div.indent table.payment
{
    margin-left: 25px;
}
div.checkout div.indent table.payment.db
{
    margin-left: 60px;
}
div.checkout div.summary table.payment.db,
div.checkout div.summary table.payment
{
    margin: 0px;
}
div.checkout table.payment.gc
{
    margin-bottom: 15px;
}
div.checkout table.payment.gc td 
{
    vertical-align: middle;
}
div.checkout table.payment.gc td a.button
{
    margin: 0px;
}
div.checkout table.certs td
{
    padding:4px;
    vertical-align:central;
}
div.checkout table.certs td input
{
    display: inline;
}
div.checkout table.certs td a.button
{
    padding: 5px 15px;
}
div.checkout table.certs td a.more
{
    cursor: pointer;
    display: block;
}
div.confirm.static
{
    padding-top: 100px;
    padding-bottom: 100px;
}

/* Home Page Styles */

/*
body.landing
{
    background-color: #CCCCCC;
}
*/
div.landingcontent
{
    background-color: #ffffff;
}
div.landingpage
{
    padding-top: 100px;
    padding-bottom: 100px;
}
div.landing {
    border: 1px solid #003F2D;
    margin-top: 45px;
    padding-top: 35px;
    padding-bottom: 55px;
    text-align: center;
    margin-bottom: 10px;
}
    div.landing h2 {
        color: #003F2D;
        font-size: 26px;
        font-family: Financier;
    }
    div.landing h3 {
        color: #003F2D;
        font-style: italic;
        font-size: 22px;
        margin-bottom: 35px;
    }
div.landing .button
{
    margin-left: 15px;
    margin-right: 15px;
}
div.footer.landing {
    background: none;
    background-color: #fff;
    border-top: 2px solid #000;
    border-bottom: none;
    border-right: none;
    border-left: none;
    padding-top: 20px;
    padding-bottom: 20px;
}
.four.columns.offset-by-four img {
    max-width: 100%;
}
div.footer div.links
{
    text-align: left;
}
h2#featured {
    color: #003F2D;
    font-size: 35px;
    line-height: 110px;
    height: 110px;
    font-family: Financier;
}
div.featured div.category
{
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
}
div.featured div.product:first-child
{
    margin-left: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
div.featured div.product:last-child
{
    margin-right: 0px;
}
div.featured div.product
{
    display: inline-block;
    float: none;
}
div.homearea a.left img {
    max-width: 30px;
}
div.homearea a.right img {
    max-width: 30px;
}
div.featured a.arrow
{
    background-repeat: no-repeat;
    min-height: 50px;
    margin-top: 75px;
    cursor: pointer;
}
div.featured p.name {
    white-space: initial;
}
div.featured a.arrow.left
{
    background-image: url(/images/icon_arrowleft_green.svg);
    background-position: left 50%;
}
div.featured a.arrow.right
{
    background-image: url(/images/icon_arrowright_green.svg);
    background-position: right 50%;
}
div.featcat
{
    margin-bottom: 25px;
}
div.featcat img
{
    max-width: 100%;
}
div.featcat a
{
    display: block;
    margin-left: 10px;
    margin-right: 10px;
	position: relative;
}
div.featcat span
{
	position: absolute;
	color: #046e53;
	display: block;
	border: 2px solid #046e53;
	padding: 15px;
	left: 5%;
	bottom: 15%;
	text-decoration: none;
	font-size: 30px;
}

div.homearea
{
    position: relative;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.65);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.65);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.65);
}
div.homearea h1,
div.homearea p,
div.homearea h2
{
    color: #ffffff;
}
div.homearea p
{
    font-size: 16px;
    max-width: 60%;
}
div.homearea img.homeholder 
{
    width: 100%;
}
div.homearea .centervertical
{
	-webkit-transform: translateY(50%);
    transform: translateY(50%);
}
div.homearea div.container
{
    position: absolute;
    text-align: left;
    top: 33%;
    width: auto;
    width: 100%;
}
div.homearea div.container.arrows
{
    z-index: 2000;
}
div.homearea div.container.rotator
{
    z-index: 1000;
}
    div.homearea div.container div.columns {
        margin-left: 110px;
        background-color: rgba(255, 255, 255, 0.5);
        padding: 15px 0px 0px 15px;
        margin-top: 30px;
    }
div.homearea div.container div.columns.shortleft
{
	margin-left: 50px;
}
    div.homearea a.button {
        background-color: #003f2D;
        border: 2px solid #003F2D;
        color: #ffffff;
    }
        div.homearea a.button:hover {
            background-color: #17E88F;
            border: 2px solid #17E88F;
            color: #003f2D;
        }
div.homearea a.down
{
    display: block;
    width: 55px;
    height: 55px;
    background-image: url(/images/down.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
div.homearea div.buttons
{
    display: block;
    position: absolute;
    right: 0;
    bottom: 5px;
    cursor: pointer;
}
div.homearea div.buttons img
{
    margin-left: 5px;
    margin-right: 5px;
}
div.homearea div.image img
{
    display: none;
}
div.homearea div.image img.visible
{
    display: block;
}
div.homearea div.rotator div.columns
{
    display: none;
}
div.homearea div.rotator div.columns.visible
{
    display: block;
}
div.homearea a.left
{
    left: 0px;
    position: absolute;
    top: 40px;
    cursor: pointer;
    z-index: 2000;
}
div.homearea a.right
{
    right: 0px;
    position: absolute;
    top: 40px;
    cursor: pointer;
    z-index: 2000;
}
div.homearea div.white h1,
div.homearea div.white p
{
    color: #046e53;
}

div.holidays {
    margin-bottom: -50px;
}

div.homearea div.white a.button
{
    color: #046e53;
    border: 1px solid #046e53;
}
div.homearea div.right
{
    float: right;
}
div.homearea div.pushdown
{
	transform: translate(0,130%);
}

div.overlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6000;
    display: none;
}
div.overlay div.background
{
    background-color: #006a4c;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    position: absolute;
    z-index: 1000;
}
div.overlay form
{
    margin: 0px;
}
div.overlay div.form
{
    left: 50%;
    position: absolute;
    top: 50%;
    background-color: #ffffff;
    z-index: 2000;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    max-width:100%;
    max-height:100%;
    overflow:auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
div.overlay div.padding
{
    padding: 35px;
}
div.overlay div.form a.link
{
    text-decoration: none;
    width: 330px;
    display: inline-block;
    text-align: left;
}
div.overlay div.form h1
{
    color: #444444;
    font-size: 28px;
    font-weight: normal;
    clear: both;
}
div.overlay div.form h4
{
    color: #444444;
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 25px;
}
div.overlay div.form input[type="text"],
div.overlay div.form input[type="password"]
{
    display: inline-block;
    margin-bottom: 10px;
    background-color: #ffffff;
    border: 1px solid #333333;
    font-size: 24px;
    height: 34px;
    width: 320px;
}
div.overlay a.submit,
div.overlay a.register,
div.overlay input[type="submit"]
{
    margin-left: 2px;
    margin-right: 2px;
    min-width: 120px;
}
div.overlay input[type="submit"]
{
    min-width: 156px;
    padding-top: 9px;
    padding-bottom: 9px;
}
div.overlay p.strike span.line
{
    display: inline-block;
    border-top: 1px solid #444444;
    height: 5px;
    width: 65px;
    margin-left: 5px;
    margin-right: 5px;
}
div.overlay img,
div.overlay input
{
    max-width: 100%;
}
div.overlay a.close
{
    float: right;
    font-size: 35px;
    text-decoration: none;
    margin-bottom: 25px;
    cursor: pointer;
}

div.footbanner
{
    height: auto;
    position: relative;
    width: 100%;
    text-align: center;
    overflow: hidden;
    max-height: 300px;
}
div.footbanner img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
div.footbanner div.container img
{
    margin-top: 10%;
}
div.footbanner div.container
{
    position: absolute;
    text-align: left;
    top: 0px;
}
    div.footbanner h1 {
        margin-top: 30px;
        font-size: 32px;
        font-weight: normal;
        font-family: 'Financier';
        margin-bottom: 10px;
    }
div.footbanner h1,
div.footbanner p,
div.footbanner a
{
    color: #ffffff;
}
    div.footbanner a.button {
        background-color: #ffffff;
        border: 1px solid #ffffff;
        font-weight: normal;
        color: #003F2D;
    }

        div.footbanner a.button:hover {
            background-color: #17E88F;
            border: 1px solid #17E88F;
        }

/* Misc Page Styles */
table.form td
{
    text-align: left;
    vertical-align: top;
    padding: 4px;
    display: block;
}
    table.form td input {
        margin: 0px;
        border-bottom: 1px solid #000000;
    }
    table.form td textarea {
        margin-bottom: 10px;
        width: 100%;
        border-bottom: 1px solid #000;
    }
h1.offset-by-one
{
    text-align: left;
}
div.searchLabels
{
    text-align: right;
}
div.searchLabels p,
div.searchInputs p
{
    line-height: 28px;
    min-height: 28px;
}
div.searchInputs select
{
    height: 28px;
}
img.max300
{
    max-width: 300px;
}
div.hellobar
{
    background-color: #4b4b4b;
    color: #ffffff;
    text-align: center;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    display: none;
}
div.hellobar p
{
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 15px;
    line-height: 21px;
    margin-left: 90px;
    margin-right: 90px;
}
div.hellobar a
{
    color: #ffffff;
}
div.formlink a
{
    cursor: pointer;
}
div.hiddenform
{
    display: none;
}
div.container div.form
{
    position: relative;
}
div.form table.requestform
{
    width: 100%;
    text-align: left;
}
div.form table.requestform td
{
    text-align: right;
    font-size: 17px;
}
div.form table.requestform tr:last-child td
{
    text-align: center;
}
div.overlay div.form table.requestform input[type="text"]
{
    font-size: 20px;
    height: 24px;
    border: none;
    background-color: #e1e1e1;
    margin-left: 10px;
    margin-right: 55px;
}
div.form div.closeform
{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 28px;
    cursor: pointer;
    font-family: Financier;
}
div.blendedSearchMain h3
{
    border-bottom: 1px solid #717171;
    color: #026b4d;
    line-height: 28px;
    font-size: 20px;
    margin-bottom: 20px;
    text-align: left;
    font-family: Financier;
}
div.search-facet
{
    text-align: left;
}
div.search-facet h4
{
    margin-bottom: 12px;
}
ul#sayt-menu
{
    -webkit-box-shadow: 8px 8px 10px 0px rgba(5,80,59,1);
    -moz-box-shadow: 8px 8px 10px 0px rgba(5,80,59,1);
    box-shadow: 8px 8px 10px 0px rgba(5,80,59,1);
    padding-bottom: 10px;
}
span.ui-helper-hidden-accessible
{
    display: none;
}
ul.ui-menu
{
    background-color: #ffffff;
    position: absolute !important;
    padding-top: 10px;
}
li.sayt-product-content span.sayt-content
{
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
}
li.sayt-product-content img
{
    max-width: 40px;
    float: left;
    margin-right: 10px;
}
span.ui-product-header {
    border-bottom: 1px solid #046e53;
    display: block;
    margin-left: 25px;
    margin-right: 25px;
    line-height: 26px;
    font-family: Financier;
}
ul.ui-menu li.ui-menu-item:first-child span.sayt-content 
{
    color: #046e53;
    font-size: 18px;
    margin-top: 10px;
    cursor: pointer;
}
ul.ui-menu li.ui-menu-item
{
    margin-left: 15px;
    margin-right: 15px;
    text-align: left;
    clear: left;
}

div.productcontent div.description font p,
div.productcontent div.description font b,
div.productcontent div.description font a
{
	color: unset;
}

@media only screen and (min-width: 1200px)
{
    div.homearea div.container
    {
        width: 1200px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}
@media only screen and (min-width: 768px)
{
    div.left ul.navigation.fixed
    {
        position: fixed;
        top: 0px;
    }
    div.left ul.navigation.absolute
    {
        position: absolute;
        bottom: 0px;
    }
    div.container div.left.two
    {
        min-height: 1px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) 
{
	div.homearea div.pushdown
	{
		margin-top: 75px;
	}
	div.homearea .centervertical
	{
		-webkit-transform: unset;
		transform: unset;
	}
    div.header ul.topnav ul.navigation h4
    {
        font-size: 17px;
    }
    div.homearea div.container 
    {
        width: 768px;
        left: 50%;
        -webkit-transform: translate(-50%, -20%);
        transform: translate(-50%, -20%); 
    }
    div.homearea div.buttons img
    {
        height: 15px;
    }
    div.footbanner .container .four.columns:nth-child(n+2)
    {
        width: 364px;
    }
    div.header .container .two.columns
    {
        width: 128px;
        margin-top: 12px;
    }
    div.header div.cart, div.header div.login 
    {
        margin-top: 0px;
    }
    div.featured a.arrow 
    {
        margin-top: 30px;
    }
    div.product div.productImage img 
    {
        max-width: 100%;
    }
    div.imagebanner div.wrapper 
    {
        max-width: 768px;
    }
    div.product div.productcontent div.productsOrderArea div
    {
        width: 75px;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) 
{
	div.homearea div.pushdown
	{
		transform: unset;
	}
    div.header a {
        color: #ffffff;
        text-decoration: none;
    }


	div.homearea div.right
	{
		margin-right: 10px;
	}
	div.header #subcats11484,
	div.header #subcats11503,
	div.header #subcats11504
	{
		display: none;
	}
	div.header div.nav ul.navigation li:hover ul,
	div.header div.nav ul.navigation li:hover
	{
		background-color: transparent;
	}
    div.header div.nav ul.navigation ul li:hover {
        background-color: #17E88F;
    }
	div.header div.nav ul.navigation li:hover ul
	{
		padding: 0px;
	}
	div.header ul.topnav li.custom,
	div.header ul.topnav li.mobile
	{
		padding: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	div.header ul.topnav li.rightalign
	{
		float: none;
		text-align: left;
	}
	div.homearea .centervertical
	{
		-webkit-transform: unset;
		transform: unset;
	}
	div.homearea div.rotator .alpha,
	div.homearea div.rotator .omega
	{
		width: 150px;
	}
    div.overlay div.form.eight.columns
    {
        width: 100%;
    }
    div.product table.quantities td:first-child
    {
        width: 100%;
    }
    div.footbanner div.container img
    {
        margin-top: 15px;
    }
    div.footbanner div.container,
    div.footbanner div.container div.columns
    {
        width: 100%;
        text-align: center;
    }
    div.footbanner div.container img
    {
        width: 100px;
    }
    div.footbanner h1
    {
        font-size: 18px;
        line-height: 26px;
    }
    div.header.toprow
    {
        height: 50px;
    }
    div.homearea a.left,
    div.homearea a.right
    {
        display: none;
    }
    div.homearea div.buttons img
    {
        height: 10px;
    }
    div.container div.featured a.arrow
    {
        width: 25px;
    }
    div.container div.featured div.category,
    div.featured div.category div.product
    {
        width: 370px;
    }
    div.product div.productImage img 
    {
        max-width: 100%;
    }
    div.left
    {
        display: none;
    }
    div.product div.imagewrapper img
    {
        max-width: 100%;
    }
    div.header div.container a.logo
    {
        position: absolute;
        top: 5px;
        left: 70px;
        margin: 0px;
        background-image: url(/images/cbre_logo_new.svg);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        height: 40px;
        width: 125px;
        cursor: pointer;
        z-index: 1000;
    }
    a.logo img
    {
        display: none;
    }
    div.header.subhead {
        background-color: #003F2D;
    }
    div.header div.three.columns 
    {
        margin: 0px;
    }
    div.header div.cart
    {
        position: absolute;
        top: 3px;
        right: 6px;
    }
    div.header div.cart, 
    div.header div.login
    {
        width: auto;
        margin-top: 0px;
    }
    div.cart span.label
    {
        display: none;
    }
    div.header div.cart a
    {
        float: none;
    }
    div.header div.cart a.text
    {
        margin: 0px;
    }
    div.header div.container div.search
    {
        position: absolute;
        top: 50px;
        right: 0px;
        margin: 0px;
        width: 100%;
        background-color: #05503b;
        z-index: 240;
        cursor: default;
        height: 120px;
        z-index: 1600;
    }
    div.header a.open
    {
        display: block;
        width: 34px;
        float: right;
        margin: 0px;
        position: absolute;
        top: 8px;
        right: 70px;
    }
    div.header div.search
    {
        display: none;
    }
    div.header div.search form
    {
        text-align: center;
        margin: 0px;
    }
    div.header div.search.open
    {
        display: block;
    }
    div.header div.cart img 
    {
        top: 10px;
    }
    div.header div.search.open a.close
    {
        display: block;
        margin-right: 5px;
        margin-top: 10px;
        float: right;
    }
    div.header div.search.open input#w
    {
        margin: 0px;
        background-image: none;
        height: 35px;
        position: relative;
        background-color: #ffffff;
        padding: 0;
        color: #333333;
        text-indent: 8px;
        width: 250px;
        right: auto;
        margin: 5px;
        top: 0px;
        margin-bottom: 35px;
        margin-top: 45px;
        float: none;
    }
    div.header div.login
    {
        display: none;
    }
    div.header div.six.columns
    {
        height: 50px;
    }
    div.header div.container div.nav
    {
        background-image: url(/images/mobile-green.png);
        background-position: 2px 12px;
        background-repeat: no-repeat;
        display: block;
        width: 60px;
        height: 50px;
        cursor: pointer;
        position: absolute;
        top: -50px;
        z-index: 1600;
    }
    div.header div.container div.nav.open
    {
        background-color: #ffffff;
        background-image: url(/images/mobileopen.png);
    }
    div.header div.nav > ul
    {
        display: none;
        margin: 0px;
        background-color: #05503b;
        width: 100%;
        position: absolute;
        z-index: 350;
        top: 50px;
        text-align: left;
    }
    div.header div.nav ul.navigation
    {
        position: relative;
        top: auto;
        width: auto;
        display: block;
        max-height: 1000px;
    }
    div.header ul.topnav
    {
        padding-bottom: 15px;
    }
    div.header div.container div.nav li.subnav
    {
        height: auto;
        margin-top: 0px;
        margin-bottom: 0px;
		float: none;
    }
    div.header div.container div.nav li
    {
        margin: 0px;
        margin-top: 8px;
        margin-bottom: 8px;
        margin-left: 10px;
        font-size: 18px;
        line-height: 22px;
        display: block;
        height: 22px;
        clear: left;
		float: none;
    }
    div.header div.container div.nav li.selected
    {
        height: auto;
        margin: 0px;
    }
    div.header div.container div.nav li.selected h4
    {
        display: none;
    }
    div.header div.container div.nav li.selected > ul
    {
        display: block;
        position: relative;
        height: auto;
    }
    div.header div.container div.nav ul.navigation ul li
    {
        margin-left: 0px;
        margin-bottom: 8px;
        margin-top: 8px;
        display: block;
    }
    div.header div.container div.nav li h4
    {
        font-size: 18px;
        line-height: 22px;
        margin: 0px;
    }
    div.header div.nav.open ul
    {
        display: block;
    }
    div.noimgbanner h1
    {
        text-indent: 0;
    }
    div.footer div.twelve a
    {
        display: block;
        text-align: center;
        margin-bottom: 15px;
    }
    div.category div.product
    {
        width: 100%;
    }
    div.homearea div.container
    {
        top: 0px;
    }
    div.homearea div.container div.columns
    {
        margin: 0px;
		margin-left: 5px;
		margin-right: 5px;
    }
    div.homearea a.down 
    {
        background-size: cover;
        height: 30px;
        width: 30px;
    }
    div.homearea h1
    {
        font-size: 16px;
        line-height: 18px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    div.homearea p
    {
        margin-bottom: 10px;
        font-size: 13px;
    }
    div.homearea a.button
    {
        padding: 6px;
        font-size: 14px;
    }
    div.homearea div.columns
    {
        text-align: left;
    }
    div.homearea div.columns.right
    {
        text-align: right;
    }
    div.category h3
    {
        text-align: center;
    }
    div.footer div.twelve a 
    {
        margin-right: 0;
    }
    div.footer
    {
        text-align: center;
    }
    div.cartbuttons a 
    {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 125px;
    }
    div.checkout div.breadcrumb span
    {
        display: none;
    }
    div.checkout .breadcrumb li 
    {
        clear: left;
    }
    div.cartbuttons div.gift
    {
        float: none;
    }
    div.cartbuttons div.gift input
    {
        margin-bottom: 15px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    table.cartTable div.iteminfo span
    {
        line-height: 18px;
    }
    tr.cartFooter td p
    {
        display: block;
        line-height: 35px;
    }
    tr.cartFooter td p
    {
        margin-right: 5px;
    }
    div.product div.productsOrderArea input, 
    div.product div.productsOrderArea select, 
    div.product div.productsOrderArea button
    {
        width: 120px !important;
        max-width: 120px;
    }
    div.header .open > img 
    {
        height: 26px;
        position: relative;
        top: 4px;
    }
    table.cartTable,
    table.cartTable div.iteminfo a
    {
        font-size: 14px;
        line-height: 18px;
    }
    table.cartTable tr.cartItem td
    {
        padding-left: 2px;
        padding-right: 2px;
    }
    table.cartTable td input
    {
        width: 50px;
    }
    table.cartTable td a
    {
        font-size: 12px;
    }
    div.checkout table.shopts td
    {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    div.checkout table.shopts input
    {
        display: block;
        float: left;
        margin-top: 2px;
    }
    div.checkout table.shopts label
    {
        display: block;
        float: left;
        line-height: 16px;
        margin: 0;
        width: 90%;
    }
    div.imagebanner div.wrapper 
    {
        max-width: 300px;
    }
    div.container div.content div.cartWrapper table.cartTable td,
    div.container div.content div.cartWrapper table.cartTable th
    {
        display: inline-block;
        float: left;
        height: auto;
        width: auto;
    }
    div.container div.content div.cartWrapper table.cartTable td.six,
    div.container div.content div.cartWrapper table.cartTable th.six
    {
        width: 100px;
    }
    div.container div.content div.cartWrapper table.cartTable td.one,
    div.container div.content div.cartWrapper table.cartTable th.one
    {
        width: 50px;
    }
    div.container div.content div.cartWrapper table.cartTable td.two,
    div.container div.content div.cartWrapper table.cartTable th.two
    {
        width: 60px;
    }
    div.container div.content div.cartWrapper table.cartTable div.img
    {
        width: 100px;
    }
    table.cartTable
    {
        width: 280px;
    }
    table.cartTable th
    {
        padding: 2px;
    }
    table.cartTable td input
    {
        width: 35px;
    }
}   
@media only screen and (max-width: 480px)
{
    div.rotator h1.four.columns
    {
        max-width: 60%;
        padding-top: 10px;
    }
    div.container div.form.eight.columns
    {
        width: 100%;
    }
    div.overlay div.form a.link 
    {
        width: 310px;
    }
    div.overlay div.form input[type="text"], 
    div.overlay div.form input[type="password"] 
    {
        width: 300px;
    }
    div.imagebanner div.wrapper 
    {
        max-width: 420px;
    }
    div.container div.featured div.category,
    div.featured div.category div.product
    {
        width: 250px;
    }
}