/* Copyright Gobstopper Creative */

html {
color: #004d47;
background: url(_images/img_main_bg.gif) top left repeat-y;
padding: 0;
margin: 0;
height: 100%;
min-height: 100%;
position: relative;
}
* html body {
height: 100%;
}
body {
color: #004d47;
background-color: white;
font-family: verdana, arial, sans-serif;
font-size: 0.7em;
line-height: 1.4em;
padding: 0;
margin: 0;
min-height: 100%;
min-width: 975px;
position: relative;
}
a:hover {
text-decoration: underline;
}
p {
margin: 0 0 1.4em 0;
}
h1 {
font-size: 1.5em;
margin: 0 0 0.4em 0;
padding: 0;
}
h2 {
font-size: 1.2em;
margin: 0 0 0.7em 0;
padding: 0;
color: #009a67;
}
h2#inblue {
color: #001878;
}
h2#hbred {
color: #9d1a36;
}
#main ul li {
padding: 0;
margin: 0 0 0 15px;
}
table {
width: 70%;
padding: 0 0 20px 0;
margin: 0;
}
table th {
background-color: #009a67;
color: white;
text-align: left;
padding: 2px;
margin: 0;
}
table td {
background-color: #ccebe1;
text-align: left;
padding: 2px;
margin: 0;
}
table.enquiry {
width: 50%;
}
table.enquiry td {
background-color: white;
}

/*---------------*/

#logo {
position: absolute;
padding: 5px 0 0 30px;
}
#name {
padding: 18px 0 0 220px;
}
h1#indexname {
background: url("_images/img_indexname_health.gif") no-repeat;
padding: 0;
margin: 0;
height: 35px;
}
h1#indexname_in {
background: url("_images/img_indexname_in.gif") no-repeat;
padding: 0;
margin: 0;
height: 35px;
}
h1#indexname_hb {
background: url("_images/img_indexname_hb.gif") no-repeat;
padding: 0;
margin: 0;
height: 35px;
}
h2#indexsub {
background: url("_images/img_indexsub_home.gif") no-repeat;
padding: 0;
margin: 5px 0 0 0;
height: 25px;
}
h2#healthsub {
background: url("_images/img_indexsub_health.gif") no-repeat;
padding: 0;
margin: 5px 0 0 0;
height: 25px;
}
h2#industrysub {
background: url("_images/img_indexsub_industry.gif") no-repeat;
padding: 0;
margin: 5px 0 0 0;
height: 25px;
}
h2#hbsub {
background: url("_images/img_indexsub_hb.gif") no-repeat;
padding: 0;
margin: 5px 0 0 0;
height: 25px;
}

/*---------------*/

h1#welcome {
background: url("_images/header_welcome.gif") no-repeat;
padding: 0;
margin: 0;
height: 35px;
}
h1#copro {
background: url("_images/header_copro.gif") no-repeat;
padding: 0;
margin: 0;
height: 35px;
}
h1#quality {
background: url("_images/header_quality.gif") no-repeat;
padding: 0;
margin: 0;
height: 35px;
}
h1#ordering {
background: url("_images/header_ordering.gif") no-repeat;
padding: 0;
margin: 0;
height: 35px;
}
h1#news {
background: url("_images/header_news.gif") no-repeat;
padding: 0;
margin: 0;
height: 35px;
}
h1#links {
background: url("_images/header_links.gif") no-repeat;
padding: 0;
margin: 0;
height: 35px;
}
h1#privacy {
background: url("_images/header_privacy.gif") no-repeat;
padding: 0;
margin: 0;
height: 35px;
}
h1#contactus {
background: url("_images/header_contactus.gif") no-repeat;
padding: 0;
margin: 0;
height: 35px;
}
h1#healthcarehome {
background: url("_images/header_healthcarehome.gif") no-repeat;
padding: 0;
margin: 0;
height: 35px;
}

/* IE7 Only */
*:first-child+html h1 span {
position: relative;
}
h1 span {
position: absolute;
text-indent: -5000px;
}
/* IE7 Only */
*:first-child+html h2 span {
position: relative;
}
h2 span {
position: absolute;
text-indent: -5000px;
}
#images {
float: left;
padding: 0 10px 10px 0;
}
#main {
padding: 80px 50px 50px 220px;
}
#main a {
font-weight: bold;
color: #004d47;
}
#main a:hover {
color: #009a67;
}
#main_index {
width: 435px;
padding: 370px 50px 50px 220px;
}
#main_index a {
font-weight: bold;
color: #004d47;
}
#main_index a:hover {
color: #009a67;
}
#logos a {
font-weight: bold;
color: #004d47;
}
#logos a:hover {
color: #009a67;
}
#topMenu {
text-align: left;
position: absolute;
top: 110px;
left: 220px;
padding: 0;
margin: 0;
}
#topMenu ul {
padding: 0;
margin: 0;
list-style: none;
display: inline;
text-indent: -3000px;
}
#topMenu ul li {
float: left;
padding: 0 6px 0 0;
}
#topMenu ul li a {
height: 17px;
display: block;
overflow: hidden;
background-repeat: no-repeat;
background-position: left top;
}
#topMenu ul li a:hover {
background-position: left bottom;
}
#btn_home {
width: 42px;
background-image: url("_images/btn_home.gif");
}
#btn_copro {
width: 70px;
background-image: url("_images/btn_copro.gif");
}
#btn_quality {
width: 54px;
background-image: url("_images/btn_quality.gif");
}
#btn_ordering {
width: 98px;
background-image: url("_images/btn_ordering.gif");
}
#btn_news {
width: 31px;
background-image: url("_images/btn_news.gif");
margin: 0 17px 0 0;
}
#btn_links {
width: 42px;
background-image: url("_images/btn_links.gif");
}
#btn_privacy {
width: 52px;
background-image: url("_images/btn_privacy.gif");
}
#btn_contact {
width: 79px;
background-image: url("_images/btn_contact.gif");
}

/*---------------*/

#leftMenu {
clear: left;
z-index: 99;
position: absolute;
text-align: right;
top: 160px;
width: 190px;
padding: 0;
margin: 0;
}
#leftMenu ul {
padding: 0;
margin: 0;
list-style: none;
}
#leftMenu ul li {
padding: 0;
margin: 0;
}
ul li a {
padding: 0 15px 0 0;
margin: 0;
color: white;
text-decoration: none;
}

#leftMenu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 
#leftMenu ul ul {
z-index: 100;
position: absolute;
top: 0;
left: 190px; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
display: none;
padding: 0;
margin: 0;
}
#wrapper > #leftMenu ul li:hover ul {
margin: -1px 0 0 0;
}
#leftMenu ul li:hover ul {
text-align: left;
width: 204px;
display: block;
background-color: #009a67;
padding: 0 0 3px 10px;
margin: 0;
}

/*---------------*/

#leftMenu ul#healthcare {
padding: 3px 0 10px 0;
margin: 0;
background-color: #009a67;
}
#leftMenu ul li.healthcarebtn {
height: 30px;
background-color: #009a67;
}
#leftMenu ul li.healthcarebtn a {
height: 30px;
display: block;
overflow: hidden;
}
#btn06_healthcare {
width: 175px;
background: url(_images/img_healthcare02.gif) top right no-repeat;
}

/*---------------*/

#leftMenu ul#industry {
padding: 3px 0 10px 0;
margin: 0;
background-color: #00209f;
}
#leftMenu ul li.industrybtn {
height: 30px;
background-color: #00209f;
}
#leftMenu ul li.industrybtn a {
height: 30px;
display: block;
overflow: hidden;
}
#btn07_industry {
width: 175px;
background: url(_images/img_industry02.gif) top right no-repeat;
}

/*---------------*/

#leftMenu ul#hb {
padding: 3px 0 10px 0;
margin: 0;
background-color: #9d1a4b;
}
#leftMenu ul li.hbbtn {
height: 30px;
background-color: #9d1a4b;
}
#leftMenu ul li.hbbtn a {
white-space: pre;
height: 30px;
display: block;
overflow: hidden;
}
#btn08_hb {
width: 175px;
background: url(_images/img_hb02.gif) top right no-repeat;
}

/*---------------*/

#topright01 {
position: absolute;
top: 0;
width: 100%; 
height: 95px;
background: url(_images/img_topright01.jpg) top right no-repeat;
}
#topright02 {
position: absolute;
top: 0;
width: 100%; 
height: 95px;
background: url(_images/img_topright02.jpg) top right no-repeat;
}
#topright03 {
position: absolute;
top: 0;
width: 100%; 
height: 95px;
background: url(_images/img_topright03.jpg) top right no-repeat;
}

#flashbit {
z-index: 1;
position: absolute;
top: 150px;
left: 220px;
}

#corner {
position: absolute;
top: 136px;
left: 190px;
width: 22px;
height: 22px;
background: url(_images/img_corner.gif) top left no-repeat;
}

/*---------------*/

#baseBar {
font-size: 0.9em;
position: absolute; 
bottom: 0; 
width: 100%; 
height: 40px;
padding: 2px 0;
margin: 0;
background-color: #009a67; /* lgreen */
border-top: 2px solid white;
text-align: left;
color: white;
}
#baseBar p {
margin: 0;
padding:  10px 0 0 20px;
}
#baseBarBlue {
font-size: 0.9em;
position: absolute; 
bottom: 0; 
width: 100%; 
height: 40px;
padding: 2px 0;
margin: 0;
background-color: #001878;
border-top: 2px solid white;
text-align: left;
color: white;
}
#baseBarBlue p {
margin: 0;
padding:  10px 0 0 20px;
}
#baseBarRed {
font-size: 0.9em;
position: absolute; 
bottom: 0; 
width: 100%; 
height: 40px;
padding: 2px 0;
margin: 0;
background-color: #9d1a36;
border-top: 2px solid white;
text-align: left;
color: white;
}
#baseBarRed p {
margin: 0;
padding:  10px 0 0 20px;
}


/*---------------*/

table.enquiry td {
vertical-align: top;
}
input {
width: 200px;
font-family: verdana, arial, sans-serif;
font-size: 100%;
color: #0a213e;
}
input#login {
width: 100px;
}
textarea {
width: 200px;
font-family: verdana, arial, sans-serif;
font-size: 100%;
color: #0a213e;
}