/*  Bio Park - CSS by Ben Edwards @ www.netcel.com - 10/03/2006 */

/* Version 3 */

* {
border: 0;
margin: 0;
padding: 0;
}

A {
}
A:link {
background-color: transparent;
color: #c36b0a;
font-weight: bold;
text-decoration: none;
}
A:visited {
background-color: transparent;
color: #c36b0a;
font-weight: bold;
text-decoration: none;
}
A:active {
background-color: transparent;
color: #c36b0a;
font-weight: bold;
text-decoration: underline;
}
A:focus {
background-color: transparent;
color: #c36b0a;
font-weight: bold;
text-decoration: underline;
}
A:hover {
background-color: transparent;
color: #c36b0a;
font-weight: bold;
text-decoration: underline;
}

A.footerA {
}
A.footerA:link {
background-color: #ffffff;
color: #383880;
font-weight: normal;
text-decoration: none;
}
A.footerA:visited {
background-color: #ffffff;
color: #383880;
font-weight: normal;
text-decoration: none;
}
A.footerA:active {
background-color: #ffffff;
color: #383880;
font-weight: normal;
text-decoration: underline;
}
A.footerA:focus {
background-color: #ffffff;
color: #383880;
font-weight: normal;
text-decoration: underline;
}
A.footerA:hover {
background-color: #ffffff;
color: #383880;
font-weight: normal;
text-decoration: underline;
}

A.navigationTopA {
}
A.navigationTopA:link {
background-color: #ffffff;
color: #383880;
font-weight: bold;
text-decoration: none;
}
A.navigationTopA:visited {
background-color: #ffffff;
color: #383880;
font-weight: bold;
text-decoration: none;
}
A.navigationTopA:active {
background-color: #ffffff;
color: #383880;
font-weight: bold;
text-decoration: underline;
}
A.navigationTopA:focus {
background-color: #ffffff;
color: #383880;
font-weight: bold;
text-decoration: underline;
}
A.navigationTopA:hover {
background-color: #ffffff;
color: #383880;
font-weight: bold;
text-decoration: underline;
}

A.sitemapA {
}
A.sitemapA:link {
background-color: #ffffff;
color: #383880;
font-weight: bold;
text-decoration: none;
}
A.sitemapA:visited {
background-color: #ffffff;
color: #383880;
font-weight: bold;
text-decoration: none;
}
A.sitemapA:active {
background-color: #ffffff;
color: #383880;
font-weight: bold;
text-decoration: underline;
}
A.sitemapA:focus {
background-color: #ffffff;
color: #383880;
font-weight: bold;
text-decoration: underline;
}
A.sitemapA:hover {
background-color: #ffffff;
color: #383880;
font-weight: bold;
text-decoration: underline;
}

B, STRONG {
font-weight: bold;
}

BODY {
background-color: #ffffff;
color: #202020;
cursor: default;
float: left;
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 71%;
line-height: 1.35em;
position: absolute;
width: 100%;
}

BR {
line-height: 1.5em;
}

H1 {
background-color: #e5f6f8;
color: #383880;
font-size: 155%;
font-weight: bold;
margin: 0 0 0.75em 0;
padding: 7px;
}
#homepageTop H1 {
background-color: #ffffff;
color: #1868a3;
margin: 0.65em 0 0.35em 0;
}

H2 {
background-color: #ffffff;
color: #383880;
font-size: 120%;
font-weight: bold;
line-height: 1.35em;
margin: 0 7px 0.75em 7px;
}
#homepageTop H2 {
font-size: 115%;
margin: 0 7px 1.25em 7px;
}

H3, H4, H5, H6 {
background-color: #ffffff;
color: #383880;
font-size: 105%;
font-weight: bold;
margin: 0 7px 0.75em 7px;
}

I, EM {
font-style: italic;
}

INPUT, SELECT, TEXTAREA {
background-color: #ffffff;
border: 1px solid #000000;
color: #202020;
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 1.00em;
padding: 1px 1px 1px 1px;
}

LEGEND {
position: absolute;
visibility: hidden;
}

LI {
list-style-image: url(/images/biopark/arrow-5x9.gif);
padding: 0em 0em 0.5em 0em;
}

OL, UL {
padding: 0.3em 3em 0.3em 2.5em;
margin: 0 0 0 -2.5em;
}

P {
line-height: 1.5em;
padding: 0em 0em 1.25em 0em;
}

.clear {
clear: both;
}

#content {
border-bottom: 0px solid #9edde3;
border-left: 0;
border-right: 0;
border-top: 5px solid #9edde3;
clear: both;
float: left;
width: 100%;
}

#contentCenter {
float: left;
width: 74.5%;
margin: 20px 0 0 0;
padding: 0 0 15px 0;
}
#contentCenter LI {
font-size: 105%;
list-style-image: none;
}
#contentCenter OL, UL {
padding: 0.3em 3em 1.25em 4.5em;
}
#contentCenter P {
font-size: 105%;
padding: 0em 7px 1.25em 7px;
}

#contentLeft {
background-color: #e5f6f8;
border-bottom: 15px solid #ffffff;
border-left: 0;
border-right: 0;
border-top: 20px solid #ffffff;
color: #616161;
float: left;
width: 22.5%;
margin: 0% 2% 0% 0%;
padding: 0 0 0 0;
}

#contentLeft_orig {
background-color: #e5f6f8;
background-image: url(/images/biopark/content-header-150x400.jpg);
background-position: left top;
background-repeat: no-repeat;
border-bottom: 15px solid #ffffff;
border-left: 0;
border-right: 0;
border-top: 20px solid #ffffff;
color: #616161;
float: left;
width: 22.5%;
margin: 0% 2% 0% 0%;
padding: 0 0 0 0;
}

#contentLeft P {
padding: 0em 10px 1.25em 10px;
}

#contentLeftSpacer {
background-color: #9edde3;
color: #ffffff;
float: left;
height: 15px;
width: 100%
}

.contentLeftSPAN {
background-color: #e5f6f8;
color: #383880;
font-weight: bold;
}

.contentRightImage {
background-color: #ffffff;
background-image: url(/images/biopark/right-image-background-140x113.gif);
background-position: right top;
background-repeat: no-repeat;
clear: right;
color: #202020;
float: right;
height: 136px;
margin: 0 0 20px 0;
padding: 0% 0% 0% 2.5%;
width: 140px;
}

#footer {
border-top: 20px solid #9edde3;
clear: both;
width: 100%;
}

.footerDivider {
float: left;
padding: 10px 0 10px 0;
}

.footerLink {
float: left;
padding: 10px 7px 10px 7px;
}

#footerRow1 {
clear: both;
width: 100%;
}

#footerRow1Left {
}

#footerRow1Right {
float: right;
text-align: right;
}

#footerRow2 {
clear: both;
padding: 0 0 10px 7px;
}

#header {
background-image: url(/images/biopark/header-background-565x66.gif);
background-position: left top;
background-repeat: no-repeat;
clear: both;
width: 100%;
}

#headerLeft {
float: left;
}

#headerRight {
float: right;
padding: 1.25em 7px 0 0;
text-align: right;
}

.headerSPAN {
font-size: 110%;
font-weight: bold;
}

#homepageBottom {
background-color: #e5f6f8;
background-image: url(/images/biopark/homepage-bottom-764x121.jpg);
background-position: left top;
background-repeat: repeat-x;
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 20px solid #9edde3;
clear: both;
float: left;
height: 121px;
text-align: center;
width: 100%;
}

.homepageBottomImage {
float: left;
text-align: center;
width: 25%;
}

#homepageLeft {
float: left;
margin: 0 0 15px 0;
width: 45%;
}

#homepageRight {
float: left;
margin: 0 0 15px 0;
text-align: right;
width: 55%;
}

#homepageTop {
clear: both;
float: left;
width: 100%;
}

.homepageSPAN {
background-color: #ffffff;
color: #c36b0a;
font-size: 105%;
font-weight: bold;
}

#master {
clear: both;
float: left;
margin: 0.25% 1% 1% 1%;
position: absolute;
width: 97.9%;
}

#navigationTop {
background-color: #9edde3;
clear: both;
color: #383880;
float: left;
padding: 5px 0 0 0;
width: 100%;
}

.navigationTopLink {
border-bottom: 0;
border-left: 1px solid #383880;
border-right: 0;
border-top: 0;
float: left;
padding: 5px 7px 5px 7px;
}

#navigationTopWrapper {
background-color: #ffffff;
border-left: 0;
border-top: 1px solid #383880;
border-right: 1px solid #383880;
border-bottom: 1px solid #383880;
clear: both;
color: #383880;
float: left;
width: 100%;	
}

.promoBoxBackground {
background-color: #009fd7;
clear: both;
color: #ffffff;
display: block;
float: left;
width: 100%;
}

.promoBoxBorderBottomLeft {
background-attachment: scroll;
background-image: url(/images/biopark/bg-promo-box-bottom-left.gif);
background-position: 0% 100%;
background-repeat: no-repeat;
float: left;
width: 100%;
}
.promoBoxBorderBottomRight {
background-attachment: scroll;
background-image: url(/images/biopark/bg-promo-box-bottom-right.gif);
background-position: 100% 100%;
background-repeat: no-repeat;
float: left;
width: 100%;
}
.promoBoxBorderTopLeft {
background-attachment: scroll;
background-image: url(/images/biopark/bg-promo-box-top-left.gif);
background-position: 0% 0%;
background-repeat: no-repeat;
float: left;
width: 100%;
}
.promoBoxBorderTopRight {
background-attachment: scroll;
background-image: url(/images/biopark/bg-promo-box-top-right.gif);
background-position: 100% 0%;
background-repeat: no-repeat;
float: left;
width: 100%;
}

.promoBoxContentLeft {
float: left;
font-size: 115%;
padding: 0.75em 0 0.75em 0;
width: 60%;
}
.promoBoxContentLeft LI {
list-style-image: none;
padding: 0 0 0.5em 0;
}
.promoBoxContentLeft UL {
float: left;
padding-bottom: 0;
}

.promoBoxContentRight {
background-attachment: scroll;
background-image: url(/images/biopark/bg-promo-box-content-right.gif);
background-position: 50% 50%;
background-repeat: no-repeat;
color: #1767a2;
float: right;
font-size: 115%;
font-weight: bold;
padding: 0.5em 0 0.5em 0;
text-align: center;
width: 40%;
}

.quote {
background-color: #e5f6f8;
clear: right;
color: #202020;
float: right;
font-size: 105%;
margin: 0 0 10px 10px;
padding: 1em;
width: 27%;
}

.sitemapLevel00 {
background: transparent url('/images/biopark/sitemap-lev00.gif') no-repeat scroll top left;
font-size: 1.10em;
margin-left: 0.5em;
padding: 0px 0px 0px 15px;
}

.sitemapLevel01 {
background: transparent url('/images/biopark/sitemap-lev01.gif') no-repeat scroll top left;
font-size: 1.10em;
margin-left: 0.5em;
padding: 15px 0px 0px 15px;
}

.sitemapLevel02 {
background: transparent url('/images/biopark/sitemap-lev02.gif') no-repeat scroll top left;
font-size: 1.05em;
margin-left: 0.5em;
padding: 10px 0px 0px 30px;
}

.blockBlue {
background-color: #e5f6f8;
clear: both;
font-size: 105%;
height: 1.8em;
padding: 5px 1% 5px 1%;
}

.enquiryBlockBlueLeft {
float: left;
padding: 0.2em 0 0 0;
}

.error {
color: red;
font-size: 1.0em;
font-weight: bold;
padding: 0em 0em 0.5em 0em;
}
.errorTop {
color: red;
font-size: 1.0em;
font-weight: bold;
padding: 0em 0em 1.25em 0em;
}
.errorDIV {
}

.formColLeft40 {
float: left;
padding: 0px 1% 10px 0px;
text-align: right;
width: 38.9%;
}
.formColRight60 {
float: left;
padding: 0px 0px 10px 1%;
text-align: left;
width: 58.9%;
}

.formColCenter {
float: left;
padding: 0px 0px 10px 0px;
text-align: center;
}

.formRow {
clear: both;
float: left;
width: 97.9%;
}
.formWrapper {
clear: both;
}

.formCheckbox {
border: 0;
cursor: pointer;
}
.formRadio {
border: 0;
cursor: pointer;
}
.formSelect {
/*border: 0;*/
cursor: pointer;
}
.formSelectCheckout {
/*border: 0;*/
cursor: pointer;
width: 4em;
}
.formSubmit {
background-color: #f1d3b1;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
color: #202020;
cursor: pointer;
font-size: 1.05em;
font-weight: bold;
}
.formTextSearch {
width: 10em;
}
.formText {
width: 16em;
}
.formTextShort {
width: 3em;
}
.formTextArea {
}

#formFindAddress {
padding: 0 7px 0 7px;
}


/* side nav */
.sideNavIFrame {float:left; clear:none; width:100%; padding: 0 0 0 0; height: 30px}
/* side nav */
.sideNav {float:left; clear:none; width:100%; padding:0 0 40px 0}
.sideNav h3 {
 font-size:105%;
 font-weight:bold;
 color:#FFFFFF;
 margin: 8px 0px 8px 0;
 padding: 2px 2px 2px;
 background:transparent url(/images/nav_heading_bg_blue.gif) 0 100% repeat-x;
 }
.sideNav h4 {
 font-size:100%;
 font-weight:bold;
 color:#006699;
 padding:0 13px 7px 13px}
.sideNav div.navGroup {
 margin:0 8px 7px 8px;
 padding:1px 5px 6px 5px;
 background:transparent url(/images/dot_6.gif) 0 100% repeat-x}
.sideNav div.navGroup div {
 font-size:85%;
 font-weight:normal;
 color:#333333;
 padding:0 0 4px 0}
.sideNav h5 {
 font-size:97%;
 font-weight:bold;
 color:#ffffff;
 padding:0 0 2px 0}
.sideNav div.textGroup {
 padding:0 0 30px 0}
.sideNav div.textGroup h6 {
 padding:0 13px 2px 13px}
.sideNav p {
 font-size:68%;
 font-weight:normal;
 color:#333333;
 padding:0 13px 0 13px}
.sideNav a {text-decoration:none}
.sideNav a.on {color:#383880}
.sideNav a:active {color:#383880}
.sideNav a:link {color:#383880}
.sideNav a:visited {color:#383880}
.sideNav a:focus {color:#383880}
.sideNav a:hover {color:#383880; text-decoration:underline}
.sideNav ul {margin: 0 0 13px }
.sideNav li {font-size:76%; font-weight:normal; color:#333333; margin:0 0 2px 0px;}