body                          { width: 95%; padding: 5pt; }

p,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i,form,input,textarea,select
                               { font-size: 11pt; font-family: Arial, Helvetica, Geneva, sans-serif; text-align: left }
h1 { font-size: 13pt; font-family: Arial, Helvetica, Geneva, sans-serif; text-align: left }
h2 { font-size: 13pt; font-family: Arial, Helvetica, Geneva, sans-serif; text-align: left }
.error                        { font-weight: bold; color: #cc3333; }

.header                       { width: 100%; margin: 0px; border: none; clear: both; }
.header div                    { font-size: 1em; text-align: right }
.header a                     { color: #339966; text-decoration: none; font-width: bold  }
.header a:hover               { color: #cc3333; text-decoration: underline; }

.navtab                       { font-size: 11pt; clear: both; margin: 0px; border-style: none none solid none; border-width: 0px 0px 10px 0px; border-color: transparent transparent #d3d3d3 transparent; width: 100% }
.navtab span                  { text-align: center; vertical-align: middle; margin: 0px }
.navtab td                    { margin: 0px; vertical-align: middle; text-align: center; }
.navtab a                     { color:black; text-decoration: none; }
.navtab a:hover               { color: white; text-decoration: underline; }

.profile                      { background-color: #aee1f4 }
#navtab-profile               { border-bottom-color: #AEE1F4 }

.company                      { background-color: #1ab581 }
#navtab-company               { border-bottom-color: #1ab581 }

.category                     { background-color: #66cc99 }
#navtab-category              { border-bottom-color: #66cc99 }

.product                      { background-color: #009966 }
#navtab-product               { border-bottom-color: #009966 }

.main                         { width: 100%; margin: 0px; border: none; }

.footer                       { width: 100%; margin: 0px; border: none; clear: both; }

.navbar                       { font-size: 0.5em; text-align: left; float: left; padding: 4pt; width: 180px }

.navbar .short                { border: 1px solid black; padding: 2pt; text-align: center; }
.navbar .short span           { color: lightgrey; font-weight: bold; font-size: 0.75em; text-decoration: none; padding: 2.75pt }
.navbar .short a              { color: black; font-weight: bold; font-size: 0.75em; text-decoration: none; padding: 2.75pt }
.navbar .short a:hover        { color: white; text-decoration: underline; }
.navbar .first                {  }
.navbar .middle               { display: none; }
.navbar .last                 {  }

.navbar .links                { list-style: none; margin-left: 0em; padding-left: 0em; }
.navbar .links .head          { font-size: 0.75em }
/* eh 2008-7-18    .navbar ul.links    div.sep   */
.navbar ul.links			  {margin: 4px 0px;}
div.sep		  {width:3px;height:3px;background-color:#fff;border:1px solid #fff;}
/*  /eh 2008-7-18  */
.navbar .links ul             { list-style-type: none; list-style-position: outside; margin-top: 3pt; margin-left: 1em; padding-left: 0em }
.navbar .links li.first       { border-top: none; }
/* .navbar .links li : padding-top: 2px; padding-bottom: 2px; border-top: 2px solid white  */
.navbar .links li             { padding-top: 3px; padding-bottom: 3px; border-top: 1px solid white }
.navbar .links li.last        {  }
.navbar .links a              { color: black; font-weight: normal; font-size: 0.75em; text-decoration: none; display: block }
.navbar .links a:hover        { color: white; text-decoration: underline; }
.navbar .links a span         { display: none; float: left; visibility: hidden; }
.navbar .links a:hover span   {  }

#info                         { width: 210pt; float: right; padding-top: 1px; }

.company-contact               { font-weight: bold; font-size: 0.75em; background-color: #eeea74; text-align: right; padding: 10px; height: 70px }
.company-contact img          { float: left; background-color: white; }
.company-contact a            { font-weight: normal; text-decoration: none; color: black; }
.company-contact a:hover      { text-decoration: underline; color: #cc3333; }

.additional                   { font-size: 0.75em; background-color: #e1dd65; padding: 10pt; position: relative }
.additional .tabs             { position: relative; list-style: none; margin: 0px; padding: 0px; }
.additional .tabs .features   { position: relative; clear:  left; float:  left; }
.additional .tabs .contacts   { position: relative; clear: right; float: right; }
.additional .tabs a           { display: block; padding: 8pt; width: 75pt; vertical-align: middle; text-align: center;
                                font-weight: bold; text-decoration: none; color: black; cursor: pointer; }
.additional .tabs a:hover     { color: #cc3333; text-decoration: underline; }

.additional .features         { font-size: 1em; background-color: #f3f1b5; position: relative }
.additional div.features      { position: relative; clear: both; float:none; }
.additional div.features a       { color:#339966; text-decoration: none; }
.additional div.features a:hover { color: #cc3333; text-decoration: underline; }
#features                        { font-weight: normal; background: #f3f1b5 repeat-y center; text-align: left; padding: 2pt; position: relative }
#features dl.feature                    { position: relative;  }
#features dl.feature .feature           { padding-top: 2pt; padding-bottom: 2pt; position: relative }
#features dl.feature .first             { border-top: none; }
#features dl.feature .last              {  }
#features dl.feature dt.feature         { font-weight: normal; float: none; clear: both; border-top: 2px groove navy; position: relative }
#features dl.feature dd.feature         { font-weight: bold; text-align: right; float: none; clear: right; position: relative }
#features dl.feature dd.feature dl      { position: relative;  }
#features dl.feature dd.feature dl dt   { position: relative; float: right; padding-left: 0.5em; }
#features dl.feature dd.feature dl dd   {  }

.additional .contacts         { font-size: 1em; background-color: #fbf9e2; position: relative }
.additional div.contacts      { clear: both; float: none; }
.additional > div.contacts    { position: static; }
.additional div.contacts a       { color: #339966; text-decoration: none; }
.additional div.contacts a:hover { color:#cc3333; text-decoration: underline; }
#contacts                     { position: relative; padding-left: 10pt; padding-right: 10pt; padding-top: 5pt; padding-bottom: 5pt;
                                text-align: right; font-weight: normal; }
#contacts h1                  { text-align: right; font-weight: bold; font-size: 1.25em; margin-bottom: -0.05em; }

.additional div.disabled      { display: none; } 
.additional li.disabled       { display: block; } 
.additional .enabled          { display: block; }
.shown                        { visibility: show; }
.hidden                       { visibility: hidden; }

.content                      { margin-left: 200px; padding-top: 1px; }
.content .disabled            { display: none; }
.content h2.productlist       { margin-left: 15pt; font-size: 0.9em; }
.content h2.categorylist      { margin-left: 15pt; font-size: 0.9em; }
.content h2.profilelist       { margin-left: 15pt; font-size: 0.9em; }
.content ul.productlist       { margin-bottom: 15pt; }
.content ul.categorylist      { margin-bottom: 15pt; }
.content ul.profilelist       { margin-bottom: 15pt; }
.content ul.productlist .link {  }
.content ul.productlist .link span { display: none; }
.content ul.productlist li    { margin-top: 5pt; }
.content ul.categorylist .link {  }
.content ul.categorylist .link span { display: none; }
.content ul.categorylist li   { margin-top: 5pt; }
.content ul.profilelist .link {  }
.content ul.profilelist .link span { display: none; }
.content ul.profilelist li    { margin-top: 5pt; }
.content div#image            { vertical-align: bottom; margin-bottom: 15pt; }
.content div#image img#image  { border: 1px black solid; padding: 5pt; }
.content div#image a          { cursor: pointer; }
.content #availability        { float: right; margin: 0 1em 1em 1em; font-size: 0.9em; text-align: right; }
.content #availability span   { font-weight: bold; }
.content a                    { color:#339966; text-decoration: none; }
.content a:hover              { color: #cc3333;  text-decoration: underline; }

sub {font-size:8pt;line-height:normal;vertical-align:baseline;}
sup {font-size:8pt;line-height:normal;vertical-align:top;} /*  eh 2010-8-24  */