div.inpo_about h1.jubileum {text-align: center;
 font-size: 38px !important;
 font-style: italic;
 color: red;
}

body {
 margin: 0px; padding: 0px;
 font-family: arial, sans-serif;
 background-color: #0082ff;
}
a, a:visited { color: blue; text-decoration: none; }
a:hover { text-decoration: underline; }

table.inpo_whole_thing {
 width: 100%;
}

table.inpo_footing {
 border-top: solid black 1px;
 margin: 0px 0px 2px 0px; padding: 0px;
 width: 100%;
}
td.inpo_footing_padding {
 width: 80%;
 vertical-align: middle;
 text-align: left;
}
td.inpo_footing_link {
 text-align: center;
 font-size: 8pt;
 padding-bottom: 2px;
}
td.inpo_footing_link a, td.inpo_footing_link a:visited {
 color: white;
 text-decoration: underline;
 white-space: nowrap;
}
td.inpo_footing_link a:hover {
 color: black;
 text-decoration: none;
}
td.inpo_footing_pop {
 font-size: 9px;
 margin: 0px; padding: 0px 1ex;
 line-height: 90%;
 white-space: nowrap;
}
td.inpo_footing_pop a {
 color: inherit;
}

div.inpo_heading {
 /* background-color: #0082ff; */
 text-align: center;
 margin: 0px;
 /* border-bottom: solid black 1px; */
}
table.inpo_heading {
 margin: 0px;
 padding: 0px;
 width: 100%;
}
table.inpo_heading td.logo {
 text-align: left;
 vertical-align: middle;
 border-bottom: solid 1px white;
}
table.inpo_heading td.inpo_h {
 text-align: center;
 font-size: 18px;
}
table.inpo_heading td.inpo_h h1 {
 font-size: 18.6px !important;
 font-weight: bold;
 font-family: times new roman,times, serif;
 margin: 2px 0px;
 border-bottom: solid 1px black;
 padding-bottom: 0px;
 line-height: 95%;
 white-space: nowrap;
 letter-spacing: 2px;
}
table.inpo_heading td.inpo_h a {
 color: black;
}
table.inpo_heading td.inpo_h_padding {
 width: 50%;
 border-bottom: solid 1px white;
}
table.inpo_heading td.inpo_pop_h {
 font-size: 13px;
 color: white;
 text-align: center;
 white-space: nowrap;
}
table.inpo_heading td.inpo_pop_d {
 font-size: 9px;
 text-align: left;
 white-space: nowrap;
 line-height: 95%;
}
table.inpo_heading td.inpo_pop_d a {
 color: inherit;
}
table.inpo_heading td.inpo_tabset {
 vertical-align: bottom;
 font-size: 120%;
}

table.inpo_tabset {
 padding: 0px; margin: 0px;
 font-size: 70%;
 width: 100%;
}
td.inpo_tab, td.inpo_tab_selected {
 vertical-align: bottom;
}
td.inpo_tab {
 background: #0082ff;
 border: none 0px;
}
div.inpo_tab {
 background-image: url("/graphics/decor/tab-north-west.gif");
 background-repeat: no-repeat;
 padding: 0.5ex 1ex;
 white-space: nowrap;
}
td.inpo_tab_selected div.inpo_tab {
 color: red;
 border-right: solid 1px black;
 background-color: #d6ffff;
 padding-bottom: 1ex;
}
td.inpo_tab div.inpo_tab {
 background-color: white;
 border-right: solid 1px #848284;
 padding-bottom: 0.4ex;
}
td.inpo_intertab {
 border-width: 0px 0px 1px 0px;
 border-bottom: solid 1px white;
 min-width: 1px; width: 1px; max-width: 1px;
 padding: 0px; margin: 0px;
 overflow: hidden;
}
td.inpo_tabset_padding {
 border-bottom: solid 1px white;
 min-width: 1px; width: 50%; max-width: 100%;
 padding-left: 1ex;
 text-align: left;
 vertical-align: bottom;
 white-space: nowrap;
}

td.inpo_tab  a {
 display: block;
 text-decoration: none;
}
td.inpo_tab a:hover {
 line-height: 75%;
}

td.iwt_spacer, div.inpo_spacer {
 background: #d6ffff;
 padding: 0px; margin: 0px;
 height: 0.8ex; min-height: 0.8ex; max-height: 0.8ex;
 line-height: 10%;
}

ul.b_subgroups,
ul.b_groups {
 font-size: 12px;
 list-style-type: none;
}
ul.b_groups {
 margin: 0px;
 padding: 0px 0px 0px 0px;
}
ul.b_groups li.b_real_groups {
 /* because school-project 'MSIE' is
  * still in use: */
 border: solid 1px #efffff;
}
ul#b_real_groups {
 list-style-type: none;
 margin: 0px; padding: 0px; text-indent: 0px;
}
ul.b_groups a { color: blue; }
ul.b_groups ul.b_subgroups a { color: #0000b0; }
ul.b_groups a:hover,
ul.b_groups ul.b_subgroups a:hover { color: white; }
ul.b_subgroups {
 /* border-left: solid 1px gray; */
 margin: 0px 0px 0px 0.80ex;
 /* background: #ffff80; */
 padding: 0px 0px 0px 1em;
 /* -moz-border-radius-bottomleft: 1ex; */
}
ul.b_groups li.bg_cart {
 background: #95beef;
 border-top: solid 1px black;
 border-bottom: solid 1px black;
}
ul.b_groups li.bg_search {
 background: #95beef;
 border-bottom: solid 1px black;
}
ul.b_groups li.bg_filter {
 background: #95beef;
 border-bottom: solid 1px black;
}
div#gd_c, div#gd_s {
 display: none;
}
li.open div#gd_c, li.open div#gd_s {
 display: block;
}
div#cart_overview,
div.search_box {
 margin: 0px 0px 0px 1.6em;
 padding: 0px 0px 0px 0px;
}
div.search_box form {
 padding: 0px; margin: 0px;
}
ul.b_groups li {
 white-space: nowrap;
}
/* XXX:obsoleted ul.b_subgroups li.open {
 background: #d6ffff;
} */
/* XXX: doesn't work in msie
ul.b_subgroups li.open a {
 border-width: 1px;
 border-color: black;
 border-style: solid hidden solid solid;
 -moz-border-radius-topleft: 3px;
 -moz-border-radius-bottomleft: 3px;
}
ul.b_groups a {
 border-right: 1px solid black;
}
*/
ul.b_groups a {
 display: block;
 text-decoration: none;
 padding-left: 1px;
 padding-right: 1px;
}
ul.b_groups a:hover {
 text-decoration: none;
 color: white; background: black;
}

table.b_layout { /* store browser layout */
 width: 100%;
 margin: 0px; padding: 0px;
 background-color: #efffff;
}
td.bl_hierarchy { /* hierarchy cell */
 /*width: 33%; */
 vertical-align: top;
 /* background-color: #ffffc0; */
 background-color: #efffff;
}
td.bl_content { /* content cell */
 /*width: 67%; */
 vertical-align: top;
 background: #d6ffff;
}

div.b_items { /* items table container */
 margin: 1ex 1em;
}
table.b_items {
 empty-cells: hide;
 table-layout: fixed;
}
table.b_items td {
 font-size: 12px;
 vertical-align: top;
 border: 1px solid gray;
 padding: 0px;
}
table.b_items a {
 display: block;
 padding: 2px 4px;
 height: 100%;
 background: white;
}
table.b_items a:hover {
 background: black;
 color: white;
 text-decoration: none;
}

div#b_items ul.b_subgroups {
 margin: 2em 1em;
}
div#b_items ul.b_subgroups h2 {
 margin: 0px;
 text-align: left;
 font-weight: normal !important;
}
div#b_items ul.b_subgroups h2 a:link,
div#b_items ul.b_subgroups h2 a:visited {
 display: block;
 color: navy;
}
div#b_items ul.b_subgroups h2 a:hover {
 background: black; color: white;
 text-decoration: none;
}

div.b_item {
 margin: 1ex 3em; padding: 1ex;
}
table.b_item div.id_categories {
 display: none;
}
div.search_results table.b_item div.id_categories {
 /* display: block; */
}
table.b_item td.i_categories {
 font-size: 90%;
 font-weight: bold;
 color: maroon;
 padding-bottom: 1ex;
}
table.b_item td.i_categories span.g_name,
table.b_item td.i_categories span.sg_name {
 color: navy;
 cursor: pointer;
}
table.b_item td.i_categories a {
 color: blue;
}
table.b_item {
 width: 100%;
}
table.b_item td.i_details {
 vertical-align: top;
}
div.id_name {
 font-family: times new roman, times, serif;
 font-size: 17px;
 font-weight: bold;
 color: red;
}
table.b_item td.i_picture {
 vertical-align: top;
 text-align: center;
 padding: 1ex 0px 1ex 1ex;
}
table.b_item td.i_picture div.i_picture {
 width: 105px;
}
table.b_item td.i_picture img {
 border: solid 1px gray;
 padding: 0px; margin: 0px 5px;
}
table.b_item td.i_remarks {
 vertical-align: bottom;
 text-align: left;
 font-size: 80%;
}
td.i_br_props, td.i_br_table {
 border-top: dotted 1px gray;
 border-bottom: dotted 1px gray;
}
table.b_item td.i_br_props {
 font-size: 90%;
 vertical-align: middle;
}
table.b_item td.i_br_props td.ibrp_props {
 vertical-align: middle;
}
td.i_br_props div.i_br_props {
 white-space: nowrap;
 margin: 1ex 1em;
}
td.i_br_props img {
 float: right;
 border: solid 1px gray;
 margin: 0.5ex 1ex;
}
table.b_item td.i_br_table {
 text-align: right;
 vertical-align: middle;
}
table.b_item td.i_br_table table.i_br_table {
 margin: 1ex;
 border: solid 1px black;
 background: white;
 font-size: 90%;
}
table.b_item td.i_br_table table.i_br_table td {
 background: white;
 text-align: center;
 padding: 0.2ex 1ex;
}
div.i_remarks {
 font-size: 15px;
}

div.id_depots {
 margin: 1ex 1ex 1ex 0px;
}
table.id_depots {
 width: 100%;
 border: solid 1px black;
 background: white;
}
table.id_depots th {
 border-bottom: solid 1px gray;
 font-weight: normal;
}
table.id_depots th.idd_depot {
 text-align: left;
 padding-left: 1em;
}
table.id_depots th.idd_amount {
 text-align: right;
 padding-right: 1em;
}
div.b_item_inline table.id_depots tr.oddrow td,
table.id_depots tr.oddrow td {
 background-color: #c0c0c0;
}
div.b_item_inline table.id_depots tr.evenrow td,
table.id_depots tr.evenrow td {
 background-color: #a0a0a0;
}
table.id_depots td {
 font-weight: bold;
}
td.idd_depot {
 padding-left: 1ex;
 font-size: 90%;
}
td.idd_amount {
 font-family: monospace;
 text-align: right;
 padding-right: 1ex;
}
table.id_depots th.idd_price, table.id_depots th.idd_add_to_cart {
 text-align: center;
 background: #6da7af;
 font-weight: bold;
 color: white;
}
table.id_depots th.idd_add_to_cart span {
 cursor: pointer;
 color: navy;
 font-style: italic;
}

table.order_items,
table.cart_items,
table.b_items_list {
 width: 100%;
 background: white;
 border: 1px solid black;
}
table.order_items th,
table.cart_items th,
table.b_items_list th {
 border-bottom: solid 1px gray;
 font-weight: bold;
 font-size: 13px;
}
table.order_items th.oil_total,
table.cart_items th.cil_total {
 text-align: right;
 padding-right: 1em;
 border-bottom: none;
}
table.order_items th.oil_total, table.order_items td.oil_total,
table.cart_items th.cil_total, table.cart_items td.cil_total {
 border-top: solid 1px gray;
}
table.order_items td,
table.cart_items td,
table.b_items_list td {
 vertical-align: top;
}
td.oil_total, td.oil_id, td.oil_price, td.oil_qty, td.oil_subtotal, td.oil_times,
td.cil_total,
td.cil_id, td.cil_price, td.cil_qty, td.cil_subtotal, td.cil_times,
td.bil_id, td.bil_price, td.bil_amount, td.bil_dim {
 font-family: monospace;
 text-align: right;
 padding-right: 1ex; padding-left: 0.5ex;
}
td.bil_dim {
 text-align: left;
 font-family: monospace;
 color: navy;
}
td.cil_id,
td.bil_id {
 color: teal;
 font-size: 70%;
}
td.oil_qty,
td.cil_qty {
 white-space: nowrap;
}
td.cil_price,
td.bil_price {
 color: navy;
}
td.oil_name {
 font-size: 15px;
 text-align: left;
}
td.cil_name,
td.bil_name {
 font-size: 80%;
 text-align: left;
 /*padding-right: 2.5em; */
}
td.bil_name h3 a {
 display: block;
 padding-left: 2.9em !important;
 text-indent: -2.9em !important;
}
td.bil_name h3 a:hover {
 background: black;
 color: white;
}
td.oil_times,
td.cil_times {
 text-align: center;
 vertical-align: top;
}
td.cil_name a, td.cil_name a:hover,
td.bil_name a, td.bil_name a:hover {
 text-decoration: none;
}
td.bil_more, td.bil_none {
 font-size: 120%;
 font-weight: bold;
 background: teal;
 color: white;
 padding: 1ex 2em;
 text-align: center;
}
table.order_items tr.oddrow td { background: #efefef; }
table.order_items tr.evenrow td { background: #dfdfdf; }
table.cart_items tr.oddrow td.cil_qty input.cilq_qty,
table.cart_items tr.oddrow td,
table.b_items_list tr.oddrow td {
 background: #effdff;
}
table.cart_items tr.evenrow td.cil_qty input.cilq_qty,
table.cart_items tr.evenrow td,
table.b_items_list tr.evenrow td {
 background: #cff9ff;
}
input.cilq_qty {
 /* border: solid 1px gray; */
 border-width: 2px;
 margin: 0px; padding: 0px;
 text-align: right;
 font-size: 80%;
 font-weight: bold;
 color: navy;
}
span.oilq_dim,
span.cilq_dim,
span.bila_dim {
 font-size: 80%;
}
td.cil_name a img,
td.bil_name a img {
 margin: 0px 2px 0px 0px;
}
td.oil_group, td.oil_subgroup { background: white; }
td.cil_group,
td.bil_group {
 background: #8f8f8f;
}
td.cil_subgroup,
td.bil_subgroup {
 background: #afafaf;
}
table.order_items td.oil_group h1,
table.cart_items td.cil_group h1,
table.b_items_list td.bil_group h1 {
 margin-top: 0.1ex;
 margin-bottom: 0.1ex;
 text-align: left;
 margin-left: 1em;
 font-size: 95% !important;
 color: black;
}
table.order_items td.oil_subgroup h2,
table.cart_items td.cil_subgroup h2,
table.b_items_list td.bil_subgroup h2 {
 color: black;
 margin-top: 0.1ex;
 margin-bottom: 0.1ex;
 text-align: left;
 margin-left: 2em;
 font-size: 90% !important;
}

td.cil_total.cil_updating,
table.cart_items tr.oddrow td.cil_subtotal.cil_updating,
table.cart_items tr.evenrow td.cil_subtotal.cil_updating {
 background: maroon;
 border: solid 1px yellow;
 color: yellow;
 text-align: center;
 font-weight: bold;
 vertical-align: middle;
}
td.cil_total.cil_update_error,
td.cil_subtotal.cil_update_error {
 background: maroon;
 border: solid 1px white;
 color: white;
 text-align: center;
 font-weight: bold;
 vertical-align: middle;
}

input.cil_recalc {
 margin: 0.5ex 1%;
 width: 98%;
}

ul.g_loading, div.g_loading {
 padding: 0.5ex;
 text-align: center;
 background: maroon;
 color: yellow;
 font-weight: bold;
 font-family: arial, sans-serif;
}
div.g_loading_error {
 padding: 0.5ex;
 text-align: center;
 background: red;
 color: white;
 font-weight: bold;
}
div.sg_loading {
 margin: 1em 2em; padding: 1em 2em;
 border: solid 1px white;
 text-align: center;
 background: maroon;
 color: yellow;
 font-weight: bold;
 font-size: 120%;
}
div.sg_loading_error {
 margin: 1em 2em; padding: 1em 2em;
 border: solid 1px white;
 text-align: center;
 background: red;
 color: white;
 font-weight: bold;
 font-size: 120%;
}
td.bl_content div.i_loading,
div.i_loading {
 margin: 1ex 1em;
 padding: 1ex 2ex;
 border: solid 1px white;
 text-align: center;
 background: maroon;
 color: yellow;
 font-weight: bold;
 text-indent: 0px;
}
div.i_loading_error {
 margin: 1ex 1em;
 padding: 1ex 2ex;
 border: solid 1px white;
 text-align: center;
 background: red;
 color: white;
 font-weight: bold;
}
div.b_item_inline {
 margin: 0.1ex;
 padding: 0.5ex;
 text-indent: 0px
 /*
 background: #d6ffff;
 border: double 3px navy;
 -moz-border-radius: 1ex;
 */
}
div.b_item_inline table.b_item {
 background: inherit;
 border: none;
}
div.b_item_inline table.b_item div.id_name {
 display: none;
}
div.b_item_inline_hidden {
 display: none;
}

table.i_gallery {
 width: 100%;
}
table.i_gallery td.ipg_toc {
 vertical-align: middle;
 padding: 1ex;
 text-align: center;
}
table.i_gallery td.ipg_closeup {
 text-align: center;
 vertical-align: middle;
}
table.i_gallery img {
 border: solid 1px gray;
 margin: 1ex;
}

form.search_form {
 font-size: 90%;
}
form.search_form input.submit {
 margin: 0px 0px 0px 2px;
 padding: 0px 1ex;
 background: navy;
 border: solid 1px white;
 color: white;
}


ul.b_groups h1, ul.b_groups h2, div.b_items h3 {
 font-size: 100% !important;
 font-weight: normal !important;
 margin: 0px !important; padding: 0px !important;
}
div.b_items h1, div.b_items h2 {
 font-weight: bold !important;
 padding: 0px;
 text-align: center;
 color: navy;
}
div.b_items h1 {
 color: teal;
 font-size: 120% !important;
 margin: 1em 1ex 0.2ex 1ex;
}
div.b_items h2 {
 color: teal;
 font-size: 100% !important;
 margin: 0.2ex 1ex 1ex 1ex;
}
div.search_results h1 {
 margin-bottom: 1ex;
}
div.search_results h1 span.query {
 color: red;
 font-style: italic;
}
span#co_items, span#co_price {
 font-weight: bold;
}

table.c_order_props {
 margin: 2ex 1em;
 font-size: 90%;
}
table.c_order_props th {
 text-align: right;
 vertical-align: top;
 padding-right: 1ex;
}
table.c_order_props td input.copi_wide,
table.c_order_props td textarea {
 width: 100%;
}
table.c_order_props.c_order_preview td {
 border: 1px solid gray;
 padding-left: 1ex; padding-right: 1ex;
}
table.c_order_props th.cop_remarks small {
 font-weight: normal;
 display: block;
}

div.order_buttons {
 text-align: center;
 margin: 1em;
}
div.order_buttons input {
 width: 50%;
 margin: 0.2ex;
}


div.inpo_about {
 margin: 0px; padding: 1ex 2em;
 background: #d6ffff;
 font-size: 80%;
 color: navy;
}
div.inpo_about h1 {
 margin: 1ex 0px;
 font-size: 110% !important;
}
div.inpo_about p {
 margin: 0.5ex;
 text-indent: 2em;
 text-align: justify;
}
div.inpo_about div {
 margin: 1em 0px;
}

div.inpo_roundabouts {
 margin: 0px; padding: 1ex 2em;
 background: #d6ffff;
 font-size: 90%;
 text-align: center;
}
div.inpo_roundabouts div {
 margin: 1ex;
}
div.inpo_roundabouts img {
 margin: 1ex 1ex 1em 1ex;
}

div.btn_help {
 position: absolute;
 top: 3.2ex; right: 1ex;
 font-size: 80%;
 font-weight: bold;
}
div.btn_help a,
div.btn_help a:visited,
div.btn_help a:hover {
 display: block;
 text-align: center;
 padding: 0px 4px;
 border: solid 1px gray;
 background: rgb(255,253,230);
 color: black;
 text-decoration: none;
 cursor: help;
}

div.shop_help h1 {
 margin-bottom: 1em;
}
div.shop_help h3 {
 color: teal;
 font-size: 100% !important;
 font-weight: bold !important;
 text-align: center !important;
}
div.shop_help p {
 font-size: 60%; line-height: 100%;
 text-indent: 2em;
 margin: 0.5ex 1em;
 text-align: justify;
}

div.shop_help li {
 list-style-type: none;
 font-size: 65%;
}

div.inpo_library,
div.inpo_guestbook {
 background: #d2fdff;
}
div.inpo_library {
 margin: 0px;
 padding-top: 1.5em;
 padding-bottom: 1.5em;
}

a.oldsitelink {
 margin: 0.5ex 1em 1ex 50%;
 padding: 0.5ex;
 text-align: right;
 font-size: 80%;
 font-weight: bold;
 color: #df0000;
 border-top: 1px solid white;
 border-left: 1px solid white; 
 border-bottom: 1px solid black;
 border-right: 1px solid black;
 background: #fafa00;
 white-space: pre;
 padding: 1px;
 width: 10em;
 display: block;
}

div.b_hierarchy a.group_pricelist_link,
div.b_hierarchy div.group_pricelist_links {
 display: none;
}
td.bl_content div.group_pricelist_links {
 margin-top: 1ex;
 display: block;
 text-align: center;
}
td.bl_content a.group_pricelist_link {
 display: inline;
 text-align: center;
 margin: 0px 1ex 0px 1ex;
}

div.announcement {
 border: double 3px red;
 margin: 2em; padding: 1ex;
 background: white;
 color: navy;
 font-weight: bold;
 font-style: italic;
}
div.announcement em {
 color: red;
}

div.inpo_download {
 margin: 0px; padding: 1ex 2em;
 background: #d6ffff;
 font-size: 80%;
 color: navy;
}
div.inpo_download h1 {
 font-size: 150% !important;
 text-align: center;
}
div.inpo_download p.download {
 font-size: 160%;
 margin: 2em;
}

div.s_plug { font-size: 70%; }
div.s_plug h1 { color: #a0d0d0; display: inline; }
div.s_plug p.s { display: inline; color: #a0d0d0; font-weight: bold; font-size: 110% }
div.s_plug p { text-align: justify; color: #808080;  }

div.shop_help p a {
 text-decoration: none;
 color: black;
}
div.shop_help p a:hover {
 color: teal;
}

a#ga_f { cursor: pointer; }
ul#filters_box {
 list-style-type: none;
 margin-left: 3ex; padding-left: 0px;
 text-indent: 0px;
 cursor: pointer;
}
span#current_filter {
 color: gray;
}
ul#filters_box li {
 list-style-type: none;
 text-indent: 0px;
 margin-left: 0px; padding-left: 0px;
 font-size: 90%;
 cursor: pointer;
}
ul#filters_box a {
 color: #0000b0;
}
ul#filters_box a:hover {
 color: white;
}
.bg_filter div.no_js{
 font-size: 80%;
 margin: 0px 1ex; padding: 0px;
 text-align: center;
 vertical-align: middle;
}