/*********\
 * Icons *
\*********/

@font-face { font-family: 'Blueparker'; src: url('/fonts/Blueparker-071122.eot?6gurlm'); src: url('/fonts/Blueparker-071122.eot?#iefix6gurlm') format('embedded-opentype'), url('/fonts/Blueparker-071122.woff?6gurlm') format('woff'), url('/fonts/Blueparker-071122.ttf?6gurlm') format('truetype'), url('/fonts/Blueparker-071122.svg?6gurlm#Blueparker') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }

[class^="bp-icon-"], [class*=" bp-icon-"] { font-family: 'Blueparker' !important; speak: none !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1 !important; display: inline-block !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-size: 16px; }

.bp-icon-home:before { content: "\e900"; }
.bp-icon-cart:before { content: "\e901"; }
.bp-icon-basket:before { content: "\e902"; }
.bp-icon-bag:before { content: "\e903"; }
.bp-icon-clock:before { content: "\e904"; }
.bp-icon-calendar:before { content: "\e905"; }
.bp-icon-print:before { content: "\e906"; }
.bp-icon-screen:before { content: "\e907"; }
.bp-icon-mobile:before { content: "\e908"; }
.bp-icon-tablet:before { content: "\e909"; }
.bp-icon-bubble:before { content: "\e90a"; }
.bp-icon-bubbles:before { content: "\e90b"; }
.bp-icon-bubble-notify:before { content: "\e90c"; }
.bp-icon-user:before { content: "\e90d"; }
.bp-icon-search:before { content: "\e90e"; }
.bp-icon-zoom:before { content: "\e90f"; }
.bp-icon-wand:before { content: "\e910"; }
.bp-icon-remove:before { content: "\e911"; }
.bp-icon-list:before { content: "\e912"; }
.bp-icon-grid:before { content: "\e913"; }
.bp-icon-menu:before { content: "\e914"; }
.bp-icon-star-off:before { content: "\e915"; }
.bp-icon-star-on:before { content: "\e916"; }
.bp-icon-heart:before { content: "\e917"; }
.bp-icon-heart2:before { content: "\e918"; }
.bp-icon-warning:before { content: "\e919"; }
.bp-icon-question:before { content: "\e91a"; }
.bp-icon-crossed:before { content: "\e91b"; }
.bp-icon-tick:before { content: "\e91c"; }
.bp-icon-cross:before { content: "\e91d"; }
.bp-icon-close:before { content: "\e91e"; }
.bp-icon-check:before { content: "\e91f"; }
.bp-icon-minus:before { content: "\e920"; }
.bp-icon-plus:before { content: "\e921"; }
.bp-icon-arrow-first:before { content: "\e922"; }
.bp-icon-arrow-last:before { content: "\e923"; }
.bp-icon-arrow-up:before { content: "\e924"; }
.bp-icon-arrow-right:before { content: "\e925"; }
.bp-icon-arrow-down:before { content: "\e926"; }
.bp-icon-arrow-left:before { content: "\e927"; }
.bp-icon-top:before { content: "\e928"; }
.bp-icon-checked:before { content: "\e929"; }
.bp-icon-unchecked:before { content: "\e92a"; }
.bp-icon-circle:before { content: "\e92b"; }
.bp-icon-settings:before { content: "\e934"; }
.bp-icon-share:before { content: "\e935"; }
.bp-icon-feed:before { content: "\e930"; }
.bp-icon-googleplus:before { content: "\e92c"; }
.bp-icon-facebook:before { content: "\e92d"; }
.bp-icon-instagram:before { content: "\e92e"; }
.bp-icon-twitter:before { content: "\e92f"; }
.bp-icon-youtube:before { content: "\e931"; }
.bp-icon-linkedin:before { content: "\e932"; }
.bp-icon-pinterest:before { content: "\e933"; }

.bp-icon-basket-size { font-size: 20px; }
.bp-icon-large { font-size: 20px; }
.bp-icon-larger { font-size: 24px; }
.bp-icon-largest { font-size: 32px; }
.bp-icon-medium { font-size: 14px; }
.bp-icon-small { font-size: 12px; }
.bp-icon-smaller { font-size: 10px; }
.bp-icon-smallest { font-size: 8px; }
.bp-icon-green, .bp-text-green { color: #20A060; }
.bp-icon-grey, .bp-text-grey { color: #808080; }
.bp-icon-orange, .bp-text-orange { color: #FF8000; }
.bp-icon-red, .bp-text-red { color: #C04040; }
.bp-icon-yellow, .bp-text-yellow { color: #C0C040; }
.bp-icon-fade { cursor: default; filter: alpha(opacity: 40); opacity: 0.4; }
.bp-icon-slide { color: #FFFFFF; text-shadow: -1px -1px 0px #808080, 1px -1px 0px #808080, -1px 1px 0px #808080, 1px 1px 0px #808080; }
.bp-icon-progress { color: #808080; font-size: 16px; margin-left: -1px; margin-right: -1px; }
.bp-line-progress { border-bottom: 2px solid #808080; width: 100%; height: 9px; margin-bottom: 7px; overflow: hidden; }


/*****************\
 * Compatibility *
\*****************/

html { height: 100%; }

body { -webkit-text-size-adjust: 100%; }

h1 { margin: 0px; margin-bottom: 20px; }

h2, h3, h4, h5, h6 { margin: 20px 0px; }

p { margin: 1em 0px; }

ul { margin: 1em auto; }

b, strong { font-weight: bold; }

i, em { font-style: italic; }

hr { display: block; margin: 0px; *margin: -7px 0px; }

img { border: 0px; box-shadow: transparent 0px 0px 0px; }

form { margin: 0px; }

input { padding-left: 3px; vertical-align: middle; }
input[type=text], input[type=email], input[type=number], input[type=password], input[type=file], input[type=image], input[type=submit], input[type=button], button { margin: 0px; }
input[type=image] { padding: 0px; }
input[type=submit], input[type=button], button { padding-left: 5px; padding-right: 5px; }
input[type=checkbox], input[type=radio] { margin: 3px; padding: 0px; }
button, label { vertical-align: middle; }
select { margin: 0px; vertical-align: middle; }
textarea { margin: 0px; padding-left: 3px; vertical-align: top; }
@media screen and (-webkit-min-device-pixel-ratio:0) { input[type=text], input[type=email], input[type=number], input[type=password], textarea { padding-left: 4px; } input[type=file] { padding-left: 0px; } }
input[type=text], input[type=email], input[type=number], input[type=password], textarea { -webkit-appearance: none; }

:-o-prefocus, select { padding-left: 3px; }

::-moz-focus-inner { border: 0px !important; padding: 0px !important; }

:-ms-input-placeholder { color: #A0A0A0 !important; }
:-moz-placeholder { color: #A0A0A0 !important; }
::-webkit-input-placeholder { color: #A0A0A0 !important; }
.placeholder { color: #A0A0A0 !important; }

img:-moz-loading { visibility: hidden; }

* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
td { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

* { font-smoothing: subpixel-antialiased; -moz-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased; }


/***************\
 * Form Fields *
\***************/

:focus
{
    outline-width: 0px;
    outline-style: solid;
}

input[type=text], input[type=email], input[type=number], input[type=password], textarea, select, .input_text
{
    border: 1px solid #D0D0D0;
    border-radius: 2px;
    border-collapse: separate;
    box-shadow: inset 0px 3px 6px -2px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0px 3px 4px -2px rgba(0, 0, 0, 0);
    transition: background-color 0.20s ease-in-out, background-image 0.20s ease-in-out, border 0.20s ease-in-out, box-shadow 0.20s ease-in-out, color 0.20s ease-in-out, text-shadow 0.20s ease-in-out;
}

.input_text
{
    display: inline-block;
    vertical-align: middle;
}

input[type=text], input[type=email], input[type=number], input[type=password], textarea
{
    padding-bottom: 2px;
    padding-top: 2px;
}

select
{
    padding-bottom: 1px;
    padding-top: 1px;
}

input[type=text]:hover, input[type=email]:hover, input[type=number]:hover, input[type=password]:hover, textarea:hover, select:hover, .input_text:hover
{
    border: 1px solid #4080C0;
}

input[type=text]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, textarea:focus, select:focus, .braintree-hosted-fields-focused, .StripeElement--focus
{
    border: 1px solid #4080C0;
    box-shadow: inset 0px 3px 6px -2px rgba(0, 0, 0, 0), 0px 0px 6px -2px #4080C0;
    -moz-box-shadow: inset 0px 3px 4px -2px rgba(0, 0, 0, 0), 0px 0px 4px -2px #4080C0;
}

input[type=text]:disabled, input[type=email]:disabled, input[type=number]:disabled, input[type=password]:disabled, textarea:disabled, select:disabled
{
    background-color: #F4F4F4;
}

input[type=button]:disabled, button:disabled
{
    opacity: 0.4;
}

input[type=button].faded, button.faded
{
    opacity: 0.7;
}

.busyfield
{
    border: 1px solid #4080C0 !important;
    box-shadow: inset 0px 3px 6px -2px rgba(0, 0, 0, 0), 0px 0px 6px -2px #4080C0 !important;
    -moz-box-shadow: inset 0px 3px 4px -2px rgba(0, 0, 0, 0), 0px 0px 4px -2px #4080C0 !important;
    color: #4080C0;
}

.errorfield, .braintree-hosted-fields-invalid, .StripeElement--invalid
{
    border: 1px solid #A02020 !important;
    box-shadow: inset 0px 3px 6px -2px rgba(0, 0, 0, 0), 0px 0px 6px -2px #A02020 !important;
    -moz-box-shadow: inset 0px 3px 4px -2px rgba(0, 0, 0, 0), 0px 0px 4px -2px #A02020 !important;
}

.braintree-hosted-fields-valid, .StripeElement--complete
{
    border: 1px solid #008040 !important;
    box-shadow: inset 0px 3px 6px -2px rgba(0, 0, 0, 0), 0px 0px 6px -2px #008040 !important;
    -moz-box-shadow: inset 0px 3px 4px -2px rgba(0, 0, 0, 0), 0px 0px 4px -2px #008040 !important;
}

.conform
{
    display: none;
}


/***********\
 * Default *
\***********/

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

.p2
{
    margin: 20px 0px;
}

.p3
{
    margin: 20px 0px;
    margin-top: 0px;
}

.p.alt
{
    border-radius: 2px;
    padding: 10px;
}

.first
{
    margin-top: 0px;
}

.last
{
    margin-bottom: 0px;
}

.both
{
    margin: 0px;
}

.bolder
{
    font-weight: bold;
}

.center
{
    margin: 20px 0px;
    width: 100%;
    text-align: center;
}

.divider
{
    width: 100%;
    text-align: center;
}

.gap
{
    margin-top: 5px;
    display: block;
}

.gap_quantity
{
    margin-bottom: -2px;
    margin-top: 7px;
}

.gap_button
{
    margin-top: 7px;
    display: block;
}

.gap_rating
{
    margin-top: 10px;
    display: block;
}

.spacer, .spacerb
{
    height: 15px;
    padding: 0px !important;
}

.spacerb
{
    height: 20px;
}

.textarea
{
    width: 255px;
    height: 93px;
}

.alternate, .alternateb, .alternatet
{
    border-collapse: collapse;
    width: 100%;
}

.alternate td, .alternateb td, .alternatet td
{
    padding: 10px;
}

.tables, .tablesl, .tablesr
{
    border-collapse: collapse;
    width: 100%;
}

.tables td, .tablesl td, .tablesr td
{
    padding: 0px;
    vertical-align: middle;
}

.labels
{
    border-collapse: collapse;
    width: auto;
}

.labels td
{
    padding: 0px;
    vertical-align: middle;
}

.grid, .gridp
{
    border-collapse: collapse;
    width: 100%;
}

.grid td, .gridp td
{
    padding: 0px;
    vertical-align: middle;
}

td.pcheading
{
    padding: 20px 0px;
}

td.pcheading div
{
    background: transparent;
    border-radius: 0px;
    padding: 0px;
}

td.pcheading h2
{
    margin: 0px;
}

.basket
{
    border-collapse: collapse;
    width: 100%;
}

.basket td
{
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    vertical-align: middle;
}

.basket .alt td, .basket td.alt
{
    padding-bottom: 10px;
    padding-top: 10px;
}

.account
{
    border-collapse: collapse;
    width: auto;
}

.account td
{
    padding-bottom: 1px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1px;
    text-align: left;
}

.details
{
    border-collapse: collapse;
    width: auto;
}

.details td
{
    padding: 0px;
    text-align: left;
}

.options
{
    border-collapse: collapse;
    width: auto;
}

.options td
{
    padding-bottom: 1px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1px;
    text-align: left;
}

.label
{
    vertical-align: middle;
}

.product_text, .product_textarea, .product_file
{
    width: 180px;
}

.upload_text
{
    width: 110px;
}

.product_textarea
{
    height: 42px;
    vertical-align: middle;
}

.product_textinfo
{
    width: auto;
}

.image_fade
{
    filter: alpha(opacity: 40);
    opacity: 0.4;
}

.thumbnail_left
{
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
}

.thumbnail_right
{
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 0px;
}

.thumbnail_tleft
{
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
}

.thumbnail_tright
{
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 0px;
}

a.post_title:link, a.post_title:visited, a.post_title:hover, a.post_title:active
{
    font-weight: bold;
}

a.review_title:link, a.review_title:visited, a.review_title:hover, a.review_title:active
{
    font-weight: bold;
}

.action
{
    cursor: pointer;
}

.button, .ui-dialog .ui-dialog-buttonpane button, div#acc .basket_viewitems a, div#sea a
{
    transition: background-color 0.10s ease-in-out, background-image 0.10s ease-in-out, border 0.10s ease-in-out, box-shadow 0.10s ease-in-out, color 0.10s ease-in-out, text-shadow 0.10s ease-in-out;
    *overflow: visible;
}

td.button
{
    padding: 0px;
    vertical-align: middle;
}

.submitton
{
    background: none !important;
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    width: 0px !important;
    height: 0px !important;
}

.markup
{
    display: none;
}

.prim, .primage, .primw, .prsp, .prti
{
    display: inline-block;
}

.prim, .primage
{
    position: relative;
}

.prim img, .prsp
{
    vertical-align: middle;
}

.prsp
{
    height: 100%;
}

.quickview.button
{
    box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2) !important;
    margin: auto;
    width: 100px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    display: none;
}

#product_list_outer
{
    position: relative;
    *zoom: 1;
}

.refine
{
    padding: 3px 0px;
}

.refine input[type=checkbox]
{
    margin-left: 0px;
}

.refine span
{
    vertical-align: middle;
}

.refining
{
    background-image: url('/images/lightbox_loading.gif');
    width: 32px;
    height: 32px;
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -16px;
}

#breadcrumb
{
    text-align: left;
}

#magnify-wrap
{
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.magnify-lens
{
    border: 1px solid #808080;
    background: #FFFFFF;
    cursor: move;
}

.magnify-zoom
{
    border: 1px solid #E0E0E0;
    border-collapse: separate;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.child
{
    white-space: nowrap;
}

.childcolumn
{
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}

.childcolumn-left
{
    margin-left: 20px;
}

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

.childheading-top
{
    margin-top: 20px;
}

.hideblock
{
    display: none;
}

a.fb-button, a.fb-button:link, a.fb-button:visited, a.fb-button:hover, a.fb-button:active, a.fb-button-large, a.fb-button-large:link, a.fb-button-large:visited, a.fb-button-large:hover, a.fb-button-large:active
{
    background: #4267B2;
    background-image: url('/images/f.png');
    background-position: 7px 7px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border: 0px;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 10px 0px 35px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}

.fb-login-button
{
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}

.fb-login-button *
{
    font-size: 12px;
}

#fb-logout
{
    margin: 0px;
    margin-left: 5px;
}

.security-seal
{
    float: right;
    padding-left: 10px;
}

.cc_logos
{
    float: right;
}

.cc_maestro
{
    display: none;
}

#apple-pay-button.apple-pay-container > button
{
    width: 180px !important;
    height: 40px !important;
}

div#paypal-button > div:not(:first-child), div#paypal-button-container > div:not(:first-child)
{
    display: none !important;
}

.klarna-category
{
    background-color: rgb(240, 238, 235);
    color: rgb(23, 23, 23);
    font-size: 16px;
    margin: 10px auto;
    padding: 10px 15px;
    padding-left: 10px;
    display: block;
    max-width: 600px;
    text-align: left;
    cursor: pointer;
}

.klarna-category input, .klarna-category span
{
    vertical-align: middle;
}

.klarna-category span
{
    font-weight: bold;
    margin-left: 5px;
}

.klarna-payments-container
{
    padding: 10px 0px;
}


/*****************\
 * Cookie Banner *
\*****************/

#cookie_banner
{
    background: #000000;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 20px 30px;
    width: 100%;
    height: auto;
    text-align: left;
    position: fixed;
    bottom: 0px;
    left: 0px;
    filter: alpha(opacity: 80);
    opacity: 0.8;
    z-index: 50;
}

#cookie_title
{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

#cookie_button
{
    background: #FFFFFF;
    border-radius: 4px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    margin: 5px 10px;
    margin-right: 0px;
    padding: 0px 15px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: static;
    float: right;
    cursor: pointer;
}

#cookie_button:hover
{
    background: #808080;
    color: #FFFFFF;
}

#cookie_banner a:link, #cookie_banner a:visited, #cookie_banner a:hover, #cookie_banner a:active
{
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}


/*****************\
 * Dialog Action *
\*****************/

#darken
{
    background: #000000;
    position: fixed;
    top: -100%;
    left: 0px;
    width: 100%;
    height: 300%;
    cursor: not-allowed;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: none;
    z-index: 200;
}

#darken.fade
{
    transition: visibility 100ms ease-in-out, opacity 100ms ease-in-out;
}

#darken.active
{
    visibility: visible;
    opacity: 0.2;
}

#closedialog
{
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
}

#dialog_action
{
    background: #FFFFFF !important;
    border-radius: 8px !important;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3) !important;
    color: #000000 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 0px !important;
    width: 100% !important;
    min-width: 0px !important;
    max-width: 600px !important;
    height: calc(100% - 40px) !important;
    max-height: 600px !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    visibility: hidden !important;
    opacity: 0 !important;
    z-index: 201 !important;
}

#dialog_action.active
{
    visibility: visible !important;
    opacity: 1 !important;
}

#dialog_action.tall
{
    max-height: 800px !important;
}

#dialog_action iframe
{
    border: 0px !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 8px !important;
}

body#dialog_iframe
{
    background: #FFFFFF !important;
    color: #404040 !important;
    margin: 0px !important;
    padding: 0px !important;
    position: relative !important;
}

body#dialog_iframe #choice
{
    padding: 40px !important;
}

body#dialog_iframe table.i_form
{
    width: 100% !important;
    max-width: none !important;
}

body#dialog_iframe table.m_form.a_form td.l_form
{
    padding-left: 20px !important;
    padding-right: 20px !important;
}

body#dialog_iframe tr.alt_change > td
{
    padding: 10px 20px !important;
    position: relative !important;
    text-align: left !important;
    display: flex !important;
}

body#dialog_iframe tr[class^="checkable_"].visible label
{
    cursor: pointer !important;
}

body#dialog_iframe tr[class^="checkable_"].visible.checked label
{
    cursor: default !important;
}

body#dialog_iframe tr[class^="checkable_"]:not(.visible)
{
    display: none !important;
}

body#dialog_iframe tr[class^="checkable_"] > td, body#dialog_iframe tr[class^="checkable_"] > td > label:has(.cc_logos)
{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    column-gap: 5px !important;
}

body#dialog_iframe tr[class^="checkable_"] > td > label
{
    width: 100% !important;
}

body#dialog_iframe tr[class^="checkable_"] > td > label > .cc_logos
{
    flex: 1 !important;
}

body#dialog_iframe div[class^="change_"]
{
    font-size: 12px !important;
    position: absolute !important;
    right: 20px !important;
    cursor: pointer !important;
    opacity: 0.6 !important;
}

body#dialog_iframe div[class^="change_"].changing
{
    display: none !important;
}

@media screen and (max-width: 420px)
{
    body#dialog_iframe #choice
    {
        padding: 40px 20px 35px 20px !important;
    }
}


/*************\
 * jQuery UI *
\*************/

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl
{
    border-top-left-radius: 2px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr
{
    border-top-right-radius: 2px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl
{
    border-bottom-left-radius: 2px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br
{
    border-bottom-right-radius: 2px;
}

.ui-widget-content
{
    background: #F8F8F8;
    border: 1px solid #808080;
}

.ui-widget-header
{
    background: #C0C0C0;
    border: 1px solid #808080;
}

.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    background: #E0E0E0;
    border: 1px solid #A0A0A0;
}

.ui-helper-clearfix
{
    display: block;
    *height: 1%;
}

.ui-helper-clearfix:after
{
    content: '.';
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}


/*******************\
 * Autocomplete UI *
\*******************/

.ui-autocomplete
{
    background: #FFFFFF;
    border: 1px solid #808080;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    margin: 0px;
    padding: 1px;
    list-style: none;
    text-align: left;
    cursor: default;
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 3 !important;
}

.ui-autocomplete-loading
{
    background: #FFFFFF url('/images/lightbox_loadingsmall.gif') right center no-repeat;
}

.ui-menu-item a
{
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #202020;
    font-family: 'open sans', arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-shadow: none;
    margin: 0px;
    padding: 2px;
    line-height: 17px;
    white-space: nowrap;
    display: block;
    overflow-y: hidden;
}

.ui-menu-item a.ui-state-hover, .ui-menu-item a.ui-state-active
{
    background: #E0E0E0;
    border: 1px solid #C0C0C0;
    box-shadow: inset 0px -19px #D8D8D8, inset 0px 1px 2px #FFFFFF;
    -moz-box-shadow: inset 0px -19px #D8D8D8, inset 0px 1px 2px #FFFFFF;
    color: #202020;
    font-family: 'open sans', arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0px 1px #FFFFFF;
    margin: 0px;
    padding: 2px;
    line-height: 17px;
    white-space: nowrap;
    display: block;
    overflow-y: hidden;
}

.ui-menu-item a.ui-autocomplete-all, .ui-menu-item a.ui-state-hover.ui-autocomplete-all, .ui-menu-item a.ui-state-active.ui-autocomplete-all
{
    background: #A0A0A0;
    border: 1px solid #808080;
    box-shadow: inset 0 -14px #909090, inset 0px 1px 1px #D0D0D0;
    -moz-box-shadow: inset 0 -14px #909090, inset 0px 1px 1px #D0D0D0;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0px -1px #808080;
    margin-top: 1px;
    line-height: 24px;
    text-align: right;
    cursor: pointer;
}


/*****************\
 * Datepicker UI *
\*****************/

#ui-datepicker-div
{
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    width: 200px;
    display: none;
    z-index: 10;
}

.ui-datepicker
{
    background: #F8F8F8;
    border: 1px solid #808080;
    padding: 1px;
    padding-top: 2px;
}

.ui-datepicker-header
{
    background: #E0E0E0;
    border: 1px solid #A0A0A0;
    box-shadow: inset 0px -12px #D0D0D0, inset 0px 1px 2px #FFFFFF;
    -moz-box-shadow: inset 0px -12px #D0D0D0, inset 0px 1px 2px #FFFFFF;
    margin: 1px;
    margin-top: 0px;
    padding: 2px;
    text-align: center;
    position: relative;
}

.ui-datepicker-title
{
    color: #202020;
    font: bold 12px 'open sans', arial, sans-serif;
    text-shadow: 0px 1px #F0F0F0;
}

.ui-datepicker-title span
{
    line-height: 20px;
    vertical-align: middle;
}

.ui-datepicker-title select
{
    font-size: 11px;
    padding-bottom: 0px;
    padding-top: 0px;
    height: 20px;
    vertical-align: middle;
}

.ui-datepicker-prev
{
    background: url('/images/prev.gif');
    width: 8px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    top: 4px;
    left: 4px;
}

.ui-datepicker-next
{
    background: url('/images/next.gif');
    width: 8px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: 4px;
}

.ui-icon
{
    display: none;
}

.ui-datepicker table
{
    border-collapse: collapse;
    color: #202020;
    font: bold 12px 'open sans', arial, sans-serif;
    width: 100%;
}

.ui-datepicker th
{
    color: #202020;
    font: bold 12px 'open sans', arial, sans-serif;
    padding: 5px;
    text-align: center;
}

.ui-datepicker td
{
    padding: 1px;
    width: 14%;
}

.ui-datepicker td a:link, .ui-datepicker td a:visited
{
    background: #E0E0E0;
    border: 1px solid #A0A0A0;
    border-radius: 2px;
    box-shadow: inset 0px -12px #D0D0D0, inset 0px 1px 1px #FFFFFF;
    -moz-box-shadow: inset 0px -12px #D0D0D0, inset 0px 1px 1px #FFFFFF;
    color: #202020;
    font: bold 12px 'open sans', arial, sans-serif;
    text-shadow: 0px 1px #F0F0F0;
    padding: 2px;
    line-height: 20px;
    text-align: right;
    text-decoration: none;
    display: block;
}

.ui-datepicker td a:hover, .ui-datepicker td a:active, #ui-datepicker-div .ui-state-active
{
    background: #A0A0A0;
    border: 1px solid #606060;
    border-radius: 2px;
    box-shadow: inset 0px -12px #909090, inset 0px 1px 1px #D0D0D0;
    -moz-box-shadow: inset 0px -12px #909090, inset 0px 1px 1px #D0D0D0;
    color: #FFFFFF;
    font: bold 12px 'open sans', arial, sans-serif;
    text-shadow: 0px -1px #606060;
    padding: 2px;
    line-height: 20px;
    text-align: right;
    text-decoration: none;
    display: block;
}

#ui-datepicker-div .ui-state-highlight:link, #ui-datepicker-div .ui-state-highlight:visited
{
    color: #2060A0;
}

#ui-datepicker-div .ui-state-highlight:hover, #ui-datepicker-div .ui-state-highlight:active, #ui-datepicker-div .ui-state-active:link, #ui-datepicker-div .ui-state-active:visited
{
    color: #FFFFFF;
}

#ui-datepicker-div .ui-state-disabled .ui-state-default
{
    background: #E8E8E8;
    border: 1px solid #C0C0C0;
    border-radius: 2px;
    color: #808080;
    font: bold 12px 'open sans', arial, sans-serif;
    padding: 2px;
    line-height: 20px;
    text-align: right;
    text-decoration: none;
    display: block;
}


/*************\
 * Dialog UI *
\*************/

.ui-dialog
{
    background: #F0F0F0;
    border: 0px solid #404040;
    border-radius: 4px;
    box-shadow: 0px 0px 12px #000000;
    -moz-box-shadow: 0px 0px 8px #000000;
    padding: 15px;
    position: fixed;
    *position: absolute;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.ui-dialog .ui-dialog-titlebar
{
    background: #C0C0C0;
    border: 1px solid #808080;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), inset 0px -14px #B0B0B0, inset 0px 1px 3px #F0F0F0;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px -14px #B0B0B0, inset 0px 1px 2px #F0F0F0;
    color: #202020;
    font: bold 14px 'open sans', arial, sans-serif;
    text-shadow: 0px 1px #E0E0E0;
    margin: 0px;
    margin-bottom: 15px;
    padding: 0px 10px;
    height: 36px;
    line-height: 36px;
    text-align: left;
}

.ui-dialog .ui-dialog-titlebar-close
{
    display: none;
}

.ui-draggable .ui-dialog-titlebar
{
    cursor: move;
}

.ui-dialog .ui-dialog-content
{
    background: #FFFFFF;
    border: 1px solid #A0A0A0;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    color: #202020;
    font: 14px 'open sans', arial, sans-serif;
    padding: 10px;
    text-align: left;
}

.ui-dialog .ui-dialog-buttonpane
{
    background: #F0F0F0;
    border: 0px;
    margin: 0px;
    margin-top: 15px;
    text-align: right;
}

.ui-dialog .ui-dialog-buttonpane button
{
    background: #C0C0C0;
    border: 1px solid #808080;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), inset 0px -14px #B0B0B0, inset 0px 1px 3px #F0F0F0;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px -14px #B0B0B0, inset 0px 1px 2px #F0F0F0;
    color: #202020;
    font: bold 14px 'open sans', arial, sans-serif;
    text-shadow: 0px 1px #E0E0E0;
    margin: 0px;
    margin-left: 15px;
    padding: 0px 10px;
    min-width: 160px;
    width: auto;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    *padding: 0px 10px;
    *height: 28px;
    *overflow: visible;
}

.ui-dialog .ui-dialog-buttonpane button.ui-state-hover, .ui-dialog .ui-dialog-buttonpane button.ui-state-active
{
    background: #808080;
    border: 1px solid #404040;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), inset 0px -14px #707070, inset 0px 1px 3px #B0B0B0;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px -14px #707070, inset 0px 1px 2px #B0B0B0;
    color: #F0F0F0;
    text-shadow: 0px -1px #404040;
}

.ui-dialog td
{
    color: #202020;
    font: 14px 'open sans', arial, sans-serif;
}

.ui-dialog-divider
{
    background: #C0C0C0;
    margin: 10px 0px;
    height: 1px;
    overflow: hidden;
}

#dialog-basket-wrap
{
    max-height: 220px;
    overflow-y: hidden;
    position: relative;
}

#dialog-basket-list
{
    height: auto;
}

#dialog-basket-shadow-top
{
    box-shadow: inset 0px 10px 10px #FFFFFF;
    -moz-box-shadow: inset 0px 10px 7px #FFFFFF;
    width: 100%;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

#dialog-basket-shadow-bottom
{
    box-shadow: inset 0px -10px 10px #FFFFFF;
    -moz-box-shadow: inset 0px -10px 7px #FFFFFF;
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: none;
}

#dialog-basket-total
{
    background: #E0E0E0;
    border: 1px solid #C0C0C0;
    border-radius: 2px;
    box-shadow: inset 0px -14px #D8D8D8, inset 0px 1px 2px #FFFFFF;
    -moz-box-shadow: inset 0px -14px #D8D8D8, inset 0px 1px 2px #FFFFFF;
    text-shadow: 0px 1px #FFFFFF;
    margin: 0px;
    margin-top: 10px;
    padding: 0px 5px;
    height: 36px;
    line-height: 36px;
}

.dialog-basket-add, .dialog-basket-sub
{
    color: #808080;
    font: bold 17px 'courier new', monospace;
    cursor: pointer;
}


/*************\
 * Slider UI *
\*************/

#slider-wrap
{
    padding: 8px 7px;
    padding-bottom: 10px;
}

.ui-slider
{
    text-align: left;
    position: relative;
}

.ui-slider .ui-slider-handle
{
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    z-index: 2;
}

.ui-slider .ui-slider-range
{
    border: 0px;
    position: absolute;
    display: block;
    z-index: 1;
}

.ui-slider-horizontal
{
    height: 6px;
}

.ui-slider-horizontal .ui-slider-handle
{
    border-radius: 4px;
    margin-left: -8px;
    top: -6px;
}

.ui-slider-horizontal .ui-slider-range
{
    height: 100%;
    top: 0px;
    overflow-y: hidden;
}

.ui-slider-horizontal .ui-slider-range-min
{
    left: 0px;
}

.ui-slider-horizontal .ui-slider-range-max
{
    right: 0px;
}


/***********\
 * Tabs UI *
\***********/

.ui-tabs
{
    background: #FFFFFF;
    border: 0px;
    margin: 20px 0px;
    padding: 0px;
    position: relative;
    *zoom: 1;
}

.ui-tabs .ui-tabs-nav
{
    background: #FFFFFF;
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.ui-tabs .ui-tabs-nav li
{
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-bottom: 0px;
    border-radius: 2px 2px 0px 0px;
    box-shadow: inset 0px 10px 15px -10px #E0E0E0, inset 0px -5px 5px -5px #E0E0E0;
    -moz-box-shadow: inset 0px 10px 10px -10px #E0E0E0, inset 0px -5px 3px -5px #E0E0E0;
    margin: 0px 2px 0px 0px;
    padding: 0px;
    list-style: none;
    white-space: nowrap;
    float: left;
    position: relative;
    top: 1px;
}

.ui-tabs .ui-tabs-nav li a
{
    color: #404040;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 10px;
    float: left;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected
{
    background: #F0F0F0;
    box-shadow: inset 0px 10px 15px -10px #E0E0E0, inset 0px -10px 10px -5px #FFFFFF;
    -moz-box-shadow: inset 0px 10px 10px -10px #E0E0E0, inset 0px -10px 7px -5px #FFFFFF;
    margin-bottom: 0;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover
{
    background: #F0F0F0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a
{
    cursor: default;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
{
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel
{
    background: #FFFFFF;
    border: 0px;
    border-top: 1px solid #E0E0E0;
    padding: 0px;
    display: block;
}

.ui-tabs .ui-tabs-hide
{
    display: none;
}


/***************\
 * Uploader UI *
\***************/

.uploader
{
    padding-left: 2px;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.qq-uploader
{
    height: 20px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.qq-upload-list
{
    display: none;
}

.qq-upload-button
{
    background: #E0E0E0;
    border: 1px solid #A0A0A0;
    border-collapse: separate;
    border-radius: 2px;
    box-shadow: 0px 0px 3px #C0C0C0, inset 0px 1px 1px #FFFFFF;
    -moz-box-shadow: 0px 0px 2px #C0C0C0, inset 0px 1px 1px #FFFFFF;
    color: #202020;
    font: bold 12px 'open sans', arial, sans-serif;
    text-decoration: none;
    text-shadow: 0px 1px #F0F0F0;
    margin: 0px;
    padding: 0px;
    width: 68px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    display: inline-block;
    cursor: default;
    *overflow: visible;
    *display: inline;
    *zoom: 1;
}

.qq-upload-button:hover
{
    background: #A0A0A0;
    border: 1px solid #606060;
    box-shadow: 0px 0px 3px #C0C0C0, inset 0px 1px 1px #D0D0D0;
    -moz-box-shadow: 0px 0px 2px #C0C0C0, inset 0px 1px 1px #D0D0D0;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0px -1px #606060;
}

.qq-upload-button input
{
    font-size: 118px !important;
    height: 50px !important;
    cursor: default !important;
}


/***********\
 * Flat UI *
\***********/

.ui-menu-item a.ui-state-hover, .ui-menu-item a.ui-state-active
{
    background: #E0E0E0;
    border: 1px solid #E0E0E0;
    box-shadow: none;
    -moz-box-shadow: none;
    text-shadow: none;
}

.ui-menu-item a.ui-autocomplete-all, .ui-menu-item a.ui-state-hover.ui-autocomplete-all, .ui-menu-item a.ui-state-active.ui-autocomplete-all
{
    background: #808080;
    border: 1px solid #808080;
    box-shadow: none;
    -moz-box-shadow: none;
    color: #FFFFFF;
    text-shadow: none;
}

.ui-datepicker-header
{
    background: #404040;
    border: 1px solid #404040;
    box-shadow: none;
    -moz-box-shadow: none;
}

.ui-datepicker-title
{
    color: #FFFFFF;
    text-shadow: none;
}

.ui-datepicker-prev
{
    background: url('/images/prv.gif');
}

.ui-datepicker-next
{
    background: url('/images/nxt.gif');
}

.ui-datepicker td a:link, .ui-datepicker td a:visited
{
    background: #808080;
    border: 1px solid #808080;
    box-shadow: none;
    -moz-box-shadow: none;
    color: #FFFFFF;
    text-shadow: none;
}

.ui-datepicker td a:hover, .ui-datepicker td a:active, #ui-datepicker-div .ui-state-active
{
    background: #A0A0A0;
    border: 1px solid #A0A0A0;
    box-shadow: none;
    -moz-box-shadow: none;
    color: #FFFFFF;
    text-shadow: none;
}

#ui-datepicker-div .ui-state-highlight:link, #ui-datepicker-div .ui-state-highlight:visited
{
    color: #C0E0FF;
}

.ui-dialog .ui-dialog-titlebar
{
    background: #404040;
    border: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    color: #FFFFFF;
    text-shadow: none;
}

.ui-dialog .ui-dialog-content
{
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    box-shadow: none;
    -moz-box-shadow: none;
}

.ui-dialog .ui-dialog-buttonpane button
{
    background: #808080;
    border: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    color: #FFFFFF;
    text-shadow: none;
}

.ui-dialog .ui-dialog-buttonpane button.ui-state-hover, .ui-dialog .ui-dialog-buttonpane button.ui-state-active
{
    background: #A0A0A0;
    border: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    color: #FFFFFF;
    text-shadow: none;
}

#dialog-basket-total
{
    background: #E0E0E0;
    border: 1px solid #E0E0E0;
    box-shadow: none;
    -moz-box-shadow: none;
    text-shadow: none;
}

.qq-upload-button
{
    background: #808080;
    border: 1px solid #808080;
    box-shadow: none;
    -moz-box-shadow: none;
    color: #FFFFFF;
    text-shadow: none;
}

.qq-upload-button:hover
{
    background: #A0A0A0;
    border: 1px solid #A0A0A0;
    box-shadow: none;
    -moz-box-shadow: none;
    color: #FFFFFF;
    text-shadow: none;
}


/************\
 * Template *
\************/

body { background-color: #F5F4F1; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; color: #404040; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'open sans', arial, sans-serif; margin: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0px; text-align: center; } table { font-size: 14px; }

a:link, a:visited { color: #008000; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'open sans', arial, sans-serif; text-decoration: none; }

a:hover, a:active { color: #40C040; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'open sans', arial, sans-serif; text-decoration: none; }

h1 { color: #008000; font-style: normal; font-weight: bold; font-size: 28px; font-family: 'open sans', arial, sans-serif; text-decoration: none; }

h2 { color: #40C040; font-style: normal; font-weight: bold; font-size: 20px; font-family: 'open sans', arial, sans-serif; text-decoration: none; } h3, h4, h5, h6 { color: #404040; font: normal normal 14px 'open sans', arial, sans-serif; text-decoration: none; } h3 { font-size: 16px; } h4 { font-size: 15px; } h5 { font-size: 13px; } h6 { font-size: 12px; }

hr { border: 0; border-bottom: 1px solid #E0E0E0; width: 100%; height: 0px; } .hr { border: 0; border-bottom: 1px solid #E0E0E0; width: 100%; height: 1px; margin: 0px auto; overflow: hidden; } .hrd { border: 0; border-bottom: 1px solid #E0E0E0; width: 100%; height: 1px; } .hr hr, .hrd hr { display: none; } .rule { border: 0; border-top: 1px solid #E0E0E0; } .horizontal { border-top: 1px solid #E0E0E0; } .vertical { border-left: 1px solid #E0E0E0; } .pcborder { border: 1px solid #E0E0E0; }

div#wrap { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; width: 100%; }

div#body { border: 0px; margin: 0px; padding: 0px; width: 1200px; position: relative; margin: 0px auto; }

div#top { border: 0px; margin: 0px; padding: 0px; width: 1160px; height: 100%; position: relative; margin: 0px auto; }

div.header { background-color: #FFFFFF; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 20px solid #F0F0F0; border-left: 20px solid #F0F0F0; border-right: 20px solid #F0F0F0; border-top: 0px; color: #404040; font: normal normal 16px 'open sans', arial, sans-serif; margin: 0px; padding: 0px; width: 1200px; height: 225px; text-align: center; position: absolute; top: 0px; left: 0px; }

table.header { border: 0px; border-collapse: separate; border-spacing: 0px; color: #404040; font-style: normal; font-weight: normal; font-size: 16px; font-family: 'open sans', arial, sans-serif; width: 1160px; height: 100%; }

td.header { padding: 0px; text-align: left; vertical-align: top; }

.header a:link, .header a:visited { color: #808080; font-style: normal; font-weight: bold; font-size: 14px; font-family: 'open sans', arial, sans-serif; text-decoration: none; border-bottom: 0px; }

.header a:hover, .header a:active { color: #C0C0C0; font-style: normal; font-weight: bold; font-size: 14px; font-family: 'open sans', arial, sans-serif; text-decoration: underline; border-bottom: 0px; }

div#acc { background-color: #808080; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; text-align: right; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; width: 1160px; position: absolute; top: -5px; left: 0px; }

#acc table { border: 0px; border-collapse: separate; border-spacing: 0px; color: #C0C0C0; font-style: normal; font-weight: bold; font-size: 16px; font-family: 'open sans', arial, sans-serif; text-decoration: none; width: auto; height: 45px; float: right; }

#acc td { border: 0px; padding: 0px; width: auto; height: 45px; }

#acc a:link, #acc a:visited { color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 14px; font-family: 'open sans', arial, sans-serif; text-decoration: none; border-bottom: 0px; }

#acc a:hover, #acc a:active { color: #E0E0E0; font-style: normal; font-weight: bold; font-size: 14px; font-family: 'open sans', arial, sans-serif; text-decoration: underline; border-bottom: 0px; }

div#nav { background-color: #F0F0F0; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; text-align: center; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 1160px; position: absolute; top: 140px; left: 0px; }

#nav table { border: 0px; border-collapse: separate; border-spacing: 0px; color: #404040; font-style: normal; font-weight: bold; font-size: 16px; font-family: 'open sans', arial, sans-serif; text-decoration: none; width: auto; height: 40px; cursor: pointer; margin: 0px auto; }

#nav td { border: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; text-align: center; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; width: auto; height: 40px; }

td.navout { background-color: #F0F0F0; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; color: #404040; font-style: normal; font-weight: bold; font-size: 16px; font-family: 'open sans', arial, sans-serif; text-decoration: none; } a.navout:link, a.navout:visited, a.navout:hover, a.navout:active { color: #404040; font-style: normal; font-weight: bold; font-size: 16px; font-family: 'open sans', arial, sans-serif; text-decoration: none; }

td.navover { background-color: #40C040; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 16px; font-family: 'open sans', arial, sans-serif; text-decoration: none; } a.navover:link, a.navover:visited, a.navover:hover, a.navover:active { color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 16px; font-family: 'open sans', arial, sans-serif; text-decoration: none; }

td.navover.navactive { background-color: #404040; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 16px; font-family: 'open sans', arial, sans-serif; text-decoration: none; } a.navover.navactive:link, a.navover.navactive:visited, a.navover.navactive:hover, a.navover.navactive:active { color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 16px; font-family: 'open sans', arial, sans-serif; text-decoration: none; }

div#sea { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; text-align: right; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 1160px; position: absolute; top: 40px; left: 0px; } div#sea { box-shadow: none !important; }

#sea table { border: 0px; border-collapse: separate; border-spacing: 0px; color: #404040; font-style: normal; font-weight: bold; font-size: 14px; font-family: 'open sans', arial, sans-serif; text-decoration: none; width: auto; height: 100px; float: right; }

#sea td { border: 0px; padding: 0px; width: auto; height: 100px; }

div#outer { border: 0px; margin: 0px; padding: 0px; width: 100%; position: relative; }

table#inner { border-bottom: 0px; border-left: 0px solid #000000; border-right: 0px solid #000000; border-top: 0px; border-collapse: separate; border-spacing: 0px; width: 1200px; margin: 0px auto; } .clear { clear: both; margin: 0px; padding: 0px; }

td#center, td#centertop { background-color: #FFFFFF; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: left 225px; border: 0px; color: #404040; font: normal normal 14px 'open sans', arial, sans-serif; padding: 10px; width: auto; text-align: justify; vertical-align: top; } .tables td { text-align: justify; }

.alternate, .alt { background-color: #F0F0F0; } .alternateb { background-color: #F0F0F0; border-top: 1px solid #E0E0E0; } .alternatet { background-color: #F0F0F0; border-bottom: 1px solid #E0E0E0; }

td.left { background-color: #FFFFFF; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: left 225px; border-bottom: 0px; border-left: 0px; border-right: 20px solid #F0F0F0; border-top: 0px; color: #404040; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'open sans', arial, sans-serif; padding: 20px; width: 200px; text-align: left; vertical-align: top; } div.left_column { background-color: transparent; border: 0px; margin: 0px; padding: 20px; width: 240px; text-align: left; vertical-align: top; position: absolute; top: 225px; left: 0px; } .left p, .left label { color: #404040; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'open sans', arial, sans-serif; } .tablesl td { text-align: left; }

.left a:link, .left a:visited, .left_column a:link, .left_column a:visited { color: #008000; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'open sans', arial, sans-serif; text-decoration: none; }

.left a:hover, .left a:active, .left_column a:hover, .left_column a:active { color: #40C040; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'open sans', arial, sans-serif; text-decoration: underline; }

.left h2, .left_column h2 { color: #40C040; font-style: normal; font-weight: bold; font-size: 20px; font-family: 'open sans', arial, sans-serif; text-decoration: none; }

.left hr, .left_column hr { border: 0; border-bottom: 1px solid #E0E0E0; width: 100%; height: 0px; } .hrl { border: 0; border-bottom: 1px solid #E0E0E0; width: 100%; height: 1px; margin: 0px auto; overflow: hidden; } .hrl hr { display: none; } .rulel { border: 0; border-top: 1px solid #E0E0E0; }

td.right { background-color: #FFFFFF; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: left 225px; border-bottom: 0px; border-left: 20px solid #F0F0F0; border-right: 0px; border-top: 0px; color: #404040; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'open sans', arial, sans-serif; padding: 20px; width: 260px; text-align: left; vertical-align: top; } .right p, .right label { color: #404040; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'open sans', arial, sans-serif; } .tablesr td { text-align: left; }

.right a:link, .right a:visited { color: #008000; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'open sans', arial, sans-serif; text-decoration: none; }

.right a:hover, .right a:active { color: #40C040; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'open sans', arial, sans-serif; text-decoration: underline; }

.right h2 { color: #40C040; font-style: normal; font-weight: bold; font-size: 20px; font-family: 'open sans', arial, sans-serif; text-decoration: none; }

.right hr, .right_column hr { border: 0; border-bottom: 1px solid #E0E0E0; width: 100%; height: 0px; } .hrr { border: 0; border-bottom: 1px solid #E0E0E0; width: 100%; height: 1px; margin: 0px auto; overflow: hidden; } .hrr hr { display: none; } .ruler { border: 0; border-top: 1px solid #E0E0E0; }

.subtext { color: #808080; font-style: normal; font-weight: normal; font-size: 13px; font-family: 'open sans', arial, sans-serif; } td#center, td#centertop { padding-top: 235px; }

.subtext_left { color: #808080; font-style: normal; font-weight: normal; font-size: 13px; font-family: 'open sans', arial, sans-serif; } td.left { padding-top: 245px; }

.subtext_right { color: #808080; font-style: normal; font-weight: normal; font-size: 13px; font-family: 'open sans', arial, sans-serif; } td.right { padding-top: 245px; }

.block { border: 0px; border-collapse: separate; border-spacing: 0px; width: 100%; }

.cb_title { background-color: #808080; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 16px; font-family: 'open sans', arial, sans-serif; text-decoration: none; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; width: 100%; height: 40px; text-align: left; }

.cb_content { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; color: #404040; font: normal normal 14px 'open sans', arial, sans-serif; padding: 0px; padding-top: 20px; width: 100%; text-align: justify; } .cb_notitle { padding-top: 0px; }

.cb_divider, .cb_divider_top { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border: 0px; margin: 0px; padding: 0px; width: 100%; height: 40px; clear: both; overflow: hidden; }

.lb_title { background-color: #40C040; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 16px; font-family: 'open sans', arial, sans-serif; text-decoration: none; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; width: 100%; height: 40px; text-align: left; }

.lb_content { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; color: #404040; font: normal normal 14px 'open sans', arial, sans-serif; padding: 0px; padding-top: 20px; width: 100%; text-align: left; } .lb_notitle { padding-top: 0px; }

.lb_divider { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border: 0px; margin: 0px; padding: 0px; width: 100%; height: 40px; clear: both; overflow: hidden; }

.rb_title { background-color: #40C040; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 16px; font-family: 'open sans', arial, sans-serif; text-decoration: none; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; width: 100%; height: 40px; text-align: left; }

.rb_content { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; color: #404040; font: normal normal 14px 'open sans', arial, sans-serif; padding: 0px; padding-top: 20px; width: 100%; text-align: left; } .rb_notitle { padding-top: 0px; }

.rb_divider { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border: 0px; margin: 0px; padding: 0px; width: 100%; height: 40px; clear: both; overflow: hidden; }

div.footer { background-color: #404040; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 20px solid #F0F0F0; color: #F8F8F8; font: normal normal 13px 'open sans', arial, sans-serif; margin: 0px; margin-bottom: 0px; padding: 0px; width: 1200px; height: 240px; text-align: center; }

table.footer { border: 0px; border-collapse: separate; border-spacing: 0px; color: #F8F8F8; font-style: normal; font-weight: normal; font-size: 13px; font-family: 'open sans', arial, sans-serif; width: 1200px; height: 100%; margin: 0px auto; }

td.footer { padding: 0px; text-align: left; vertical-align: middle; }

.footer a:link, .footer a:visited { color: #FFFFFF; font-style: normal; font-weight: normal; font-size: 13px; font-family: 'open sans', arial, sans-serif; text-decoration: none; border-bottom: 0px; }

.footer a:hover, .footer a:active { color: #FFFFFF; font-style: normal; font-weight: normal; font-size: 13px; font-family: 'open sans', arial, sans-serif; text-decoration: underline; border-bottom: 0px; }

input, select, textarea, button { color: #404040; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'open sans', arial, sans-serif; } div.form { border: 0px; width: 100%; margin: 0px; padding: 0px; text-align: center; }

.i_form { border: 0px; border-collapse: collapse; width: auto; margin: 0px auto; } .i_form td { text-align: left; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 10px; } td.l_form { padding-right: 15px; } .left td.l_form, .right td.l_form { text-align: left; } .i_form .alt td, .i_form td.alt { text-align: center; padding: 10px 15px; } .pf .i_form td { padding-right: 15px; } .pf td.l_form { padding-left: 15px; }

.error { color: #A02020; font-style: normal; font-weight: bold; font-size: 14px; font-family: 'open sans', arial, sans-serif; } .error_field { color: #A02020; }

.success { color: #008040; font-style: normal; font-weight: bold; font-size: 14px; font-family: 'open sans', arial, sans-serif; }

.selling_price { color: #A02020; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'open sans', arial, sans-serif; }

.list_price { color: #606060; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'open sans', arial, sans-serif; }

.button { color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 14px; font-family: 'open sans', arial, sans-serif; text-transform: uppercase; border: 0px; border-collapse: separate; margin: 0px; padding: 0px; } button.button, td.button span { cursor: pointer; } td.button { text-align: center; vertical-align: middle; }

.b_standard { background-color: #40C040; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; width: 180px; height: 40px; } button.b_standard:hover { background-color: #60E060; background-image: none; } .b_standard { -webkit-appearance: none; }

.b_basket { background-color: #2060A0; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; width: 150px; height: 40px; } button.b_basket:hover { background-color: #4080C0; background-image: none; } .b_basket { -webkit-appearance: none; }

.b_basket.b_small { background-color: #2060A0; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; width: 130px; height: 40px; } button.b_basket.b_small:hover { background-color: #4080C0; background-image: none; } .b_basket.b_small { -webkit-appearance: none; }

.b_checkout { background-color: #C04040; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; width: 180px; height: 40px; } button.b_checkout:hover { background-color: #E06060; background-image: none; } .b_checkout { -webkit-appearance: none; }

#menu, #catalogue, #brand, .menu { margin: 0px; padding: 0px; width: 100%; }

#menu ul, #catalogue ul, #brand ul, .menu ul { margin: 0px; padding: 0px; text-align: left; list-style-type: none; }

#menu a:link, #menu a:visited, #catalogue a:link, #catalogue a:visited, #brand a:link, #brand a:visited, .menu a:link, .menu a:visited { background-color: #F0F0F0; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 1px solid #FFFFFF; padding-bottom: 7px; padding-left: 20px; padding-right: 20px; padding-top: 7px; margin: 0px; width: 100%; color: #404040; font-style: normal; font-weight: bold; font-size: 14px; font-family: 'open sans', arial, sans-serif; text-decoration: none; display: block; } .menulink { color: #404040; font-style: normal; font-weight: bold; font-size: 14px; font-family: 'open sans', arial, sans-serif; text-decoration: none; padding: 0px; padding-left: 20px; }

#menu a:hover, #menu a:active, #catalogue a:hover, #catalogue a:active, #brand a:hover, #brand a:active, .menu a:hover, .menu a:active, .current { background-color: #E0E0E0; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 1px solid #FFFFFF; padding: 20px; padding-bottom: 7px; padding-top: 7px; margin: 0px; width: 100%; color: #404040; font-style: normal; font-weight: bold; font-size: 14px; font-family: 'open sans', arial, sans-serif; text-decoration: none; cursor: pointer; display: block; } .menuhover { color: #404040; font-style: normal; font-weight: bold; font-size: 14px; font-family: 'open sans', arial, sans-serif; text-decoration: none; padding: 0px; padding-left: 20px; }

.current { background-color: #808080; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 1px solid #FFFFFF; padding: 20px; padding-bottom: 7px; padding-top: 7px; margin: 0px; width: 100%; color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 14px; font-family: 'open sans', arial, sans-serif; text-decoration: none; cursor: pointer; display: block; }

div#body, div.header, table.header, div.footer, table.footer { width: 100%; }
td.footer { padding: 0px; }
.isfooter { width: 1200px; margin: 0px auto; padding: 0px; }

table#inner, .isfooter { width: 100%; max-width: 1200px; }
div#top { width: 100%; max-width: 1160px; }
div#acc { width: 100%; max-width: 1160px; }
div#nav { width: 100%; max-width: 1160px; }
div#sea { width: 100%; max-width: 1160px; }

div#acc, div#nav, div#sea { pointer-events: none; }
div#acc *, div#nav *, div#sea * { pointer-events: auto; }
div#nav { overflow: hidden; }

div#nav.sticky { border-radius: 0px; z-index: 44; }
div#nav.blackout { z-index: 44; }
div#blackout { display: block !important; visibility: hidden; opacity: 0; transition: opacity 0.1s ease-in-out, visibility 0.1s ease-in-out; }
div#blackout.navopen { visibility: visible; opacity: 0.2; transition: opacity 0.1s ease-in-out; }
div#nav td, div#nav a.navout, div#nav a.navover { transition: background 0.1s ease-in-out, color 0.1s ease-in-out; }
div#nav .child { transition: opacity 0.1s ease-in-out, visibility 0.1s ease-in-out; }
div#nav td.parent:hover .child { transition: opacity 0.1s ease-in-out; }
div#nav.navopen td, div#nav.navopen a.navout, div#nav.navopen a.navover, div#nav.navopen .child, div#nav.navopen td.parent:hover .child { transition: none; }

input[type=text], input[type=email], input[type=number], input[type=password] { min-height: 40px; }
input#pquantity, input.pquantity { min-height: auto; }
select { height: 40px; }
select#pquantity, select.pquantity { height: auto; }
.form td input[type=text], .form td input[type=email], .form td input[type=password], .form td select, .form td textarea { width: 700px; }

input[type=text], input[type=email], input[type=number], input[type=password], textarea, select { padding-bottom: 5px; padding-top: 5px; padding-left: 10px; }
select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background-color: #FFFFFF; background-image: url('/images/select.php?fill=404040'); background-position: calc(100% - 15px) center; background-repeat: no-repeat; padding-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
select::-ms-expand { display: none; }
.options td { padding-bottom: 5px; padding-top: 5px; }
.checkboxes { display: block; width: 100%; max-width: 700px; margin: 15px auto; }

.m_form { width: 100%; max-width: 700px; }
.m_form td { padding-left: 0px; padding-right: 0px; position: relative; }
.m_form.a_form td.l_form { padding-left: 15px !important; padding-right: 15px !important; }
.m_form td input[type=text], .m_form td input[type=email], .m_form td input[type=password], .m_form td select, .m_form td textarea { width: 100%; max-width: 700px; }
.m_form .form_label, .m_form .form_required { margin-bottom: 5px; }
.form_required { float: right; margin-left: 10px; margin-right: 10px; opacity: 0.6; }
.form_required.error_field { opacity: 1; }

.ol_form { width: 100%; max-width: 900px; }
.ol_form td { white-space: nowrap; }
td.lm_form, td.lm_form input[type=text], td.lm_form input[type=email], td.lm_form input[type=password], td.lm_form select, td.lm_form textarea { width: 100%; }

.success { border: 1px solid #008040; border-radius: 4px; box-shadow: inset 0px 3px 6px -2px rgba(0, 0, 0, 0), 0px 0px 6px -2px #008040; -moz-box-shadow: inset 0px 3px 4px -2px rgba(0, 0, 0, 0), 0px 0px 4px -2px #008040; width: 100%; max-width: 700px; margin: 5px 0px; padding: 0px 10px; line-height: 38px; display: inline-block; }
.left .success, .left_column .success, .right .success { width: 100%; }

.error { border: 1px solid #A02020; border-radius: 4px; box-shadow: inset 0px 3px 6px -2px rgba(0, 0, 0, 0), 0px 0px 6px -2px #A02020; -moz-box-shadow: inset 0px 3px 4px -2px rgba(0, 0, 0, 0), 0px 0px 4px -2px #A02020; width: 100%; max-width: 700px; margin: 5px 0px; padding: 0px 10px; line-height: 38px; display: inline-block; }
.left .error, .left_column .error, .right .error { width: 100%; }

.mobfull { background: #000000; padding: 0px 20px; }
.mobfull table { height: 40px; margin: 0px auto; }
.mobfull td { padding: 0px 5px; }
.mobfull span { color: #FFFFFF; font-size: 12px; }
.mobfull.onfull { padding: 0px 40px; }
.mobfull.onfull table { height: 80px; }
.mobfull.onfull td { padding: 0px 10px; }
.mobfull.onfull span { font-size: 24px; }


/******************\
 * Additional CSS *
\******************/

@font-face { font-family: 'Open Sans'; src: url('/fonts/OpenSans-Regular-webfont.eot'); src: url('/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url('/fonts/OpenSans-Semibold-webfont.eot'); src: url('/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('/fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url('/fonts/OpenSans-Italic-webfont.eot'); src: url('/fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Italic-webfont.woff') format('woff'), url('/fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('/fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Open Sans'; src: url('/fonts/OpenSans-SemiboldItalic-webfont.eot'); src: url('/fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('/fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('/fonts/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg'); font-weight: bold; font-style: italic; }


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



/* Text */

h1 { border-bottom: 1px solid #E0E0E0; padding-bottom: 2px; }
p { line-height: 1.8; }
.highlight { background-color: #FFE0E0; border-radius: 2px; }


/* Form Fields */

div#sea input[type=text] { background-color: #F8F8F8; width: 300px; height: 40px; }
div#sea select { background-color: #F8F8F8; height: 40px; }
div#sea span { font-size: 40px; }


/* Header */

div#body { border-top : 5px solid #808080; }
div#nav { border-bottom: 5px solid #404040; }
div.header { border-left: 0px; border-right: 0px; padding-left: 20px; padding-right: 20px; }


/* Account Bar */

/* Custom Width */
div#acc { left: auto; right: 0px; width: auto; }

/* Rounded Corners */
div#acc { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }


/* Navigation Bar */

/* Sticky Padding */
div#nav.sticky { padding-left: 20px; padding-right: 20px; }

/* Rounded Corners */
div#nav { border-radius: 2px; }
div#nav td:first-child { border-top-left-radius: 2px; }
div#nav.sticky td:first-child { border-top-left-radius: 0px; }

/* Drop Shadows */
div#nav { box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 3px 2px -3px rgba(0, 0, 0, 0.5); }
div#nav.sticky { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3) !important; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) !important; }


/* Navigation Sub-Menus */

/* Menus */
div#nav .child { position: absolute; visibility: hidden; opacity: 0; z-index: 40; background: #F8F8F8; border: 0px; border-top: 5px solid #40C040; margin-top: 0px; padding: 20px; text-align: left; }
div#nav .child a, .childheading { display: block; padding: 7px 10px; }
div#nav .child a:link, .child a:visited { background-color: transparent; color: #404040; font: bold 14px 'open sans', arial, sans-serif; text-decoration: none; }
div#nav .child a:hover, .child a:active, .childheading { background-color: #E0E0E0; color: #404040; font: bold 14px 'open sans', arial, sans-serif; text-decoration: none; }
div#nav .childheading { background-color: #808080; color: #FFFFFF; }
div#nav .childcolumn { min-width: 180px; }

/* Rounded Corners */
div#nav .child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
div#nav .child a, .childheading { border-radius: 2px; }

/* Drop Shadows */
div#nav .child { box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 2x -1px rgba(0, 0, 0, 0.3); }


/* Other Rounded Corners */

/* Buttons */
.button { border-radius: 4px; }
.button input { border-radius: 2px; }

/* Block Titles */
.cb_title, .lb_title, .rb_title { border-radius: 2px; }

/* Block Menus */
#menu ul { border-radius: 2px; }
#menu li:first-child > *, #catalogue li:first-child > *, #brand li:first-child > *, .menu li:first-child > * { border-top: 0px; border-top-left-radius: 2px; border-top-right-radius: 2px; }
#menu li:last-child > *, #catalogue li:last-child > *, #brand li:last-child > *, .menu li:last-child > * { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }


/* Other Drop Shadows */

/* Buttons */
.button { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); }

/* Block Titles */
.cb_title, .lb_title, .rb_title { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); }

/* Footer */
table.footer { box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.3); }


/* Product / Category List Cells */

.pcborder { border-color: #F0F0F0; transition: border-color 0.10s ease-in-out, box-shadow 0.10s ease-in-out; }
.pcborder:hover { border-color: transparent; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }


/* Tabs */

.ui-tabs .ui-tabs-nav li { background-color: #E0E0E0; border-color: #E0E0E0; box-shadow: none; -moz-box-shadow: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected, .ui-tabs .ui-tabs-nav li.ui-state-hover { background-color: #808080; border-color: #808080; box-shadow: none; -moz-box-shadow: none; padding-bottom: 0px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-hover a { color: #FFFFFF; }


/* Footer */

div.footing { width: 25%; padding: 0px 20px; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; }
span.footing { color: #E0E0E0; font-size: 15px; font-weight: bold; border-bottom: 1px solid #E0E0E0; margin-bottom: 10px; padding-bottom: 2px; display: block; }
div.footer ul { margin: 0px; padding: 0px; line-height: 24px; list-style: none; }
div.footer li { margin: 0px; padding: 0px; }

div.copyright, span.copyright { color: #C0C0C0; font-weight: bold; }
div.copyright { text-align: center; margin-top: 20px; }


/* Dialog Box */

.ui-dialog .ui-dialog-buttonpane button { background: #C04040; *background: #4080C0; }
.ui-dialog .ui-dialog-buttonpane button:first-child { background: #4080C0; }
.ui-dialog .ui-dialog-buttonpane button.ui-state-hover, .ui-dialog .ui-dialog-buttonpane button.ui-state-active { background: #E06060; *background: #60A0E0; }
.ui-dialog .ui-dialog-buttonpane button:first-child.ui-state-hover, .ui-dialog .ui-dialog-buttonpane button:first-child.ui-state-active { background: #60A0E0; }





/******************************************************\
 *************** Natural Health Products ***************
\******************************************************/


/*

Red#d12828


*/

* { font-smoothing: subpixel-antialiased; -moz-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased; }


#easyedit { display:none !important; }  /* edit bar turned off */

::-moz-selection { background: #99d94f; text-shadow: none; }
::selection { background:#99d94f; text-shadow: none; }

.nh-noshow { display:none; }

.video-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.success { background-color:#e2f4bb; }
.error { background-color:#fbe5e5; }
.nh-fl { float:left; }
.nh-fr { float:right; }

h1 {
color:#333;
font-size:32px;
}
h2 {
font-size:20px;
font-weight:900;
color:#a89f88;
}

a:link, a:visited { color:#089723; }
a:hover, a:active { color:#0d7020; }

.hrd { border-bottom:1px solid #cbc8c1; }

ul 

/* General :: Layout
---------------------------------------------- */
body { background-color:#f5f4f1; }

/* Clearfix */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}


td#center, td#centertop { background-color:#f5f4f1; padding-top:260px; }
td.left {
background-color:#f5f4f1;
border-right:0;
padding:10px;
padding-top:260px;
}
td.right {
background-color:#f5f4f1;
padding-top:260px;
border-left:5px solid #f5f4f1;
}

td#left + td#center #cb_id_CONTENT {
border-left:1px solid #ccc;
padding-left:15px;
}

.prim { padding:10px !important; }
.nh-prodlist-griditem .prim { padding: 0 10px !important; }


/* General :: Interface
---------------------------------------------- */
div#body { border-top: none; }
.header a:link, .header a:visited, .header a:hover, .header a:active {
font-weight:normal;
}
#cb_id_CONTENT table { font-size:16px; }
.alternate, .alt { background-color:#f5f4f1; }

.b_standard {  }
body.nh-account .b_standard { padding:0 15px !important; }


.b_standard,
.b_standard:link, 
.b_standard:visited { background-color:#96c248; }

.b_standard:hover, 
.b_standard:active { background-color:#acd367; }


button.b_standard:hover {
background-color:#7ea735;
}
table.table-temp { font-family:arial; border:1px solid #999; border-collapse:collapse; }
table.table-temp td { font-family:arial; border:1px solid #999; padding:6px 6px; }
table.table-temp tr:first-child td { background-color:#f4e600; }

input[type=text]:hover,
input[type=email]:hover,
input[type=password]:hover,
textarea:hover,
select:hover,
.input_text:hover {
border: 1px solid #96c248;
}

input[type=text]:focus, 
input[type=email]:focus, 
input[type=password]:focus, 
textarea:focus, 
select:focus, 
.braintree-hosted-fields-focused, 
.StripeElement--focus {
border: 1px solid #7ea735;
}

/* Title Headers */
.cb_title,
.lb_title,
.rb_title {
background: transparent url(/templates/nhp/titlebar-grass.png) 0 0 repeat-x;
color:#333;
height:42px;
font-size:18px;
padding-top:18px;

}
.lb_title, 
.rb_title {
font-size:16px;
padding-left:10px;
height:34px;
color:#99958b;
padding-right:0;
background-image:none;
background-color:#dbd8cd;
padding-top:0;
}
.lb_title { padding-right:5px; }
.rb_title { padding-left:5px; }


/* Related Products Block */
#cb_id_6 table:first-child tr:nth-of-type(2) {
background-color:#dbd8cd;
}
#cb_id_6 table.gridp {
width:98%;
margin:0 auto;
margin-bottom:12px;
}
#cb_id_6 table.gridp td { border-radius:8px; border:0; }
#cb_id_6 table.gridp td .nh-prodlist-griditem { padding-top:0; }
#cb_id_6 table.gridp td .nh-prodlist-griditem div:first-child { margin-top:8px !important; }
#cb_id_6 table.block td.cb_content {
padding-top:0;
    border-bottom-left-radius:12px;
    border-bottom-right-radius:12px;
}



/* Very Top Bar
---------------------------------------------- */
.nh-account-bar-wrap { background:#ededeb; background:#e4eff5; color:#8a9880; }
.nh-account-bar { width:100%; max-width:1200px; margin:0 auto; display: -webkit-flex; display:flex; padding-left:10px; padding-right:10px; }
@media /* -------------- */ (max-width: 1169px) {
.nh-account-bar { padding-left:20px; padding-right:20px; }
}


.nh-account-bar-info { text-align:left; vertical-align:middle; color:#cfd4e6; -webkit-flex:2; flex:1; }
.nh-account-bar-links { text-align:right; vertical-align:middle; font-size:16px; }
.nh-account-bar-info a { display:inline-block; margin-right:30px; padding-top:8px; padding-bottom:8px; }
.nh-account-bar-info a:last-child { margin-right:0; }

.nh-account-bar-info a:link, 
.nh-account-bar-info a:visited, 
.nh-account-bar-links a:link, 
.nh-account-bar-links a:visited { color:#436e8e; font-size:13px; text-decoration:none; }

.nh-account-bar-info a:hover, 
.nh-account-bar-info a:active, 
.nh-account-bar-links a:hover, 
.nh-account-bar-links a:active { color:#000; font-size:13px; text-decoration:none; }

.nh-account-bar-links span { margin-left:32px; }
.nh-account-bar-links span:first-child { margin-left:0; }
.nh-account-bar-links a { display:inline-block; padding-top:8px; padding-bottom:8px; }

.nh-acctbar-new-account a { 
padding-left:27px;
background:url(/templates/nhp/ic-account_2x.png) left center no-repeat;
background-size:23px 23px;
}
.nh-acctbar-signin a {
padding-left:32px;
background:url(/templates/nhp/ic-signin_2x.png) left center no-repeat;
background-size:26px 23px;
}
.nh-acctbar-wishlist a {
padding-left:24px;
background:url(/templates/nhp/ic-list_2x.png) left center no-repeat;
background-size:19px 23px;
}


/* Masthead
---------------------------------------------- */
div#top { width:100%; max-width:none; }
div.header {
padding-left:0;
padding-right:0;
border-bottom: 0px !important;
height:175px;
    z-index:99;
}
table.header { width:100%; color:#777763; }
.nh-masthead {
margin:0 auto;
width:1170px;
-webkit-justify-content:space-between;
justify-content:space-between;
}
.nh-masthead-wrap { width:100%; max-width:1170px; margin:0 auto; }
.nh-masthead { display: -webkit-flex; display:flex; width:100%; padding-left:0px; padding-right:0px; }
@media /* -------------- */ (max-width: 1169px) {
.nh-masthead { padding-left:20px; padding-right:20px; }
}

.nh-masthead #nh-title { display: -webkit-flex; display:flex; width:200px; max-width:220px; text-align:left; margin: 15px 10px auto 0;}
#nh-title-inner { flex-shrink:1; }
.nh-masthead #nh-title img { width:200px; }
.nh-masthead #nh-altside { display: -webkit-flex; display:flex; /*justify-content:space-between;*/ width:70%; vertical-align:middle; }

div#nh-telno { display:inline-block; vertical-align:middle; margin: 24px 20px 0 20px;}
div#nh-telno img { width:200px; height:52px; }
div#nh-basketside { display:inline-block; flex-shrink:1; vertical-align:middle; margin: 24px 0 auto auto;}

/* Search Box */
div#sea { display:inline-block; vertical-align:middle; position:relative; width:100%; top:0; max-width:440px; margin-right:10px; }
#sea table { width:100%; }
#sea td { width:100%; }

div#sea select { height:40px; }
div#sea span { 
font-size:20px;
margin-left:-1px;
padding:9px 10px;
color:#959595;
border-radius:0 3px 3px 0 !important;
border:1px solid #ccc;
background: #ffffff;
}
div#sea .side-search-btn a:link span, 
div#sea .side-search-btn a:visited span {
background-color:#61a244;
color:#fff;
transition: all 0.10s ease-in-out;
}

.side-search-btn { padding-left:5px; }
div#sea .side-search-btn a:hover span { 
color:#fff;
background: #7eb85b;
}
div#sea .side-search-btn a:active span {
color:#fff;
background: #2a7337;
}
div#sea input[type=text] { font-size:16px; background-color:#fff; height:40px; line-height:34px; padding-left:12px; width:100%; max-width:450px; border:1px solid #ccc; }

div#sea input::placeholder { color:#666 !important; }
div#sea input:focus::placeholder { color:#ccc !important; }

div#sea input::-webkit-input-placeholder { color:#666 !important; }
div#sea input:focus::-webkit-input-placeholder { color:#ccc !important; }

/* FF < 19 */
div#sea input:-moz-placeholder { color:#666 !important; }
div#sea input:focus:-moz-placeholder { color:#ccc !important; }

/* FF > 19 */
div#sea input::-moz-placeholder { color:#666 !important; }
div#sea input:focus::-moz-placeholder { color:#ccc !important; }

/* IE 10 */
div#sea input:-ms-input-placeholder { color:#666 !important; }
div#sea input:focus:-ms-input-placeholder { color:#ccc !important; }



/* Basket */
.nh-basket-large { }
.header .nh-basket-large a {
display:block;
padding-left:42px;
background: url(/templates/nhp/ic-bag_2x.png) 0 3px no-repeat;
background-size:32px 90px;
text-decoration:none !important;
}
.header .nh-basket-large a:hover, 
.header .nh-basket-large a:active {
background: url(/templates/nhp/ic-bag_2x.png) 0 -47px no-repeat;
background-size:32px 90px;
cursor:pointer !important;
}
.header a .nh-basket-number {
color:#7dae33 !important;
display:block;
font-size:15px;
}
.header a:hover .nh-basket-number, 
.header a:active .nh-basket-number { color:#23430c !important; text-decoration:none !important; }
.header a .nh-basket-total {
display:block;
color:#6c727b !important;
font-size:20px;
cursor:pointer;
}
.header a:hover .nh-basket-total,
.header a:active .nh-basket-total { color:#333 !important; text-decoration:none !important; cursor:pointer; }



/* Search Predict
---------------------------------------------- */
.ui-autocomplete { padding:4px; box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.3); z-index:1000000 !important; }
.ui-menu-item a, .ui-menu-item a:link, .ui-menu-item a:visited, .ui-menu-item a:hover, .ui-menu-item a:active { padding:6px 2px; border-bottom:1px solid #eef3e6; cursor:pointer !important; color:#089723; }
.ui-menu-item a:hover, 
.ui-menu-item a:active { color:#0d7020; background-color: #eef3e6; }
.ui-menu-item a span font[color=" #800000"] b { color:#d12828 !important; font-weight:normal; }
.ui-menu-item a.ui-autocomplete-all { background:#96c248; border:0; }
.ui-menu-item a.ui-state-hover.ui-autocomplete-all, 
.ui-menu-item a.ui-state-active.ui-autocomplete-all { background:#7ea735; border:0;}
.ui-menu-item a.ui-autocomplete-all span { padding-right:7px; }
.ui-menu-item font[style="color: #800000"] { color:#d12828 !important; }

@media only screen /* ---------- */and (min-width: 591px) and (max-width: 859px) {
div#sea input[type=text] { width:200px; }
}
@media only screen /* ---------- */and (min-width: 860px) and (max-width: 980px) {
div#sea input[type=text] { width:250px; }
}




/* Callout Bar
---------------------------------------------- */
.nh-callout-bar-wrap { width:100%; position:absolute; top:184px; background:#e4e6d9; /*background: url(/templates/nhp/edge-rough.png) left bottom repeat-x;*/ /*padding-bottom:10px;*/ /*border-bottom:1px solid #e7e5e0; background-color:#fff;*/ }
.nh-callout-bar { width:100%; max-width:1200px; margin:0 auto; padding-top:9px; padding-bottom:9px; font-size:15px; }
.nh-callout-bar ul { list-style-type:none; margin:0; padding:0; text-align:center; }
.nh-callout-bar ul li { margin-left:0; margin-right:50px; display:inline-block; padding-top:5px; padding-bottom:5px; font-weight:bold; }
.nh-callout-bar ul li:last-child { margin-right:0; }

.nh-callout-bar a:link, 
.nh-callout-bar a:visited, 
.nh-callout-bar a:hover, 
.nh-callout-bar a:active {
text-decoration:none;
font-size:15px;
font-weight:normal;
}

.nh-callout-bar a:link, 
.nh-callout-bar a:visited { font-weight:bold; color:#55af2d; color:#78b33b; }
.nh-callout-bar a:hover, 
.nh-callout-bar a:active { font-weight:bold; color:#358811; color:#537d27; }

.nh-alt { font-size:15px; color:#61a244; }

li.nh-co-dispatch { background: url(/user/templates/nhp/ic-callouts_2x.png) 0 3px no-repeat; background-size:31px 124px; padding-left:38px; }
li.nh-co-experien { background: url(/user/templates/nhp/ic-callouts_2x.png) 0 -50px no-repeat; background-size:31px 124px; padding-left:34px; }
li.nh-co-custserv { background: url(/user/templates/nhp/ic-callouts_2x.png) 0 -97px no-repeat; background-size:31px 124px; padding-left:27px; }
.nh-callout-bar ul li.nh-co-experien { padding-left:36px; }


/* Main Navigation
---------------------------------------------- */
div#nav {
max-width:none !important;
background:#96c248 url(/templates/nhp/nav-texture.png) 0 0 repeat-x;
border-bottom:0;
}
#nav table { height:44px; }

div#nav .child {
left:0 !important;
right:0 !important;
margin-left:auto !important;
margin-right:auto !important;
text-align:center;
border-top:0;
background:#fff;
}
div#nav .childcolumn {
text-align:left;
}
td.navout {
background-color:transparent;
}
td.navactive {
background-color:#00609d;
}
td.navover {
background-color:#7ea735;
background-color:#fff;
color:#333;
}
.header a.navout:link, 
.header a.navout:visited, 
.header a.navout:hover, 
.header a.navout:active {
color:#fff;
font-weight:bold;
}
.header a.navover:link, 
.header a.navover:visited, 
.header a.navover:hover, 
.header a.navover:active {
font-weight:bold;
}

.header a.navover:link, .header a.navover:visited, .header a.navover:hover, .header a.navover:active { color:#333; }


td.navover.navactive {
background-color:#00609d;
}
td.navover.navactive a:link, 
td.navover.navactive a:visited {
color:#fff;
}
#nav #chi1, #nav #chi2, #nav #chi3, #nav #chi4, 
#nav #chi5, #nav #chi6, #nav #chi7, #nav #chi8, 
#nav #chi9, #nav #chi10, #nav #chi11, #nav #chi12 { max-width:none !important; }

div#nav .childcolumn { border-left:1px solid #a1ce6f;}



div#nav .childheading {
background-color:transparent;
color:#80b546;
font-size:18px;
font-weight:900;
}
div#nav .childheading:hover {
cursor:pointer;
color:#629529;
}

.childheading-bottom { margin-bottom:10px; }

div#nav .child a:link, 
div#nav .child a:visited { color:#4c4c4c; transition: all 0.05s ease-out; }

div#nav .child a:hover { color:#2e2e2e; background-color:#e5ecdb; } 
div#nav .child a:active { color:#2e2e2e; background-color:#dbe3cf; }

/* Shop By Brand - Navigation Dropdown */
#nav td#par1 { }
div#nav #chi1.child { padding:22px 0 30px 0 !important; }
div#nav #chi1.child a { padding: 10px 14px;}
div#nav #chi1.child a:hover, div#nav #chi1.child a:active { border-radius:8px; }
div#nav #chi1 .childcolumn { min-width:0; border-left:0; }
div#nav #chi1 .childcolumn-left { margin-left:0; }
div#nav #chi1 .childcolumn .dd-logolink { text-align:center; }
div#nav #chi1 .childcolumn .dd-logolink img { width:100%; max-width:110px; height:auto; }
div#nav #chi1 .childcolumn:last-child a:last-child { 
background-color:#e5ecdb;
text-align:center;
font-size:15px;
margin-top:5px;
padding-left:10px;
padding-right:5px;
}

div#nav #chi1 .childcolumn:last-child a:last-child:link, 
div#nav #chi1 .childcolumn:last-child a:last-child:visited {
color:#fff;
background-color:#089723;
}
div#nav #chi1 .childcolumn:last-child a:last-child:hover,
div#nav #chi1 .childcolumn:last-child a:last-child:active {
color:yellow;
border-radius:0 !important;
}

div#nav #chi1 .childcolumn:last-child a:last-child { /* rect */
width:112px;
height:42px;
background-color: #089723;
color:#fff;
margin:5px auto;
position: relative;
font-size:14px;
}
div#nav #chi1 .childcolumn:last-child a:last-child:after {
content:"";
position: absolute;
top:0;
left:100%;
height:0;
width:0; 
border-width:21px;
border-style:solid;
border-color:#089723; /* same as bg of rect */
color:#fff;
border-top-color:transparent;
border-bottom-color:transparent;
border-right-color:transparent;
}




/* Subscribe Bar
---------------------------------------------- */
.nh-subscribe-bar-wrap {
width:100%;
background-color:#eae8e1;
margin-bottom:-20px;
margin-top:20px;
}
.nh-subscribe-bar {
width:100%;
max-width:1200px;
margin:0 auto;
display: -webkit-flex; 
display:flex;
color:#68755f;
padding:20px 10px;
}
@media /* -------------- */ (max-width: 1169px) {

.nh-subscribe-bar { padding-left:20px; padding-right:20px; }

}
.nh-subscribe-bar h3 {
font-size:28px;
line-height:1.2em;
font-weight:bold;
margin-bottom:0;
color:#68755f;
}
.nh-subscribe-bar p {
font-size:15px;
margin-top:0;
color:#68755f;
}

.nh-subscribe-message {
-webkit-flex:1;
flex:1;
padding-left:76px;
background: url(/templates/nhp/butterfly.png) 0 0 no-repeat;
background-size: 65px 60px;
}
.nh-subscribe-form {
-webkit-flex:1;
flex:1;
margin-top:16px;
margin-left:10px;
}
#nh-signup div.form, #nh-signup table { width:100%; }

#nh-signup table.i_form {
margin:0;
}

#nh-signup div.form {
position:relative;
}

#nh-signup table td {
height:0 !important;
padding:0 !important;
font-size:0 !important;
}

#nh-signup input[type=email] {
height:48px;
padding:0 120px 0 15px;
border-radius: 8px 0 0 8px;
margin:0 0 0 -4px;
width:100%;
}
#nh-signup button {
position:absolute;
right:0;
bottom:0;
margin:0;
padding:4px 20px !important;
height:48px;
border-radius: 0 8px 8px 0;
}


/* Footer
---------------------------------------------- */
table.footer {
color:#666;
font-size:15px;
}
div.footer {
background-color:transparent;
border-top:0;
padding-top:20px;
}

.isfooter {
max-width:none;
}

.nh-footer-main-wrap {
width:100%;
background: url(/templates/nhp/nature-tile.png) center bottom repeat-x;
}
.nh-footer-main {
width:100%;
max-width:1200px;
margin:0 auto;
display: -webkit-flex;
display:flex;
-webkit-justify-content:space-between;
justify-content:space-between;
padding-bottom:40px;
padding-top:80px;
padding-left:10px;
padding-right:10px;
}
@media /* -------------- */ (max-width: 1169px) {

.nh-footer-main { padding-left:20px; padding-right:20px; }

}
.nh-footer-base-wrap {
background-color:#fff;
width:100%;
}

.nh-footer-base-bar {
width:100%;
max-width:1200px;
margin:0 auto;
display: -webkit-flex;
display:flex;
-webkit-justify-content:space-between;
justify-content:space-between;
padding-left:10px;
padding-right:10px;
}
@media /* -------------- */ (max-width: 1169px) {

.nh-footer-base-bar { padding-left:20px; padding-right:20px; }

}
div.footing {
-webkit-flex:18;
flex:18;
}
div.footing:first-of-type {
padding-left:0;
}
div.footing:last-of-type {
-webkit-flex:33;
flex:33;
display: -webkit-flex;
display:flex;
-webkit-justify-content:flex-end;
justify-content:flex-end;
padding:0 0 0 60px;
}
span.footing {
color:#353535;
font-size:17px;
font-weight:normal;
line-height:1.2em;
}
div.footer ul { line-height:1.2em; height:auto; }
div.footer ul li a { display:inline-block; padding:4px 0; transition: color 0.05s; }
.footer a:link, .footer a:visited { color:#8a9880; font-size:15px; }
.footer a:hover, .footer a:active { color:#274313; font-size:15px;  text-decoration:none; }
.nh-accred {
-webkit-flex:10;
flex:10;
margin-right:10px;
}
.nh-details {
-webkit-flex:20;
flex:20;
color:#8a9880;
}
.nh-details p {
line-height:1.5em;
margin-bottom:1.6em;
}
.nh-details p:first-of-type {
margin-top:-4px;
}
.ftr-tel { font-size:22px; }
.ftr-hrs { font-size:15px; margin-top:1px; }

.ftr-copyright {
-webkit-flex:2;
flex:2;
text-align:left;
padding-top:5px;
padding-bottom:26px;
}
.ftr-social {
-webkit-flex:1;
flex:1;
text-align:right;
color:#444;
margin:auto;
margin-top:10px;
}
div.copyright {
font-size:12px;
font-weight:normal;
text-align:left;
color:#8e8e8e;
margin-top:6px;
-webkit-flex:1;
flex:1;
}
.footer div.copyright a:link, .footer div.copyright a:visited { font-size:12px; }
.cc-logos { text-align:left; opacity:0.8; }
.cc-logos img { display:inline-block; margin-right:18px; max-width:100%; height:auto; }
.cc-logos img:last-child { margin-right:0; }
.ftr-social a {
display:inline-block;
margin-left:22px;
}
.ftr-social a:first-child {
margin-left:0;
}
.ftr-social img {
width:30px;
height:30px;
}
.ftr-social .ftr-logo {
display: inline-block;
margin-left:30px;
}
.ftr-social .ftr-logo img {
width: 145px;
height:auto;
margin-bottom:-12px;
}

/* General :: Breadcrumb
---------------------------------------------- */
#breadcrumb { font-size:14px; color:#c0bcb2; }
#breadcrumb a:link b, #breadcrumb a:visited b { color:#2e2e2e; font-weight:bold; font-size:14px;}
#breadcrumb a:hover b, #breadcrumb a:active b { color:#2e2e2e; text-decoration:none; }
#breadcrumb span:last-child b { color:#2e2e2e; font-weight:normal; }
/*  Previous | Next Product */
#breadcrumb span[style="float: right"] p a { font-size:14px; display:inline-block; margin-left:8px; margin-right:8px; }/* ensure space to match inline style */
#breadcrumb span[style="float: right"] p a:last-child {margin-right:0; }


/* General :: Cookie Consent Bar
---------------------------------------------- */
#cookie_banner { font-weight:normal; z-index: 9999; font-size:15px; padding:12px 30px 20px 30px; opacity:1; background-color:#333; z-index:9999999999; }
#cookie_title { font-weight:normal; margin-bottom:2px; display:none; }
#cookie_button { font-weight:normal; background:#d5f1a3; margin-right:10px; border-radius:4px !important; height:auto; line-height:31px; font-size:15px; padding: 2px 18px; }
#cookie_button:hover, #cookie_button:active { background: #fff; color:#000; }
#cookie_text { font-size:15px; padding-right:22%; }
#cookie_banner a:link, #cookie_banner a:visited, #cookie_banner a:hover, #cookie_banner a:active { font-weight:normal; font-size:15px; color:#9ce1ff; }


/* Holiday Notice
---------------------------------------------- */
#nh-holiday { padding:15px 20px; background:#cc0000; color:#fff;}
.cb_content #nh-holiday h2 { margin:0; padding:0; font-size:18px; text-transform:uppercase; font-weight:bold; margin-bottom:6px; color:#fff;}
.cb_content #nh-holiday p {margin:0; padding:0; font-size:16px; color:#fff; text-align:left; }



/* General :: Dialog
---------------------------------------------- */
.ui-dialog { margin-top:30px; border:6px solid #96c248; }
.ui-dialog .ui-dialog-buttonpane { background: #f0f3e9; }
.ui-dialog .ui-dialog-titlebar { background: #089723; color:#fff; font-size:16px; }
.ui-dialog .ui-dialog-buttonpane button { background: #2E7D00; *background: #1797cf; }
.ui-dialog .ui-dialog-buttonpane button:first-child { background: #1797cf; }
.ui-dialog .ui-dialog-buttonpane button.ui-state-hover, .ui-dialog .ui-dialog-buttonpane button.ui-state-active { background: #529e20; *background: #37a5d5; }
.ui-dialog .ui-dialog-buttonpane button:first-child.ui-state-hover, .ui-dialog .ui-dialog-buttonpane button:first-child.ui-state-active { background: #37a5d5; }


/* General :: Pagination
---------------------------------------------- */

table.alternatet table.details td a, 
table.alternateb table.details td a {
display:inline-block;
padding:4px 12px;
margin-right:-6px;
}
table.alternatet table.details td b, 
table.alternateb table.details td b {
display:inline-block;
padding:4px 6px;
margin-right:-6px;
}
table.alternatet table.details td a:link, 
table.alternatet table.details td a:visited, 
table.alternateb table.details td a:link, 
table.alternateb table.details td a:visited { 
background:transparent;
border:1px solid #80b546;
color:#80b546;
transition: all 0.10s ease-out;
}
table.alternatet table.details td a:hover, 
table.alternatet table.details td a:active, 
table.alternateb table.details td a:hover, 
table.alternateb table.details td a:active { 
background:#80b546;
color:#fff;
border:1px solid #80b546;
text-decoration:none;
} 
table.alternatet table.details td a:active,  
table.alternateb table.details td a:active {
background:#2a7337;
}

table.alternatet table.details td a[title="Next page"], 
table.alternatet table.details td a[title="Previous page"], 
table.alternateb table.details td a[title="Next page"], 
table.alternateb table.details td a[title="Previous page"] { 
background-color:transparent;
padding:0;
border:0;
}
#product_list .alt { background-color:transparent;}
span.bp-icon-arrow-right.bp-icon-grey { color:#80b546; }
span.bp-icon-arrow-left.bp-icon-grey { color:#80b546; }
span.bp-icon-arrow-right.bp-icon-grey.bp-icon-fade { color:#808080;}
span.bp-icon-arrow-left.bp-icon-grey.bp-icon-fade { color:#808080;}
a:hover span.bp-icon-arrow-right.bp-icon-grey { color:#2B445F; }
a:hover span.bp-icon-arrow-left.bp-icon-grey { color:#2B445F; }


/* Side Column Menus
---------------------------------------------- */
#menu ul li, #catalogue ul li, #brand ul li, .menu ul li { list-style-type:none; }

#menu a:link, #menu a:visited, #catalogue a:link, #catalogue a:visited, #brand a:link, #brand a:visited, .menu a:link, .menu a:visited {
background-color:transparent;
border-top:1px solid #cbc8c1;
padding-left:0;
color:#089723;
}

#menu a:hover, #menu a:active, #catalogue a:hover, #catalogue a:active, #brand a:hover, #brand a:active, .menu a:hover, .menu a:active, .current {
background-color:transparent;
border-top:1px solid #cbc8c1;
padding-left:0;
color:#0d7020;
}
#menu, #catalogue, .menu { } /* parent */
#menu .sub:link, 
#menu .sub:visited, 
#catalogue .sub:link, 
#catalogue .sub:visited { font-size:14px; } /* Sublink */
#menu .sub:hover, 
#menu .sub:active, 
#catalogue .sub:hover, 
#catalogue .sub:active { color:#00b2e3; } /* Sublink hover */
.current { } /* Link highlighted */
.sub.current { } /* Sublink highlighted */
#menu .sub b, 
#catalogue .sub b, 
#brand .sub b { display:none; }

#menu a.sub:link, 
#menu a.sub:visited, 
#catalogue a.sub:link, 
#catalogue a.sub:visited, 
#brand a.sub:link, 
#brand a.sub:visited, 
.menu a.sub:link, 
.menu a.sub:visited { background:transparent; border-top:1px solid #ccc; }

.current { padding-left:0; color:#333; }

#menu .sub, 
#catalogue .sub, 
#brand .sub, 
.menu .sub,
#menu a.sub, 
#catalogue a.sub, 
#brand a.sub, 
.menu a.sub { padding-left:15px; }

#menu .sub.current, 
#catalogue .sub.current, 
#brand .sub.current, 
.menu .sub.current { font-size:14px;  }

#menu .sub.current:hover, 
#menu .sub.current:active, 
#catalogue .sub.current:hover, 
#catalogue .sub.current:active { color:#000; } /* current hover */


/* Category List
---------------------------------------------- */



/* Category :: Shop by Brand
---------------------------------------------- */
.brand-atoz ul { list-style:none; margin:0; padding:0; }
.brand-atoz ul li { margin:0; padding:0; display:inline-block; }
.brand-atoz ul li a {
display:block;
padding:4px 6px;
background:#fff;
border-radius:7px;
margin-right:0;
margin-bottom:0.2em;
width:40px;
text-align:center;
font-size:20px;
font-weight:bold;
}
.brand-atoz ul li a:link, 
.brand-atoz ul li a:visited { border: 3px solid #f5f4f1; transition: all 0.10s ease-out; }
.brand-atoz ul li a:hover, 
.brand-atoz ul li a:active { text-decoration:none; border:3px solid #80b546;}

.gridp td.pcheading h2 {
padding-top:60px;
margin-bottom:10px;
color:#333;
font-size:28px;
}
.nh-brand .prim { height:auto !important; }
.nh-brand .gridp td.pcborder { padding:10px !important; border-radius:12px !important; }
.nh-brand .gridp td.pcborder p.both {
line-height:1.25em;
border-top:1px dotted #ccc;
padding-top:4px;
}
.nh-brand .gridp td.pcborder p.both a:link, 
.nh-brand .gridp td.pcborder p.both a:visited { color:#999; }
.nh-brand .gridp td.pcborder p.both a b { font-weight:normal; }



/* Product List Cell - Multicolumn
---------------------------------------------- */
#product_list { margin-top:-20px; }
.nh-prodlist-griditem .prim a img { max-width:180px !important; object-fit: contain; }

.nh-product-list-cell-price {
font-size:14px;
}
.nh-product-list-cell-price b {
}
.nh-product-list-cell-price .selling_price {
font-size:16px;
color:#d12828;
}
.nh-product-list-cell-price .selling_price b {
font-weight:normal;
}
.nh-product-list-cell-description p {
font-size: 15px;
line-height:1.25;
}

/* Quantity and Add button */
.nh-qty-add-wrap { display: -webkit-flex; display:flex; -webkit-align-items:flex-end; align-items:flex-end; margin-top:14px; margin-left:-20px; }
.gap_button   { -webkit-flex:1; flex:1; text-align:left; }
.nh-qty-wrap { -webkit-flex:1; flex:1; display: -webkit-flex; display:flex; -webkit-justify-content:flex-end; justify-content:flex-end; margin-right:4px; }
.gap_quantity {
-webkit-flex:0.95;
flex:0.95;
text-align:right;
margin:auto 0;
}
.gap_quantity input {
width:48px !important;
padding:0 !important;
text-align:center;
min-height:40px;
font-size:16px !important;
border:1px solid #bbb !important;
}
.nh-qty-inc-wrap {
display: -webkit-flex;
display:flex;
-webkit-flex-direction:column;
flex-direction:column;
margin-left:2px;
text-align:center;
}
.nh-qty-inc {
-webkit-flex:1;
flex:1;
color:#333;
border:1px solid #bbb;
padding:0 !important;
width:22px;
vertical-align: middle;
font:bold 14px 'courier new', monospace;
transition: all 0.10s ease-in-out;
}
.nh-qty-more { padding-left:10px; margin-bottom:2px; }
.nh-qty-less { padding-right:10px; }
.nh-qty-inc:hover, .nh-qty-inc:active { background:#96c248; background:#1995cf; border:1px solid #96c248; border:1px solid #1995cf; color:#fff; }

button.b_basket { margin-left:4px !important; font-size:18px; font-weight:400 !important; }
button.b_basket.b_small {
width:90px;
background-image: url('/templates/nhp/ic-basket-add-x2.png');
background-position: 8px center;
background-repeat: no-repeat;
background-size: 30px 30px;
padding-left:32px;
}
button.b_basket.b_small:hover {
background-color:#1995cf;
background-image: url('/templates/nhp/ic-basket-add-x2.png');
}
button.b_basket.b_small:active {
background-color:#2060A0;
}

.gridp td { padding:0 0 10px 0 !important; }
.pcborder { background-color:#fff; }
.pcborder div div { }

.nh-prodlist-griditem {
padding:5px 10px 10px 10px;
width: 100%;
background:#fff;
}
.pcborder p.last { font-size:16px; line-height:1.25em; }
.pcborder a:link, .pcborder a:visited, 
.pcborder a:hover, .pcborder a:active { font-size:16px; }

/* Quickview */
button.quickview.button.b_standard { width:120px; background-color:#96c248; box-shadow:none; border:3px solid rgba(255, 255, 255, 0.8); border-radius:8px !important; }
button.quickview.button.b_standard:hover { background-color:#00609d; background-color:#7ea735; }



/* Refine Column
---------------------------------------------- */
.refine {
/*border-bottom:1px solid #dfdcd3;*/
padding:6px 0;
}

/* --- Improving checkboxes --- */
.refine input[type="checkbox"] {
    opacity: 0;
margin-left:-15px;
}
.refine label {
    position: relative;
    display: inline-block;
    /*16px width of fake checkbox + 6px distance between fake checkbox and text*/
    padding-left: 25px;
}
.refine label::before,
.refine label::after {
    position: absolute;
    content: "";
    /*Needed for the line-height to take effect*/
    display: inline-block;
line-height:24px;
}
/*Outer box of the fake checkbox*/
.refine label::before{
    height: 16px;
    width: 16px;
    border: 1px solid #bbb;
border-radius: 3px !important;
background:#fff;
    left: 0px;
    /*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
     *to vertically center it.
     */
    top: 3px;
top: 1px; /* bg override */
}
/*Checkmark of the fake checkbox*/
.refine label::after {
    height: 5px;
    width: 9px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    left: 4px;
    top: 7px;
top: 5px; /* bg override */
}
/*Hide the checkmark by default*/
.refine input[type="checkbox"] + label::after {
    content: none;
}
/*Unhide on the checked state*/
.refine input[type="checkbox"]:checked + label::after {
    content: "";
}
/*Adding focus styles on the outer-box of the fake checkbox*/
.refine input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}

/* --- Improving slider --- */
.ui-slider .ui-slider-handle {
background: url(/templates/nhp/leaf.png) 50% 50% no-repeat !important;
    width:20px !important;
    height:36px !important;
background-size: 20px 36px !important;
    top:-18px !important;
    border:none !important;
}
.ui-widget-header {
background:#588308;
}



/* Product Detail :: Top
---------------------------------------------- */
.nh-product-detail-block { display:block; }
.nh-product-detail-top #product_images .p2 { margin-top:0; }
.nh-product-detail-top #image { background:#fff; }
td#product_images { width:40%; padding:20px 10px;}
td#product_details { width:60%; vertical-align:top; padding:35px 30px 30px 15px; }

.nh-product-detail-top { font-size:15px; margin-bottom:30px; background-color:#fff; }
.nh-product-detail-top table.grid td.vertical { border-left:0; }
.nh-product-detail-top h1 { 
font-size: 32px;
line-height: 1.2;
margin: 0 0 0.5em 0;
word-break: break-word;
font-weight: 900;
letter-spacing: -1px;
color: #404040;
color:#333;
border:0;
}

.nh-product-detail-infoprice { display: -webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; }
.nh-product-detail-info { -webkit-flex:2; flex:2; }


/* Product codes */
.grid table.nh-product-detail-codes {  }
.grid table.nh-product-detail-codes td { padding:2px 0; color:#a6a6a6; font-size:15px; line-height:1;}
.grid table.nh-product-detail-codes > tbody > tr > td:first-child { width:124px; }

/* Brand */
.nh-product-detail-brandlogo { -webkit-flex:1; flex:1; max-width:180px; display:inline-block; opacity:1; }
.nh-product-detail-brandlogo img { width:100% !important; height:auto !important; max-width:100% !important; max-height:100% !important; display:inline-block; padding:20px 0 20px 20px; }

/* Availability */
.grid .nh-product-detail-availability table { padding:0; border-spacing:0; }
.grid .nh-product-detail-availability table.options p { font-size:15px; line-height:1 !important; }

.nh-product-detail-availability b { font-weight:400; }
.nh-product-detail-availability a:link, 
.nh-product-detail-availability a:visited { color:#1797cf;}

/* Prices */
.nh-product-price-area { margin-top:26px; margin-bottom:24px; }
.nh-product-detail-main-price-wrap { display:inline-block; vertical-align:top; } 
.nh-product-detail-main-price { font-weight:bold; font-size:18px; }
.nh-product-detail-rrp { display:block; margin-bottom:0; }
.nh-product-detail-rrp .list_price s { text-decoration:none; }
.nh-product-detail-main-price #price_selling { margin-left:6px; }
.nh-product-detail-main-price .selling_price { font-size:24px; color:#d12828; }
.nh-product-detail-vat .subtext { color:#999; }
.nh-product-detail-incexc { color:#999; }
 

/* Product :: Alternate Images */
.nh-product-detail-top #product_images table.tables { display:block; }
.nh-product-detail-top #product_images table.tables tbody { display:block; }
.nh-product-detail-top #product_images table.tables tr { display:block; }
.nh-product-detail-top #product_images table.tables td { display:inline-block; margin-right:10px; text-align:left !important; width:auto !important; }

/* Options and additions */
.nh-product-action-area { background:#eae8e1; padding:8px 5px 4px 18px; margin-top:16px; }
#product_details select { height:32px; }
.nh-product-detail-options { text-align:right; margin-bottom:10px; }
.nh-product-detail-options > div.p { margin-top:10px; }
.nh-product-detail-options table.options b { font-size:16px; }
.nh-product-detail-options table.options select { }



/* Add to Basket - Wrapper */
.nh-qty-addbtn { margin-top: 10px; margin-bottom:20px; display: -webkit-flex; display:flex; -webkit-align-items:center; align-items:center; }

/* Add to Basket - Quantity */
/*.nh-qty-addbtn input[type=text] {
min-height:36px;
text-align:center;
font-size:16px;
font-family:arial,sans-serif;
padding:0 0 0 0;
}*/
.nh-qty-ext-wrap { display: -webkit-flex; display:flex; margin-right:12px; }
.nh-qty-ext-field input[type=text] { padding:0 !important; text-align:center; width:48px !important; font-size:16px; border:1px solid #aaa; border-radius:0; }
.nh-qty-ext-inc { font: bold 18px 'courier new', monospace; border:1px solid #aaa; padding:0 10px; line-height:38px; vertical-align:middle; }
.nh-qty-ext-inc:hover, .nh-qty-ext-inc:active { background:#e0ded5; cursor:pointer; }
.nh-qty-ext-less { border-right:0; border-top-left-radius:4px; border-bottom-left-radius:4px; }
.nh-qty-ext-more { border-left:0; border-top-right-radius:4px; border-bottom-right-radius:4px; }
.nh-product-noaction p { font-size:16px; }
.nh-product-noaction a:link, 
.nh-product-noaction a:visited, 
.nh-product-noaction a:hover, 
.nh-product-noaction a:active { font-size:16px; text-decoration:underline; }


/* Add to Basket - Button */

.nh-qty-addbtn button.b_basket {
margin-left:4px !important;
width:190px;
height:54px;
background-image: url('/templates/nhp/ic-basket-add-x2.png');
background-position: 11px center;
background-repeat: no-repeat;
background-size: 30px 30px;
padding-left:33px;
font-size:16px;
font-weight:400 !important;
}
.nh-qty-addbtn button.b_basket:hover {
background-color:#1995cf;
background-image: url('/templates/nhp/ic-basket-add-x2.png');
}
button.b_basket:active {
background-color:#2060A0;
}

/* Wish List Button */
.nh-btn-wishlist { margin-left:0; margin-top:10px; margin-bottom:20px; }
.nh-btn-wishlist button.button.b_standard { background-color:transparent; color:#666; border:1px solid #666; width:150px; }
.nh-btn-wishlist button.button.b_standard:hover, 
.nh-btn-wishlist button.button.b_standard:active { background-color:#e0ded5; }

/* Discount Message */
.nh-product-detail-discount { display:inline-block; background:#ea2b2b; color:#fff; padding: 2px 10px; margin-top:10px; }
.nh-product-detail-discount .p { margin:0; padding:0; }
.nh-product-detail-discount p { display:inline-block; margin:0; padding:0; }

/* Notify me */
.nh-product-detail-notify table.alternate { width:auto; background-color:transparent; margin-bottom:15px; }
.nh-product-detail-notify table.alternate td { padding:0 !important; }
.nh-product-detail-notify table a { display:inline-block; border:1px solid #80b546; border-radius:4px; padding:10px 14px; transition: all 0.05s ease-out; }
.nh-product-detail-notify table a:hover, .nh-product-detail-notify table a:active { background:#fff; }



/* Product Detail :: Tabs
---------------------------------------------- */
.nh-product-tab-wrap { }
.ui-tabs { text-align:left; margin: 0; background:transparent !important;}
.ui-tabs .ui-tabs-nav { 
display:block;
margin:0 auto;
padding-bottom:0;
background:transparent !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.ui-tabs .ui-tabs-nav { overflow:hidden; } /* IE10+ only - Close space below tabs */
}
@supports (-ms-accelerator:true) {
.ui-tabs .ui-tabs-nav { overflow:hidden; } /* IE Edge 12+ only - Close space below tabs */ 
}
@supports (-ms-ime-align:auto) {
.ui-tabs .ui-tabs-nav { overflow:hidden; } /* IE Edge alt - Close space below tabs */ 
}

.ui-tabs .ui-tabs-nav li { 
border: 1px solid #ccc;
box-shadow: inset 0px -10px 10px -10px #d1cec3, inset 0px -5px 3px -5px #d1cec3;
margin-right:6px;
border-radius: 6px 6px 0 0 !important;
background-color:#eae8e1;
}
.ui-tabs .ui-tabs-nav li a { padding: 12px 18px; color:#666; font-weight:normal; transition: color 0.05s; cursor:pointer; font-size:16px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected, 
.ui-tabs .ui-tabs-nav li.ui-state-hover { 
background-color: #e0ded5;
border-color: #aaa;
box-shadow: inset 0px -10px 10px -10px #c7c3b6, inset 0px -5px 3px -5px #c7c3b6;
border-bottom:0;
cursor:pointer;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background:#fff; box-shadow: none; -moz-box-shadow: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color:#222; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background:#fff; border-color:#ccc; border-bottom:0; padding-bottom:1px;}
.ui-tabs .ui-tabs-nav li.ui-state-hover a { color:#222; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover a { color:#222; }
.ui-tabs-panel.ui-widget-content .p2 .labels b { font-weight:normal; }
.ui-tabs-panel.ui-widget-content .p2 .labels > tbody > tr { border-bottom:1px solid #aaa; }
.ui-tabs-panel.ui-widget-content .p2 .labels > tbody > tr:last-child { border-bottom:none; }
.ui-tabs-panel.ui-widget-content .p2 .labels > tbody > tr td { padding-top:6px; padding-bottom:6px; }
.ui-tabs .ui-tabs-panel { border:1px solid #ccc; border-radius: 9px !important; border-top-left-radius: 0 !important; text-align:left; padding: 15px 60px 20px 20px; }


/* Product Detail - Body
---------------------------------------------- */
#product_tabs .p2 { margin:20px; font-size: 16px; line-height:1.4em;}

.nh-product-tab-wrap p, 
.nh-product-tab-wrap li, 
.nh-product-tab-wrap dt, 
.nh-product-tab-wrap dd, 
.nh-product-tab-wrap a:link, 
.nh-product-tab-wrap a:visited, 
.nh-product-tab-wrap a:hover, 
.nh-product-tab-wrap a:active {
font-size: 16px;
}
.nh-product-tab-wrap p { line-height:1.4em; }

.tab-dimensions table { width:50%; border-collapse:collapse; }
.tab-dimensions table td { padding: 3px 8px; border:0; border-bottom:1px solid #999; }
.tab-dimensions table tr:last-child td { border-bottom:0; }


/* Basket Page
---------------------------------------------- */
#basket_page table.basket td[align="center"] a img { border:1px solid #ccc; }
#basket_page table.basket select { width:auto !important; }
table.basket td { vertical-align:top; }
table.basket td table td { vertical-align:middle; }
.bp-icon-remove:before { color:#dc2c33; }


/* Blog - News
---------------------------------------------- */
/* Index page */
td#center #cb_id_CONTENT tr.post img.thumbnail_left, 
td#center #cb_id_CONTENT tr.post img.thumbnail_right, 
td#center #cb_id_CONTENT tr.post img.thumbnail_tleft, 
td#center #cb_id_CONTENT tr.post img.thumbnail_tright { max-width:180px !important;}

#cb_id_61 .cb_divider { height:1px; }
#cb_id_61 + #cb_id_CONTENT p, 
#cb_id_61 + #cb_id_CONTENT li, 
#cb_id_61 + #cb_id_CONTENT a:link, 
#cb_id_61 + #cb_id_CONTENT a:visited { font-size:16px; line-height:1.5em; }
#cb_id_61 + #cb_id_CONTENT #breadcrumb p,  
#cb_id_61 + #cb_id_CONTENT #breadcrumb a:link, 
#cb_id_61 + #cb_id_CONTENT #breadcrumb a:visited { font-size:14px; }
#cb_id_61 + #cb_id_CONTENT a.post_title:link, 
#cb_id_61 + #cb_id_CONTENT a.post_title:visited { font-size:20px; }
#cb_id_61 + #cb_id_CONTENT p.last a:link,
#cb_id_61 + #cb_id_CONTENT p.last a:visited { color:#5da113; } 
#cb_id_61 + #cb_id_CONTENT p.last a:hover,
#cb_id_61 + #cb_id_CONTENT p.last a:active { color:#0d7020; } 

td#center #cb_id_61 + #cb_id_CONTENT p img { margin: 5px; }
.post p, .post ul, .post li, .post ol, .post dd, .post dt, .post a:link, .post a:visited { font-size:16px; line-height:1.5em; }
.right p, .right label { line-height:1.35em; }

a.post_title:link, 
a.post_title:visited, 
a.post_title:hover, 
a.post_title:active {
font-weight:bold;
font-size:20px;
}
.rb_content { font-size:15px; }
div.ul b { font-weight:500; }
#rb_id_4 { padding-bottom:15px; }
#rb_id_4 .subtext_right { 
display:block;
margin-top:0;
margin-bottom:-10px;
padding-top:15px;
border-top:1px solid #ccc;
color:#999;
}
td#center tr.post i { font-size:16px; }
td#center tr.post img { width:auto !important; }

.right .isblock {
background:#fff;
padding:0 0 0 0;
}
.right .isblock:first-child {
margin-top:40px;
padding-top:15px;
}
.right .isblock > table {
padding:0 20px;
}
.right a:link, 
.right a:visited {
color:#5da113;
color:#000;
}
.right .ul a:link,
.right .ul a:visited, 
.right .ul a:hover, 
.right .ul a:active, 
.right .ul b {
font-size:16px;
display:inline-block;
margin-bottom:4px;
}
.right .ul b { font-weight:bold; }
.right .rb_title {
background-color:transparent;
padding-left:0;
font-size:18px;
font-weight:900;
color:#a89f88;
}
#rb_id_4 .rb_content { padding-top:0; }

#rb_id_4 .rb_content p.first .subtext_right {
border-top:0;
padding-top:15px;
}
#rb_id_4 .rb_content p.last {
margin-bottom:15px;
}


/* Account Pages
---------------------------------------------- */
body.nh-account table.basket { }


/* Checkout
---------------------------------------------- */
.bp-icon-progress { color:#588308; }
.bp-line-progress { border-bottom: 4px solid #588308; }
.bp-line-progress.bp-icon-fade { border-bottom: 2px solid #7dba36; }
.bp-icon-progress.bp-icon-fade { color:#7dba36; }


/* Side Block: Cart
---------------------------------------------- */
#lb_id_21 .lb_content .p { border-top:1px solid #ccc; padding-top:15px; }


/* Home page
---------------------------------------------- */

/* Slideshow */
#cb_id_27 { border-top:1px solid #fff; }
#cb_id_27 .cb_divider { height:0; }
#slideshow27 { width:1180px; }

#slideshow27 #nextss27, 
#slideshow27 #prevss27 { 
    opacity:0.9;
}
@media (min-width: 1180px) {

#cb_id_27.isblock {
background-color:#fff;
    margin-left: calc(-100vw / 2 + 1195px / 2);
    margin-right: calc(-100vw / 2 + 1195px / 2);
margin-top:-29px;
}

#slideshow27 { 
text-align:center;
padding-top:0;
    margin: 0 auto; 
max-width:1180px;
width:100%;
}

}



/* Headings */
#cb_id_65 .cb_divider, 
#cb_id_68 .cb_divider, 
#cb_id_72 .cb_divider, 
#cb_id_80 .cb_divider { display:none; }

h2.nh-heading-swish {
text-align:center;
font-weight:900;
font-size:22px;
color:#a89f88;
background-image: url('/templates/nhp/swish-line.png');
background-position: center center;
background-repeat: repeat-x;
margin-top:40px;
}
h2.nh-heading-swish span {
background-image: url('/templates/nhp/cap-leaf.png');
background-position: center top;
background-repeat: no-repeat;
background-color:#f5f4f1;
background-size: 58px 24px;
padding-top:28px;
padding-left:8px;
padding-right:8px;
}

/* Brand Carousel (Slick) */
#cb_id_67 .cb_divider { display:none; }
#cb_id_74 .cb_divider { display:none; }
.logo-carousel-wrap { position:relative; width:1180px; border-top:1px solid #d6d6d5; border-bottom:1px solid #d6d6d5; margin-top:30px; }
.slicklogos { max-width:1160px; padding-top:5px; padding-bottom:5px; margin:0 auto; } /* avoid extending width */
.slick-slide { margin-left:40px; }
.slick-slide img { width:170px; }
.slick-next, .slick-prev { z-index:95; width:30px !important; height:30px !important; }
.slick-prev { left:-15px !important; }
.slick-next { right:0 !important; }
.slick-next:before,
.slick-prev:before { font-size:30px !important; color: rgb(113,113,113) !important; }
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover { color:#96c248 !important; }
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before { color:#96c248 !important; }
.slick-before, .slick-after {
position:absolute;
z-index:9999;
width:100px !important;
height:100px !important;
    display:none;
}
#cb_id_77 { margin-top:10px; }
#cb_id_77 p { margin-top:0; text-align:right; }
#cb_id_77 p a:link, #cb_id_77 p a:visited, #cb_id_77 p a:hover, #cb_id_77 p a:active { font-weight:bold; font-size:16px; }
#cb_id_77 .cb_divider { height:20px; }

/* Featured categories */

.nh-homecat-wrap { width:1180px; float:left; display: -webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between; }

.nh-homecat { position:relative; width:280px; }

.nh-homecat-wrap .imgc {
    overflow: hidden;
    position: relative;
}
.nh-homecat-wrap .imgc:hover { background-color: rgba(255, 255, 255, 0.7); }
.nh-homecat-wrap img {
    width: 100%;
    height: auto;
    transition: all 0.25s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.nh-homecat-wrap .imgc:hover img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
.imgc i {
    font-style:normal;
    background-color: #fff;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .15s;
}
.nh-homecat-wrap .imgc:hover i { opacity: 0; }
.nh-homecat-wrap h3 {
    position: absolute;
    margin:0;
    padding:0;
    bottom: 16px;
    left: 16px;
    color: #065815;
    font-weight: 900;
font-size:20px;
line-height:24px;
    display: block;
    text-transform: capitalize;
text-align:left;
}


/* Latest News */
.nh-home-news-wrap { margin-top:30px; }
.nh-home-news-wrap table.tables, 
.nh-home-news-wrap table.tables tbody { display:block; }
.nh-home-news-wrap table.tables td { display:inline; text-align:left; vertical-align:top; }
.nh-home-news-wrap tr.post {
display:none;
width:32%;
margin-right:2%;
vertical-align:top;
border-right:1px solid #cbc8c1;
padding-right:20px;
}
.nh-home-news-wrap tr.post:nth-of-type(1), 
.nh-home-news-wrap tr.post:nth-of-type(2), 
.nh-home-news-wrap tr.post:nth-of-type(3) { display:inline-block; }
.nh-home-news-wrap tr.post:nth-of-type(3) { margin-right:0; padding-right:0; border-right:0; }
.nh-home-news-wrap tr.post .p2 > i { display:none;}
.nh-home-news-wrap tr.post .p2 div[style="float: right"] { float:left !important; }
.nh-home-news-wrap tr.post img.thumbnail_left, 
.nh-home-news-wrap tr.post img.thumbnail_right, 
.nh-home-news-wrap tr.post img.thumbnail_tleft, 
.nh-home-news-wrap tr.post img.thumbnail_tright { max-width:356px !important;}
.nh-home-news-wrap a.post_title:link, 
.nh-home-news-wrap a.post_title:visited, 
.nh-home-news-wrap a.post_title:hover, 
.nh-home-news-wrap a.post_title:active { line-height:1.3em; }

/* About */
#cb_id_79 h1 { font-size:24px; border-bottom:0; margin-bottom:5px; padding-bottom:0; }
#cb_id_79 h1 + p { margin-top:0; margin-bottom:20px; }
#cb_id_79 p, #cb_id_79 li, #cb_id_79 table, #cb_id_79 a { font-size:16px; }
#cb_id_79 a img { opacity:0.9; transition: all 0.10s ease-out; }
#cb_id_79 a:hover img { opacity:1; }


/* Web Pages
---------------------------------------------- */
td#center .nh-web-page h2 { color:#009966; font-size:26px; }
td#center .nh-web-page h3 { color:#009966; font-size:21px; font-weight:bold; margin-top:40px; margin-bottom:10px; }
td#center .nh-web-page p, 
td#center .nh-web-page li, 
td#center .nh-web-page dd, 
td#center .nh-web-page dt, 
td#center .nh-web-page a { font-size:16px; line-height:1.5; }
td#center .nh-web-page p.nh-introp { font-size:19px; font-weight:bold; line-height:1.4em; }
.nh-web-table1 p { margin:0; padding-bottom:5px; border-bottom:1px solid #ccc; }
.nh-web-table1 p strong { display:inline-block; width:180px; }
.nh-web-table1 p span { display:inline-block; }
p.nh-addr { line-height:1.6em; }
.nh-web-table2 { }
.nh-web-table2 tr { }
.nh-web-table2 td { padding-right:10px; border-bottom:1px solid #ccc;}
.nh-web-table2 tr:last-child td { border-bottom:0; }

td#center .nh-timeline h3 { margin-bottom:-42px; }
td#center .nh-timeline p { padding-left:70px; }



/* -- / Desktop NHP CSS -- */

#nav, .cb_title, .lb_title, .rb_title, .button, table.footer { box-shadow: none !important; -moz-box-shadow: none !important; }