/*
Project: Bio - Kosmetika
Company: spherefactory - Software Services
Copyright (c)  2004
Author: Herbert Miksits
Version: $Revision: 1.35 $
*/

/*
frameset,frame, body, textarea, div {
  scrollbar-base-color:#8C8CC6;
  scrollbar-3dlight-color:#EEEEEE;
  scrollbar-arrow-color:#AA0000;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#EEEEEE;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#F0F0F0;
}
*/

html {height:100%;}

body {background-color:#FAFAFA; height:100%; width:100%; margin:0px; color:#203040; font:normal 10pt Verdana,Arial,sans-serif;}

p {margin-top:5px;margin-bottom:5px; font:normal 10pt Verdana,Arial,sans-serif;}

img {border:none; vertical-align:middle;}

a {color:#2266AA;text-decoration:none;}
a:hover {color:#2266AA;text-decoration:underline;}

a.cart {color:#2266AA;font-weight:bold;text-decoration:none;white-space:nowrap;}
a.cart:hover {color:#2266AA;font-weight:bold;text-decoration:underline;white-space:nowrap;}

a.title {color:#102020;font:bold 10pt Verdana,Arial,sans-serif;text-decoration:none;}
a.title:hover {color:#102020;font:bold 10pt Verdana,Arial,sans-serif;text-decoration:underline;}
a.small {color:#2266AA;font:normal 8pt Verdana,Arial,sans-serif;text-decoration:none;}
a.small:hover {color:#2266AA;font:normal 8pt Verdana,Arial,sans-serif;text-decoration:underline;}
a.large {color:#555577;font:normal 10pt Verdana,Arial,sans-serif;text-decoration:none;}
a.large:hover {color:#777799;font:normal 10pt Verdana,Arial,sans-serif;text-decoration:underline;}
a.sub {color:#666688;font:normal 8pt Verdana,Arial,sans-serif;text-decoration:none;}
a.sub:hover {color:#666688;font:normal 8pt Verdana,Arial,sans-serif;text-decoration:underline;}

a.tree0_0 {color:#6688AA;font:normal 8pt Verdana,Arial,sans-serif;text-decoration:none;}
a.tree0_0:hover {color:#6688AA;font:normal 8pt Verdana,Arial,sans-serif;text-decoration:underline;}
a.tree0_1 {color:#6688AA;font:normal 8pt Verdana,Arial,sans-serif;text-decoration:none;}
a.tree0_1:hover {color:#6688AA;font:normal 8pt Verdana,Arial,sans-serif;text-decoration:underline;}
a.tree1_0 {color:#6688AA;font:normal 8pt Verdana,Arial,sans-serif;text-decoration:none;}
a.tree1_0:hover {color:#6688AA;font:normal 8pt Verdana,Arial,sans-serif;text-decoration:underline;}
a.tree1_1 {color:#6688AA;font:normal 8pt Verdana,Arial,sans-serif;text-decoration:none;}
a.tree1_1:hover {color:#6688AA;font:normal 8pt Verdana,Arial,sans-serif;text-decoration:underline;}

a.tree_line {color:#4488AA;font:normal 8pt Verdana,Arial,sans-serif;text-decoration:none;}
a.tree_line:hover {color:#4488AA;font:italic 8pt Verdana,Arial,sans-serif;text-decoration:underline;}

/*######## Groups ################*/
a.group0 {color:#991144;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:none}
a.group0:hover {color:#991144;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:underline;}

a.group1 {color:#886611;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:none;}
a.group1:hover {color:#886611;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:underline;}

a.group2 {color:#208080;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:none;}
a.group2:hover {color:#208080;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:underline;}

a.group3 {color:#2266AA;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:none;}
a.group3:hover {color:#2266AA;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:underline;}

a.group4 {color:#AA1166;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:none;}
a.group4:hover {color:#AA1166;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:underline;}

a.group5 {color:#209000;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:none;}
a.group5:hover {color:#30A000;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:underline;}

a.group6 {color:#6040A0;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:none;}
a.group6:hover {color:#6040A0;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:underline;}

a.group7 {color:#107050;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:none;}
a.group7:hover {color:#107050;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:underline;}

a.group8 {color:#107050;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:none;}
a.group8:hover {color:#107050;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:underline;}

a.group9 {color:#107050;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:none;}
a.group9:hover {color:#107050;font:bold 8pt Verdana,Arial,sans-serif;text-decoration:underline;}

a.button {border:solid 1px #AAAAAA; background-color:#EEEEEE; padding:2px;padding-left:10px;padding-right:10px;}
a.checkbox {color:#227799;}

a.tipp {color:#904030;font:normal 8pt Verdana,Arial,sans-serif;text-decoration:underline;}
a.tipp:hover {color:#A05040;font:normal 8pt Verdana,Arial,sans-serif;text-decoration:underline;}
li {margin-left:0px;}



div {color:#105050;font:normal 10pt Verdana,Arial,sans-serif;}

div.body1 {width:540px;margin:10px;margin-top:0px;padding:5px;margin-left:0px; background-image:url(../images/irisback1.gif);background-position:0px 40px;background-repeat:no-repeat;}


div.right {min-width:180px;border:solid 1px; }


div.header {text-align:left; width:100%;border:solid 0px; padding-top:20px;}

div.boxnoframe {margin:10px; margin-bottom:10px;width:180px }
div.boxframe {margin:10px; margin-bottom:10px;border:solid 1px #cccccc;width:180px; }
div.boxselectframe {margin:10px; margin-top:10px; margin-bottom:0px; border:solid 1px #cccccc;width:180px }
div.boxheader {font:bold 10pt Verdana,Arial,sans-serif; text-align:center;background-color:#eee4ee;padding:5px;}
div.boxselectheader {font:normal 7pt Verdana,Arial,sans-serif; color:#000000; background-color:#eee4ee;padding:0px;}
div.box {margin-left:10px;padding:5px;text-align:left;}
div.boxc {padding:5px;text-align:center;}
div.sub {margin-left:15px;}
div.field {margin:5px;}

div.left_link {margin-left:10px; padding:5px;font:normal 9pt Verdana,Arial,sans-serif;}

div.treebox {margin-left:10px;padding:2px;padding-left:5px;padding-right:5px;text-align:left;vertical-align:middle;}

div.cart {margin:10px; border:solid 1px #cccccc;width:180px;height:120px; }
div.group {margin:10px;padding:10px; border:solid 1px #cccccc;width:180px; }


div.border {border:solid 1px #F0a0c0;margin:2px;padding:5px;}
div.input {white-space:nowrap;}
div.button {text-align:center;padding:5px;margin-top:20px;}
div.error {color:#C02020;font:normal 10pt Verdana,Arial,sans-serif; text-align:center;border:solid 1px #A00000;padding:5px;}
div.required_text {color:#A04040;font:normal 8pt Verdana,Arial,sans-serif;}

div.price {font:bold 10pt Verdana,Arial,sans-serif; white-space:nowrap;  padding-right:5px; display:inline;}
div.baseprice {font:normal 8pt Verdana,Arial,sans-serif; color:#704080; font-style: italic; white-space:nowrap; display:inline;}

span.size {font:bold 10pt Verdana,Arial,sans-serif; color:#668855; white-space:nowrap;  padding-right:5px;}
span.price {font:bold 10pt Verdana,Arial,sans-serif; color:#704080; white-space:nowrap;  padding-right:5px;}

label {color:#106020;font:bold 9pt Verdana,Arial,sans-serif;}
label.required {color:#A04040;font:bold 10pt Verdana,Arial,sans-serif;}
label.variant {color:#2266AA;font:bold 8pt Verdana,Arial,sans-serif;}

span.required {color:#A04040;font:normal 10pt Verdana,Arial,sans-serif;}
span.pinfo {color:#005050;font:normal 8pt Verdana,Arial,sans-serif;}
span.ainfo {color:#309090;font:normal 8pt Verdana,Arial,sans-serif;}
span.linfo {color:#601040;font:normal 7pt Verdana,Arial,sans-serif;}

table {padding:0px;margin:0px;}
table.group {border:solid 0px red;}
table.border {border:solid 1px #d0e0d0;}
table.raster {width:100%;}

td {vertical-align:top; font:normal 10pt Verdana,Arial,sans-serif;}

td.column {margin:0px;width:320px;border:solid 0px blue;}
td.border {margin:0px;border:solid 1px #d0e0d0;}
td.border2 {margin:0px;width:640px;border:solid 1px #d0e0d0;}
td.info {margin:0px;border:solid 1px #d0e0d0;text-align:center;vertical-align:middle;padding:10px;}
td.noborder {margin:0px;border:solid 0px #90c0c0;}
td.icon {margin:0px;width:20px;border:solid 1px #d0e0d0;text-align:center;}
td.text {margin:0px;width:50%;border:solid 1px #d0e0d0;}
td.picture {margin:0px;width:200px;}
td.detail {margin:0px;width:100%;}

td.order {margin:0px;width:25%;border:solid 1px #d0e0d0;}

td.cart1 {margin:0px;width:65%;border:solid 1px #d0e0d0;}
td.cart2 {margin:0px;width:35%;border:solid 1px #d0e0d0;}

td.ident1  {width:200px; border:solid 1px #d0e0d0;}
td.ident2  {width:320px; border:solid 1px #d0e0d0;vertical-align:middle;padding:15px;}

td.login1  {width:50%; border:solid 1px #d0e0d0;}
td.login2  {width:100%; border:solid 1px #d0e0d0;vertical-align:middle;padding:5px;}


td.menu {margin:0px; width:100%; border:solid 1px #d0e0d0;}
td.label  {width:120px; vertical-align:middle;}
td.labela  {width:140px; vertical-align:middle;}
td.input  {width:200px;border:solid 0px black;white-space:nowrap;}

input.xhuge {width:490px;}
input.huge {width:240px;}
input.large {width:90%;}
input.small {width:80px;}
input.search {width:110px;}

input.number {width:50px; text-align:right;}

input.button { background: #EEEEEE top; color: #555555; border:solid 1px #AAAAAA; padding-left:10px; padding-right:10px;}

select.doublehuge {width:490px;color:red}
select.huge {width:240px;}
select.large {width:180px;}
select.mediumlarge {width:150px;}
select.medium {width:120px;}
select.small {width:80px;}

option.inactive {text-decoration:line-through;}

textarea.input{width:100%;height:60px;}
textarea.large{width:180px;height:60px;}
textarea.huge{width:240px;height:60px;}
textarea.large2{width:370px;height:60px;}
textarea.huge2{width:490px;height:60px;}

.link {color:#2266AA;font:normal 8pt Verdana,Arial,sans-serif;text-decoration:none;}

.info {color:#208080;font:normal 8pt Verdana,Arial,sans-serif;}
.infoc {color:#208080;font:normal 8pt Verdana,Arial,sans-serif;text-align:center;}

//.infodark {color:#004060;font:normal 8pt Verdana,Arial,sans-serif;}

//.infolight {color:#332D00;font:normal 8pt Verdana,Arial,sans-serif;}
//.infoproduct {color:#776D00;font:normal 8pt Verdana,Arial,sans-serif;}


.tipp {color:#704030;font:normal 8pt Verdana,Arial,sans-serif;}
.alert {color:#A04030;font:normal 8pt Verdana,Arial,sans-serif;}

.h16 {color:#445566; font:bold 16pt Verdana,Arial,sans-serif;text-align:left;text-decoration:none;margin-top:20px; margin-bottom:10px}
.h16c {color:#445566; font:bold 16pt Verdana,Arial,sans-serif;text-align:center;text-decoration:none;margin-top:20px; margin-bottom:10px}
.h14 {color:#445566; font:bold 14pt Verdana,Arial,sans-serif;text-align:left;text-decoration:none;}
.h14c {color:#445566; font:bold 14pt Verdana,Arial,sans-serif;text-align:center;text-decoration:none;}
.h12 {color:#445566; font:bold 12pt Verdana,Arial,sans-serif;text-align:left;text-decoration:none;}
.h12c {color:#445566; font:bold 12pt Verdana,Arial,sans-serif;text-align:center;text-decoration:none;}
.h11 {color:#445566; font:bold 11pt Verdana,Arial,sans-serif;text-align:left;text-decoration:none;}
.h11c {color:#445566; font:bold 11pt Verdana,Arial,sans-serif;text-align:center;text-decoration:none;}
.h10 {color:#445566; font:bold 10pt Verdana,Arial,sans-serif;text-align:left;text-decoration:none;}
.h10c {color:#445566; font:bold 10pt Verdana,Arial,sans-serif;text-align:center;text-decoration:none;}
.h09 {color:#445566; font:bold 9pt Verdana,Arial,sans-serif;text-align:left;text-decoration:none;}
.h09c {color:#445566; font:bold 9pt Verdana,Arial,sans-serif;text-align:center;text-decoration:none;}
.h08 {color:#445566; font:bold 8pt Verdana,Arial,sans-serif;text-align:left;text-decoration:none;}
.h08c {color:#445566; font:bold 8pt Verdana,Arial,sans-serif;text-align:center;text-decoration:none;}

.high {background-color:yellow;}

div.producerhead {background-color:#f0f0e8;filter:alpha(opacity=60);opacity: 60%;-moz-opacity: 60%; -khtml-opacity: 60%;}
div.producerhead:hover {background-color:#eee4ee;filter:alpha(opacity=100);opacity: 100%;-moz-opacity: 100%; -khtml-opacity: 100%;}

.producerName {color:#308030;}
.articleName {color:#805010;}
.variantName {color:#904080;font:normal 8pt Verdana,Arial,sans-serif;} 
.productLine {color:#208080;font:normal 8pt Verdana,Arial,sans-serif;}
.shortInfo {color:#A08020;font:normal 10pt Verdana,Arial,sans-serif;}