/*
Color scheme
------------
000000 : background; keep white or off-white (white)
000000 : default text (brown)
000000 : links, product names (blue)
8C8C8C : 1px line in tables (grey)
CC0033 : price in basket, button background (orange)
FCFCFC : user input form background (green)
FF8C00 : error messages (red) FF8C00
*/

body {
   width                 : 425px;
   margin                : 10px;
   padding               : 0;
   font-family           : helvetica,arial; 
   font-size             : 9pt;
   color                 : #000000; 
   background-color      : #ffffff; 
}

/* content DIV, for optional width, margin and padding */
#content {
   background-color      : #fffffff; 
}

/* links */
a:link                   {color: #000000; text-decoration: none;}
a:visited                {color: #000000; text-decoration: none;}
a:active                 {color: #000000; text-decoration: none;}
a:hover                  {color: #000000; text-decoration: underline;}

/* page headers */
h1                       {color: #000000; font-family: helvetica,arial; font-size: 14pt; font-weight: bold; margin: 0; padding: 3px 0 5px 0;}
/* subtitles, e.g. in ULA */
h2                       {color: #000000; font-family: helvetica,arial; font-size: 14pt; font-weight: bold;}

/* My Comment */
/* chapter headers (H3 conform site!!!), not? clickable */
h3                       {color: #000000; font-family: helvetica,arial; font-size: 14px; font-weight: bold; margin: 0; padding: 2px 0 2px 0;} /* px! */
h3 a:link                {color: #000000; text-decoration: underline;}
h3 a:visited             {color: #000000; text-decoration: underline;}
h3 a:active              {color: #000000; text-decoration: underline;}
h3 a:hover               {color: #000000; text-decoration: underline;}
/* product names (was class=productname), clickable */
h4                       {color: #000000; font-family: helvetica,arial; font-size: 11pt; font-weight: bold; margin: 0; padding: 2px 0 2px 0;}
h4 a:link                {color: #000000; text-decoration: none;}
h4 a:visited             {color: #000000; text-decoration: none;}
h4 a:active              {color: #000000; text-decoration: none;}
h4 a:hover               {color: #000000; text-decoration: underline;}
/* H5 - H6, not yet in use: */
h5                       {color: #000000; font-family: helvetica,arial; font-size: 12pt; font-weight: bold;}
h6                       {color: #000000; font-family: helvetica,arial; font-size: 12pt; font-weight: bold;}

/* p,td,ul,ol,li     {color: #000000; font-family: helvetica,arial; font-size: 9pt;} */

/* add some margin and padding */
p                        {margin: 0; padding: 3px 0 3px 0; line-height: 17px;}
/* td                       {margin: 0; padding: 0;} */
ul                       {margin: 0; padding: 0 0 0 25px;}
li                       {list-style-type: square; text-align: left;}

/* top nav: selected brand, device and city / product (not clickable) */
.topnav                  {color: #000000;}

/* footer nav: legal stuff in small print at the bottom */
.footnav                 {color: #000000; font-family: helvetica,arial; font-size: 8pt; font-weight: normal;}
.footnav a:link          {color: #000000; text-decoration: none;}
.footnav a:visited       {color: #000000; text-decoration: none;}
.footnav a:active        {color: #000000; text-decoration: none;}
.footnav a:hover         {color: #000000; text-decoration: underline;}

/* select your device: thumb and devicename (name not clickable) */
.deviceimg               {border: 0px;}
.devicename              {color: #000000; font-family: helvetica,arial; font-size: 9pt; font-weight: bold;}

/* 1 pixel topline in tables */
td.topline {
   height                : 12px;
   margin                : 0;
   padding               : 0;
   border-top            : 1px solid #8C8C8C;
}

/* non-clickable productnames in basket, should be set to whatever H4 is set to */
.productname_left        {color: #000000; font-family: helvetica,arial; font-size: 11pt; font-weight: bold;}

/* total basket price, bold orange */
.boldo                   {color: #000000; font-weight: bold;}

/* forms */
/* all user input in a form with a table with a different background color */
FORM                     {margin: 0; padding: 0;}
.atbl                    {background-color: #ffc38f; border: 1px solid #000000;}
INPUT                    {color: #000000; background-color: #ffffff; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: normal; padding: 2px; border: 1px solid #7F9DB9;}
SELECT                   {color: #000000; background-color: #ffffff; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: normal;}
.okbutt                  {color: #000000; background-color: #ffffff; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: Bold; padding: 0 4px;}
.checkb                  {background-color: #FCFCFC; border: 0px;}
.submitimg               {border: 0px;}
.label                   {color: #000000; font-family: helvetica,arial; font-size: 9pt; font-weight: normal;}
.label a:link            {color: #000000; text-decoration: none;}
.label a:visited         {color: #000000; text-decoration: none;}
.label a:active          {color: #000000; text-decoration: none;}
.label a:hover           {color: #000000; text-decoration: underline;}

/* bright red error messages */
.errorm                  {color: #FF8C00; font-family: verdana,helvetica,arial; font-size: 9pt; font-weight: bold;}
.errorm a:link           {color: #FF8C00; text-decoration: underline;}
.errorm a:visited        {color: #FF8C00; text-decoration: underline;}
.errorm a:active         {color: #FF8C00; text-decoration: underline;}
.errorm a:hover          {color: #FF8C00; text-decoration: underline;}

/* product description onmouseover in account page, see qTip.js */
/* colors should be set according to FORM, .atbl */
div#qTip {
   position              : absolute;
   display               : none;
   text-align            : left;
   padding               : 5px;
   color                 : #000000;
   background-color      : #FCFCFC;
   font-family           : verdana,helvetica,arial; 
   font-size             : 9px;
   border                : 1px solid #000000;
   border-right-width    : 2px;
   border-bottom-width   : 2px;
   z-index               : 1000;
}