/*********\
 * Fonts *
\*********/

@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-display: swap; }
@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-display: swap; }
@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-display: swap; }
@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-display: swap; }


/*********\
 * 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; vertical-align: top; }
input[type=text], input[type=email], input[type=number], input[type=password], textarea { padding-left: 5px; }
input[type=file] { padding-left: 0px; }

input[type=text], input[type=email], input[type=number], input[type=password], textarea, input[type=submit], input[type=button], button { -webkit-appearance: none; }

::-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 #CC0000 !important;
    box-shadow: inset 0px 3px 6px -2px rgba(0, 0, 0, 0), 0px 0px 6px -2px #CC0000 !important;
    -moz-box-shadow: inset 0px 3px 4px -2px rgba(0, 0, 0, 0), 0px 0px 4px -2px #CC0000 !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: 700px;
}

.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 #B9B9B9;
    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;
}

.adyen-checkout__paywithgoogle
{
    height: inherit !important;
}

#apple-pay-button.apple-pay-container button, #google-pay-button.google-pay-container button
{
    width: 180px !important;
    min-width: 0px !important;
    height: 40px !important;
    outline: none !important;
}

#google-pay-button.google-pay-container button
{
    padding: 12px !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: 15px !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: #000000;
    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: #000000;
    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: #000000;
    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: #000000;
    font: bold 12px 'open sans', arial, sans-serif;
    width: 100%;
}

.ui-datepicker th
{
    color: #000000;
    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: #000000;
    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: #000000;
    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: #000000;
    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: #000000;
    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: #000000;
    font: 14px 'open sans', arial, sans-serif;
}

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

#dialog-basket-wrap
{
    max-height: 200px;
    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 #B9B9B9;
    border-bottom: 0px;
    border-radius: 2px 2px 0px 0px;
    box-shadow: inset 0px 10px 15px -10px #B9B9B9, inset 0px -5px 5px -5px #B9B9B9;
    -moz-box-shadow: inset 0px 10px 10px -10px #B9B9B9, inset 0px -5px 3px -5px #B9B9B9;
    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 #B9B9B9, inset 0px -10px 10px -5px #FFFFFF;
    -moz-box-shadow: inset 0px 10px 10px -10px #B9B9B9, 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 #B9B9B9;
    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: #000000;
    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: #FFFFFF; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; color: #404040; font-style: normal; font-weight: normal; font-size: 17px; font-family: 'rubik', arial, sans-serif; margin: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0px; height: 100%; text-align: center; } table { font-size: 17px; }

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

a:hover, a:active { color: #1B3F8F; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'rubik', arial, sans-serif; text-decoration: underline; }

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

h2 { color: #4080C0; font-style: normal; font-weight: normal; font-size: 20px; font-family: 'rubik', arial, sans-serif; text-decoration: none; } h3, h4, h5, h6 { color: #404040; font: normal normal 17px 'rubik', arial, sans-serif; text-decoration: none; } h3 { font-size: 19px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 15px; }

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

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

div#body { border: 0px; margin: 0px; padding: 0px; width: 1200px; height: 100%; 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 15px 'rubik', 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: 15px; font-family: 'rubik', 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: normal; font-size: 15px; font-family: 'rubik', arial, sans-serif; text-decoration: none; border-bottom: 0px; }

.header a:hover, .header a:active { color: #C0C0C0; font-style: normal; font-weight: normal; font-size: 15px; font-family: 'rubik', arial, sans-serif; text-decoration: none; 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: 'rubik', 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: 'rubik', 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: 'rubik', arial, sans-serif; text-decoration: underline; border-bottom: 0px; }

div#nav { background-color: #1480C0; 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: 148px; left: 0px; }

#nav table { border: 0px; border-collapse: separate; border-spacing: 0px; color: #FFFFFF; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'rubik', 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: 14px; padding-right: 14px; padding-top: 0px; width: auto; height: 40px; }

td.navout { background-color: #1480C0; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; color: #FFFFFF; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'rubik', arial, sans-serif; text-decoration: none; } a.navout:link, a.navout:visited, a.navout:hover, a.navout:active { color: #FFFFFF; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'rubik', arial, sans-serif; text-decoration: none; }

td.navover { background-color: #4080C0; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; color: #FFFFFF; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'rubik', 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: normal; font-size: 14px; font-family: 'rubik', 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: normal; font-size: 14px; font-family: 'rubik', 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: normal; font-size: 14px; font-family: 'rubik', 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: 'rubik', 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%; height: 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; height: 100%; margin: 0px auto; margin-bottom: -612px; } .clear { clear: both; margin: 0px; padding: 0px; height: 612px; }

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 17px 'rubik', arial, sans-serif; padding: 36px; width: auto; text-align: left; vertical-align: top; } .tables td { text-align: left; }

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

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: 'rubik', arial, sans-serif; padding: 20px; width: 210px; text-align: left; vertical-align: top; } div.left_column { background-color: transparent; border: 0px; margin: 0px; padding: 20px; width: 250px; 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: 'rubik', arial, sans-serif; } .tablesl td { text-align: left; }

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

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

.left h2, .left_column h2 { color: #4080C0; font-style: normal; font-weight: bold; font-size: 20px; font-family: 'rubik', 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: 'rubik', arial, sans-serif; padding: 20px; width: 200px; text-align: left; vertical-align: top; } .right p, .right label { color: #404040; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'rubik', arial, sans-serif; } .tablesr td { text-align: left; }

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

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

.right h2 { color: #4080C0; font-style: normal; font-weight: bold; font-size: 20px; font-family: 'rubik', 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: 14px; font-family: 'rubik', arial, sans-serif; } td#center, td#centertop { padding-top: 261px; }

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

.subtext_right { color: #808080; font-style: normal; font-weight: normal; font-size: 13px; font-family: 'rubik', 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: normal; font-size: 16px; font-family: 'rubik', 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 17px 'rubik', arial, sans-serif; padding: 0px; padding-top: 20px; width: 100%; text-align: left; } .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: 0px; clear: both; overflow: hidden; }

.lb_title { background-color: #4080C0; 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: normal; font-size: 16px; font-family: 'rubik', 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 'rubik', 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: #4080C0; 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: normal; font-size: 16px; font-family: 'rubik', 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 'rubik', 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 'rubik', arial, sans-serif; margin: 0px; margin-bottom: 0px; padding: 0px; width: 1200px; height: 612px; 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: 'rubik', 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: 'rubik', 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: 'rubik', 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: 'rubik', 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: 5px; padding-left: 0px; padding-right: 0px; padding-top: 5px; } 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: #CC0000; font-style: normal; font-weight: bold; font-size: 16px; font-family: 'rubik', arial, sans-serif; } .error_field { color: #CC0000; }

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

.selling_price { color: #F77B0F; font-style: normal; font-weight: normal; font-size: 16px; font-family: 'rubik', arial, sans-serif; }

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

.button { color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 16px; font-family: 'rubik', arial, sans-serif; text-transform: none; 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: #1480C0; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; width: 180px; height: 40px; } button.b_standard:hover { background-color: #1B3F8F; background-image: none; } .b_standard { -webkit-appearance: none; }

.b_basket { background-color: #83B600; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; width: 150px; height: 40px; } button.b_basket:hover { background-color: #6D9800; background-image: none; } .b_basket { -webkit-appearance: none; }

.b_basket.b_small { background-color: #83B600; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; width: 125px; height: 40px; } button.b_basket.b_small:hover { background-color: #6D9800; background-image: none; } .b_basket.b_small { -webkit-appearance: none; }

.b_checkout { background-color: #83B600; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; width: 180px; height: 40px; } button.b_checkout:hover { background-color: #6D9800; 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: normal; font-size: 14px; font-family: 'rubik', arial, sans-serif; text-decoration: none; display: block; } .menulink { color: #404040; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'rubik', 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: normal; font-size: 14px; font-family: 'rubik', arial, sans-serif; text-decoration: none; cursor: pointer; display: block; } .menuhover { color: #404040; font-style: normal; font-weight: normal; font-size: 14px; font-family: 'rubik', 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: normal; font-size: 14px; font-family: 'rubik', arial, sans-serif; text-decoration: none; cursor: pointer; display: block; }

div.footer { position: relative; }
table.footer { position: absolute; top: 0px; left: 0px; }

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; }

.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; margin: 5px 0px; padding: 5px 10px; display: inline-block; }
.left .success, .left_column .success, .right .success { width: 100%; }

.error { border: 1px solid #CC0000; border-radius: 4px; box-shadow: inset 0px 3px 6px -2px rgba(0, 0, 0, 0), 0px 0px 6px -2px #CC0000; -moz-box-shadow: inset 0px 3px 4px -2px rgba(0, 0, 0, 0), 0px 0px 4px -2px #CC0000; margin: 5px 0px; padding: 5px 10px; 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 *
\******************/

/*
Dark Navy: 1b3f8f
Mid Blue: 1480c0
Lime Green: 94ce00
Orange: f77b0f
*/

/* 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; }
div#htitle { font-weight: bold; }


/* 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 #4080C0; 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; }



/*****************************\
 ************ JWS ************
\****************************/

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


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

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

.j-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; }
.j-fl { float:left; }
.j-fr { float:right; }
p.introp { font-size:19px; font-weight:500; }

h1 {
color:#333;
font-size:25px;
    line-height:1.15em;
    border-bottom:0;
    font-weight:500;
    letter-spacing:-0.6px;
}
h2 {
font-size:27px;
font-weight:500;
color:#f77b0f;
    letter-spacing:-0.5px;
}
h3 { 
    font-size:24px;
    letter-spacing:-0.5px;
    color:#2e2e2e;
    margin-top:1.4em;
}

p { line-height:1.3em; }

a:link, a:visited { color:#1480c0; font-size:17px; }
a:hover, a:active { color:#94ce00; color:#1b3f8f; font-size:17px; }

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

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

b, strong { font-weight:500 !important; }
.bolder { font-weight:500 !important; }
.j-smalltext { font-size:12px; }

/* General :: Layout
========================================== */

body {
    background: #f3f3f4 url(/templates/jws/1boxes.png) center 194px repeat-x;
}

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

.cf::after {
    clear: both;
}



td#center, 
td#centertop {
    background-color:transparent;
    /*background: url(/user/templates/jws/canvas-white.png) repeat-x right 300px;*/
    padding-top:242px;
        position:relative;
        padding-bottom:40px;
        padding-right:30px;
}
        td#center::before, 
        td#centertop::before {
            content:"";
            position:absolute;
            top:222px;
            left:0;
            right:0;
            bottom:0;
            background: url(/user/templates/jws/canvas-white.png) repeat-y right 300px;
            z-index:-100;
            border:1px solid #d8dcdd;
            border-radius:9px !important;
        }
        td#center::after, 
        td#centertop::after {
            content:"";
            position:absolute;
            bottom:230px;
            bottom:570px;
            left:0;
            right:0;
            background: #fff;
            z-index:10;
            border:1px solid #d8dcdd;
            border-top:0;
            border-radius:9px !important;
            border-top-left-radius:0 !important;
            border-top-right-radius:0 !important;
            height:30px;
        }
        
        /* Centre col when left col active */
        td#left + td#center {
            padding-left:24px;
        }
        td#left + td#center::before {
            border-top-left-radius:0 !important;
            border-bottom-left-radius:0 !important;
            border-left:0;
        }
        td#left + td#center::after {
            border-bottom-left-radius:0 !important;
            border-left:0;
        }
        
        /* Centre col when right col active (News) */
        body.j-news-index td#center, 
        body.j-news-detail td#center {
            padding-right:24px;
        }
        body.j-news-index td#center::before, 
        body.j-news-detail td#center::before {
            border-top-right-radius:0 !important;
            border-bottom-right-radius:0 !important;
            border-right:0;
        }
        body.j-news-index td#center::after, 
        body.j-news-detail td#center::after {
            border-bottom-right-radius:0 !important;
            border-right:0;
        }
        

td#left {
    background-color:transparent;
    padding-top:320px;
    padding-top:248px;
    border-right:0;
        padding-left:30px;
        padding-right:0;
        position:relative;
}
        td#left::before {
            content:"";
            position:absolute;
            top:222px;
            left:0;
            right:0;
            bottom:0;
            background: url(/user/templates/jws/canvas-white.png) repeat-y right 300px;
            z-index:-100;
            border-left:1px solid #d8dcdd;
            border-top:1px solid #d8dcdd;
            border-bottom:1px solid #d8dcdd;
            border-top-left-radius:9px !important;
            border-bottom-left-radius:9px !important;
        }
        
        td#left::after {
            content:"";
            position:absolute;
            bottom:230px;
            bottom:570px;
            left:0;
            right:0;
            background: #fff;
            z-index:10;
            border:1px solid #d8dcdd;
            border-top:0;
            border-right:0;
            border-radius:0px !important;
            border-bottom-left-radius:9px !important;
            height:30px;
        }

        /*td.left > div { border-right:1px solid #d1d1d1; padding-right:20px; }*/
        
        td#left + td#center > div { border-left:1px solid #d1d1d1; padding-left:25px; padding-bottom:20px; }


td#right {
    background-color:transparent;
    padding-top:242px;
    border-left:0;
        padding-right:30px;
        padding-left:0;
        position:relative;
}
        td#right::before {
            content:"";
            position:absolute;
            top:222px;
            left:0;
            right:0;
            bottom:0;
            background: url(/user/templates/jws/canvas-white.png) repeat-y right 300px;
            z-index:-100;
            border-right:1px solid #d8dcdd;
            border-top:1px solid #d8dcdd;
            border-bottom:1px solid #d8dcdd;
            border-top-right-radius:9px !important;
            border-bottom-right-radius:9px !important;
        }

        td#right::after {
            content:"";
            position:absolute;
            bottom:230px;
            bottom:570px;
            left:0;
            right:0;
            background: #fff;
            z-index:10;
            border:1px solid #d8dcdd;
            border-top:0;
            border-left:0;
            border-radius:0px !important;
            border-bottom-right-radius:9px !important;
            height:30px;
        }

        td.right > div { border-left:1px solid #d1d1d1; padding-left:25px; padding-bottom:20px; }
        


td.left { width:190px; }


/*td.left {
    background-color:#fff;
    border-right:0;
    padding:10px;
    padding-top:300px;
}
td.right {
    background-color:#fff;
    padding-top:300px;
}*/

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

#cb_id_CONTENT { margin-top:5px; }
.prim { padding:10px !important; }
.j-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; }
#cb_id_CONTENT h1 { padding-top:10px; }
#cb_id_CONTENT #breadcrumb + h1 { padding-top:0; }
#cb_id_CONTENT #breadcrumb + div .j-pd-title h1 { padding-top:0; }

.alternate, .alt { background-color:transparent; }
.alternatet, .alternateb { background-color:transparent; }

/* ------- Buttons ------- */

.button { font-weight:normal; padding:0 12px !important; border-radius: 4px !important; }
.button.b_basket { font-size:15px; font-weight:normal; border-radius:4px !important; }
button.b_standard { border-radius:4px !important; }
.button.b_basket.b_small { font-size:15px; font-weight:normal; border-radius:4px !important; width: auto; height:auto; padding-top:9px !important; padding-bottom:9px !important;}
.button.b_basket.b_small:hover { }
.j-pl-side-view { margin-top:8px; margin-bottom:8px; }
.j-btn-view a {
    border-radius:4px !important;
    width:auto;
    padding:6px 12px;
    font-style:normal;
    border-collapse:separate;
    display:inline-block;
}
.j-btn-view a:link, 
.j-btn-view a:visited {
    font-size:15px;
    color:#fff;
    background-color:#83B600;
    transition:all 0.10s ease-in-out;
}
.j-btn-view a:hover, 
.j-btn-view a:active {
    text-decoration:none;
    color:#fff;
    background-color:#6D9800;
}
.j-btn-2 { text-align:center; }
.j-btn-2 a {
    display:inline-block;
    background-color:#f77b0f;
    color:#fff;
    font-size:19px;
    font-weight:500;
    text-decoration:none;
    text-align:center;
    padding:8px 14px;
    transition:all 0.10s ease-in-out;
}
.j-btn-2 a:hover, 
.j-btn-2 a:active {
    background-color:#e55101;
}

.j-btn-3 { text-align:left; }
.j-btn-3 a {
    display:inline-block;
    background-color:#1480c0;
    color:#fff;
    font-size:19px;
    font-weight:500;
    text-decoration:none;
    text-align:center;
    padding:8px 14px;
    transition:all 0.10s ease-in-out;
}
.j-btn-3 a:hover, 
.j-btn-3 a:active {
    background-color:#1b3f8f;
}

/* ------- Title Headers ------- */

.cb_title,
.lb_title,
.rb_title {
color:#4a4a4a;
font-size:19px;
    font-weight:500;
    border-top:3px solid #fa6565;
    border-bottom:1px solid #cfd6e7;
    background:#fff;
    width:auto;
    line-height:1.25em;
    height:auto;
}
.lb_title {
    padding:10px 0 10px 0;
    line-height:1.2em;
    letter-spacing:-0.2px;
}
.rb_title {
    padding:10px 0 10px 0;
    line-height:1.2em;
    letter-spacing:-0.2px;
    }
.cb_title {
padding-top:12px;
    padding-bottom:12px;
    padding-left:10px;
}


/* Menus
============================================== */

#menu ul { }

#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;
    padding-left:0;
padding-right:0;
font-size:15px;
border-top:1px solid #cfd6e7;
color:#1480c0;
    transition: color 0.05s;
}
#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:#ebedf2;
    color:#1b3f8f;
    padding-left:0;
padding-right:0;
font-size:15px;
border-top:1px solid #cfd6e7;
}
#menu .current, 
#catalogue .current, 
#brand .current {
/*background-color:#e3e8d8;*/
color:#2e2e2e;
/*border:0;*/
position:relative;
z-index:9;
/*margin-bottom:-1px;*/
}
#menu li:first-child > *, 
#catalogue li:first-child > *, 
#brand li:first-child > *, 
.menu li:first-child > * { 
border-top: 0px;
}
#menu li:last-child > *, 
#catalogue li:last-child > *, 
#brand li:last-child > *, 
.menu li:last-child > * { 
border-bottom:0;
}


/* Refine column
========================================== */
.lb_content { font-size:15px; }
#product_refine table.details { margin-top:3px; margin-bottom:12px; }
.refine span { color:#999; }
#product_refine table.details b { font-weight:600; font-size:15px; }
.left p, .left label { font-size:15px; line-height:1.3; }
.left label { color:#1480c0; }
.lb_content input, 
.lb_content select, 
.lb_content textarea, 
.lb_content button { font-size:15px; }

/*td.left table.tablesl td > div {
    background-color:#fff;
    padding:15px;
    border:1px solid #dedede;
    border-radius:5px !important;
}*/
td.left table.tablesl div.hrl {
padding:0;
border:0;
border-bottom:1px solid #ccc;
}
td.left #product_refine div.hrl { border-bottom:1px solid #ccc; }

#lb_id_9 p { font-size:13px; color:#757575; }

/* Custom checkboxes for refine */
.refine { padding:1px 0; }
.refine [type=checkbox] {
position:relative;
display:inline-block;
width:20px;
height:20px;
margin-right:4px;
vertical-align:middle;
-webkit-appearance:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
padding:6px;
border:1px solid #ccc;
border-radius:3px !important;
line-height:20px;
background:#fff;
}
.refine [type=checkbox]:hover {
border-color:#666;
}
.refine [type=checkbox]:checked {
border:0;
background:#83b600;
color:#83b600;
fill:#83b600;
}
.refine [type=checkbox]:checked:after {
position:absolute;
content: "\2713";
top:10px;
left:5px;
display:block;
width:16px;
height:16px;
color:#fff;
line-height:0;
pointer-events:none;
}

/* Recently Viewed */
#lb_id_23 div.p {
border-top:1px solid #ccc;
padding-top:15px;
}

/* Price slider */
#slider-wrap {
margin:0 6px 0 2px;
}
.ui-slider-range {
background:#c7df88;
}
.ui-slider {
border:0 !important;
background:#ddd;
}
.ui-slider .ui-slider-handle {
    width:21px !important;
    height:21px !important;
    border:none !important;
border-radius:6px !important;
}
.ui-slider-horizontal .ui-slider-handle {
background:#83b600 !important;
top:-8px !important;
}



/* General :: Breadcrumb
========================================== */
#breadcrumb { font-size:14px; }
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active { font-size:14px; }
#breadcrumb a:link b, #breadcrumb a:visited b { }
#breadcrumb a:hover b, #breadcrumb a:active b { }
#breadcrumb span:last-child b { color:#999; font-weight:normal !important; }
#breadcrumb span:last-child a:hover, 
#breadcrumb span:last-child a:active { color:#999; text-decoration-color:#999; }
/*  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; }



/* Very Top Bar
========================================== */

.j-account-bar-wrap { background:#fff; color:#313232; }
.j-account-bar { width:100%; height:38px; max-width:1200px; margin:0 auto; display: -webkit-flex; display:flex; padding-left:10px; padding-right:10px; }
@media /* -------------- */ (max-width: 1169px) {
.j-account-bar { padding-left:20px; padding-right:20px; }
}


.j-account-bar-info { text-align:left; vertical-align:middle; color:#313232; -webkit-flex:2; flex:1; margin-top:auto; margin-bottom:auto; }
.j-account-bar-links { text-align:right; vertical-align:middle; font-size:16px; margin-top:auto; margin-bottom:auto; }

.j-account-bar-info span {
    background:url(/templates/jws/worker.png) 0 1px no-repeat;
    padding-left:28px;
    padding-top:5px;
    padding-bottom:5px;
    background-size: 22px 25px;
}

.j-account-bar-info a { display:inline-block; margin-right:30px; padding-top:8px; padding-bottom:8px; }
.j-account-bar-info a:last-child { margin-right:0; }

.j-account-bar-info a:link, 
.j-account-bar-info a:visited { color:#1480c0; font-size:15px; text-decoration:underline; }
.j-account-bar-links a:link, 
.j-account-bar-links a:visited { color:#313232; font-size:16px; text-decoration:none; }

.j-account-bar-info a:hover, 
.j-account-bar-info a:active { color:#1b3f8f; font-size:15px; text-decoration:underline; } 
.j-account-bar-links a:hover, 
.j-account-bar-links a:active { color:#1480c0; font-size:16px; text-decoration:none; }

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

.j-acctbar-signin a     { background:url(/templates/jws/ic-account_2x.png) 0 8px no-repeat; padding-left:25px; }
.j-acctbar-newaccount a { background:url(/templates/jws/ic-account_2x.png) 0 -68px no-repeat; padding-left:26px; }
.j-acctbar-viewbasket a { background:url(/templates/jws/ic-account_2x.png) 0 -145px no-repeat; padding-left:25px; }
.j-acctbar-wishlist a   { background:url(/templates/jws/ic-account_2x.png) 0 -218px no-repeat; padding-left:22px; }

.j-acctbar-signin a, 
.j-acctbar-newaccount a, 
.j-acctbar-viewbasket a, 
.j-acctbar-wishlist a { background-size:20px 300px; }


/* 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:#ccc; }

.j-masthead-wrap { width:100%; background:#1b3f8f; }
.j-masthead {
    display: -webkit-flex;
    display:flex;
-webkit-justify-content:space-between;
justify-content:space-between;
    width:100%; 
max-width:1170px;
    margin:0 auto;
padding-left:0px;
    padding-right:0px;
    height:110px;
}
@media /* -------------- */ (max-width: 1169px) {
.j-masthead { padding-left:20px; padding-right:20px; }
}

.j-masthead #j-title { display: -webkit-flex; display:flex; width:220px; max-width:220px; height:70px; text-align:left; margin: auto 10px auto 0;}
#j-title-inner { flex-shrink:1; }
.j-masthead #j-title img { width:200px; height:70px; }
.j-masthead #j-altside { display: -webkit-flex; display:flex; width:62%; vertical-align:middle; }


div#j-telside { display:inline-block; vertical-align:middle; margin: auto 20px auto auto; height:73px; text-align:right; }
.j-tel { margin-top:auto; margin-bottom:auto; }
div#j-telside img { width:183px; height:73px; }

/* 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%; height:110px; }

div#sea select { height:40px; }
div#sea span { 
font-size:20px;
margin-left:-12px;
padding:7px 8px;
color:#959595;
border-radius:10px !important;
border:3px solid #fff;
background: #ffffff;
}
div#sea .side-search-btn a:link span, 
div#sea .side-search-btn a:visited span {
background-color:#173b8c;
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:90%;
    max-width:350px;
    border:0;
    border-radius:6px 0 0 6px !important;
}

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; }



/* Search Predict
========================================== */
ul.ui-autocomplete {
max-width: 430px;
border: 1px solid #444;
border-top: 0;
border-radius: 0;
box-shadow: 0 -1px #444, 8px 8px rgba(0,0,0,.1);
padding: 0;
z-index: 1000 !important;
}
.ui-menu-item {
display: block;
border-bottom: 1px dashed #00c3b5;
padding: 0;
}
.ui-menu-item:last-child {
border: 0;
text-align:right;
}
.ui-menu-item a:hover, 
.ui-menu-item a:active { background-color:#eef3e6; }

.ui-menu-item a,
.ui-menu-item a.ui-state-hover,
.ui-menu-item a.ui-state-active {
display: flex;
align-items: flex-start;
border: none;
font-size: 14px;
font-weight: 400;
    line-height:1.2em;
padding: 5px 5px;
margin: 0;
box-shadow: none;
background: transparent;
color: #444;
white-space: normal !important;
overflow: auto !important;
    font-family:'rubik', arial, sans-serif;
}
.ui-menu-item a.ui-state-hover,
.ui-menu-item a.ui-state-active {
background: #f4f8f0;
color:#000;
cursor: pointer;
}
.ui-menu-item a img {
margin-top: 5px !important;
margin-right: 20px !important;
mix-blend-mode: multiply;
}

/* Results button */
.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: #96c248;
margin: 10px;
font-weight:600;
padding: 8px 12px 6px 24px;
border:0;
display:inline-block;
font-size:14px;
}
.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 span {
display: block;
text-indent: -7px;
}
.ui-menu-item a.ui-autocomplete-all span {
margin-left: auto;
}
.ui-menu-item a b {
color: #1b3f8f;
}
.ui-menu-item a b:last-child {
color: #f77b0f;
font-size:13px;
font-weight:normal;
margin-left: -7px;
}

@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
========================================== */

.j-callout-bar-wrap { width:100%; position:absolute; top:194px; background:#fff; }
.j-callout-bar { width:100%; max-width:1200px; margin:0 auto; padding-top:13px; padding-bottom:13px; font-size:19px; }
.j-callout-bar ul { list-style-type:none; margin:0; padding:0; text-align:center; }
.j-callout-bar ul li {
    margin-left:0;
    margin-right:30px;
    display:inline-block;
    padding-top:5px;
    padding-bottom:5px;
    font-weight:400;
    color:#1480c0;
    text-align:left;
    text-transform:uppercase;
    letter-spacing:-0.4px;
}
.j-callout-bar ul li:last-child { margin-right:0; }

.j-alt { display:block; font-size:16px; font-weight:400; color:#94ce00; text-transform:none;}

li.j-co-deliv { background: url(/user/templates/jws/ic-callouts_2x.png) 0 5px no-repeat;  padding-left:50px; }
li.j-co-train { background: url(/user/templates/jws/ic-callouts_2x.png) 0 -71px no-repeat; padding-left:50px; }
li.j-co-years { background: url(/user/templates/jws/ic-callouts_2x.png) 0 -148px no-repeat; padding-left:50px; }
li.j-co-based { background: url(/user/templates/jws/ic-callouts_2x.png) 0 -221px no-repeat; padding-left:50px; }

li.j-co-deliv, 
li.j-co-train, 
li.j-co-years, 
li.j-co-based { background-size:42px 300px; }

.header .j-callout-bar a:link,
.header .j-callout-bar a:visited {
    font-size:19px;
    font-weight:400;
    color:#1480c0;
    text-decoration:none;
}
.header .j-callout-bar a:hover, 
.header .j-callout-bar a:active {
    font-size:19px;
    font-weight:400;
    color:#1b3f8f;
    text-decoration:none;
}
.header .j-callout-bar a:link span.j-alt,
.header .j-callout-bar a:visited span.j-alt {
    font-size:16px;
    text-decoration:none;
}
.header .j-callout-bar a:hover span.j-alt, 
.header .j-callout-bar a:active span.j-alt {
    font-size:16px;
    color:#80b200;
    text-decoration:none;
}

/* Main Navigation
========================================== */

div#nav {
max-width:none !important;
background:#1480c0;
border-bottom:0;
}
#nav table { height:46px; } /* was 44 */

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;
    padding:10px;
}
div#nav .childcolumn {
text-align:left;
}
td.navout {
background-color:transparent;
}
td.navactive {
background-color:#1480c0;
}
td.navover {
background-color:#3d96cb;
color:#fff;
}
.header a.navout:link, 
.header a.navout:visited, 
.header a.navout:hover, 
.header a.navout:active {
color:#fff;
font-weight:500;
}
.header a.navover:link, 
.header a.navover:visited, 
.header a.navover:hover, 
.header a.navover:active {
font-weight:500;
}

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


td.navover.navactive {
background-color:#3b91c4;
}
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 red;*/}


div#nav .childheading {
background-color:#ebedf2;
color:#333;
font-size:12px;
font-weight:700;
    text-transform:uppercase;
    padding-top:14px;
    font-family:'Rubik',arial,sans-serif;
}
div#nav .childheading:hover {
cursor:pointer;
color:#1480c0;
}
    div#nav .child { padding:0; }
    div#nav .child a,
    .childheading { padding:7px 16px; }


.childheading-bottom { margin-bottom:10px; }
div#nav .child a:link, 
div#nav .child a:visited,
div#nav .child a:hover, 
div#nav .child a:active {
    font-family:'Rubik', sans-serif;
    font-size:12px;
    font-weight:400;
}
div#nav .child a:link, 
div#nav .child a:visited { color:#444444; transition: all 0.05s ease-out; }
div#nav .child a:hover { color:#2e2e2e; background-color:#d8eea1; } 
div#nav .child a:active { color:#2e2e2e; background-color:#c1e469; }


div#nav .child a:hover, 
div#nav .child a:active { 
background: #d8eea1;
/*padding:14px 0 12px 0;
    padding-left:14px;*/
    padding:7px 16px;
}


/* Slide effect https://codepen.io/RazorXio/pen/gMaoOW */
div#nav .child a, 
        div#nav .child a:link, 
        div#nav .child a:visited {
    border-radius: 0px;
    padding:7px 16px;
    /*display: inline-block;*/
    box-shadow: inset 0 0 0 0 #d8eea1;
    -webkit-transition: ease-out 0.4s;
    -moz-transition: ease-out 0.4s;
    transition: ease-out 0.4s;
}
div#nav .child a:hover {
box-shadow: inset 400px 0 0 0 #d8eea1;
}
        div#nav .child a:active {
            box-shadow: inset 400px 0 0 0 #94ce00;
        }
        div#nav .child a:first-child { padding-top:16px; }
        div#nav .child a:last-child { padding-bottom:16px; }


/* Navigation - Manufacturers Dropdown */
/* This relies on Manufacturers link being in position 6 on main nav. */
/* If it moves, update 'chi' and 'par' numbers below */
#nav td#par6 { }
div#nav #chi6.child { margin-left:-300px; } /* prevent dropdown pushing layout horizontally */
div#nav #chi6.child { padding:10px; }
div#nav #chi6.child a:first-child { padding:10px; }
div#nav #chi6.child a:last-child { padding:10px; }
div#nav #chi6.child a { padding: 10px 14px;}
div#nav #chi6.child a:hover, div#nav #chi6.child a:active { border-radius:8px; }
div#nav #chi6 .childcolumn { min-width:0; border-left:0; }
div#nav #chi6 .childcolumn-left { margin-left:0; }
div#nav #chi6 .childcolumn .dd-logolink { text-align:center; }
div#nav #chi6 .childcolumn .dd-logolink img { width:100%; max-width:110px; height:auto; mix-blend-mode: multiply; }





/* Footer
========================================== */

.j-footer-main-wrap {
width:100%;
background: #1b3f8f;
}
div.footer {
background-color:transparent;
border-top:0;
padding-top:20px;
    margin-top:80px; margin-top:32px;
    border-top:60px solid #f3f3f4;
}
table.footer {
color:#666;
font-size:15px;
}
.isfooter {
max-width:none;
}

.j-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:50px;
padding-top:50px;
padding-left:10px;
padding-right:10px;
}
@media /* -------------- */ (max-width: 1169px) {

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

}
.j-footer-base-wrap {
background-color:#001b57;
width:100%;
}

.j-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;
    text-align:center;
    padding-top:30px;
    padding-bottom:28px;
}
@media /* -------------- */ (max-width: 1169px) {

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

}

.ftr-col {
-webkit-flex:1;
flex:1;
}
.ftr-col:first-of-type {
padding-left:0;
}
.ftr-col:last-of-type {
}
.ftr-col > h4 {
color:#ff9436;
font-size:21px;
font-weight:500;
line-height:1.2em;
    margin-top:0;
}
.ftr-col ul { line-height:1.2em; height:auto; }
.ftr-col ul li a { display:inline-block; padding:2px 0; transition: color 0.05s; }
.ftr-col a:link, .ftr-col a:visited { color:#c9d1e4; font-size:16px; }
.ftr-col a:hover, .ftr-col a:active { color:#fff; font-size:16px; text-decoration:none; }


/* Col 1 */
.ftr-logo img {
width: 199px;
height:auto;
margin-bottom:40px;
}
.ftr-col > h4.ftr-tel-h { color:#ff9436; font-size:18px; font-weight:500; margin-bottom:2px; }
.ftr-tel { font-size:30px; color:#fff; margin-bottom:17px; }
.ftr-hrs { font-size:14px; line-height:1.1875em; margin-top:1px; color:#c9d1e4; width:80%; }
.ftr-hrs a { font-size:14px; }
.ftr-hrs a:link, .ftr-hrs a:visited, .ftr-hrs a:hover, .ftr-hrs a:active { color:#fff; }

/* Col 3 */
.ftr-navip img {
    display:inline-block;
    width:163px;
    height:auto;
    margin-top:25px;
    padding-top:28px;
    border-top:1px solid #7e91b8;
}

/* Col 4 */
.j-details { color: #c9d1e4; }
.j-details address {
    font-size:16px;
    line-height:1.1875em;
    font-style:normal;
}

/* Social */

.ftr-social {
-webkit-flex:1;
flex:1;
text-align:left;
color:#444;
margin-top:16px;
    display:flex;
    justify-content:flex-start;
}

.ftr-social a {
margin-left:10px;
    margin-top:auto;
    margin-bottom:auto;
}
.ftr-social a:first-child {
margin-left:0;
}
.ftr-social img {
width:30px;
height:30px;
}
.ftr-social span {
    color:#c9d1e4;
    margin-top:auto;
    margin-bottom:auto;
}

/* Subscribe */

.sbcrb-form {
-webkit-flex:1;
flex:1;
margin-top:1px;
}
#sbcrb div.form, #e-signup table { width:100%; }

#sbcrb table.i_form {
margin:0;
}
.m_form .form_label, .m_form .form_required { margin-bottom:1px; }
#sbcrb div.form {
position:relative;
}

#sbcrb table td {
height:0 !important;
padding:0 !important;
font-size:0 !important;
}
p.ftr-sbcrb-label { margin-bottom:0; font-size:16px; }
#sbcrb input[type=email] {
height:40px;
padding:0 40px 0 12px;
border-radius: 7px 0 0 7px !important;
margin:0 0 0 0;
width:95%;
transition: all 0.3s;
}
#sbcrb input::placeholder { color:#999 !important; font-size:14px; transition: all 0.3s; }
#sbcrb input:focus::placeholder { color:#ccc !important; font-size:14px; }

#sbcrb input::-webkit-input-placeholder { color:#999 !important; font-size:14px; transition: all 0.3s; }
#sbcrb input:focus::-webkit-input-placeholder { color:#ccc !important; font-size:14px; }

/* FF < 19 */
#sbcrb input:-moz-placeholder { color:#999 !important; font-size:14px; transition: all 0.3s; }
#sbcrb input:focus:-moz-placeholder { color:#ccc !important; font-size:14px; }

/* FF > 19 */
#sbcrb input::-moz-placeholder { color:#999 !important; font-size:14px; transition: all 0.3s; }
#sbcrb input:focus::-moz-placeholder { color:#ccc !important; font-size:14px; }

/* IE 10 */
#sbcrb input:-ms-input-placeholder { color:#999 !important; font-size:14px; transition: all 0.3s; }
#sbcrb input:focus:-ms-input-placeholder { color:#ccc !important; font-size:14px; }

#sbcrb button {
position:absolute;
right:0;
bottom:0;
margin:0;
padding:4px 12px !important;
height:40px;
border-radius: 0 7px 7px 0 !important;
background-color:#f77b0f;
font-size:14px;
font-weight:400;
text-transform:uppercase;
transition: all 0.10s ease-in-out;
}
#sbcrb button:hover, #sbcrb button:active {
background-color:#f98f1e;
}

/* Base Bar */

.ftr-copyright { margin:0 auto; }
.cc-logos { display:flex; justify-content:center; text-align:center; }
.cc-logos img { margin-right:5px; max-width:100%; height:100%; margin-bottom:auto; margin-top:auto; }
.cc-logos img:last-child { margin-right:0; }
.cc-logos + p { color:#fff; font-size:18px; margin-bottom:10px; }

div.copyright {
font-size:15px;
font-weight:normal;
text-align:center;
color:#b0beca;
margin-top:6px;
-webkit-flex:1;
flex:1;
}
.footer div.copyright a:link, .footer div.copyright a:visited { font-size:15px; color:#fff; }
.footer div.copyright a:hover, .footer div.copyright a:active { font-size:15px; color:#fff; text-decoration:underline; }
.footer div.copyright a.muteme:link, .footer div.copyright a.muteme:visited { font-size:15px; color:#b0beca; }
.footer div.copyright a.muteme:hover, .footer div.copyright a.muteme:active { font-size:15px; color:#02e3f1; text-decoration:none; }


/* Product List Cell - Multicolumn
========================================== */

.j-pl-multicol {
    
}
.j-pl-multicol .j-pl-image {
    text-align:left;
}
.j-pl-nonimg {
    padding:10px 5px 20px 10px;
}
.j-pl-multicol .j-pl-title {
    padding-top:10px;
}
.j-pl-multicol .j-pl-title a:link, 
.j-pl-multicol .j-pl-title a:visited, 
.j-pl-multicol .j-pl-title a:hover, 
.j-pl-multicol .j-pl-title a:active {
    font-size:17px;
    line-height:1.175em;
}
.j-pl-multicol .j-pl-description {
    font-size:14px;
    line-height:1.15em;
    color:#949494;
}
.j-pl-multicol .j-pl-description p {
    line-height:1.15em;
    margin-top:8px;
}
.j-pl-multicol .j-pl-rating {
    
}
.j-pl-multicol .j-pl-compare {
    border: 1px solid #ccc;
    border-radius: 4px !important;
    padding:4px 6px 4px 4px;
    display:inline-block;
    margin-top:8px;
}
.j-pl-multicol.compareon {
    background-color:#d2eefb;
    transition: all 0.3s;
}
.j-pl-multicol .j-pl-compare label:hover {
    color:#000;
}
.j-pl-multicol .j-pl-price {
    margin-top:8px;
}
.j-pl-multicol .j-pl-price .selling_price b {
    font-weight:400 !important;
    font-size:20px;
    color:#f77b0f;
}
.j-pl-multicol .j-pl-availability {
    margin-top:5px;
}
.j-pl-multicol .j-pl-availability td {
    font-size:14px !important;
    color:#6d9800;
}
.j-pl-multicol .j-pl-qtyadd {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin-top:8px;
}
.j-pl-multicol .j-pl-qty {
    
}
.j-pl-multicol .j-pl-qty input[type="text"] {
    text-align:center;
    font-family:arial, sans-serif;
    font-size:18px;
    height:36px;
    min-height:20px;
    margin-right:6px;
    width:42px;
    padding-left:0;
}
.j-pl-multicol .j-pl-add {
    
}
.j-pl-multicol .j-pl-notify button {
    padding-top:9px !important;
    padding-bottom:9px !important;
    height:auto;   
}

/* Quickview */
button.quickview.button.b_standard {
width:110px;
background-color:#1480C0;
box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.2) !important;
border:2px solid rgba(255, 255, 255, 0.8);
border-radius:8px !important;
transition:all 0.10s ease-in-out;
font-size:14px !important;
height:36px;
    font-weight:normal;
}
button.quickview.button.b_standard:hover {
background-color:#3b91c4;
}


/* Product detail pages
========================================== */

.j-pd-top { margin-top:24px; margin-bottom:20px; }
.j-pd-tab-wrap {
background:#fff;
}


/* Product Top */

.grid {border-collapse:collapse; width:100%; text-align:center; }

.j-pd-top .grid {
    display:flex;
    justify-content:flex-start;
    align-items:stretch;
    padding-left:5px;
    padding-right:5px;
    width:100%;
}

#product_details,
#product_images { vertical-align:top; height:100%; }
#product_details { flex:0.5; text-align:left;}
#product_images { flex:0.5; margin-right:26px; }
#product_images .p2 { }

.j-pd-title h1 {
    font-size:23px;
    font-weight:500;
    color:#404040;
    letter-spacing:-0.75px;
    margin-bottom:5px;
    margin-top:16px;
    border-bottom:0;
}
.j-pd-short-description {
    font-size:16px;
    letter-spacing:-0.4px;
    color:#404040;
}
.j-pd-short-description p {
    margin-bottom:8px;
    margin-top:12px;
}
.j-pd-part-number {
    font-size:16px;
    color:#404040;
}
.j-pd-part-number b {
    font-weight:400 !important;
}
.j-pd-above-action {
    display: -webkit-flex;
    display:flex;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    margin-top:10px;
}
.j-pd-price-area { -webkit-flex:2; flex:2; margin: auto auto auto 0;}


/* Image */
#product_images #magnify-wrap img { /*border: 1px solid #c8c8c8;*/ }
#product_images .p2 div#zoom { display:none; }

/* Brand */
.j-pd-brandlogo { -webkit-flex:1; flex:1; max-width:140px; opacity:1; }
.j-pd-brandlogo img { width:100% !important; height:auto !important; max-width:100% !important; max-height:100% !important; display:inline-block; }

/* Availability */
.j-pd-availability { margin-top:10px; }
.grid .j-pd-availability table { padding:0; border-spacing:0; }
.grid .j-pd-availability table.options p { font-size:16px; line-height:1 !important; }
#availability2 { color:#6d9800; font-size:16px; }
.j-pd-availability b { font-weight:normal; font-size:16px; color:#4e4e4e; }
.j-pd-availability a:link, 
.j-pd-availability a:visited { color:#1797cf; font-size:16px; }

/* Loyalty Points */
.j-pd-points { }
.j-pd-points i, .j-pd-points b { font-weight:normal; font-style:normal; color:#94ce00; }
.j-pd-points a:hover i, 
.j-pd-points a:active i { color:#83b600; }

/* Prices */
.j-pd-main-price .selling_price { color:#4e676d; font-size:16px;}
.j-pd-main-price .selling_price b
.j-pd-vat .subtext { color:#4e676d; font-size:15px; }
.j-pd-incexc .subtext { color:#4e676d; font-size:15px; }

/* Options and additions */
.j-pd-action-area { background:#e7f1f7; padding:14px 26px 18px 26px; margin-top:10px; }
.j-product-action { margin-left:-1px; }
#product_details select { width:auto; padding-top:5px; padding-bottom:5px; }
.j-pd-options { text-align:right; margin-bottom:10px; }
.j-pd-options > div.p { margin-top:10px; }
.j-pd-options table.options b { font-size:14px; font-weight:400 !important; padding-right:5px; }
.j-pd-options table.options select { padding-right:35px; }
.j-pd-options .m_form .form_label, .m_form .form_required { display:inline-block; }

.j-pd-options [type=checkbox] {
position:relative;
display:inline-block;
width:20px;
height:20px;
margin-right:4px;
vertical-align:middle;
-webkit-appearance:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
padding:6px;
border:1px solid #ccc;
border-radius:3px !important;
line-height:20px;
background:#fff;
    margin-top:0;
}
.j-pd-options [type=checkbox]:hover {
border-color:#666;
}
.j-pd-options [type=checkbox]:checked {
border:0;
background:#83b600;
color:#83b600;
fill:#83b600;
}
.j-pd-options [type=checkbox]:checked:after {
position:absolute;
content: "\2713";
top:12px;
left:5px;
display:block;
width:16px;
height:16px;
color:#fff;
line-height:0;
pointer-events:none;
}




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


/* Add to Basket - Button */
.j-qty-addbtn button.b_basket {
margin-left:4px !important;
width:200px;
height:52px;
background-color:#83B600;
font-size:19px;
font-weight:500 !important;
/*text-transform:uppercase;*/
border-radius:6px !important;
}
.j-qty-addbtn button.b_basket:hover { background-color:#6D9800; }
button.b_basket:active { background-color:#83B600; }

/* Discount Message */
.j-pd-discount { display:inline-block; background:#c71313; color:#fff; padding: 2px 8px; margin-top:10px; }
.j-pd-discount .p { margin:0; padding:0; }
.j-pd-discount p { display:inline-block; margin:0; padding:0; }

/* Notify me */
.j-pd-notify table.alternate { width:auto; background-color:transparent; margin-bottom:15px; }
.j-pd-notify table.alternate td { padding:0 !important; }
.j-pd-notify table a { font-size:15px; display:inline-block; border:1px solid #1480c0; color:#1480c0; border-radius:4px !important; padding:10px 14px; transition: all 0.05s ease-out; }
.j-pd-notify table a:hover, 
.j-pd-notify table a:active { background:#dce7ee; color:#1b3f8f; text-decoration:none; }

/* Below main button */
.j-pd-below-action { display:flex; justify-content:space-between; }
/*.j-pd-addable { margin: auto auto auto 0; }
.j-pd-friend { margin: auto 0 0 auto; }*/
.j-pd-below-action > div:nth-child(1) { margin: auto auto auto 0; }
.j-pd-below-action > div:nth-child(2) { margin: auto 0 0 auto; }

/* Additional content */
.j-pd-additional { padding-top:20px; }
.j-pd-additional p:first-child { margin-top:0; }

/* Distributor/Installer boxes */
.j-pd-custom2 { display:flex; margin-top:15px; }
.j-pd-custom2 > span { border:1px solid #d3d3d3; margin-right:15px; }
.j-pd-custom2 > span:last-child { margin-right:0; }
.j-pd-custom2 b { display:block; font-size:18px; font-weight:500 !important; margin-bottom:0; margin-top:0; padding-top:10px; }
.j-pd-custom2 a { display:block; padding-bottom:2px; }
.j-pd-custom2 i { display:block; font-size:14px; color:#727272; margin-top:0; padding:5px 0 10px 0; font-style:normal; text-decoration:none !important; }
.j-pd-callout-distributor a { padding-left:72px; background: url(/user/templates/jws/ic-uk_2x.png) 18px 10px no-repeat; background-size:40px 64px; }
.j-pd-callout-installation a { padding-left:82px; background: url(/user/templates/jws/ic-tools_2x.png) 14px 10px no-repeat; background-size:56px 68px; }
.j-pd-custom2 a:hover { background-color:#f8f8f8; text-decoration:none !important; }
.j-pd-custom2 a:hover i { text-decoration:none !important; color:#727272 !important; }
.j-pd-custom2 a:hover b { color:#1b3f8f; }

/* Inline Related Products */
.j-pd-addable-title { color:#77979d; font-size:15px; }
.j-pd-addable select { height:32px; padding-top:5px; padding-bottom:5px; font-size:14px; border:1px solid #ccc; }
.j-pd-addable img { }
.j-pd-addable table { font-size:14px; }
#related_prefix { margin-top:10px; }
.j-pd-addable .labels b { font-weight:normal !important; font-size:15px; color:#454545; }
.j-pd-addable .p2 { margin-top:4px; margin-bottom:4px; }

/* Tell a friend/colleague */
.j-pd-friend button.b_standard {
    background-color:transparent;
    border:1px solid #b1b1b1;
    border-radius:4px !important;
    color:#9e9e9e;
    margin-bottom:4px;
    width:auto;
    font-size:15px;
}
.j-pd-friend button.b_standard:hover {
    background-color:#dce7ee;
    border:1px solid #707070;
    color:#707070;
    
}

/* Tab Structure */
.ui-tabs {
padding-top:20px;
padding-bottom:20px;
margin:0;
}
.ui-tabs .ui-tabs-panel {
border:0;
border-top:1px solid #d4d4d4;
padding-left:10px;
padding-top:24px;
padding-right:30px;
}
#product_tabs-1 { padding-bottom:40px; } /* Second tab (Downloads) */

.ui-tabs .ui-tabs-nav li {
background-color:#f1f2f3;
border-color:transparent;
margin-right:4px;
    border-top:5px solid transparent;
    border-bottom:1px solid #d4d4d4;
    border-left:0;
    border-right:0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
background-color:#fff;
border-left:1px solid #d4d4d4;
    border-right:1px solid #d4d4d4;
    border-top:6px solid #1b3f8f;
    border-bottom:0;
}
.ui-tabs .ui-tabs-nav li.ui-state-hover {
background-color:#e5e7e9;
    border-top:5px solid transparent;
    border-bottom:1px solid #d4d4d4;
    border-left:0;
    border-right:0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover {
border-left:1px solid #d4d4d4;
    border-right:1px solid #d4d4d4;
    border-top:6px solid #1b3f8f;
    border-bottom:0;
    background-color:#fff;
}
.ui-tabs .ui-tabs-nav li a {
font-weight:normal;
font-size:17px;
color:#f77b0f;
padding:15px 18px;
letter-spacing:0.2px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs .ui-tabs-nav li.ui-state-hover a {
color:#4a4a4a;
}


/* Tab Content
========================================== */
#product_tabs h1, 
#product_tabs h1 span, 
#product_tabs h1 u {
font-family:'rubik', arial, sans-serif !important;
font-size:30px !important;
line-height:1.2em !important;
font-weight:500 !important;
color:#333 !important;
text-decoration:none !important;
margin-top:0 !important;
}

#product_tabs h2, 
#product_tabs h2 span, 
#product_tabs h2 u {
font-family:'rubik', arial, sans-serif !important;
font-size:26px !important;
line-height:1.2em !important;
font-weight:400 !important;
color:#83b600 !important;
text-decoration:none !important;
margin-top:0 !important;
}
#product_tabs h2 + p {
margin-top:2em;
}
#product_tabs h3, 
#product_tabs h3 span, 
#product_tabs h3 u {
font-size:20px !important;
font-weight:500 !important;
color:#444 !important;
}
#product_tabs h4, 
#product_tabs h4 span, 
#product_tabs h4 u {
font-size:18px !important;
font-weight:400 !important;
color:#4e676d !important;
}

#product_tabs h5, 
#product_tabs h5 span, 
#product_tabs h5 u {
font-size:17px !important;
font-weight:400 !important;
color:#4e676d !important;
}
#product_tabs .ui-tabs-panel p + h4, 
#product_tabs .ui-tabs-panel p + h5, 
#product_tabs .ui-tabs-panel ul + h4, 
#product_tabs .ui-tabs-panel ul + h5, 
#product_tabs .ui-tabs-panel ol + h4, 
#product_tabs .ui-tabs-panel ol + h5 {
margin-top:2.2em;
}
#product_tabs .ui-tabs-panel h3 + p {
margin-top:2.2em;
}
#product_tabs .ui-tabs-panel h3 + h4 {
margin-top:2.2em;
}
#product_tabs table {
border: 0 !important;
border-collapse: collapse;
margin-top:2.2em !important;
font-size:16px !important;
min-width:50%;
max-width:100%;
}
#product_tabs .ui-tabs-panel table + h4, 
#product_tabs .ui-tabs-panel table + h5 {
margin-top:2.2em;
}

#product_tabs td, 
#product_tabs th {
border:0 !important;
border-bottom:1px solid #4e676d !important;
padding:6px 8px !important;
color:#4e676d !important;
font-family:'rubik',arial,sans-serif !important;
font-size:14px !important;
text-align:left !important;
}
#product_tabs tr:last-child td {
border-bottom:0 !important;
}
#product_tabs tr > td:first-child {
font-weight:500 !important;
white-space: nowrap;
color:#4e676d !important;
    letter-spacing:-0.2px;
}
.ui-tabs-panel p, 
.ui-tabs-panel b, 
.ui-tabs-panel strong, 
.ui-tabs-panel i, 
.ui-tabs-panel em, 
.ui-tabs-panel ul, 
.ui-tabs-panel ol, 
.ui-tabs-panel li {
font-family:'rubik',arial, sans-serif !important;
color:#3a465a !important;
font-size:16px !important;
    line-height:1.3em;
}
.ui-tabs-panel p { margin: 1.2em 0; }
.ui-tabs-panel strong, 
.ui-tabs-panel b { color:#32484d !important; }
.ui-tabs-panel p.smalltext { font-size:14px !important; }

.ui-tabs-panel .p2 { margin:0; }
.ui-tabs-panel a:link, 
.ui-tabs-panel a:visited, 
.ui-tabs-panel a:link b, 
.ui-tabs-panel a:visited b {
color:#1480c0 !important;
}
.ui-tabs-panel a:link, 
.ui-tabs-panel a:visited {
text-decoration:underline !important;
}
.ui-tabs-panel a:hover, 
.ui-tabs-panel a:active, 
.ui-tabs-panel a:hover b, 
.ui-tabs-panel a:active b {
color:#94ce00 !important;
}
.ui-tabs-panel a:hover, 
.ui-tabs-panel a:active {
text-decoration:underline !important;
}



/* Tab Main / Side
========================================== */

.j-pd-content { background:#fff; }
.j-pd-content .jfix { display:flex; }
.j-pd-content-side { max-width:355px; order:2; padding-bottom:40px; padding-right:20px; padding-top:20px; }
.j-pd-content-main { flex:1; padding-right:45px; padding-left:5px; }
.j-pd-content-side .lb_title { }
.j-pd-content-side .lb_title span { padding-left:10px; }

.j-pd-content-side > table.tables > tbody > tr:first-child td { padding-top:15px; }
.j-pd-content-side > table.tables > tbody > tr:first-child .j-pl-single-availability td { padding-top:5px; }
.j-pd-content-side .primage img { max-width:140px; height:auto; }


/* Product List: Single Column 
------------------------------------------*/
.j-pl-single-title { line-height:1.25em; margin-bottom:4px; margin-top:0; }
.j-pl-single-title a { font-size:17px; display:block; transition:all 0.3s ease; }
.j-pl-single-title a b { font-weight:normal !important; }
.j-pl-single-desc { color:#949494; }
.j-pl-single-desc p { font-size:14px; line-height:1.2em; margin-top:0; }
.j-pl-single-price { margin-top:6px; }
.j-pl-single-price .selling_price { color:#f77b0f; font-size:20px; }
.j-pl-single-price .selling_price > b { font-weight:normal !important; }

.j-pl-single-availability { margin-top:4px; }
.j-pl-single-availability td { font-size:14px !important; color:#6d9800; }

.j-pl-single-qtyadd { display:flex; justify-content:flex-start; align-items:center; margin-top:8px; }
.j-pl-single-qty input[type="text"] {
    text-align:center;
    font-family:arial, sans-serif;
    font-size:18px;
    height:34px;
    min-height:20px;
    margin-right:7px;
    width:40px;
    padding-left:0;
}
.j-pl-single-add { }
.j-pl-single-add .button { font-size:15px; }
.j-pl-single-add .b_basket.b_small { height:auto; }
.j-pl-single-add button.b_basket.b_small { width:auto; }


/* Product List: Side Column 
------------------------------------------*/
.left .j-pl-side-image { width:90%; margin:0 auto; }
.left .j-pl-side-title { line-height:1.25em; margin-bottom:4px; margin-top:8px; }
.left .j-pl-side-title a { font-size:17px; display:block; transition:all 0.3s ease; }
.left .j-pl-side-title a b { font-weight:normal !important; }
.left .j-pl-side-desc { color:#949494; }
.left .j-pl-side-desc p { font-size:13px; line-height:1.2em; margin-top:0; color:#888; }
.left .j-pl-side-price { margin-top:6px; }
.left .j-pl-side-price .selling_price { color:#f77b0f; font-size:20px; }
.left .j-pl-side-price .selling_price > b { font-weight:normal !important; }

.j-pl-side-availability { margin-top:4px; }
.j-pl-side-availability td { font-size:14px !important; color:#6d9800; }

.j-pl-side-qtyadd { display:flex; justify-content:flex-start; align-items:center; margin-top:8px; }
.j-pl-side-qty input[type="text"] {
    text-align:center;
    font-family:arial, sans-serif;
    font-size:18px;
    height:34px;
    min-height:20px;
    margin-right:7px;
    width:40px;
    padding-left:0;
}
.j-pl-side-add { }
.j-pl-side-add .button { font-size:15px; }
.j-pl-side-add .b_basket.b_small { height:36px; }
.j-pl-side-add button.b_basket.b_small { width:auto; }







/* Customers who also bought */
.j-pd-also-bought { margin-top:1.4em; }
.j-pd-also-bought p:first-of-type { }
.j-pd-also-bought .p { margin-top:0; }
.j-pd-also-bought table.options td a:link, 
.j-pd-also-bought table.options td a:visited, 
.j-pd-also-bought table.options td a:hover, 
.j-pd-also-bought table.options td a:active {
    font-size:15px;
}
.j-pd-also-bought table.options td:nth-of-type(2) b { font-weight:400 !important; }


/* Product Detail - Call to action
========================================== */
.j-pd-cta { background:#e7f1f7; padding:22px 32px 25px 32px; margin-top:2.6em; }
.j-pd-cta p { color:#181818; font-size:17px; }
.j-pd-cta p.co-prom { font-size:24px; margin-top:0; margin-bottom:0.4em; }
.j-pd-cta p.co-prom + p { margin-top:0; }
.j-pd-cta p:last-child { margin-bottom:0; }
.j-pd-cta p.co-prom b { }
.j-pd-cta p a:link, 
.j-pd-cta p a:visited, 
.j-pd-cta p a:hover, 
.j-pd-cta p a:active { font-size:inherit; text-decoration:underline; }


/* Category List Cell - Multicolumn
========================================== */

.j-cl-multi-wrap {
background:#fff;
padding:15px 10px;
transition:all 0.3s ease;
}
.j-cl-multi-image { }
.j-cl-multi-title { }
.j-cl-multi-title p { margin-bottom:0; line-height:1.4em; }
.j-cl-multi-title a b { font-size:18px; font-weight:600; color:#2e2e2e; }
.j-cl-multi-desc p { font-size:14px; color:#888; }
.j-cl-multi-desc p:first-of-type { margin-top:0; padding-top:0; }
td.pcheading { padding-top:40px; }
td.pcheading div { border-top:3px solid #fa6565; padding-top:18px; }
td.pcheading h2 {
    font-size:30px;
    font-weight:400;
    letter-spacing:-0.5px;
    color:#333;
}



/* General :: Pagination and Chrome
========================================== */
table.alternatet b,
table.alternateb b {
font-weight:500;
}
table.alternatet td[align="left"], 
table.alternateb td[align="left"] {
    padding-left:5px;
}
table.alternatet table.details td a,
table.alternateb table.details td a {
display:inline-block;
padding:4px 10px;
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 #1480c0;
color:#1480c0;
transition: all 0.05s ease-out;
border-radius: 5px !important;
}
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:#1480c0;
    color:#fff;
    border:1px solid #1480c0;
    text-decoration:none;
}
table.alternatet table.details td a:active,
table.alternateb table.details td a:active {
background:#3f9cd3;
}

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:#1480c0; }
span.bp-icon-arrow-left.bp-icon-grey { color:#1480c0; }
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:#1b3f8f; }
a:hover span.bp-icon-arrow-left.bp-icon-grey { color:#1b3f8f; }

table.alternatet table.details td a[title="First page"], 
table.alternateb table.details td a[title="First page"], 
table.alternatet table.details td a[title="Last page"], 
table.alternateb table.details td a[title="Last page"] { color:#1480c0; border:0 !important; background-color:transparent; }
table.alternatet table.details td a[title="First page"]:hover, 
table.alternateb table.details td a[title="First page"]:hover, 
table.alternatet table.details td a[title="Last page"]:hover, 
table.alternateb table.details td a[title="Last page"]:hover { color:#1b3f8f; border:0 !important; background-color:transparent; }

/* Show all products link */
table.alternateb td[align="right"] a:link, 
table.alternateb td[align="right"] a:visited, 
table.alternatet td[align="right"] a:link, 
table.alternatet td[align="right"] a:visited { color:#1480c0; }
table.alternateb td[align="right"] a:hover, 
table.alternateb td[align="right"] a:active, 
table.alternatet td[align="right"] a:hover, 
table.alternatet td[align="right"] a:active { color:#94ce00; }


/* Blocks
========================================== */
#cb_id_6 { padding-top:40px;} /* Related Products */
#cb_id_9 { padding-top:40px;} /* Top Sellers */

/* Customer Reviews (Native) */
#cb_id_13 #reviews { padding:0 15px; }


/* News Index
========================================== */

body.j-news-index #cb_id_CONTENT h1 { margin-top:-0.4em; margin-bottom:1em; }
body.j-news-index table.tables tr.post .p2 i, 
body.j-news-index table.tables tr.post .p2 i a:link, 
body.j-news-index table.tables tr.post .p2 i a:visited, 
body.j-news-index table.tables tr.post .p2 i a:hover, 
body.j-news-index table.tables tr.post .p2 i a:active, 
body.j-news-index table.tables tr.post .p:last-of-type i,
body.j-news-index table.tables tr.post .p:last-of-type i a:link, 
body.j-news-index table.tables tr.post .p:last-of-type i a:visited, 
body.j-news-index table.tables tr.post .p:last-of-type i a:hover, 
body.j-news-index table.tables tr.post .p:last-of-type i a:active { font-size:14px; }

body.j-news-index table.tables tr.post .p2 div i,
body.j-news-index table.tables tr.post .p2 div a:link, 
body.j-news-index table.tables tr.post .p2 div a:visited, 
body.j-news-index table.tables tr.post .p2 div a:hover, 
body.j-news-index table.tables tr.post .p2 div a:active, 
body.j-news-index table.tables tr.post .p:last-of-type div i,
body.j-news-index table.tables tr.post .p:last-of-type div a:link, 
body.j-news-index table.tables tr.post .p:last-of-type div a:visited, 
body.j-news-index table.tables tr.post .p:last-of-type div a:hover, 
body.j-news-index table.tables tr.post .p:last-of-type div a:active { font-size:15px; }

/* Sub text */
body.j-news-index table.tables tr.post .p2 i { color:#999; }

/* News category link */
body.j-news-index table.tables tr.post .p2 i a:link i, 
body.j-news-index table.tables tr.post .p2 i a:visited i { color:#999; }
body.j-news-index table.tables tr.post .p2 i a:hover i, 
body.j-news-index table.tables tr.post .p2 i a:active i { color:#222; }

/* Read more */
body.j-news-index table.tables tr.post .p2 div a:link i, 
body.j-news-index table.tables tr.post .p2 div a:visited i { color:#1480c0; }
body.j-news-index table.tables tr.post .p2 div a:hover i, 
body.j-news-index table.tables tr.post .p2 div a:active i { color:#94ce00; }

/* Heading link */
body.j-news-index a.post_title:link, 
body.j-news-index a.post_title:visited, 
body.j-news-index a.post_title:hover,
body.j-news-index a.post_title:active { font: 500 22px/1.25em 'rubik', arial, sans-serif;}


/* News Detail
========================================== */

body.j-news-detail #cb_id_CONTENT { font-size:16px; color:#444; }
body.j-news-detail #cb_id_CONTENT table td { border-bottom:1px solid #ccc; padding:2px; }
body.j-news-detail #cb_id_CONTENT table tr:last-of-type td { border-bottom:0; }
body.j-news-detail #cb_id_CONTENT table th { border-bottom:1px solid #666; padding:2px; }
body.j-news-detail #cb_id_CONTENT table th b, 
body.j-news-detail #cb_id_CONTENT table td b { color:#333; font-weight:500; }
body.j-news-detail #cb_id_CONTENT p { margin:1.25em 0px;}
body.j-news-detail #cb_id_CONTENT #breadcrumb p { margin-top:0; }

body.j-news-detail #cb_id_CONTENT table.layout, 
body.j-news-detail #cb_id_CONTENT table.layout th, 
body.j-news-detail #cb_id_CONTENT table.layout tr, 
body.j-news-detail #cb_id_CONTENT table.layout td { border:0 !important; }

body.j-news-detail #cb_id_CONTENT a:link, 
body.j-news-detail #cb_id_CONTENT a:visited, 
body.j-news-detail #cb_id_CONTENT a:hover, 
body.j-news-detail #cb_id_CONTENT a:active {
font-size:16px;
text-decoration:underline;
}
body.j-news-detail #cb_id_CONTENT a:link, 
body.j-news-detail #cb_id_CONTENT a:visited { color:#1480c0; }
body.j-news-detail #cb_id_CONTENT a:hover, 
body.j-news-detail #cb_id_CONTENT a:active { color:#94ce00; }

body.j-news-detail #cb_id_CONTENT #breadcrumb a:link, 
body.j-news-detail #cb_id_CONTENT #breadcrumb a:visited, 
body.j-news-detail #cb_id_CONTENT #breadcrumb a:hover, 
body.j-news-detail #cb_id_CONTENT #breadcrumb a:active {
font-size:13px;
text-decoration:none;
color:#888;
}

body.j-news-detail #cb_id_CONTENT h1 { font-size:32px; }
body.j-news-detail #cb_id_CONTENT h2 { font-size:21px !important; color:#444; margin-top:1.6em; font-weight:500; }
body.j-news-detail #cb_id_CONTENT h3 { font-size:19px !important; font-weight:500; }
body.j-news-detail #cb_id_CONTENT b, 
body.j-news-detail #cb_id_CONTENT strong { font-weight:500; }
body.j-news-detail #cb_id_CONTENT .subtext b { font-weight:500; }


/* News Categories side block */

#lb_id_36 .lb_content { padding-top:0; }

#lb_id_36 .ul a:link, 
#lb_id_36 .ul a:visited, 
#lb_id_36 .ul a:hover, 
#lb_id_36 .ul a:active, 
#lb_id_36 .ul b {
font-size:15px;
/*display:inline-block;*/
    display:block;
    padding-left:1em;
/*margin-left:1em;*/
    padding-bottom:0.6em;
    border-bottom:1px solid #ccc;
    transition: color 0.05s;
}
#lb_id_36 .ul a:hover, 
#lb_id_36 .ul a:active {
background-color:#ebedf2;
    color:#1b3f8f;
    text-decoration:none;
}
#lb_id_36 .ul b { font-weight:500; color:#333 !important; }

#lb_id_36 .ul a:before, 
#lb_id_36 .ul b:before {
    content: "";  
    border-color: transparent #f77b0f;  
    border-style: solid;  
    border-width: 0.45em 0 0.45em 0.45em;  
    display: block;  
    height: 0;  
    width: 0;  
    left: -0.9em;  
    top: 1em;  
    position: relative;  
}
#lb_id_36 .ul br { display:none; }


/* Recent Posts - Left */

.left #lb_id_4 .subtext_left { 
display:block;
margin-top:0;
margin-bottom:-10px;
padding-top:15px;
border-top:1px solid #ccc;
}
.left #lb_id_4 .lb_content p.first .subtext_left {
border-top:0;
padding-top:15px;
}
.left #lb_id_4 a:link, 
.left #lb_id_4 a:visited, 
.left #lb_id_4 a:hover, 
.left #lb_id_4 a:active { font-size:15px; }


/* Recent Posts - Right */

td.right { padding-left:0; padding-right:0; width:240px; }

.right #rb_id_4 { background-color:#fff; padding:6px 0 0 20px; }
.right #rb_id_4 .subtext_right { 
display:block;
margin-top:0;
margin-bottom:-12px;
padding-top:15px;
border-top:1px dotted #ccc;
}
.right #rb_id_4 .rb_content {
    padding-top:0; 
}
.right #rb_id_4 .rb_content p.first .subtext_right {
border-top:0;
padding-top:15px;
}
.right #rb_id_4 a:link, 
.right #rb_id_4 a:visited, 
.right #rb_id_4 a:hover, 
.right #rb_id_4 a:active {
font-size:15px;
color:#1480c0;
display:block;
}
.right #rb_id_4 a:link, 
.right #rb_id_4 a:visited { color:#1480c0; }
.right #rb_id_4 a:hover, 
.right #rb_id_4 a:active { color:#94ce00; text-decoration:underline; }


/* View 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; }
table.basket .hrd { border-bottom:1px solid #ccc; }
.bp-icon-remove:before { color:#dc2c33; }


/* Dialog / Modal
============================================== */
.ui-dialog { margin-top:30px; border:4px solid #1480c0; background:#e9eff3; border-radius:12px !important; box-shadow:0px 10px 42px #000000; }
.ui-dialog td { font: 15px 'rubik', arial, sans-serif; }
.ui-dialog .ui-dialog-buttonpane { background:#e9eff3; }
.ui-dialog .ui-dialog-titlebar { background: #1480c0; color:#fff; font-size:17px; font-family:'rubik', arial, sans-serif; font-weight:500; letter-spacing:-0.4px; }
.ui-dialog .ui-dialog-buttonpane button { background: #83b600; *background: #83b600; font: 15px 'rubik', arial, sans-serif; font-weight:500; border-radius:4px !important; transition: all 0.10s ease-in-out; }
.ui-dialog .ui-dialog-buttonpane button:first-child { background: #1480c0; }
.ui-dialog .ui-dialog-buttonpane button.ui-state-hover, 
.ui-dialog .ui-dialog-buttonpane button.ui-state-active { background: #6d9800; *background: #6d9800; }
.ui-dialog .ui-dialog-buttonpane button:first-child.ui-state-hover, 
.ui-dialog .ui-dialog-buttonpane button:first-child.ui-state-active { background: #1b3f8f; }


/* Account
============================================== */
.j-account .p2 table.basket tr.alt b {
display:inline-block;
border-bottom:4px solid #1480c0;
padding-bottom:10px;
}

.j-account .p2 table.basket .hrd { margin-top:-10px; }


/* Checkout
============================================== */
.bp-icon-progress { color:#9cba36; }
.bp-line-progress { border-bottom: 4px solid #94ce00; }
.bp-line-progress.bp-icon-fade { border-bottom: 2px solid #94ce00; }
.bp-icon-progress.bp-icon-fade { color:#94ce00; }


/* 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:#b5e92f; margin-right:10px; border-radius:4px !important; height:auto; line-height:31px; font-size:15px; padding: 2px 18px; transition: all 0.10s ease-in-out; }
#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:#b5e92f; }


/* Web Pages
============================================== */
.j-page h1 { }
.j-page h2 { font-size:25px; margin-top:1.4em; }
.j-page h1 + h2 { margin-top:1em; }
.j-page h3 { font-size:21px; font-weight:500; letter-spacing:-0.2px; margin-top:1.7em; }
.j-page h4 { font-weight:500; margin-top:1.7em; }
.j-page h5 { }
.j-page p { line-height:1.4em; -webkit-text-size-adjust:150%; } /* iPad font size increase */
.j-page ul, .j-page ol { }
.j-page li { line-height:1.4em; }
.j-page ul.with-gap > li, .j-page ol.with-gap > li { margin-bottom:1.1em; }
ul.flush-left { list-style-position: inside; padding-left: 0; }
.j-page p a:link, .j-page p a:visited, .j-page p a:hover, .j-page p a:active, 
.j-page li a:link, .j-page li a:visited, .j-page li a:hover, .j-page li a:active { text-decoration:underline !important; }
.j-panel { padding:18px 25px; }
.j-panel-alert {
    background-color:#f5e0da;
    font-size:18px;
    font-weight:500;
    display:inline-block;
}
.j-panel-general {
    background-color:#ebedf2;
}
.j-panel p:first-child { margin-top:0; }
.j-panel p:last-child { margin-bottom:0; }

/* Layout */

.j-page-chunk1 { display:flex; }
.j-page-chunk1-l { }
.j-page-chunk1-r { }
.j-page-chunk1 img { width:100%; height:auto; max-width:360px; }
.j-page-chunk1 h3:first-child { margin-top:0.5em; }



/* Lists
============================================== */

ul.list-tick-1 {
    list-style:none;
    margin: 1.6em 0 2em 0;
    padding:20px;
    background-color:#eef7e7;
}
ul.list-tick-1 li { 
    list-style:none;
    background: url(/user/templates/jws/ic-tick.png) 0 0 no-repeat;
    background-size:21px 20px;
    padding:0 0 0 30px;
    margin:0 0 0.5em 0;
    line-height: 1.35em;
    font-size:18px;
}
ul.list-tick-1 li:last-child {
    margin-bottom:0;
}

ul.list-tick-2 {
    list-style:none;
    margin: 2.2em 0 0 0;
    padding-left:1.8em;
}
ul.list-tick-2 li { 
    list-style:none;
    background: url(/user/templates/jws/ic-tickcircle.png) 0 0 no-repeat;
    background-size:36px 33px;
    padding:0 0 0 42px;
    margin:0 0 0.5em 0;
    line-height: 1.35em;
    font-size:24px;
    color:#3a465a;
}
ul.list-tick-2 li:last-child {
    margin-bottom:0;
}

ul.list-tick-3 {
    list-style:none;
    margin: 2.2em 0 0 0;
    padding-left:0;
}
ul.list-tick-3 li { 
    list-style:none;
    background: url(/user/templates/jws/ic-tickcircle.png) 0 0 no-repeat;
    background-size:31px 28px;
    padding:0 0 0 42px;
    margin:0 0 0.5em 0;
    line-height: 1.35em;
    font-size:20px;
    color:#3a465a;
}
ul.list-tick-3 li:last-child {
    margin-bottom:0;
}


/* Page-specific overrides */



/* Icons
============================================== */

a.j-pdf-link-stacked { 
    display:block;
    margin-bottom:0.4em;
    background: url(/user/content/ic-pdf.png) center top no-repeat;
    background-size:29px 33px;
    padding:35px 0 0 0;
    text-align:center;
}
a.j-pdf-link-stacked:link, a.j-pdf-link-stacked:visited { font-size:15px; }
a.j-pdf-link-stacked:hover, a.j-pdf-link-stacked:active { font-size:15px; }

a.j-pdf-link-side { margin-bottom:0.4em; }
a.j-pdf-link-side { background: url(/user/content/ic-pdf.png) left center no-repeat; background-size:29px 33px; padding:7px 0 7px 35px;}
a.j-pdf-link-side:link, a.j-pdf-link-side:visited { }
a.j-pdf-link-side:hover, a.j-pdf-link-side:active { }

.j-goto a {
    display:block;
    background: url(/user/content/ic-goto_2x.png) left center no-repeat;
    background-size:25px 22px;
    padding: 0 0 0 32px;
    text-align:left;
}
.j-page p.j-goto a:link, 
.j-page p.j-goto a:visited, 
.j-page p.j-goto a:hover, 
.j-page p.j-goto a:active {
    text-decoration:none !important;
}

/* Tables
============================================== */

/* Table 0 */

table.j-table-0 {
    border-collapse:collapse;
    border-spacing:0;
    border:0;
}
table.j-table-0 th, 
table.j-table-0 td {
    border:0;
    padding:4px 8px 4px 0;
}


/* Table 1 */

table.j-table-1 {
    padding:0;
    border-collapse:collapse;
    border-spacing:0;
    width:90%
}
table.j-table-1 tr {
}
table.j-table-1 th, 
table.j-table-1 td {
    font-size:15px;
    line-height:1.3em;
    padding:10px 12px;
    border:1px solid #aaaaaa;
    vertical-align:middle;
}
table.j-table-1 th {
    color:#666;
    background-color:#e6e6e6;
    font-weight:400;
}
table.j-table-1 td {
    color:#333;
    background:#fff;
}

/* Page-specific overrides */

.jws-delivery table.j-table-1 td:first-child, 
.jws-terms table.j-table-1 td:first-child {
    width:80px;
}
.jws-delivery table.j-table-1 td:last-child, 
.jws-terms table.j-table-1 td:last-child {
    min-width:110px;
}


/* Panels
============================================== */

.j-panel-1 {
    display:inline-block;
    background-color:#e7f1f7;
    padding:26px 36px;
}
.j-panel-1 p:first-child { margin-top:0; }
.j-panel-1 p:last-child { margin-bottom:0; }


/* Blockquotes
============================================== */

.j-bq1 {
    border-left:8px solid #61a1c2;
    padding-left:0.8em;
    margin-top:1.6em;
}
.j-bq2 {
    border-left:8px solid #61a1c2;
    padding-left:0.8em;
    margin-top:1.6em;
    background-color:#e7f1f7;
    padding-top:1em;
    padding-bottom:1em;
}
.j-bq2 p:first-child { margin-top:0; padding-top:0; }
.j-bq2 p:last-child, 
.j-bq2 p:last-child { margin-bottom:0; padding-bottom:0; }


/* Flex Grids
============================================== */

.j-grid-5 { display:flex; flex-wrap: wrap; justify-content:center; margin-top:2.5em; }
.j-grid-5 > div { flex-basis:18%; margin-bottom:3em; margin-right:50px; }
.j-grid-5 > div img, 
.j-grid-5 > div span { display:block; margin:auto; text-align:center; }
.j-grid-5 > div img { margin: 0 auto; width:160px; }
.j-grid-5 > div span { font-size:14px; margin-top:0.4em; }

.j-flex-2 { display:flex; background:#e9e9e9; padding:15px 25px 25px; }
.j-flex-2 > div { margin-right:20px; /*flex: 1 1 auto;*/ text-align:center; }

.j-table-2 { }
.j-table-2 td { width:49%; vertical-align:top; }
.j-table-2 tr td:first-child { padding-right:30px; }
.j-table-2 img { width:100%; height:auto; }
.j-table-2 tr td:first-child img { }

.j-flex-3 { display:flex; flex-wrap:wrap; }
.j-flex-3 > div { }
.j-flex-3 > div:last-child { padding-left:20px; flex-basis:48%; }

.j-flex-0 { display:flex; }
.j-flex-0 > p { margin:auto auto auto 10px; }

.j-flex-4 { display:flex; align-items:start; justify-content:space-around;  }
.j-flex-4 > p { margin:auto auto auto 10px; }


/* Page-specific styles
============================================== */

/* Contact Us */

.j-page-tel { }
.j-email { font-size:24px; color:#1480c0; }
.j-whatsapp { display:flex; }
.j-whatsapp p, .j-whatsapp img { margin-top:auto; margin-bottom:auto; }
.j-whatsapp p { width:50%; }


/* Terms Page */

.jws-terms h4 { margin-top:1.4em; }
.jws-terms p.indent1 { margin-left: 5px; }
.jws-terms p.indent2 { margin-left: 21px; }
.jws-terms p.indent3 { margin-left: 50px; }
.jws-terms p.indent4 { margin-left: 60px; }


/* Installation */

hr#bookit { margin-top:20px; padding-top:20px; }
.installation-form { margin-top:2em; }


/* FAQ */

.j-faq h3 { margin-bottom:0; margin-top:1.4em; font-size:19px; color:#2a2a2a; }
.j-faq p { color:#555; }
.j-faq h3 + p { margin-top:0.2em; }



/* Navigator IP
============================================== */

/* Page body top */

.navip-top {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    background:#ececec;
    border-bottom:10px solid #d0d0d0;
    margin-bottom:30px;
}

.navip-top img { 
    flex:1;
    margin:19px 30px 15px 25px;
    width:100%;
    max-width:328px;
    height:auto;
}
.navip-top > div {
    margin:0;
    padding-right:12px;
    font-size:21px;
    line-height:1.24;
    letter-spacing:-0.4px;
    color:#797979;
    border-left:2px solid #d0d0d0;
    padding-left:30px;
    flex:1;
    flex-basis:50%;
}
.j-page .navip-top > div a:link, 
.j-page .navip-top > div a:visited, 
.j-page .navip-top > div a:hover, 
.j-page .navip-top > div a:active {
    font-size:inherit;
    color:#f77b0f;
    font-weight:500;
    text-decoration:none !important;
}
.j-page .navip-top > div a:hover, 
.j-page .navip-top > div a:active {
    color:#ea6402;
}
p.prehead-1 {
    color:#9b9b9b;
    font-size:18px;
    margin:0;
}
#cb_id_CONTENT p.prehead-1 + h1 {
    padding-top:0;
    margin-bottom:1em;
    font-size:36px;
    letter-spacing:-1px;
}
.jws-navip h1 + h2 {
    font-size:21px;
    font-weight:400;
    color:#7e9195;
    letter-spacing:-0.3px;
    margin-top:-15px;
}


/* Nav IP Home */

.j-supportbox { background-color:#e7f1f7; text-align:center; width:302px; padding:10px 5px 25px 5px; }
.j-supportbox h1 { font-size:28px; color:#3e585e; font-weight:500; text-align:center; margin-bottom:10px; }
.j-supportbox h1 + p { font-size:18px; color:#4e676d; text-align:center; margin-top:0; }
.jws-navip .j-browser { margin-top:2.8em; }
p.j-arrow-left {
    background: #f8f0e9 url('/user/content/arrow-left.png') 16px center no-repeat;
    background-size: 82px 28px;
    padding:11px 7px 11px 106px;
    font-size:20px;
    color:#f77b0f;
    margin-top:30px;
    margin-bottom:30px;
}


/* Nav IP Feature Block - Category page */

.n-featureblock { justify-content:space-between; align-items:flex-start; margin-top:1.8em; }
.n-featureblock ul.list-tick-2 { padding-left:0; margin-top:0.6em; margin-bottom:1.5em; }
.n-featureblock ul.list-tick-2 li {
    font-size:19px;
    padding:3px 0 3px 40px;
    margin-bottom:0.2em;
    background-size:30px 28px;
}
.n-featureblock .j-supportbox { min-width:450px; text-align:left; padding:10px 26px; }
.n-featureblock .j-supportbox h1 { font-size:24px; text-align:left; }
.n-featureblock .j-supportbox h1 + p { font-size:18px; text-align:left; }
.n-featureblock .j-btn-2 { text-align:left; }
.n-featureblock .j-btn-2 + p { font-size:16px; }
.n-featureblock .j-demo { display:flex; justify-content:space-between; align-items:flex-start; }


/* Nav IP Feature Block - Product Page */

#tabnavip p, 
#tabnavip b, 
#tabnavip strong, 
#tabnavip i, 
#tabnavip em, 
#tabnavip ul, 
#tabnavip ol, 
#tabnavip li {
    font-size:17px !important;
}
#tabnavip h1 { margin-bottom:0; }
#tabnavip h2 { color:#7e9195 !important; font-size:21px !important; letter-spacing:-0.3px;}
#tabnavip .j-supportbox {
    padding:20px 30px 30px 30px;
    width:100%;
    background-color:transparent;
    border:1px solid #f77b0f;
    margin-top:40px;
}
#tabnavip .j-supportbox h1 {
    font-size:30px !important;
    color:#4e676d;
    text-align:left;
    padding-top:0;
}
#tabnavip .n-keypoints { align-items:flex-start; justify-content:space-between; }
#tabnavip ul.list-tick-2 { padding-left:0;}
#tabnavip ul.list-tick-2 li {
    padding:3px 0 3px 40px;
    margin-bottom:0.5em;
    background-size:30px 28px;
}
#tabnavip ul.list-tick-2 + img { width:100%; max-width:356px; height:auto; }
#tabnavip .j-supportbox a:link, 
#tabnavip .j-supportbox a:visited, 
#tabnavip .j-supportbox a:hover, 
#tabnavip .j-supportbox a:active {
    color:#fff !important;
    text-decoration:none !important;
}
#tabnavip .j-smalltext { font-size:12px !important; color:#949494 !important; }
#tabnavip .j-supportbox .j-demo { display:flex; justify-content:space-between; align-items:flex-end; }
#tabnavip p.j-supportbox-contact {
    font-size:23px !important;
    letter-spacing:-0.2px;
    color:#687f85 !important;
    text-align:left;
    margin-top:0.4em;
    line-height:1.2em;
}
#tabnavip .j-supportbox .j-btn-2 { text-align:left; }
#tabnavip .j-supportbox .j-btn-2 + p {
    font-size:16px !important;
    text-align:left;
    margin-bottom:0;
}
#tabnavip  ul.n-main-points { list-style-position:inside; padding-left:0; }
.navip-branding { margin-bottom:10px; }
.navip-branding img { width:100%; max-width:688px; height:auto; }



/* Nav IP Software Home */

.n-overview h4 { margin-bottom:0; }
.n-overview h4 a { }
.n-overview h4 a:link, 
.n-overview h4 a:visited { font-size:19px; font-weight:500; text-decoration:underline; }
.n-overview h4 a:hover, 
.n-overview h4 a:active { font-size:19px; font-weight:500; text-decoration:underline; }
.n-overview h4 + p, 
.n-overview h4 + ul, 
.n-overview h4 + ol { margin-top:0.5em; }

/* Side column */

.navip-cap { background-color:#0075a1; width:100%; padding:13px 0 10px 14px; }
.navip-cap + .lb_divider, .navip-cap + .rb_divider { height:0; }
.navip-cap img { max-width:162px !important; }

.j-sidemenu-navip { }
.j-sidemenu-navip h2 {
    background:#61a1c2;
    color:#fff;
    font-size:17px;
    font-weight:500;
    padding:6px 12px;
    text-align:left;
    margin-bottom:0.5em;
} 
.j-sidemenu-navip ul { margin-left:0; padding-left:0; list-style-type:none; }
.j-sidemenu-navip li { }
.j-sidemenu-navip a:link, 
.j-sidemenu-navip a:visited, 
.j-sidemenu-navip a:hover, 
.j-sidemenu-navip a:active { 
    display:block;
    font-size:16px;
    padding:5px 0 5px 10px;
    transition:color 0.05s;
}
.j-sidemenu-navip a:hover, 
.j-sidemenu-navip a:active {
    background-color:#ebedf2;
    color:#1b3f8f;
    text-decoration:none;
}
.j-sidemenu-navip a.current-page:link, 
.j-sidemenu-navip a.current-page:visited, 
.j-sidemenu-navip a.better-current-page:link, 
.j-sidemenu-navip a.better-current-page:visited, 
#menu a.better-current-page:link, 
#menu a.better-current-page:visited { background-color:transparent !important; color:#000 !important; }
.j-sidemenu-navip a.current-page:hover, 
.j-sidemenu-navip a.better-current-page:hover, 
#menu a.better-current-page:hover { background-color:transparent !important; }


.j-sidemenu-navip + .lb_divider, .j-sidemenu-navip + .rb_divider { height:0; }

.j-sidemenu-navip .j-pdf-link { margin-bottom:0.4em; }
.j-sidemenu-navip .j-pdf-link a { background: url(/user/content/ic-pdf.png) left center no-repeat; background-size:29px 33px; padding:7px 0 7px 35px;}
.j-sidemenu-navip .j-pdf-link a:link, .j-sidemenu-navip .j-pdf-link a:visited { font-size:15px; }
.j-sidemenu-navip .j-pdf-link a:hover, .j-sidemenu-navip .j-pdf-link a:active { font-size:15px; }

.j-labelscreen { margin-top:3em; }
.j-labelscreen img { width:100%; max-width:650px !important; height:auto; }
.j-labelscreen > p.last { margin-bottom:1em; }
.j-labelscreen h2 { margin-bottom:0; }
.j-labelscreen h2 + p { margin-top:0.2em; }
.j-labelscreen h3 { margin-bottom:0; color:#f77b0f; font-size:24px; font-weight:400;}
.j-labelscreen h3 + p { margin-top:0.7em; }
.j-labelscreen h2 + a { margin-top:0.5em; display:block; }

.j-screen-half { display:flex; align-items:center; }
.j-screen-half > img, .j-screen-half > a { margin-right:15px; min-width:650px; max-width:650px; }
.j-screen-half > div { order:2; }

/* Nav Category Sidecol - Logo to Refine */
#lb_id_63 + #lb_id_28 { margin-top:0.4em; }
#lb_id_63 + #lb_id_28 .lb_title { border-top:0; }

/* Side :: Demo button */
.navip-btndemo + .lb_divider { display:none; }

/* Side :: Shop button */
.navip-btnshop { width:100%; margin-top:18px; }
.navip-btnshop + .lb_divider { display:none; }
.navip-btnshop a {
    display:block;
    padding:20px 5px;
    text-align:center;
    transition:0.5s;
    background-size:200% auto;
    box-shadow:0 0 20px #eee;
    letter-spacing:-0.5px;
}
.left .navip-btnshop a:link, 
.left .navip-btnshop a:visited {
    color:#fff;
    text-decoration:none;
    font-size:29px;
    background-image: linear-gradient(to right, #FF710E 0%, #F09819 51%, #FF710E 100%);
}
.left .navip-btnshop a:hover, 
.left .navip-btnshop a:active {
    color:#fff;
    text-decoration:none;
    font-size:29px;
    background-position: right center;
}

/* Side :: Made in Britain */
.navip-britain { display:flex; align-items:flex-start; margin-top:2.2em; padding-top: 10px; border-top:1px solid #ccc; }
.navip-britain img { width:100%; max-width:45px !important; height:auto; margin-right:8px; }
.navip-britain span { text-transform:uppercase; color:#616161; line-height:1.142em; letter-spacing:-0.2px; }
.navip-britain + .lb_divider { display:none; }


/* Navigator IP Case Studies */

.j-casestudy h2 { }
.j-casestudy h2 + p { }
.j-casestudy blockquote {
    border-left:6px solid #a0c6d9;
    padding-left:16px;
    margin-left:0.2em;
}

/* Navigator IP About */

.j-fr-1 {
    float:right;
    margin-left:15px;
    margin-bottom:15px;
    width:100% !important;
    max-width:227px !important;
    height:auto !important;
}


/* Quick View
========================================== */

/* Simple white background when in iframe */
#quickview td#center, 
#quickview td#centertop {
    background-image:none;
    background-color:#fff;
}
/* Hide side Related Products when in iframe */
#quickview .j-pd-content-side { display:none; }



/* Home Page
========================================== */

/* Navigator IP */
.hm-navip { margin-top:25px; }
.hm-navip-logo img { width:100%; max-width:474px !important; height:auto; }
.hm-navip.j-flex-0 div { flex:1; }
.hm-navip-side { text-align:center; }
p.hm-navip-quote {
    font-size:22px;
    color:#1480c0;
    text-align:center;
    letter-spacing:-0.2px;
    line-height:1.2em;
    padding:0 20px;
    margin-top:1.5em;
}
.hm-navip p.j-btn-3 { margin-top:36px; }

/* Main Categories */
.hm-main-cat-group {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    border-top:1px solid #c9cfd6;
    padding-top:36px;
    margin-top:12px;
}
.hm-main-cat-group div { flex:1; }
.hm-main-cat { max-width:364px; margin-right:21px; }
.hm-main-cat h2 {
    font-size:34px;
    font-weight:500;
    letter-spacing:-0.5px;
    color:#000;
    margin-top:0.36em;
    margin-bottom:0;
}
.hm-main-cat h2.first { margin-top:0.36em; }
.hm-main-cat > a:link, 
.hm-main-cat > a:visited, 
.hm-main-cat > a:hover, 
.hm-main-cat > a:active {
    font-size:inherit;
    font-weight:inherit;
    color:inherit;
    text-decoration:none;
    display:block;
}
.hm-main-cat > a:hover h2, 
.hm-main-cat > a:active h2 { color:#1480c0; }
.hm-main-cat > a:after {
    content:"";
    display:block;
    /*border-bottom:3px solid #1480c0;*/
    -webkit-transform:scaleX(0);
    -ms-transform:scaleX(0);
    transform:scaleX(0);
    transform-origin:  0% 50%;
    -webkit-transition:all .15s ease-in-out;
    -o-transition:all .15s ease-in-out;
    transition:all .15s ease-in-out;
}
.hm-main-cat > a:hover:after,
.hm-main-cat > a:focus:after,  
.hm-main-cat > a:active:after { -webkit-transform:scaleX(1); -ms-transform:scaleX(1); transform:scaleX(1); }
.hm-main-cat > a:link img, 
.hm-main-cat > a:visited img { opacity:1; transition: all 0.10s ease-in-out; }
.hm-main-cat > a:hover img, 
.hm-main-cat > a:active img { opacity:0.9; }
.hm-main-cat > a + p { margin-top:0.2em; color:#888; line-height:1.2em; margin-bottom:0.6em; }
.hm-main-cat p:last-child { font-weight:500; }
.hm-main-who > div { padding-left:80px; border-bottom:1px solid #c9cfd6; background-size:57px 432px; }
.hm-main-who > div:last-child { border-bottom:0; }
.who-install { background:url('/user/home/ic-who.png') 8px 0 no-repeat; }
.who-trade { background:url('/user/home/ic-who.png') 8px -140px no-repeat; }
.who-govt { background:url('/user/home/ic-who.png') 8px -282px no-repeat; }
.hm-main-who h3 {
    font-size:19px;
    font-weight:500;
    color:#2d2d2d;
    margin-bottom:0;
}
.hm-main-who div:first-child h3 {
    margin-top:0;
}
.hm-main-who p {
    font-size:16px;
    line-height:1.1875em;
    color:#888;
    margin-top:0.25em;
}
.hm-main-cat p:last-child a:hover, 
.hm-main-cat p:last-child a:active { color:#1b3f8f; }

/* Callouts */
.hm-callout-group {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    padding-top:28px;
    border-top:1px solid #c9cfd6;
    margin-top:8px;
}
.hm-callout { margin-right:21px; flex:1; }
.hm-callout:last-child { margin-right:0; }
.hm-callout h3 { margin-bottom:0; margin-top:0.4em; font-size:24px; font-weight:500; color:#2e2e2e; }
.hm-callout h3 + p, .hm-callout a:first-child + p { font-size:16px; margin-top:0.2em !important; color:#888; line-height:1.2em; }
.hm-callout a:link, 
.hm-callout a:visited {
    text-decoration:none !important;
}
.hm-callout a:hover, 
.hm-callout a:active {
    text-decoration:none !important;
    color:#1b3f8f;
}
.hm-callout a:link h3, 
.hm-callout a:visited h3 {
    text-decoration:none !important;
}
.hm-callout a:hover h3, 
.hm-callout a:active h3 {
    color:#1480c0;
    text-decoration:none !important;
}
.hm-callout p a:hover, 
.hm-callout p a:active { text-decoration:underline !important; }
.hm-callout a:link img, 
.hm-callout a:visited img {
    opacity:1;
    transition: all 0.10s ease-in-out; 
}
.hm-callout a:hover img, 
.hm-callout a:active img {
    opacity:0.9;
}

/* Manufacturers */
.hm-brands-group { 
    border-top:1px solid #c9cfd6;
    padding-top:5px;
    margin-top:20px;
}
.hm-brands-group ul {
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:space-between;
    list-style-type:none;
    padding-left:12px;
}
.hm-brands-group ul li {
    list-style-type:none;
    flex: 0 19%;
    height: 112px;
    margin-bottom: 2%; /* (100-19*5)/2 */
}
.hm-brands-group ul li img {
    width:100% !important;
    height:auto !important;
    max-width:180px !important;
}
.hm-brands-group a:link img, 
.hm-brands-group a:visited img {
    opacity:1;
    transition: all 0.10s ease-in-out;
}
.hm-brands-group a:hover img, 
.hm-brands-group a:active img {
    opacity:0.8;
}

/* Call to action */
.hm-cta {
    border-top:1px solid #c9cfd6;
    padding:40px 0;
    text-align:center;
    line-height:1.6em;
}
.hm-cta a {
    display:inline-block;
    margin:0 auto;
    text-align:left;
    background: #1480c0 url('/user/home/ic-speech-bubble_2x.png') 15px center no-repeat;
    background-size:56px 43px;
    color:#fff;
    padding:10px 30px 10px 86px;
    border-radius:6px !important;
    transition: all 0.10s ease-in-out;
}
.hm-cta a b { font-size:21px; }
.hm-cta a:hover, .hm-cta a:active { text-decoration:none; background-color:#1b3f8f; cursor:pointer; }

/* Featured Products */
.hm-ftphead { }
.hm-ftphead h2 {
    text-align:center;
    font-size:28px;
    /* border-top:3px solid #fa6565; */
    border-bottom:1px solid #b0b0b0;
    padding:0 10px 10px 10px;
    color:#2e2e2e;
    margin-top:0;
}
#cb_id_78 .j-pl-qtyadd { display:none; }
#cb_id_78 .j-pl-availability { display:none; }
#cb_id_78 .j-pl-nonimg { padding-bottom:5px; }

/* About Us */
.hm-about {
    border-top:1px solid #c9cfd6;
    padding-top:34px;
    margin-top:36px;
}


/* Banners */

.j-bnr-01 {
    width:100%;
    border: 1px solid #f8eaea;
    background-color:#f5ebeb;
    padding:10px 16px;
    margin-bottom:30px;
}
.j-bnr-01 h4 { 
    font-size:17px;
    font-weight:500;
    margin:0 0 0.3em 0;
    padding:0;
    text-transform:uppercase;
    color:#e15252;
}
.j-bnr-01 p {
    font-size:16px;
    margin-bottom:0; 
    margin-top:0;
    padding-top:0;
}

/* Countdown Timer */
.countdown-wrap { margin-top:13px; font-size:12px; }
#countdown-info { margin-bottom:1px; }
#countdown { }
#countdown a:link, 
#countdown a:visited, 
#countdown a:hover, 
#countdown a:active { font-size:12px; }
#countdown-info a:link, 
#countdown-info a:visited, 
#countdown-info a:hover, 
#countdown-info a:active { font-size:12px; }
#countdown span { color: #6d9800; color:#242424; font-weight:500; }

/* -- / Desktop JWS CSS -- */

* { border-radius: 0px !important; }

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