body, html { height:100%; /*fill the viewport*/ } 
.content   { height:100%; /*fill the body*/     }
body  { font-family: helvetica, arial, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; }

input        { font-family: arial; font-size: 10pt; }
input.right  { font-family: arial; font-size: 10pt; text-align: right; }

a.Button         { color: #008; font-weight: bold; text-decoration: none; display: inline; padding: 6px 12px; line-height: 2.25em; }
a.Button:hover   { color: #008; font-weight: bold; background-color: #bdf;  }

a.BoldButton         { color: #fff; font-weight: bold; background-color: #00a; text-decoration: none; display: inline; padding: 6px 12px; line-height: 2.25em; }
a.BoldButton:hover   { color: #008; font-weight: bold; background-color: #bdf;  }

td { font-family: helvetica, arial, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; }

div.cart                { border: #48f solid 1px; padding: 1em; margin-bottom: 1em; } 

.clsLeftMenu                { color: white;  font: 10pt Arial;}
.clsLeftMenu A:link         { color: white;  font: Bold 10pt Arial; text-decoration: none;}
.clsLeftMenu A:hover        { color: yellow; font: Bold 10pt Arial; text-decoration: underline;}
.clsLeftMenu A:active       { color: yellow; font: Bold 10pt Arial; text-decoration: underline;}
.clsLeftMenu A:visited      { color: white;  font: Bold 10pt Arial; text-decoration: none;}
.clsHere                    { color: silver; font: Bold 10pt Arial; text-decoration: none;}
.clsHere A:link             { color: silver; font: Bold 10pt Arial; text-decoration: none;}
.clsHere A:hover            { color: black;  font: Bold 10pt Arial; text-decoration: underline;}
.clsHere A:active           { color: black;  font: Bold 10pt Arial; text-decoration: underline;}
.clsHere A:visited          { color: silver; font: Bold 10pt Arial; text-decoration: none;}
.clsBottomAddress           { color: white;  font: 10pt Arial; text-align: center; background-color: rgb(25,93,188); padding: 0.5em; }
.clsBottomAddress A:link    { color: white;  font: Bold 10pt Arial; text-align: center; text-decoration: none;}
.clsBottomAddress A:hover   { color: yellow; font: Bold 10pt Arial; text-align: center; text-decoration: underline;}
.clsBottomAddress A:active  { color: yellow; font: Bold 10pt Arial; text-align: center; text-decoration: underline;}
.clsBottomAddress A:visited { color: white;  font: Bold 10pt Arial; text-align: center; text-decoration: none;}

ol#button               { height: 2em; list-style: none; margin: 0; padding: 0; }
ol#button li            { float: left; margin: 0 1px 0 0; }
ol#button li.current a  { background-color: #bdf; color: #008; font-weight: bold; }
ol#button a             { color: #008; display: block; float: left; height: 2em; padding-left: 10px; text-decoration: none; }
ol#button a:hover       { background-color: #bdf; }
ol#button span          { display: block; line-height: 2em; padding-right: 10px; }

ol#menu                 { height: 2em; list-style: none; margin: 0; padding: 0; }
ol#menu li              { float: left; margin: 0 1px 0 0; }
ol#menu li.current a    { background-color: #48f; background-position: 0 -60px; color: #fff; font-weight: bold; }
ol#menu li.current span { background-position: 100% -60px; }
ol#menu a               { background: #bdf url(tab.png); color: #008; display: block; float: left; height: 2em; padding-left: 10px; text-decoration: none; }
ol#menu a:hover         { background-color: #3af; background-position: 0 -120px; }
ol#menu a:hover span    { background-position: 100% -120px; }
ol#menu span            { background: url(tab.png) 100% 0; display: block; line-height: 2em; padding-right: 10px; }

ol#submenu              { height: 2em; list-style: none; margin: 0; padding: 0; border: #48f solid 1px; border-bottom: 0px; }
ol#submenu li           { float: left; margin: 0 1px 0 0; }
ol#submenu li.error     { padding-left: 10px; color: red; font-weight: bold; }
ol#submenu li.current a { background-color: #bdf; color: #008; font-weight: bold; }
ol#submenu li.bold a    { background-color: #00a; color: #fff; font-weight: bold; }
ol#submenu a            { color: #008; display: block; float: left; height: 2em; padding-left: 10px; text-decoration: none; }
ol#submenu a:hover      { background-color: #bdf; color: #008; }
ol#submenu span         { display: block; line-height: 2em; padding-right: 10px; }

ol#topmenu              { height: 2em; list-style: none; margin: 0; padding: 0; }
ol#topmenu li           { float: left; margin: 0; }
ol#topmenu li.current a { background-color: #229; color: #fff; font-weight: bold; }
ol#topmenu a            { background: #229; color: #fff; display: block; float: left; height: 2em; padding-left: 10px;  text-decoration: none; }
ol#topmenu a:hover      { background-color: #48d; }
ol#topmenu span         { display: block; line-height: 2em; padding-right: 10px; }
   
ol#leftmenu             { float: left; list-style: none; margin: 0; padding: 0; border: #48f solid 1px; border-left: 0; border-top: 0; }
ol#leftmenu li          { margin: 0; padding: 0; }
ol#leftmenu a           { display: block; color: #008; padding: 5px; text-decoration: none; }
ol#leftmenu a:hover     { background-color: #bdf; }

ol#button               { height: 2em; list-style: none; margin: 0; padding: 0; }
ol#button li            { float: left; margin: 0 1px 0 0; }
ol#button li.current a  { background-color: #bdf; color: #008; font-weight: bold; }
ol#button a             { color: #008; display: block; float: left; height: 2em; padding-left: 10px; text-decoration: none; }
ol#button a:hover       { background-color: #bdf; }
ol#button span          { display: block; line-height: 2em; padding-right: 10px; }