html { height: 100%; }
body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: White; background-image: url(images/bg.gif); background-position: bottom; background-repeat: no-repeat; margin: 0px; padding: 0px; height: 100%; background-attachment: scroll; }
#wrapper { margin: 0px auto 0px auto; width: 952px; position: relative; min-height: 100%; clear: both; }
* html #wrapper { height: 100%; }
.clearer { clear: both; display: block; width: 100%; margin-bottom: 18px; font-size: 1px; line-height: 1px; }
#footer { position: relative; margin: -28px auto 2px auto; padding-left: 48px; width: 952px; clear: both; min-height: 28px; }
* html #footer { height: 28px; position: fixed; }
#footer #iso { float:right; margin:-68px 24px 0 0; padding-top:16px; position:relative; display:inline }
#footer #credits { white-space:nowrap } /* for chrome */
img { border: none; }
div.logo { width: 952px; text-align: right; height: 100px; clear: both; overflow: hidden; }
/* 
MENUS
*/
div.nav { width: 952px; text-align: left; height: 34px; clear: both; position:relative }
div.menu { float: right; clear: left; margin-top: 12px; width:707px; height: 34px; display: block; }
/* 
Main Menu 
*/
#mMenu { margin:0; padding:0; list-style:none !important }
#mMenu ul { padding:0; margin:0; list-style:none }
#mMenu li { float:left; display:inline; padding:0; margin:0 }
#mMenu li a { display:block; height:22px; background-repeat:no-repeat; background-position:0 0; text-indent:-2000em; overflow:hidden; text-decoration:none }
#mMenu li#mHome a { background-image:url(images/menu_01.gif); width:68px }
#mMenu li#mHome a:hover { background-image:url(images/menu_on_01.gif) }
#mMenu li#mAbout a { background-image:url(images/menu_02.gif); width:132px }
#mMenu li#mAbout a:hover { background-image:url(images/menu_on_02.gif) }
#mMenu li#mProducts a { background-image:url(images/menu_on_03.gif); width:94px }
#mMenu li#mProducts a:hover { background-image:url(images/menu_03.gif) }
#mMenu li#mDistributors a { background-image:url(images/menu_04.gif); width:118px }
#mMenu li#mDistributors a:hover { background-image:url(images/menu_on_04.gif) }
#mMenu li#mContract a { background:url(images/menu_06.gif) no-repeat 8px 0; width:176px }
#mMenu li#mContract a:hover { background-image:url(images/menu_on_06.gif) }
#mMenu li#mContact a { background-image:url(images/menu_05.gif); width:102px }
#mMenu li#mContact a:hover { background-image:url(images/menu_on_05.gif) }
/*
Dynamic Menu
*/
#mMenu #tm { list-style-position:outside; position:absolute; top:28px; left:48px; width:888px; }
#mMenu #tm li a { display:inline; color:#075996; background:transparent none no-repeat !important; text-align:center; padding:0 5px !important; font-size:14px; font-weight:normal; line-height:42px; height:42px; text-indent:0; width:auto !important; }
#mMenu #tm a:hover, #mMenu #tm a.on, #mMenu #tm .hovered a { color:#0587c4 }
#mMenu #tm .hovered a { color:#d92743; border-top:3px solid #d92743 !important; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px }
#mMenu #tm ul a, #mMenu #tm .nothovered a, #mMenu #tm ul .nothovered a, #mMenu #tm ul ul .nothovered a, #mMenu #tm ul ul ul .nothovered a, #mMenu #tm ul ul ul ul .nothovered a { display:block; padding:0; color:#fff; text-align:left; line-height:24px; height:24px; overflow:hidden; font-size:13px; font-weight:normal; background-color:#085a98 !important; border-bottom:1px dashed #0d6fac; border-top:none !important; -moz-border-radius:0; -webkit-border-radius:0; }
* html #mMenu #tm ul a { font-size:12px; }
#mMenu #tm ul a:hover, #mMenu #tm ul a.on, #mMenu #tm ul .hovered a, #mMenu #tm ul ul .hovered a, #mMenu #tm ul ul ul .hovered a, #mMenu #tm ul ul ul ul .hovered a, #mMenu #tm .nothovered a:hover, #mMenu #tm ul .nothovered a:hover, #mMenu #tm ul ul .nothovered a:hover, #mMenu #tm ul ul ul .nothovered a:hover, #mMenu #tm ul ul ul ul .nothovered a:hover { color:#fff; background-color:#0587c4 !important; border-top:none; -moz-border-radius:0; -webkit-border-radius:0; }
#mMenu #tm li { float:left !important; display:inline !important; position:relative !important; margin:0 !important; z-index:1000; zoom:1 }
#mMenu #tm li ul { position:absolute; display:none; width:200px; white-space:nowrap; top:38px; left:7px; }
#mMenu #tm li ul li { width:200px; display:block; height:auto; float:none }
#mMenu #tm li ul li a { height:auto; display:block; text-indent:12px; text-align:left }
* html #mMenu #tm li ul li a { float:left; width:168px !important; }
#mMenu #tm ul ul { top:auto; }
#mMenu #tm li ul ul { left:200px; margin:0; }
#mMenu #tm li:hover ul ul, #mMenu #tm li:hover ul ul ul, #mMenu #tm li:hover ul ul ul ul { display:none; }
#mMenu #tm li:hover ul, #mMenu #tm li li:hover ul, #mMenu #tm li li li:hover ul, #mMenu #tm li li li li:hover ul { display:block; }
#mMenu #tm li a.subs { color:#333; padding-right:20px !important; background:url(images/arrow_subs.gif) no-repeat 146px 6px !important }
#mMenu #tm li a.subs:hover { color:#075996; background:url(images/arrow_subson.gif) no-repeat 146px 6px !important;  border-top:3px solid #d92743 !important; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px }

* html #mMenu #tm li a.subs:hover { background-position: 146px 9px !important }
*:first-child+html #mMenu #tm li a.subs:hover { background-position: 146px 9px !important }
/* Eyes */
#mMenu #tm li a#eyes { background-position: 46px 6px !important}
* html #mMenu #tm li a#eyes:hover { background-position: 46px 9px !important }
*:first-child+html #mMenu #tm li a#eyes:hover { background-position: 46px 9px !important }

/*
EOF Menus
*/

div.pharma { float: right; height: 34px; width: 214px; }
div.topspace, div.hp_topspace { height: 20px; display:block; width: 100%; min-height: 32px; }
div.content_right { float: right; display: block; width: 721px; vertical-align: top; }
div.content_left { float: left; display: block; width: 216px; vertical-align: top; }
#hp_flash {height:338px; z-index:0;}
#hp_news { margin-top:16px }
div#hp_text { width: 507px; float: left; display: block; margin:20px 0 28px; }
div#text { width: 507px; min-height:588px; float: left; display: block; margin: 0 0 46px 0; /* 16 was enough, 46 for chrome */ }
* html div#text { height:440px; }
div#hp_distributor { width: 214px; height: 117px; background-image: url(images/bg_distributors.gif); background-repeat: no-repeat; background-position: top; float: right; display: block; margin: 16px 0px 0px 0px; }
div#distributor { width: 214px; height: 117px; background-image: url(images/bg_distributors.gif); background-repeat: no-repeat; background-position: top; float: right; display: block; margin: 0px; }
table#distributors_list { width:489px; }
table#distributors_list th { padding:8px 4px; color:#999; border-bottom:#0864a1 1px solid }
table#distributors_list td { padding:8px 4px }
table#distributors_list td.address { color:#333; padding:4px 4px 18px 4px; border-bottom:#d92743 1px solid }
div#product_pic { width: 214px; float: right; display: block; margin-bottom: 18px; }
table#distributors, table#products { width: 216px; margin-top: 8px; }
td.icon { padding: 2px 8px; vertical-align: top; }
td.name { padding: 2px 8px 2px 0px; color: #000206; font-size: 10px; font-weight: bold; width: 100%; text-transform: capitalize; }
td.name a { color: #000206; text-decoration: none; }
td.name a:hover { color: #D92743; text-decoration: underline; }
.head { margin: 0px 4px 8px 8px; }
div.programs { text-align: right; width: 210px; display: block; margin-top: 28px; }
div.address { font-size: 12px; color: #0755AA; line-height: 14px; padding: 8px; }
div.address a { color: #D92743; text-decoration: none; }
div.address a:hover { color: #000206; text-decoration: none; }
span.required { color: #B61215; font-weight: bold; }
img.right { float: right; margin: 0px 18px 11px 8px; }
.bfr { float:right; }
img.left { float: left; margin: 0px 18px 11px 0px; }
div#products_div { background-image: url(images/div.gif); background-repeat: no-repeat; margin: 28px 0px; height: 18px; display: block; clear: both; }
/* TEXTS */
p, blockquote { margin: 8px 0; padding-right: 18px; }
p.panel { padding: 48px 0 0 13px; font-size: 9px; font-weight: bold; color: #fff }
p.panel a { color: #FFCCCC; text-decoration: none; }
p.panel a:hover { color: #FFFFFF; text-decoration: none; }
strong { color: #B61215; }
#productsList h1 { font-size: 18px }
#productsList h2 { font-size: 16px }
#productsList h3 { font-size: 14px }
h1, h1#pTitle, h2, h3, h4 { text-align:center; display:block }
h1, h1#pTitle { font-size: 22px; font-weight: normal; color: #0755AA; margin:0 auto }
h1#pTitle { margin-top:.4em; color:#036 }
h1 b { font-size:24px; line-height:36px; color: #000206; display:block; text-align:center; font-weight:normal }
h1 b sup { font-size:10px; color:#333 }
h2 { font-size: 20px; font-weight: normal; margin: 18px 0 10px; color:#D92743; }
h3 { font-size: 16px; font-weight: bold; margin: 28px 0 10px; padding-top: 10px; color:#0755AA; }
h4 { font-size: 15px; font-weight: normal; margin: 18px auto; color:#085E8B; width:340px; }
h1 + h2 { margin-top:0 }
#hp_text h1 { text-align:left }
.blue { color: #0755AA }
.text { font-size: 14px; color: #085E8B }
.text a { color: #D92743; text-decoration: none }
.text a:hover { color: #000206; text-decoration: none }
dt { font-weight: bold; color: #D92743; margin: 12px 0 2px 28px }
dd { color: #B61215; margin-left: 28px; }
ol { font-size: 12px; color: #243541; margin-left: 28px; }
ul { list-style: square; margin-left: 28px; margin-right:16px; margin-top: 12px; font-weight: bold; }
sup { font-size: 9px; }
#wmp { padding-bottom:1px; }
a#flink { font-size:10px; color:#333; text-decoration:none; margin-left:1.6em; display:inline; vertical-align:11px }
a#flink:hover { color:#ff1c1c }
.readmore .he { font-size:11px; }
.beforeUl { font-size:17px; color:#000206 }
#shop-online { display:block; margin-top:25px }
/*
Blue Pad
*/
.toe { text-align:left; border:#c6edf8 1px solid; background:#f1fbfe }
.toe .pad { border:#fff 2px solid }
.toe .pad img { margin:1.8em 0 1.8em 9px; border:#eaf5f8 1px solid }
.toe h3 { float:left; display:inline; margin:8px; padding-top:0; font-size:16px; font-weight:normal; text-align:left }
.toe .pad p { padding-left:18px }
/* FORM */
form { margin: 0px; padding: 0px; }
input.knob { background-color: #A92135; color: #FFFFFF; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; font-weight : bold; padding: 1px 4px; border-bottom-color : #CB2846; border-left-color : #F47192; border-right-color : #E33657; border-top-color : #F57292; }
input.box, textarea, select { COLOR: #243541; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; font-weight : bold; width: 148px; }