@charset "UTF-8";
/* CSS Document */


@import url("base.css");

/* 
     
	| Lab21
	| 
	|
	| Healthcare
	|
*/



#mainWrap {
	background:#fff url(../gen_images/main_2colbg.gif) repeat-y 50% 0; 
	}



/* Main layout
----------------------------------------------- */



#header {
	background-image:url(../healthcare/gen_images/header_bg.gif);
	}
	
	
#navWide {
	width: 230px;
	}	
	
.icon {
	float:left;
	padding-right: 8px;
	}
	
	
td {
	border-bottom: 1px solid #fff;
	}	
	
td {
	padding-top: 6px;
	}	
	
	
.pressRelease{ 
	background-image:url(../healthcare/gen_images/pr_image.gif);
	background-repeat: no-repeat;
	background-position: 630px 30px;
	}	
	
.media{ 
	background-image:url(../healthcare/gen_images/media_image.gif);
	background-repeat: no-repeat;
	background-position: 630px 60px;
	}
	
	
.events{ 
	background-image:url(../healthcare/gen_images/events_image.gif);
	background-repeat: no-repeat;
	background-position: 630px 60px;
	}	

.aboutUs{
	background-image:url(../healthcare/gen_images/about_us.jpg);
	background-repeat: no-repeat;
	background-position: 610px 0;
	}	
	
.leftCol {
	height: 400px;
	}	

	
/* Text
----------------------------------------------- */	

h2.antibodies {
	background-image:url(../healthcare/molecular_images/antibodies_icon.gif);
	background-repeat: no-repeat;
	background-position:336px 18px;
	}

h2.cancer {
	background-image:url(../healthcare/molecular_images/cancer_icon.gif);
	background-repeat: no-repeat;
	background-position:336px 18px;
	}
	
h2.medicine {
	background-image:url(../healthcare/molecular_images/medicine_icon.gif);
	background-repeat: no-repeat;
	background-position:336px 18px;
	}	
	

h2.liver {
	background-image:url(../healthcare/molecular_images/liver_icon.gif);
	background-repeat: no-repeat;
	background-position:336px 18px;
	}	
	
h2.viral {
	background-image:url(../healthcare/molecular_images/viral_icon.gif);
	background-repeat: no-repeat;
	background-position:336px 18px;
	}	
	
h2.respiratory {
	background-image:url(../healthcare/molecular_images/repspiratory_icon.gif);
	background-repeat: no-repeat;
	background-position:336px 18px;
	}			
	
h2.syphilis {
	background-image:url(../healthcare/immuunono_images/syphilis_icon.gif);
	background-repeat: no-repeat;
	background-position:335px 18px;
	}
	
h2.malaria {
	background-image:url(../healthcare/immuunono_images/malaria_icon.gif);
	background-repeat: no-repeat;
	background-position:335px 18px;
	}	
	
	
h2.blood {
	background-image:url(../healthcare/immuunono_images/blood_grouping_icon.gif);
	background-repeat: no-repeat;
	background-position:335px 18px;
	}	
	
h2.bottle {
	background-image:url(../healthcare/immuunono_images/bottle_icon.gif);
	background-repeat: no-repeat;
	background-position:335px 18px;
	}	
	
h2.heart {
	background-image:url(../healthcare/molecular_images/heart_icon.gif);
	background-repeat: no-repeat;
	background-position:335px 18px;
	}
	
	
h2.intolerance {
	background-image:url(../healthcare/molecular_images/food_and_drink_icon.gif);
	background-repeat: no-repeat;
	background-position:335px 18px;
	}	
	
	
h2.genBio {
	background-image:url(../healthcare/molecular_images/gen_bio.gif);
	background-repeat: no-repeat;
	background-position:335px 18px;
	}	
	
h2.saliva {
	background-image:url(../healthcare/molecular_images/saliva.gif);
	background-repeat: no-repeat;
	background-position:335px 18px;
	}		
		
	
.leftCol h4, .leftCol h4 a {
	color: #8f7c78;
	}
	
.leftCol h4 a:hover {
	color: #000;
	}	
	
.leftCol h6 {
	border-bottom: 4px #fff solid;
	background-color: #bcc5cd;
	font-size: 0.8em;
	font-weight: normal;
	padding: 4px 8px;
	color: #fff;
	}		
	
	
.testList ul {
	font-weight: normal;
	font-size: 1em;
	line-height: 1.3em;
	padding-top: 12px;
	margin-top: 12px;
	border-top: 1px solid #e7eef1;
	} 	
	
.testList li {
	padding-left: 18px;
	background-image:url(../gen_images/larger_grey_arrow.gif);
	background-position: 0 4px;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #e7eef1;
	background-repeat: no-repeat;
	} 	
	
.testList li a {
	color: #333;
	}	
	
.testList li:hover {
	color: #333;
	background-image:url(../gen_images/larger_black_arrow.gif);
	}	
		
#content h2 {
	color: #ba3b50;
	padding-top: 20px;
	}	
	
#content h2 strong, #content h2 strong a {
	color: #8f7c78;
	font-weight: normal;
	}		

.mediaList h2 {
	padding-top: 20px;
	}

.mediaList ul {
	font-weight: normal;
	font-size: 1em;
	line-height: 1.3em;
	padding-top: 12px;
	margin-top: 12px;
	} 	
	
.mediaList li {
	padding-left: 18px;
	background-image:url(../gen_images/larger_grey_arrow_bluebg.gif);
	background-position: 0 4px;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #fff;
	background-repeat: no-repeat;
	} 	
	
.mediaList li a {
	color: #666;
	}	
	
.mediaList li a strong {
	color: #333;
	}	
	
.mediaList li a em {
	font-weight:bold;
	font-style:normal;
	}	
	
.mediaList li:hover {
	color: #333;
	background-image:url(../gen_images/larger_black_arrow_bluebg.gif);
	background-repeat: no-repeat;
	}	
	
.pressRelease h3 { 
	font-weight: bold;
	border-bottom: 1px #666 solid;
	margin-top: 20px;
	}
	
.pressRelease h3 a { 
	color: #333;
	}
		
.pressRelease h3 { 
	font-weight:normal;
	color: #8f7c78;
	}	
	
.distributorList {
	font-size: 0.7em;
	line-height: 1.8em;
	color: #666;
	border-color: #fff;
	margin: 0 0 20px 50px;
	}		
	
h4.testCost{
	color: #e2e4e7;
	}	
	
h4.testCost, p.testCost {
	border-bottom: 1px #c8ced5 solid;
	padding-bottom: 4px;
	}
	
a.testCost {
	color: #e2e4e7;
	padding-left: 8px;
	background-image:url(../gen_images/small_white_arrow.gif);
	background-repeat:no-repeat;
	background-position: -3px -3px;
	font-weight:bold;
	font-size:90%;
	}	
	
	
a.testCost:hover {
	color: #fff;
	}		
	
	
	
/* Navigation
----------------------------------------------- */


.navCol p {
	color: #333;
	}				
			
.navCol li {
	color: #8f7c78;	
	}
	
	
.navCol li a {
	color: #8f7c78;	
	}	
	
	
.navCol li a:hover {
	color: #000;
	}	
	
	
/* Left Col submenu
----------------------------------------------- */

.serviceMenu {	
	margin: 0 8px;
	font-size: 0.75em;	
	line-height: 1.3em;
	}

.serviceMenu ul {	
	padding-bottom: 6px;
	list-style-type: none;	
	}

.serviceMenu li{	
	padding-left: 8px;	
	margin-left: 0px;	
	background: url(../gen_images/nav_red_arrow.gif) no-repeat;	
	background-position: 0 3px;
	}

.serviceMenu li:hover {	
	background: url(../gen_images/nav_black_arrow.gif) no-repeat;	
	background-position: 0 3px;			
	}

.serviceMenu a {	
	text-decoration: none;	
	color: #333;
	}

.serviceMenu a:hover {	
	color: #000;		
	} 
	
/* Layers
-----------------------------------------------	 */
	
#layer1, #layer2, #layer3, #layer4, #layer5, #layer6, #layer7 {
	display:none;
	padding-bottom: 20px;
	}

 	



/* order form
----------------------------------------------- */	

.orderform td {
	padding: 4px;
	vertical-align: top;
	border-bottom: 1px #ccc solid;
	}
	
table.orderform {
	width: 370px;
	background-color:#e7eef1;
	}	

.orderform p{
	padding-left: 4px;
	line-height: 1.1em;
	}
	
td.grey p {
	color: #666;
	font-size: 85%;
	padding-right: 8px;
	}	
	
table.contactDetails{
	margin-top: 20px;
	width: 370px;
	background-color:#e7eef1;
	}
	
.contactDetails td{
	padding: 4px;
	border-bottom: 1px solid #e7eef1;
	}		
	
	
h4.order {
	background-image:	url(../gen_images/nav_red_arrow.gif);
	background-repeat:no-repeat;
	padding: 18px 0 0 0;
	background-position: 0 24px;
	}	
	
h4.order a{
	color: #ba3b50;
	padding-left: 10px;
	}	
	
a.close {
	background-image: url(../gen_images/nav_grey_arrow.gif);
	background-repeat:no-repeat;
	background-position: 0 3px;
	}		

a.close {
	padding-left:5px;
	color:#fff;
	font-size: .8em;
	font-weight:bold;
	}
	
	
/* Left col horizontal drop down
----------------------------------------------- */	



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


.submenu {
	background-color: #e7eef1;
	font-size: 0.8em;
	/*background-image:url(../gen_images/small_grey_arrow.gif);
	background-repeat:no-repeat;*/
	}	
	
	
	
.submenu a {
	color: #8f7c78;
	}		

.submenu ul{
	margin: 0;
	padding: 0 0 4px 0;
	list-style: none;
	width: 155px; /* Width of Menu Items */
	}
	
 .submenu ul li{
	position: relative;
	}

/*Sub level menu items */
.submenu ul li ul{
	position: absolute;
	width: 155px; /*sub menu width*/
	top: 0;
	visibility: hidden;
	}

/* Sub level menu links style */
.submenu ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: #333;
	text-decoration: none;
	/*background: #bcc5cd;*/
	padding: 4px 10px 0 12px;
	background-image:url(../gen_images/small_red_arrow.gif);
	background-repeat:no-repeat;
	}

/* IE style hack - repositions small arrow */	
.submenu ul li a, .submenu ul li a:hover {
	*background-position: 0 2px;
	}		
	
/* Sub level menu links style */
.submenu ul li ul li a{
	background: #bcc5cd;
	color: #fff;
	}
	
.submenu ul li ul li a{
	background-image:url(../gen_images/small_white_arrow.gif);
	background-repeat:no-repeat;
	*background-position: 0 2px;
	}		

/*.submenu ul li a:visited{
	color: #666;
	}*/

.submenu ul li a:hover{
	color: #000;
	background-image:url(../gen_images/small_black_arrow.gif);
	background-repeat:no-repeat;
	}
	
	
.submenu ul li .menuLast{
	padding-bottom: 6px;
	}	

	
/* Holly Hack for IE \*/    
* html .submenu ul li { float: left; height: 1%; }
* html .submenu ul li a { height: 1%; }
/* End */