html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

html { font-size: 100.01%; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

blockquote, q { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; quotes: "" ""; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }

th, td, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; font-weight: normal; vertical-align: middle; }

table { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-collapse: separate; border-spacing: 0; vertical-align: middle; }

a img { border: none; }

img.order_steps { float: left; margin: 0 2.5em 0 1em; }

div#direct_payment_button { float: left; }

div.errorExplanation { margin-left: 203px; }

div.christmas_message { float: left; width: 400px; }
div.christmas_message img { float: right; margin: 0 0 0 1em; }
div.christmas_message h3 { font-weight: normal; margin: 0; color: #006633; font-size: 23px; }
div.christmas_message p { font-size: 14px; }
div.christmas_message .read_more { margin-top: 0.9em; }

div.site_problems { border-bottom: red dashed 1px; margin-bottom: 2em; color: red; font-size: 0.9em; }
div.site_problems h3 { font-size: 1.1em; margin: 0; }
div.site_problems p { margin: 0.4em 0 0.6em; }

div.note { float: right; width: 460px; margin: 0 1em 1em 0; text-align: right; }
div.note p { margin: 0; }

div.products { float: right; border: black solid 1px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; margin-bottom: 14px; padding: 8px 0 19px 5px; width: 490px; }
div.products.fieldset_with_errors { border: 2px solid #cf0000; }
div.products h2 { background-color: white; display: inline; float: left; font-weight: bold; font-size: 1.2em; margin: 0; padding: 0; position: relative; top: -18px; }
div.products ul.payment_method > li { display: inline-block; float: left; margin: 0 26px; padding: 1em 0 1.5em 0; }
div.products ul.payment_method > li img { cursor: pointer; }
div.products li { display: inline; float: left; }
div.products li div { float: left; cursor: pointer; height: 88px; margin: 0 15px; }
div.products li div span { display: block; text-align: center; font-size: 1.2em; line-height: 1em; }
div.products li div#product_1 { width: 99px; background-image: url("/images/salt_1.png"); }
div.products li div#product_1.selected { background-image: url("/images/salt_1_selected.png"); }
div.products li div#product_1 span { margin-top: 32px; }
div.products li div#product_2 { width: 154px; background-image: url("/images/salt_2.png"); }
div.products li div#product_2.selected { background-image: url("/images/salt_2_selected.png"); }
div.products li div#product_2 span { margin-top: 29px; }
div.products li div#product_3 { width: 121px; background-image: url("/images/salt_3.png"); }
div.products li div#product_3.selected { background-image: url("/images/salt_3_selected.png"); }
div.products li div#product_3 span { margin-top: 20px; }
div.products li div#product_4 { width: 80px; background-image: url("/images/soap_4.png"); margin: 0 8px; }
div.products li div#product_4.selected { background-image: url("/images/soap_4_selected.png"); }
div.products li div#product_4 span { margin-top: 26px; }
div.products li div#product_5 { width: 100px; background-image: url("/images/soap_5.png"); margin: 0 8px; }
div.products li div#product_5.selected { background-image: url("/images/soap_5_selected.png"); }
div.products li div#product_5 span { margin-top: 24px; }
div.products li div#product_6 { width: 100px; background-image: url("/images/soap_6.png"); margin: 0 8px; }
div.products li div#product_6.selected { background-image: url("/images/soap_6_selected.png"); }
div.products li div#product_6 span { padding-left: 5px; margin-top: 27px; }
div.products li div#product_7 { width: 121px; background-image: url("/images/soap_7.png"); margin: 0 8px; }
div.products li div#product_7.selected { background-image: url("/images/soap_7_selected.png"); }
div.products li div#product_7 span { margin-top: 24px; }

input#order_submit { background: #3caa04 url("/images/submit_button_bg.png") repeat-x left top; border: #46b705 outset 2px; border-radius: 8px; cursor: pointer; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; padding: 0.2em 3em; color: white; font-size: 1.3em; margin-left: 1.5em; }

.offscreen { position: absolute; right: 999999px; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 76%; }

dl.h2 dt { font-size: 1.2em; font-weight: bold; margin: 0.75em 0 0.25em; }

dl.h2 dd { margin-left: 0; }

h1 { border-bottom: 3px solid #8fa0bc; font-size: 2em; font-weight: bold; margin: 0.3em 10px 0.5em 0; padding: 10px 0; }

h2 { font-size: 1.5em; font-weight: bold; margin: 20px 0 5px 0; }

h3 { font-size: 1.3em; font-weight: bold; margin: 20px 0 5px 0; }
h3.box { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; background-color: #0145a6; color: white; font-size: 1em; margin: 0.5em 0 0 0; padding: 0.4em; }

h4 { margin: 0.8em 0 0.4em; font-weight: bold; font-size: 1.2em; }

p, li { line-height: 1.5em; }

p, ul, ol { margin-bottom: 0.8em; margin-top: 0.8em; }
p.box, ul.box, ol.box { background-color: #e8e8fa; margin-top: -0.3em; padding: 0.4em; width: 30em; }
p.harvey_sig, ul.harvey_sig, ol.harvey_sig { text-indent: -5000em; width: 234px; height: 74px; background: transparent url("/images/harvey_sig.gif") no-repeat; }

a { color: #162656; text-decoration: underline; }
a:hover, a:active, a:visited:hover { color: #dd8800; }
a:visited { color: #561656; }

ul { list-style: disc outside; margin-left: 2em; }
ul.listing { list-style-type: none; }
ul.listing li { display: block; margin: 0.9em 0 1.5em 0; }
ul.listing li a.faq { font-size: 1.1em; font-weight: normal; color: black; }

ol { list-style: lower-latin inside; margin-left: 10px; }
ol li { padding-bottom: 10px; }
.footnotes ol { list-style-type: decimal; }
.footnotes ol li * { display: inline; }

em { font-style: italic; }

.box { background-color: #e8e8fa; margin-top: 1em; padding: 0.5em; width: 25em; }
.box ul { margin-bottom: 1em; }
.box ul li { color: #0145a6; }

form fieldset { padding: 1.4em; margin: 0 0 1.5em 0; }
form legend { font-weight: bold; font-size: 1.2em; }
form input { clear: none; }
form input.text, form input.title, form input[type=text] { padding: 0.3em; }
form input.title { font-size: 1.5em; }
form input[type=checkbox], form input.checkbox, form input[type=radio], form input.radio { position: relative; top: 0.25em; }
form input.default { color: #999999; }
form textarea { padding: 0.3em; }
form.bruce_form { color: black; display: block; font-weight: normal; margin: 10px 10px 0 0; text-decoration: none; }
form.bruce_form.first { margin-top: 0; }
form.bruce_form .wrapper { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; border: 1px solid #c7d2e2; }
form.bruce_form .wrapper .title { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; background-color: #c7d2e2; color: #162656; font-weight: normal; padding: 2px 0 2px 10px; margin: 0; font-size: 1em; }
form.bruce_form .wrapper .content { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; background-color: #f4f7fa; border: none; margin-top: 0; padding: 10px 10px 5px 10px; }
form.bruce_form input[type="radio"] { margin-top: 1em; }
form.bruce_form label { color: #0145a6; }
form.bruce_form p { padding: 0 1em; }
form.bruce_form .fieldWithErrors { display: block; padding: 0 1em; }
form.comment_form fieldset.inputs { border-top: 2px solid #8fa0bc; margin-top: 1em; padding: 1em 0 1em 1em; }
form.comment_form fieldset.inputs legend { border-width: 0px 2px; border-style: solid; border-color: #8fa0bc; color: #4c5d7b; font-size: 90%; letter-spacing: 2px; padding: 0.5em; text-transform: uppercase; }
form.demo_form { width: 270px; }
form.demo_form label { display: block; }
form.demo_form select { width: 235px; }
form.faq_form { width: 675px; margin-bottom: 1em; }
form.faq_form .content { background: url("/images/faq.png") no-repeat right; }
form.faq_form label { display: block; }
form.hardness li { display: inline; list-style: none outside none; }
form.hardness li label { display: inline-block; margin-right: 10px; }
form.hardness li input[type=text] { margin-right: 10px; }
form.hardness li input#hardness_code { width: 100px; }
form.hardness li input#hardness_value { width: 335px; }
form.hardness li.error { border: none; background-color: white; }
form.hardness li.error input#hardness_code { width: 30px; }
form.hardness li.error input#hardness_value { width: 240px; }
form.hardness li.error p.inline-errors { display: inline-block; margin: 0 10px 0 -10px; }
form.order fieldset.rounded { border: black solid 1px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; margin-bottom: 14px; padding: 8px 0 19px 5px; width: 490px; float: right; }
form.order fieldset.rounded.fieldset_with_errors { border: 2px solid #cf0000; }
form.order fieldset.rounded legend.label { font-weight: normal; font-size: 100%; }
form.order fieldset.rounded li.error > label, form.order fieldset.rounded p.inline-errors { color: #cf0000 !important; }
form.search { clear: both; padding: 0.8em 0 0.8em 0; }
form.search label { display: none; margin-left: -1000px; position: absolute; visibility: hidden; }
form.search input[type="text"] { width: 360px; float: left; }
form.compact { font-size: 0.9em; }
form.compact label { display: block; float: none !important; }

table { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; padding: 0 0 0 7em; width: 42em; color: #0145a6; }
table caption { padding: 0 0 0 7em; font-size: 1.2em; font-weight: bold; margin: 0.8em auto; }
table th { font-weight: bold; }
table .cost { text-align: right; width: 5em; }
table tr:hover td { background: #dfe4ea; }
table.invoice { padding: 0; width: 100%; color: black; }
table.invoice td { padding: 0.5em 0; }
table.invoice tr:hover td { background: #ededed; }
table.admin { margin: 15px 0 0 0; padding: 0; width: 100%; color: black; }
table.admin tr th { border-bottom: 2px solid #8fa0bc; border-top: 2px solid #8fa0bc; font-weight: bold; }
table.admin tr td, table.admin tr th { padding: 5px; }
table.admin tr td:nth-child(1), table.admin tr th:nth-child(1) { width: 150px; }
table.admin tr td:nth-child(3), table.admin tr th:nth-child(3) { width: 50px; text-align: center; }
table.admin tr:nth-of-type(even) { background-color: #ededed; }
table.admin:last-child { border-bottom: 2px solid #8fa0bc; }
table.admin:hover > td { background-color: #dfe4ea; }
table.comparison, .comparison table { border-collapse: collapse; padding: 0; }
table.comparison th, table.comparison td, .comparison table th, .comparison table td { border: solid 1px; padding: 0.2em 1em; color: black; }
table.comparison th, .comparison table th { border-color: #dddddd; background-color: #eeeeee; }
table.comparison th.zoom, .comparison table th.zoom { padding: 0; background-image: url(/images/zoom.png); background-repeat: no-repeat; background-position: 95% 85%; }
table.comparison th.zoom a, .comparison table th.zoom a { display: block; padding: 0.2em 1em; }
table.comparison td, .comparison table td { border-color: #eeeeee; }
table.comparison td.yes, table.comparison td.no, .comparison table td.yes, .comparison table td.no { background-repeat: no-repeat; background-position: center center; }
table.comparison td.yes, .comparison table td.yes { background-image: url(/images/tick.png); }
table.comparison td.no, .comparison table td.no { background-image: url(/images/cross.png); }
table.comparison td.yes .text, table.comparison td.no .text, .comparison table td.yes .text, .comparison table td.no .text { position: absolute; right: 999999px; }
table.comparison thead th, .comparison table thead th { min-width: 6em; }
table.comparison tbody th, .comparison table tbody th { min-width: 12em; }
table.comparison .good, .comparison table .good { color: green; }
.comparison.individual table tbody td, table.comparison.individual tbody td { text-align: center; }
table.events, table.experiment { border-collapse: collapse; padding: 0; width: auto; color: black; }
table.events th, table.events td, table.experiment th, table.experiment td { padding: 0.4em 1em; border: #dddddd solid 1px; }
table.events .current, table.experiment .current { background-color: #ddeedd; }
table.experiment { width: 40em; margin: 1em 0; box-shadow: 10px 10px 30px #aaaaaa; -o-box-shadow: 10px 10px 30px #aaaaaa; -icab-box-shadow: 10px 10px 30px #aaaaaa; -khtml-box-shadow: 10px 10px 30px #aaaaaa; -webkit-box-shadow: 10px 10px 30px #aaaaaa; -moz-box-shadow: 10px 10px 30px #aaaaaa; }

.fieldWithErrors { display: inline; }

#errorExplanation { width: 400px; border: 2px solid #cf0000; padding: 0px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0; }
#errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: 0; background-color: #cc0000; color: white; }
#errorExplanation p { color: #333333; margin-bottom: 0; padding: 8px; }
#errorExplanation ul { margin: 2px 24px; }
#errorExplanation ul li { font-size: 12px; list-style: disc; }

#video { width: 100%; text-align: center; margin-bottom: 0.5em; position: relative; overflow: hidden; }
#video #player { display: block; height: 295px; }

a#reset_harvey { text-align: center; display: block; font-size: 0.8em; text-transform: uppercase; }

.conversation { position: absolute; top: 156px; margin: 0; width: 133px; height: 96px; }
.conversation:hover { border-bottom: #ff8f01 solid 7px; }

a.button, input.button, button { display: block; float: left; margin: 0 0.8em 0.7em 0 !important; padding: 5px 10px 5px 7px !important; border: 1px solid #9db0bc; border-top: 1px solid #dedede; border-left: 1px solid #dedede; background: #f5f5f5 url("/images/inactive.jpg") repeat-x; font-family: "Lucida Grande", "Tahoma", "Arial", "Verdana", "sans-serif"; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold !important; color: #565656; cursor: pointer; }
a.button img, input.button img, button img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; float: none; }
a.button:active, input.button:active, button:active { background-color: #6299c5; border: 1px solid #6299c5; color: white; }
a.button:hover, input.button:hover, button:hover { background: #dff4ff url("/images/active_neutral.jpg") repeat-x; border: 1px solid #3c81c4; color: white; }
a.button.right, input.button.right, button.right { float: right; }
a.button.positive, input.button.positive, button.positive { color: #529214; }
a.button.positive:active, input.button.positive:active, button.positive:active { background-color: #529214; border: 1px solid #529214; color: white; }
a.button.positive:hover, input.button.positive:hover, button.positive:hover { background: #dff4ff url("/images/active_positive.jpg") repeat-x; border: 1px solid #5b9400; color: white; }
a.button.primary, input.button.primary, button.primary { height: 45px; background-color: #52b400; background-image: url("/images/primary_button_bg_sprite.png"); background-repeat: repeat-x; background-position: right top; border: #5ea30e solid 1px; padding-right: 1em !important; padding-left: 1em !important; color: white; font-size: 1.3em; }
a.button.primary:active, a.button.primary:hover, input.button.primary:active, input.button.primary:hover, button.primary:active, button.primary:hover { background-color: #7fdf02; background-position: right bottom; border: #71c411 solid 1px; }
a.button.negative, input.button.negative, button.negative { color: #d12f19; }
a.button.negative:active, input.button.negative:active, button.negative:active { background-color: #d12f19; border: 1px solid #d12f19; color: white; }
a.button.negative:hover, input.button.negative:hover, button.negative:hover { background: #fbe3e4 url("/images/active_negative.jpg") repeat-x; border: 1px solid #b42232; color: white; }

button.search { background: transparent url("/images/button-60px.gif") no-repeat; border: none; color: black; display: block; float: right; font-family: inherit; font-weight: normal; font-size: 95%; line-height: normal; width: 60px; height: 20px; margin: 0 270px 0 0; padding: 0; }

dl.testimonials dt { color: #0145a6; font-weight: bold; font-size: 1.2em; margin-top: 2em; clear: right; }
dl.testimonials dd { background: white url("/images/open_quotes.gif") no-repeat; text-indent: 50px; padding: 1.5em 0 0 0; }
dl.testimonials dd a { text-decoration: none; color: black; }
dl.testimonials dd img { border: 1px solid #555555; margin: -1.2em 1em 1em 1em; float: right; }
dl.testimonials dd cite { display: block; background: white url("/images/close_quotes.gif") no-repeat 340px; padding: 1em 0 1em 0; }

dl#international_contacts dt { clear: left; font-weight: bold; margin: 2em 0 0 0; }
dl#international_contacts dt img { float: left; margin: 0 20px 50px 20px; }
dl#international_contacts dd { margin-bottom: 1em; padding-left: 170px; }

.post .heading h2 { margin-bottom: 0; }
.post .byline { color: #aaaaaa; margin: 0; }
.post .byline .author { color: #777777; }
.post_list .post { border-bottom: 1px dotted #bdc7ce; }
.post_list .post .footer { clear: both; }
.post_list .post .footer .comment_count { float: right; }
.post_list .post:last-child { border-bottom-style: none; }

.comments { background-color: #f1f2ef; border: 1px solid #bdc7ce; margin: 1em 0 2em 0; }
.comments .comment { margin: 15px 20px; }
.comments hr { margin: 0 1.5em; }

hr { border: 1px dotted #bdc7ce; }

.post_list img { width: 140px; }

div.left, div.right { background-color: #eeeeee; border: 1px solid #dddddd; padding: 1em 1em 0.25em 1em; }
.post_list div.left, .post_list div.right { padding: 0; }

img.left, div.left { float: left; margin-right: 1em; }

img.right, div.right { float: right; margin-left: 1em; }

div.image p { font-size: 90%; font-style: italic; margin-top: 0; text-align: center; }
.post_list div.image p { display: none; }

div.question { font-size: 110%; font-style: italic; font-weight: bold; margin: 1em 1em 0.5em 1em; }

div.answer { font-size: 105%; font-style: italic; line-height: 150%; margin: 0 1em; }

#habla_window_div.habla_window_div_base.olrk-state-expanded #habla_topbar_div { -moz-border-radius-topleft: 0 !important; -webkit-border-top-left-radius: 0 !important; border-top-left-radius: 0 !important; -moz-border-radius-topright: 0 !important; -webkit-border-top-right-radius: 0 !important; border-top-right-radius: 0 !important; }

#habla_window_div.habla_window_div_base.olrk-state-expanded { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; border: #ff8f01 solid !important; border-width: 11px 11px 0 !important; }

.clear { clear: both; }

.nowrap { white-space: nowrap; }

.clearfix { overflow: hidden; *zoom: 1; }

.small { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }

.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }

.first { margin-left: 0; padding-left: 0; }

.last { margin-right: 0; padding-right: 0; }

.top { margin-top: 0; padding-top: 0; }

.bottom { margin-bottom: 0; padding-bottom: 0; }

.error { padding: 0.8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.error a { color: #8a1f11; }

.notice { padding: 0.8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #fff6bf; color: #514721; border-color: #ffd324; }
.notice a { color: #514721; }

.success { padding: 0.8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #e6efc2; color: #264409; border-color: #c6d880; }
.success a { color: #264409; }

.hide { display: none; }

.highlight { background: yellow; }

.added { background: #006600; color: white; }

.removed { background: #990000; color: white; }

.showgrid { background: url('http://harvey.s3.amazonaws.com/images/grid.png?1328604226'); }

body { background-color: #4c5d7b; margin-bottom: 600px; }
body #admin { position: fixed; top: 10px; background-color: white; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; box-shadow: 6px 10px 30px black; -o-box-shadow: 6px 10px 30px black; -icab-box-shadow: 6px 10px 30px black; -khtml-box-shadow: 6px 10px 30px black; -webkit-box-shadow: 6px 10px 30px black; -moz-box-shadow: 6px 10px 30px black; }
body #admin .toggle_admin { margin: 7px; display: inline-block; }
body #admin .button, body #admin button { float: none; background-image: none; border: none; }
body #admin .button:hover, body #admin button:hover { background-color: transparent; color: black; }
body #admin #admin_menu { padding: 0.4em 30px 0.4em 10px; margin-left: -400px; }
body #admin #admin_menu ul { margin-left: 1em; }
body #admin #admin_menu ul li { list-style: none; }
body #container { width: 950px; margin: 0 auto; overflow: hidden; *zoom: 1; }
body #container #header { display: inline; float: left; margin-right: 0; width: 950px; background: url("/images/header_background.jpg") no-repeat white; height: 145px; }
* html body #container #header { overflow-x: hidden; }
body #container #header a.logo { background: url("/images/logo.png") no-repeat; display: block; width: 360px; height: 98px; float: left; margin: 16px 0 0 21px; text-indent: -5000em; }
body #container #header a.contact { background: url("/images/contact.png") no-repeat; display: block; width: 300px; height: 75px; float: right; margin: 9px 9px 0 0; text-indent: -5000em; }
body #container #header a.contact.phone_alert { background-image: url(/images/phone_alert.png); width: 450px; }
body #container #header .header_menu { float: right; height: 35px; background: url("/images/header_menu_bg.png") no-repeat left top; position: relative; text-align: right; }
body #container #header .header_menu ul { margin: 0; padding: 5px 1em 0 2em; }
body #container #header .header_menu ul li { background-color: white; display: inline; margin-right: 10px; border-right: #162656 solid 1px; font-size: 0.9em; }
body #container #header .header_menu ul li.last { border: none; margin-right: 0; }
body #container #header .header_menu ul li.last a { margin-right: 0; }
body #container #header .header_menu ul li a { margin-right: 10px; text-decoration: none; }
body #container #middle { display: inline; float: left; margin-right: 0; width: 950px; border-left: 2px solid white; background-color: white; }
* html body #container #middle { overflow-x: hidden; }
body #container #middle #navigation { display: inline; float: left; margin-right: 10px; width: 190px; }
* html body #container #middle #navigation { overflow-x: hidden; }
body #container #middle #navigation a.demo { background-repeat: no-repeat; display: block; text-indent: -500000px; height: 46px; background: url("/images/alt/book_demo_small/green_web20_sprite.png"); border-bottom: 8px solid white; }
body #container #middle #navigation a.demo:hover, body #container #middle #navigation a.demo.lit_up { background-position: left bottom; }
body #container #middle #navigation form { background-color: #4c5d7b; height: 30px; padding: 10px 0 10px 10px; }
body #container #middle #navigation form input#search_field { float: left; width: 90px; clear: none; display: inline; padding: 6px; border: 1px inset #0145a6; }
body #container #middle #navigation form .button { clear: none; float: right; }
body #container #middle #navigation ul { background-color: #c7d2e2; border-top: 2px solid white; margin: 0; }
body #container #middle #navigation ul li { line-height: 1.2em; list-style: none outside none; border-bottom: 1px solid white; }
body #container #middle #navigation ul li a { color: #162656; display: block; padding: 0.7em 0px 0.7em 15px; text-decoration: none; text-transform: capitalize; }
body #container #middle #navigation ul li a:hover, body #container #middle #navigation ul li a.lit_up { background-color: #ff8f01; color: white; }
body #container #middle #navigation ul li ul { background: none repeat scroll 0 0 #f4f7fa; border-style: none; padding: 0.7em 0; }
body #container #middle #navigation ul li ul li { border-style: none; }
body #container #middle #navigation ul li ul li a { background: url("/images/bullet_sprite.png") no-repeat 16px 8px; color: #162656; display: block; padding: 0.4em 10px 0.4em 34px; text-decoration: none; }
body #container #middle #navigation ul li ul li a:hover, body #container #middle #navigation ul li ul li a.lit_up { background-position: 16px -92px; }
body #container #middle #content { display: inline; float: left; margin-right: 0; width: 750px; }
* html body #container #middle #content { overflow-x: hidden; }
body #container #middle #content a.vidlink { color: black; display: block; font-weight: normal; margin: 10px 10px 0 0; text-decoration: none; }
body #container #middle #content a.vidlink.first { margin-top: 0; }
body #container #middle #content a.vidlink .wrapper { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; border: 1px solid #c7d2e2; }
body #container #middle #content a.vidlink .wrapper .title { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; background-color: #c7d2e2; color: #162656; font-weight: normal; padding: 2px 0 2px 10px; margin: 0; font-size: 1em; }
body #container #middle #content a.vidlink .wrapper .content { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; background-color: #f4f7fa; border: none; margin-top: 0; padding: 10px 10px 5px 10px; }
body #container #middle #content a.vidlink .content { position: relative; }
body #container #middle #content a.vidlink .content .overlay { position: absolute; top: 25px; left: 25px; width: 51px; height: 51px; background: url(/images/video_play_sprite.png) no-repeat left top; }
body #container #middle #content a.vidlink .content img { border: none; float: left; }
body #container #middle #content a.vidlink .content p { line-height: 1.3em; display: block; width: 100px; float: right; padding: 0; margin: 0; }
body #container #middle #content a.vidlink:hover .wrapper, body #container #middle #content a.vidlink.lit_up .wrapper { border-color: #ff8f01; }
body #container #middle #content a.vidlink:hover .title, body #container #middle #content a.vidlink.lit_up .title { background-color: #ff8f01; color: white; }
body #container #middle #content a.vidlink:hover .content .overlay, body #container #middle #content a.vidlink.lit_up .content .overlay { background-position: left bottom; }
body #container #middle #content .comparison { overflow: auto; padding: 1em 0; }
body #container #middle #content .book_demo_large { background-repeat: no-repeat; display: block; text-indent: -500000px; width: 738px; height: 127px; background-image: url(/images/alt/book_demo_large/green_web20_sprite.png); }
body #container #middle #content .book_demo_large:hover, body #container #middle #content .book_demo_large.lit_up { background-position: left bottom; }
body #container #middle #content .content_full { padding-right: 10px; }
body #container #middle #content .content_full #content_sidebar { width: 220px; }
body #container #middle #content .content_full #content_sidebar .vidlink { margin-right: 0; }
body #container #middle #content #flash { padding-right: 10px; }
body #container #middle #content #hardness_form { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; width: 219px; height: 135px; background: #013564 url(/images/hardness_form_bg.jpg) no-repeat left top; }
body #container #middle #content #hardness_form h3 { margin-top: 0; font-size: 1.8em; }
body #container #middle #content #hardness_form form, body #container #middle #content #hardness_form .intro { padding-right: 14px; padding-left: 14px; }
body #container #middle #content #hardness_form .intro { color: white; padding-top: 10px; }
body #container #middle #content #hardness_form form { padding-bottom: 10px; }
body #container #middle #content #hardness_form form label { position: absolute; left: -999999px; }
body #container #middle #content #hardness_form form input { float: left; }
body #container #middle #content #hardness_form form .postcode { width: 86px; }
body #container #middle #content #hardness_form form .submit { width: 76px; height: 27px; margin-left: 14px; background-color: #ff8f01; background-image: url(/images/hardness_button_bg.jpg); background-repeat: no-repeat; background-position: left top; border-style: none; color: white; font-weight: bold; font-size: 13px; cursor: pointer; }
body #container #middle #content .hardness_report { position: relative; }
body #container #middle #content .hardness_report .description { position: absolute; left: 0; top: 0; z-index: 1; width: 300px; padding-left: 20px; }
body #container #middle #content .hardness_report .description .result { font-size: 1.4em; font-weight: bold; margin-bottom: 1em; }
body #container #middle #content .hardness_report .description .result strong { font-size: 3em; line-height: 1em; }
body #container #middle #content .hardness_report .description .discussion { width: 250px; }
body #container #middle #content .hardness_report .description table.key { border-collapse: collapse; padding: 0; color: black; width: 280px; }
body #container #middle #content .hardness_report .description table.key th { font-weight: normal; }
body #container #middle #content .hardness_report .description table.key th, body #container #middle #content .hardness_report .description table.key td { border: #999999 solid 1px; padding: 2px 1em; }
body #container #middle #content .hardness_report .description table.key .low { background: #fff79c url(/images/hardness_low.png); }
body #container #middle #content .hardness_report .description table.key .hard { background: #ec8c52 url(/images/hardness_hard.png); }
body #container #middle #content .hardness_report .description table.key .very { background: #cc0000 url(/images/hardness_very.png); }
body #container #middle #content .hardness_report img.map { float: right; }
body #container #middle #content .hardness_report .disclaimer { clear: both; padding: 2em 0 0 0; }
body #container #middle #content .after_demo strong { font-size: 2em; line-height: 1.2em; font-weight: normal; color: #006600; }
body #container #middle #content .after_demo ul { margin-left: 0; }
body #container #middle #content .after_demo ul li { list-style-type: none; margin-bottom: 0.5em; background: url(/images/bullet_orange.png) no-repeat 0.7em center; padding-left: 2.4em; }
body #container #middle #content .after_demo ul li.email, body #container #middle #content .after_demo ul li.phone { background-position: left 0.1em; padding-left: 2em; }
body #container #middle #content .after_demo ul li.email { background-image: url(/images/email.png); }
body #container #middle #content .after_demo ul li.phone { background-image: url(/images/telephone.png); }
body #container #middle #content .quick_quote { color: #990000; }
body #container #middle #content .quick_quote .wrapper { margin-right: 10px; border: #0066ff solid 1px; background-color: #ffff99 !important; }
body #container #middle #content .quick_quote .content { margin: 17px; }
body #container #middle #content .quick_quote .title { font-size: 18px; font-weight: bold; text-align: center; text-transform: uppercase; padding-top: 0.6em; }
body #container #middle #content #content_sidebar .quick_quote ol li { margin-bottom: 0.2em !important; }
body #container #middle #content #content_sidebar .quick_quote label { font-size: 0.9em !important; }
body #container #middle #content #content_sidebar .quick_quote .buttons li { text-align: center; }
body #container #middle #content .quotation .string input, body #container #middle #content .quotation .string textarea, body #container #middle #content .quotation .phone input, body #container #middle #content .quotation .phone textarea, body #container #middle #content .quotation .email input, body #container #middle #content .quotation .email textarea, body #container #middle #content .quotation .text input, body #container #middle #content .quotation .text textarea { width: 186px; max-width: 100% !important; border-color: #68c9ef #68c9ef #b1e0f0; border-style: solid; border-width: 1px; }
body #container #middle #content .quotation .string label, body #container #middle #content .quotation .phone label, body #container #middle #content .quotation .email label, body #container #middle #content .quotation .text label { display: block; width: 100% !important; }
body #container #middle #content .quotation #quotation_people, body #container #middle #content .quotation #quotation_bathrooms { width: 2em; }
body #container #middle #content .quotation p.inline-errors { margin-left: 0 !important; }
body #container #middle #content .quotation fieldset { width: 100% !important; }
body #container #middle #content .quotation ol { list-style-position: outside; }
body #container #middle #content .quotation ol li { width: 100% !important; }
body #container #middle #content .quotation textarea { height: 36px; }
body #container #middle #content .quotation .buttons { padding-top: 0.4em !important; }
body #container #middle #content .quotation .note { padding: 0.8em; margin-bottom: 1em; border-width: 2px; border-style: solid; border-color: #c6d880; background: #e6efc2; color: #264409; }
body #container #middle #content .quotation fieldset fieldset legend, body #container #middle #content .quotation fieldset fieldset legend * { position: static; width: 100% !important; font-weight: normal; font-size: 1em; }
body #container #middle #content .quotation fieldset fieldset ol { padding-left: 0; }
body #container #middle #content .quotation .buttons, body #container #middle #content .quick_quote .buttons { padding-left: 0 !important; }
body #container #middle #content form.testimonial #testimonial_title, body #container #middle #content form.testimonial #testimonial_from, body #container #middle #content form.testimonial #testimonial_title { width: 100%; }
body #container #middle #content form.testimonial .original { border: #999999 solid 1px; margin-bottom: 1.5em; }
body #container #middle #content #testimonial_focus .navigation .previous, body #container #middle #content #testimonial_focus .navigation .next { margin: 0 0 1em; }
body #container #middle #content #testimonial_focus .navigation .previous { float: left; }
body #container #middle #content #testimonial_focus .navigation .next { float: right; }
body #container #middle #content #testimonial_focus .navigation .no_link { color: #999999; }
body #container #middle #content #testimonial_focus .original { border: #c7d2e2 solid 1px; }
body #container #middle #content #testimonial_focus .transcript { margin: 1em 0 3em; }
body #container #middle #content #testimonial_focus .transcript blockquote, body #container #middle #content #testimonial_focus .transcript cite { display: block; background-color: #ffffe6; border-color: #dddd99; border-width: 1px; padding: 1em 5em 1em 1.5em; }
body #container #middle #content #testimonial_focus .transcript blockquote { margin-top: 1em; border-style: solid solid none solid; }
body #container #middle #content #testimonial_focus .transcript cite { border-style: none solid solid solid; }
body #container #middle #content #testimonial_focus .original { width: 100%; }
body #container #middle #content .related_testimonials li { float: left; list-style-type: none; margin-bottom: 2em; }
body #container #middle #content .related_testimonials li a { display: block; width: 92px; padding: 4px; text-decoration: none; }
body #container #middle #content .related_testimonials li a .image { height: 117px; overflow: hidden; border: #c7d2e2 solid 1px; background-color: white; }
body #container #middle #content .related_testimonials li a .description { padding: 0.2em 0.2em 1em; font-weight: normal; text-align: center; }
body #container #middle #content .related_testimonials li:hover, body #container #middle #content .related_testimonials li:focus { background-color: #c7d2e2; }
body #container #middle #content .energy_saving h3, body #container #middle #content .energy_saving h4 { color: #00aa00; }
body #container #middle #content .energy_saving blockquote { border-left: #aaaaaa solid 4px; padding: 0 1em; font-size: 1.2em; color: #888888; font-weight: bold; }
body #container #middle #content .energy_saving .more_info { background: url(/images/more_info_bg.png) no-repeat; height: 52px; width: 306px; }
body #container #middle #content .energy_saving .more_info a { display: block; padding: 6px 60px 0 18px; font-weight: normal; }
body #container #middle #content .energy_saving .more_info a:link { color: #006699; }
body #container #middle #content .energy_saving #content_core { width: 400px; }
body #container #middle #content .energy_saving #content_sidebar { width: 240px; margin-left: 60px; }
body #container #middle #content .energy_saving #content_sidebar .image { margin-top: 2em; padding: 0 0 1em; border-style: none; background-color: white; box-shadow: 3px 4px 10px #aaaaaa; -o-box-shadow: 3px 4px 10px #aaaaaa; -icab-box-shadow: 3px 4px 10px #aaaaaa; -khtml-box-shadow: 3px 4px 10px #aaaaaa; -webkit-box-shadow: 3px 4px 10px #aaaaaa; -moz-box-shadow: 3px 4px 10px #aaaaaa; }
body #container #middle #content .energy_saving #content_sidebar .image img { margin-bottom: 0.4em; }
body #container #middle #content .energy_saving #content_sidebar .image p { margin: auto 1em; text-align: left; font-size: 1em; font-style: normal; }
body #container #middle #content .energy_saving #content_sidebar .image p.title { font-weight: bold; }
body #container #middle #content .footnotes { clear: both; }
body #container #middle #content #content_header { display: inline; float: left; margin-right: 0; width: 750px; }
* html body #container #middle #content #content_header { overflow-x: hidden; }
body #container #middle #content #content_core { display: inline; float: left; margin-right: 10px; width: 510px; }
* html body #container #middle #content #content_core { overflow-x: hidden; }
body #container #middle #content #content_core #content_core_left { display: inline; float: left; margin-right: 10px; width: 270px; }
* html body #container #middle #content #content_core #content_core_left { overflow-x: hidden; }
body #container #middle #content #content_core #content_core_right { display: inline; float: left; margin-right: 0; width: 230px; }
* html body #container #middle #content #content_core #content_core_right { overflow-x: hidden; }
body #container #middle #content #content_sidebar { display: inline; float: left; margin-right: 0; width: 230px; }
* html body #container #middle #content #content_sidebar { overflow-x: hidden; }
body #container #middle #content #content_sidebar #hardness_form { height: 160px; }
body #container #middle #content #content_sidebar .panel { color: black; display: block; font-weight: normal; margin: 10px 10px 0 0; text-decoration: none; }
body #container #middle #content #content_sidebar .panel.first { margin-top: 0; }
body #container #middle #content #content_sidebar .panel .wrapper { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; border: 1px solid #c7d2e2; }
body #container #middle #content #content_sidebar .panel .wrapper .title { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; background-color: #c7d2e2; color: #162656; font-weight: normal; padding: 2px 0 2px 10px; margin: 0; font-size: 1em; }
body #container #middle #content #content_sidebar .panel .wrapper .content { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #f4f7fa; border: none; margin-top: 0; padding: 10px 10px 5px 10px; }
body #container #middle #content #content_sidebar a.panel:hover .wrapper, body #container #middle #content #content_sidebar a.panel.lit_up .wrapper { border-color: #ff8f01; }
body #container #middle #content #content_sidebar a.panel:hover .title, body #container #middle #content #content_sidebar a.panel.lit_up .title { background-color: #ff8f01; color: white; }
body #container #middle #content #content_demo { display: inline; float: left; margin-right: 0; width: 710px; }
* html body #container #middle #content #content_demo { overflow-x: hidden; }
body #container #footer { display: inline; float: left; margin-right: 0; width: 950px; background: url("/images/footer_background.png") repeat-x white; padding-bottom: 1em; }
* html body #container #footer { overflow-x: hidden; }
body #container #footer ul { text-align: right; padding: 23px 10px 0; font-size: 0.9em; }
body #container #footer ul li { display: inline; padding: 3px; }
body #container #footer ul li a { color: black; }
body #sub_footer { width: 950px; margin: 0 auto; overflow: hidden; *zoom: 1; }
body #sub_footer .transcript { color: #c7d2e2; padding: 2em 1em 1em; text-align: left; }