html {
 height: 100%; 
} 

body {
 margin: 0px;
 padding: 0px;
 background-image: url(images/spacer.gif); 
 background-attachment: fixed;
 font-family: Verdana, Arial;
 font-size: 11px;
 color: #000000;
 background-color: #C1E1F5;
 text-align: center;
 height: 100%; 
 width: 100%;
 position: relative; 
}

*+html body {
 height: auto !important;
 min-height: 100%;
 height: 100%; 
 background-attachment: scroll;
 background-image: url(images/bg.gif); 
 background-repeat: repeat-x; 
}

table {
 width: 100%;
 border: none; 
 border-collapse: collapse;
 clear: both; 
}

h1, h2, h3, h4, h5, h6, img, form, fieldset, legend {
 padding: 0px;
 margin: 0px;
 border: none;
}

#left h3 {
 background-image: url(images/hbg.gif);
 background-repeat: repeat-x;
 color: #FED086;
 font-family: Tahoma;
 font-size: 14px;
 line-height: 16px;
 font-weight: bold;
 padding: 5px 10px; 
}

a {
 text-decoration: underline;
 /*color: #606060;*/
}

a:hover {
 text-decoration: none;
}

.formfields {
 color: #171717; 
 background-color: #FFFFFF;
 border: inset 2px #D0D0D0;
 margin: 0px;
 width: 205px;
 font-family: Tahoma;
 font-size: 12px;
 line-height: 16px;
 height: 17px;
 position: relative;
}

textarea.formfields {
 width: 350px;
 height: 150px;
}

select.formfields {
 width: auto;
 height: 22px;
}

* html .formfields {
 height: 22px;
 width: 209px;
}

* html textarea.formfields {
 width: 352px;
 height: 152px;
}

#sidebar .formfields {
 width: 157px;
}

#root {
 background-image: url(images/bg.gif); 
 background-repeat: repeat-x;
 height: 100%; 
 width: 100%;
 display: table;
}

*+html #root {
 width: auto;
 display: block;
}

#body {
 width: 974px;
 margin: 5px auto; 
 text-align: left;  
}

#main {  
 background-image: url(images/border/bg.png); 
 background-repeat: repeat-y; 
}

#top {
 background-color: #FFFFFF;
 margin: 0px 6px; 
 position: relative; 
}

#logo {
 position: absolute;
 z-index: 3;
 margin: -14px 0px 0px 12px;
}

#top span {
 display: block; 
 color: #97AEB2;
 font-size: 13px;
 line-height: 17px;
 font-weight: normal;
 padding-left: 320px;
 position: absolute;
 z-index: 2; 
 white-space: nowrap;
}

#top .sign_in {
 position: absolute;
 color: #F4A72E;
 font-size: 12px;
 font-weight: bold;
 right: 20px;
 top: -17px;
}

#top .menu {
 padding-top: 50px;
}

#top table {
 background-image: url(images/midbtn.gif);
 background-repeat: repeat-x; 
 width: 962px;
}

#top td {
 padding: 0px 0px 5px 0px;
 font-size: 12px;
 line-height: 15px;
}

#top td a {
 color: #FFFFFF;
 cursor: pointer;
 padding: 7px 20px;
 position: relative;
 z-index: 2;
 text-align: center;
 display: block;
 text-decoration: none;
 border-right: 1px solid #FFFFFF;
}

#top td:first-child a {
 padding-left: 49px;
}

#top td:last-child a {
 padding-right: 49px;
 border-right: none;
}

* html #top td a {
 padding-right: expression(this.parentNode.nextSibling == null ? "49px" : "20px");
 border-right: expression(this.parentNode.nextSibling == null ? "none" : "1px solid #FFFFFF");
 padding-left: expression(this.parentNode.previousSibling == null ? "49px" : "20px"); 
}

*+html #top td a {
 padding-right: expression(this.parentNode.nextSibling == null ? "49px" : "20px");
 border-right: expression(this.parentNode.nextSibling == null ? "none" : "1px solid #FFFFFF");
 padding-left: expression(this.parentNode.previousSibling == null ? "49px" : "20px"); 
}

#top td a:hover, #top td a.active {
 text-decoration: none;
 color: #F3BE31; 
}

#top .corners {
 position: absolute;
 z-index: 1;
 text-align: right;
 width: 962px;
 background-image: url(images/top/l.gif);
 background-repeat: no-repeat;
 margin-top: -34px;
}

#top .corners img {
 width: 6px;
 height: 34px;
 background-image: url(images/top/r.gif);
}

#inner {
 clear: both;
 margin: 0px 6px;
 padding: 2px;
 background-color: #EEF6F6;
}

#left {
 float: left;
 width: 175px; 
 margin-right: 5px;
}

#left ul {
 margin: 0px;
 padding: 0px 10px 10px 10px;
 list-style: none; 
}

#left li {
 border-bottom: 1px solid #B9DBEF; 
 padding: 3px 0px 3px 4px;
}

#left li ul {
 padding: 0px;
}

#left li li {
 border-bottom: none;  
 padding: 2px 0px 2px 10px;
 background-image: url(images/bull.gif);
 background-repeat: no-repeat;
 background-position: 0px 7px;
}

#left li a {
 color: #1776C7;
 font-size: 13px; 
 text-decoration: none;
 cursor: pointer;
 position: relative;
}

#left li a.active {
 color: #F4A72E;
}

#left li li a {
 font-size: 12px;
}

#left li a:hover {
 text-decoration: underline;
}

#content {
 float: left;
 width: 508px;
 margin-right: 5px;
 position: relative;
}

#right {
 float: left;
 width: 263px;
/* position: relative;*/
}

.t, .b {
 margin: 0px 30px;
 background-repeat: repeat-x; 
}

.t div, .b div {
 position: relative;
 margin: 0px -30px;
 text-align: right;
 background-repeat: no-repeat;
}

.t img, .b img {
 width: 30px;
 height: 30px;
}

.t {
 background-image: url(images/border/tbg.png); 
}

.t div {
 background-image: url(images/border/lt.png);
}

.t img {
 background-image: url(images/border/rt.png);
}

.b {
 background-image: url(images/border/bbg.png); 
 background-position: left bottom;
}

.b div {
 background-image: url(images/border/lb.png);
}

.b img {
 background-image: url(images/border/rb.png);
}

#content .panel {
 margin-top: 5px; 
}

#right .panel {
 margin-top: 5px; 
}

.panel .t, .panel .b {
 margin: 0px 8px; 
}

.panel .t div, .panel .b div {
 margin: 0px -8px;
}

.panel .t img, .panel .b img {
 width: 8px;
 height: 8px;
}

.panel .t {
 background-image: url(images/inner/border/tbg.gif);  
}

.panel .t div {
 background-image: url(images/inner/border/lt.png);
}

.panel .t img {
 background-image: url(images/inner/border/rt.png);
}

.panel .b {
 background-image: url(images/inner/border/bbg.gif);   
}

.panel .b div {
 background-image: url(images/inner/border/lb.png);
}

.panel .b img {
 background-image: url(images/inner/border/rb.png);
}

.inpanel {
 background-image: url(images/inner/border/lbg.gif);
 background-repeat: repeat-y; 
 margin: -6px 0px;
 background-color: #FFFFFF;
}

.inpanel_content {
 background-image: url(images/inner/border/rbg.gif);
 background-repeat: repeat-y;
 background-position: right top;  
}

.inpanel_content p {
 margin: 0px;
 padding: 14px 0px 0px 0px;
}

.container {
 height: 36px;
 padding: 14px 0px 0px 0px;
}

* html .container {
 height: 50px;
}

.search_form {
 background-image: url(images/center_bg.gif);
}

.search_box_left {
 background-image: url(images/left_bg.gif);
 background-repeat: no-repeat; 
 height: 50px;
 width: 9px;
 position: absolute;
 margin-top: -14px;
 left: 0px;
}

.search_box_right {
 background-image: url(images/right_bg.gif);
 height: 50px;
 width: 9px;
 position: absolute;
 right: 0px;
 margin-top: -14px;
}

#go_button {
 background: transparent url(images/go_button.gif) no-repeat scroll left top;
 border: 0 none;
 color: #FFFFFF;
 height: 26px;
 width: 50px;
 float: left;
 margin: -2px 0px 0px 5px; 
}

#search_word {
 margin-left: 5px;
 width: 320px;
 float: left;
}

.find_drug {
 display: block;
 float: left;
 color: #227DB5;
 font-size: 13px;
 font-weight: bold;
 white-space: nowrap;
 padding: 3px 5px 0px 15px;
}

.letters_wrap {
 background-image: url(images/letters_center.gif);
}

.letters_left {
 background-image: url(images/letters_left.gif);
 height: 50px;
 width: 9px;
 position: absolute;
 overflow: hidden;
 margin-top: -14px;
}

.letters_right {
 background-image: url(images/letters_right.gif);   
 height: 49px;
 position: absolute;
 width: 8px;
 right: 0px;   
 margin-top: -14px;
}

.letters_head {
 color: #FFFFFF;
 display: block;
 padding-left: 15px;
 font-weight: bold;
 font-size: 14px;
 margin-top: -7px; 
}

.letters {
 padding-left: 15px;
}

.letters a {
 background: #ACD2E9;
 text-align: center;
 margin-right: 1px;
 width: 17px;
 height: 17px;
 color:#5E86B3;
 font-size: 12px;
 font-weight: bold;
 text-decoration:none;
 display: block;
 float: left;
}

.more {
 font-weight:bold;
}

#bottom {
 clear: both;
 background-color: #FFFFFF;
 font-size: 10px;
 color: #8B8B8B;
 margin: 0px 6px;
 text-align: center;
 padding: 2px 0px;
}

.footer_gray {
 color: #8B8B8B;
}

.footer_orange {
 color: #F9A41D;
}

#bottom .list {
 line-height: 18px;
}

#bottom .list a {
 padding: 0px 3px; 
}

.fixer, .fixer img {
 padding: 0px;
 margin: 0px;
 clear: both;
 overflow: hidden;
 display: block;
 height: 0px;
 width: 0px;
 overflow: hidden;
}

* html .png {
 filter: expression(fixpng(this, "image"));
}

* html .png.scale {
 filter: expression(fixpng(this, "scale"));
}

* html .png.crop {
 filter: expression(fixpng(this, "crop"));
}