div#fancy_overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 30}
div#fancy_loading {position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100}
div#fancy_loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('/images/fancybox/fancy_progress.png') no-repeat}
div#fancy_outer {position: absolute; top: 0; left: 0; z-index: 90; padding: 20px 20px 40px 20px; margin: 0; background: transparent; display: none}
div#fancy_inner {position: relative; width: 100%; height: 100%; background: #fff}
div#fancy_content {margin: 0; z-index: 100; position: absolute}
div#fancy_div {height: 100%; width: 100%; z-index: 100; text-align: left; overflow: auto}
div#fancy_div h1, div#fancy_div h2, div#fancy_div h3 {margin-top: 0}
div#fancy_div div {padding-right: 1em}
img#fancy_img {position: absolute; top: 0; left: 0; border: 0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%}
div#fancy_close {position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('/images/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none}
#fancy_frame {position: relative; width: 100%; height: 100%; display: none}
#fancy_ajax {width: 100%; height: 100%; overflow: auto}
a#fancy_left, a#fancy_right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-color: red; outline: none; overflow: hidden}
a#fancy_left {left: 0px}
a#fancy_right {right: 0px}
span.fancy_ico {position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block}
span#fancy_left_ico {left: -9999px; background: transparent url('/images/fancybox/fancy_left.png') no-repeat}
span#fancy_right_ico {right: -9999px; background: transparent url('/images/fancybox/fancy_right.png') no-repeat}
a#fancy_left:hover, a#fancy_right:hover {visibility: visible; background-color: transparent}
a#fancy_left:hover span {left: 20px}
a#fancy_right:hover span {right: 20px}
#fancy_bigIframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent}
div#fancy_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0}
div.fancy_bg {position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0}
div#fancy_bg_n {top: -20px; left: 0; width: 100%; height: 20px; background: transparent url('/images/fancybox/fancy_shadow_n.png') repeat-x}
div#fancy_bg_ne {top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('/images/fancybox/fancy_shadow_ne.png') no-repeat}
div#fancy_bg_e {right: -20px; height: 100%; width: 20px; background: transparent url('/images/fancybox/fancy_shadow_e.png') repeat-y}
div#fancy_bg_se {bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('/images/fancybox/fancy_shadow_se.png') no-repeat}
div#fancy_bg_s {bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent url('/images/fancybox/fancy_shadow_s.png') repeat-x}
div#fancy_bg_sw {bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('/images/fancybox/fancy_shadow_sw.png') no-repeat}
div#fancy_bg_w {left: -20px; height: 100%; width: 20px; background: transparent url('/images/fancybox/fancy_shadow_w.png') repeat-y}
div#fancy_bg_nw {top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('/images/fancybox/fancy_shadow_nw.png') no-repeat}
div#fancy_title {position: absolute; z-index: 100; display: none}
div#fancy_title div {color: #FFF; font: bold 12px Arial; padding-bottom: 3px; white-space: nowrap}
div#fancy_title table {margin: 0 auto}
div#fancy_title table td {padding: 0; vertical-align: middle}
td#fancy_title_left {height: 32px; width: 15px; background: transparent url('/images/fancybox/fancy_title_left.png') repeat-x}
td#fancy_title_main {height: 32px; background: transparent url('/images/fancybox/fancy_title_main.png') repeat-x}
td#fancy_title_right {height: 32px; width: 15px; background: transparent url('/images/fancybox/fancy_title_right.png') repeat-x}
#myProducts table .unpublished {font-weight: bold}
#myProducts table .highlight {padding: 0}
#status {margin-top: 5px; float: right; text-align: right}
#status span {padding: 5px; font-weight: normal; font-size: 1.2em; font-style: italic}
#status span.unconfirmed {background: #fcc}
#status span.payment_outstanding, #status span.payment_due {background: #FFF9AB}
#status span.payment_error, #status span.payment_cancelled {background: #FFF9AB; color: #c00}
#status span.payment_valid {color: #009933}
#status span.payment_expired {color: #c00}
#status span.free_account {color: #999}
div#coupon {float: right; margin: 0 0 2em 2em; width: 295px}
div#coupon .header {font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 0.3em 0; display: block; color: #333333; font-size: 1.4em; font-style: italic; font-weight: normal}
div#coupon label {display: block; margin-bottom: 0.4em}
div#coupon input.text {width: 190px}
div#coupon .errorMessage {color: #c00}
#bankAccounts {display: none}
ul.bankAccounts li {border: 2px dotted #999; background: #ffffe8 url('/images/gradient_yellow.gif') repeat-x; padding: 0 1em; margin: 1em 0}
ul.bankAccounts p span {display: block}
ul.bankAccounts .country {font-style: italic; color: #555}
ul.bankAccounts .account_owner, ul.bankAccounts .iban {padding-top: 10px}
ul.bankAccounts .bank_name {font-weight: bold}
ul.bankAccounts p {margin: 10px 0}
p.transfer_details {font-weight: bold}
p.transfer_details span {display: block}
#payment-total {padding-top: 20px}
#newPayment .note {padding-bottom: 1em}
#calculation h2 {margin-bottom: 1.3em}
table.payment td {padding-bottom: 10px}
table.payment td.amount {white-space: nowrap; padding-left: 1.4em; text-align: right}
table.payment tr.total td {border-top: 1px dotted #555; font-weight: bold; padding-top: 0.5em; font-size: 1em; text-align: right}
#paymentTypesDescription {width: 50%; float: right}
#paymentTypesDescription .note {margin: 0; padding: 0}
#paymentTypesDescription .note p {margin: 1em 0 0 0}
#paymentTypesDescription h2 {font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 0.3em 0; display: block; color: #333333; font-size: 1.4em; font-style: italic; font-weight: normal}
#paymentTypesDescription img.tuev {float: right; margin: 0 0 0 10px}
div.paymentTypes {padding-top: 2em; clear: both}
div.paymentTypes .list {float: left}
div.paymentTypes ul li {clear: both; display: block; height: 40px; margin-bottom: 20px}
div.paymentTypes ul li.inv {height: 80px}
div.paymentTypes ul li.inv button {top: 25px}
div.paymentTypes ul li span.image {float: left; width: 181px; text-align: right; margin-right: 20px}
div.paymentTypes ul li button {position: relative; top: 5px}
.before_payment .infobox, .payment_types {margin-left: 30px}
#invoices {clear: both; padding-top: 2em}
#invoices li {float: left; margin: 0px 20px 20px 0}
a.invoiceLink {display: block; width: 260px; padding-top: 20px; text-decoration: none}
a.invoiceLink .label {text-decoration: none}
a.invoiceLink:hover .label {text-decoration: underline}
a.invoiceLink img {float: left; margin: -10px 5px 10px 10px}
a.invoiceLink span.date {font-style: italic; color: #555; display: block}
form#productForm fieldset {margin-bottom: 2em}
form#productForm div.field {padding: 0.7em 0.5em 0.3em 0.5em; border-top: 1px dashed #bbb}
form#productForm div.field label {width: 24%}
form#productForm div.field input.text, form#productForm div.field select, form#productForm div.field textarea {position: relative; top: -0.2em; float: right; width: 44%}
form#productForm div.field textarea {height: 5em}
form#productForm div.field select {margin: 0.2em 0 0.3em}
form#productForm div.field p.assist {float: right; color: #666; width: 29%; margin-left: 2%}
div.ingredients p.highlight {float: right; width: 92%}
div.ingredients #addIngredientField {left: 8%}
div.ingredients ul li .count {float: left; width: 5%; position: relative; top: 0.2em}
div.ingredients ul li .text {float: right; width: 92%}
 div.ac_results {background: #fff; position: absolute; z-index: 10000}
div.ac_results ul {border: 1px solid #888; margin: 0; padding: 0; width: 100%; list-style-type: none; text-align: left; max-height: 500px}
div.ac_results ul li {margin: 0; padding: 0.2em}
div.ac_results ul li.ac_input input {background: blue}
div.ac_results ul li.ac_over {background-color: #c4ddfc; cursor: pointer}
.ac_loading {background: url(/images/spinner.gif) 99% no-repeat}
#blockOnSubmitMessage {display: none}
.blockOnSubmitMessage {text-align: center; font-size: 1.2em; font-style: italic; margin-top: 28px; overflow: hidden}
.center {text-align: center ! important}
div.headerwithlinks h1 {float: left}
div.headerwithlinks a {position: relative; top: 1em; margin-left: 1em}
div.h2withlinks h2 {float: left}
div.h2withlinks a {position: relative; top: 0.3em; margin-left: 1em}