BODY {background-color: white; margin: 0px}
BODY,TD {color: black; font-family: sans-serif; font-size: 10pt; text-align: justify}
H1 {text-align: right; position: absolute; margin: 0px; font-size: 50px; font-weight: bold; font-family: Arial Black, sans-serif; top: 2px; right: 5%}
#linkbar {z-index: 3; position: absolute; left: 0px; top: 50px; right: 0px; height: 20px; padding: 0px 20px 0px; text-align: left}
#linkbar A {position: relative; top: 1px; padding: 0px 0px 10px; text-decoration: none; color: black}
.menu {position: absolute; top: 70px; width: 175px; border: solid black 1px; padding: 0px; z-index: 4}
.sub_hint {display: inline; float: right; margin-right: 3px; font-size: 12pt; line-height: 15px}
.smallprint {font-size: 8pt}
.menu A {display: block; text-decoration: none; color: black; padding: 0.3em 0px 0.3em 10px; line-height: 1.4em}
.menu A:hover {color: white}
.pagecontent {margin-left: 120px; width: auto; margin-right: 50px; margin-top: 5em}
.data TH, .data TD {font-size: 10pt; padding: 2px 5px; text-align: left}
.data TH {color: white}
.data TH.sub { color: black}
.data TD {background-color: white}
.data {background-color: black}
IMG {border: none}
IMG.right {margin-left: 25px}
IMG.left {margin-right: 20px; margin-bottom: 20px; float: left}
P.clear {clear: both}
.tablehead {color: white; font-weight: bold}

DIV.categories {list-style: url('images/ecoflow.png'); font-size: 24pt; text-transform: uppercase; font-weight: bold; width: 40%}

DIV.categories A IMG {float: none; border: none; margin: 0px; position: relative; top: 1px}
DIV.categories A {display: block; text-decoration: none; text-align: center; line-height: 1.5em; border: solid white 1px; margin-bottom: 10px}

DIV.categories A:hover {background-color: #E0E0FF; border-color: #C0C0FF}

.menu A:hover, .data TH {background-color: #005000}
#linkbar, .data TH.sub, .menu {background-color: #779059; color: black}
A {color: #000080}
A:hover {color: #0000C0}

.menu A, #linkbar {font: Tahoma, sans-serif; font-size: 8pt}

.pagecontent IMG {float: right; border: solid black 1px; margin-left: 15px; margin-bottom: 10px; clear: right}

#mainnav IMG {margin: 0px}
#mainnav {position: fixed; left: 10px; top: 10px; border: solid black 1px}

#mainnav A {display: block}

#mainnav {height: 272px; width: 99px}
.uppercase {text-transform: uppercase}

.links A.selected {border: solid #8080C0 1px; border-bottom-color: #E0E0FF; background-color: #E0E0FF; padding: 4px 0.3em 2px}

.links {border-bottom: solid #8080C0 1px}

.links A, .sublinks A {padding: 0px 0.3em; margin: 0px 1px; position: relative; z-index: 10; text-decoration: none}

.links A:hover {background-color: #E0E0FF; border: solid #A0A0D0 1px; margin: 0px}
.sublinks A {border: solid #B0B0F0 1px; background-color: #F0F0FF}
.sublinks A:hover {background-color: #FFFFFF; border: solid #B0B0F0 1px}

.links A.selected:hover {border: solid #8080C0 1px; border-bottom-color: #E0E0FF; background-color: #E0E0FF; padding: 4px 0.3em 2px; margin: 0px 1px}

.links A {color: black}

.links, .sublinks {padding: 2px 5px; margin-right: -50px; font-size: 10.5pt}
.links {background-color: #D0D0FF}
.sublinks {background-color: #E0E0FF; font-weight: bold; font-size: 150%; text-align: center; line-height: 1.5em}

.links {border-top: solid #A0A0D0 1px; border-left: solid #A0A0D0 1px}
.sublinks {border-bottom: solid #C0C0FF 1px; border-left: solid #C0C0FF 1px}

H1 {text-align: right; color: #000080}
H1 IMG {position: relative; bottom: 5px}

H2 {border-bottom: solid black 1px; margin-top: 20px}

H2, P, H3, H4 {margin-left: 10px}

BLOCKQUOTE {border: solid silver 1px; background: #E0E0FF; padding: 0 10px}
BLOCKQUOTE P,
BLOCKQUOTE UL,
BLOCKQUOTE H4 {margin-left: 0}
BLOCKQUOTE LI {list-style: square}
BLOCKQUOTE H4 {background: #B0B0FF; padding: 0.3em 1em}

H5.footnote {text-align: center; margin-bottom: 0px; margin-top: 2em; font-size: 9pt}
P.footnote {text-align: center; margin-top: 0px; font-size: 8pt}

P.quote {margin-top: 4em}
P.quote:before {content: open-quote}
P.quote:after {content: close-quote}
P.quote:before, P.quote:after {font-size: 24pt; line-height: 0em; font-family: Times New Roman; quotes: "\201C" "\201E"; font-weight: bold}

.product {position: relative; padding: 3px 3px 3px 10px; font-size: 8pt; min-height: 81px}
.product H4, .product P {margin: 0px}
.product IMG {position: absolute; right: 53px; top: 3px; border: solid black 1px}
.product H4 {font-size: 10pt; margin-bottom: 0.5em}
.product P.description {margin-bottom: 1em}
.product INPUT, .product SELECT {font-size: 8pt; border: outset silver 1px}
.alpha {background-color: #E0E0FF}
.beta {background-color: #F0F0FF;}
.first {margin-top: 4em; margin-bottom: -1px; clear: both}
.basket {width: 500px; border-spacing: 0px; border-collapse: collapse; margin: 0px 0px 10px 1em}
.basket TD, .basket TH {border: solid black 1px; padding: 3px 5px}
.basket TD {background-color: #E0E0FF}
.basket TH {background-color: #D0D0FF}

.minibasket {position: absolute; top: 0px; left: 120px; background-color: #D0D0FF; border: solid black 1px; padding: 0.3em; font-size: 8pt; width: 15em; height: 4.9em; border-color: #A0A0D0; border-top-style: none}
.minibasket P {margin: 0px; padding: 0px}
.minibasket P .key {display: block; float: left; margin-right: 0.5em}
.minibasket P {text-align: right; white-space: nowrap}
.minibasket A {position: absolute; right: 0.3em; bottom: 0.3em; display: block; width: 11em; margin-right: 0px; margin-left: auto; padding: 1px; text-decoration: none; border: solid black 1px; color: black; text-align: center; background-color: #C0C0FF}
.minibasket A:hover {background-color: #E0E0FF}

H3.strong {background-color: #E0E0FF; border: solid black 1px; width: 50%; padding: 1px 10px}

INPUT {font-size: 8pt}

DIV.input {position: relative; height: 2.7em; margin-left: 10px; font-size: 8pt}
DIV.input LABEL {position: absolute; left: 0px; bottom: 2px; display: block; vertical-align: middle; border-bottom: solid #E0E0E0 1px; width: 15em}
DIV.input INPUT, DIV.input SELECT {position: absolute; left: 15em; height: 2em; bottom: 2px; font-size: 100%; border: solid #A0A0A0 1px}
DIV.input TEXTAREA {position: absolute; left: 15em; top: 0.7em; font-size: 100%; border: solid #A0A0A0 1px; height: 8em}
DIV.buttons {margin-top: 2em; font-size: 8pt; text-align: right; background-color: #E0E0FF; border: solid black 1px; width: 50%; padding: 3px 10px; margin-left: 10px}
DIV.buttons INPUT {font-size: 8pt; position: relative; left: 7px}

.montage IMG {border: solid black 1px}

.imgfright {float: right; margin: 0 0 1em 1em}
.imgfright IMG {border: none; float: none; display: block; margin: 0 auto}
.imgfright .caption {text-align: center; margin: 0.5em 0 0; font-size: 70%}

table.data th {background-color: #C0C0FF; text-align: left; color: black}
table.data td,
table.data th {padding: 0.2em 1em; border: solid black 1px; font-size: 90%}
table.data tr.sub th {background-color: #E8E8FF}
table.data {width: 400px; border-spacing: 0; border-collapse: collapse; margin: 1em auto}

div.fpsection {border: solid #8080C0 1px; margin: 0px 10px}
div.fpsection h3 {border-bottom: solid #8080C0 1px; background-color: #D0D0FF; margin: 0; padding: 0.1em 0.7em; font-size: 110%}
div.fpsection h3 a {color: white}
div.fpsection .contents {padding: 165px 1em 1px; background: url('http://www.bestmagnets.co.uk/images/montage2.jpg'); background-repeat: no-repeat}
div.fpsection .contents p {margin: 1em 0; font-size: 80%; height: 6.5em}
div.fpsection img {float: none}
div.fpsection .button {text-align: right; margin-right: -1em; margin-top: -0.6em}
div.fpsection .button img {border: none; margin: 4px; padding: 0}

img.centered {display: block; margin: 0.5em auto; border: solid black 1px}

#distrib {text-align: center; font-size: 85%; border: solid black 1px; padding: 3px; margin-top: 5px; margin-left: -1px; width: 93px}
#distrib * {margin: 0}