/*project: www.randox.com author: shane parkhill (www.activatingdesign.com)*/
/*default styles*/

.butcolor{
color:#454545;
}

#dropmenudiv{
position:absolute;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
}

#dropmenudiv a:hover{ /*hover background color*/
text-decoration: underline;
}


   #login {
     background-color: #DDDDDD;
     color: #000000;
     border: 1px solid #777777;
     font-family: Verdana;
     font-size: 10px;
     text-align: right;
     width: 380px;
     margin: 2px;
    }



  #login .theInput {
     font-family: Verdana;
     font-size: 11px;
     width: 80px;
     margin-right: 5px;
    }

    #login .theSubmit {
     font-family: Verdana;
      font-size: 10px; 
      background-color: #333333;
     color: #FFFFFF;
     margin-right: 5px;
    }


#tocautogen 
{
    background-color: #efefff;
    padding: 1px;
    margin: 10px;
    border-width:1px;
    border-style:solid;
    border-color: silver;
}

  
body { 
	padding: 0; 
	margin: 0; 
	font-weight: normal;

	text-decoration:none;
	FONT: 11px Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	background: #fff; 
	color: #454545; 
	background: #C0CBC1 url('../images/img1.gif') repeat-x;
}

a{ color:#006633; text-decoration:none;FONT: 11px Arial, Helvetica, sans-serif; line-height: 1.5em;}


th, textareas {
	text-align:left;
	font-weight:normal;
	margin:0px;
}

#header {background: #c3c3c3 url(Randox%20Header.jpg); height:87px;}

#piccontainer{
position: absolute; 
left: 211px; 
top: 97px;

}

div#whitebutton1{
	clear:both;
	width:140px;
	height:60px;
	padding:10px;
	background-image:url(../images/box.png);
	float:left;
	margin-left:10px;
	margin-top:122px;
	position: relative;
	z-index: 10;
}
div#whitebutton2{
	
	width:202px;
	height:60px;
	padding:10px;
	background-image:url(../images/box.png);
	float:left;
	margin-left:10px;
	margin-top:122px;
	position: relative;
	z-index: 10;
}

div#whitebutton3{

	width:125px;
	height:60px;
	padding:10px;
	background-image:url(../images/box.png);
	float:left;
	margin-left:10px;
	margin-top:122px;
	position: relative;
	z-index: 10;
}

	/* SEARCH */
	#search {
	position:absolute;
	top:16px;
	right:219px;
	left:auto;
	width:203px
}

FORM {
	MARGIN: 0px
}
#search_box {
	BACKGROUND: url(bg_search_box.gif); WIDTH: 201px; HEIGHT: 18px
}
#search_box #s {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; color:#006633; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 1EM; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 2px 0px 0px 6px; WIDTH: 159px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
#search_box #go {
	FLOAT: right; MARGIN: 3px 4px 0px 0px
}

#logo {
	position:absolute;
	top:22px;
	right: auto;
	left:20px;
	width:20em
}


#map {
	position:absolute;
	top:12px;
	right:14px;
	left:auto;
	width:174px;
	height: 48px;
}

#test {
	position:absolute;
	color:#CCC;
	right:220px;
	top:40px;
	z-index:1;
	width: 397px;
	text-align:right;
}

/* LAYOUT - main body of page */
#wrap {width:800px;margin: 0 auto;position:relative}

a.title {
	color: #FE6700;
	background: #FFF;
}

h1 {
	padding: 2px 0 0 0px;
	margin: 0;
	color: #464548;
	background: inherit;
}

h1 a, h2 a {
	text-decoration: none;
	color: #464548;
	background: inherit;
}

h1 a:hover, h2 a:hover {
	color: #C3593C;
	background: #FFF;
}

h1 .red{
	color: #C3593C;
	background: inherit;
}

h2 { 
	margin: 0 0 5px 0; 
	padding: 0; 

	letter-spacing: -1px;
	color: #000; 
	background: inherit;
}


h4 {
font-size: 12px;
margin: 0 0 -1px 0;

}

.subtitletable {
font-style:normal;
font-weight: lighter;
padding: 0 0 0 0px ;
color:#006633;

padding-bottom:0px 
}

.subtitletext {
font-weight:bold;

padding-bottom:3px 
}

p {	margin: 0 0 5px 0; }



form { 
	margin: 0; 
}

input.search { 
	width: 145px; 
	height: 22px;
	border: none;
	background: #fff url(input.gif) no-repeat; 
	padding: 5px 10px 0 25px;
	color: #808080;
}

input.button {
	border: 0;
	height: 27px;
	width: 76px;
	background: #ABC43C url(button.gif) no-repeat;
	color: #FFF;
	
}

input.login { 
	width: 150px;
	border: none; 
	background: url(logininput.gif); 
	padding: 4px; 
}

/* layout------ */


#navbar {
	position: relative;
	right: auto;
	width: auto;
	top: 453px;
	left: 473px;
}

/* the links in the navigationbar are an unordered list */
	#navbar ul {
	}
	
	#navbar li {
		list-style: none;
		display: block;
		width: auto;
		float: left;
	}
	#navbar a {
		text-decoration: none;
		display: block;
		padding: 4px 10px 4px 10px;
		font-family: Helvetica;
		font-size: 10px;
		text-transform: uppercase;

	}
	#navbar a:hover {
		
		color: #2676b5;
	}

.content {
background-color:#FFFFFF;
	margin: 0px auto;
	width: 800px;
	padding:9px 0 0 0; 
}

.logo {
	float: left;
	width: 213px;
	
	padding: 0px 0 0 0px;
}
.topmenu {
	float: left;
	padding: 18px 0 0 0;
	width: 450px;
	
	text-decoration:none;
	
}

.topmenu li.active {}

.topmenu a {
	color:#454545;
	text-decoration:none;	
	} 


.header_right {
	float: right;
	background-color:#FFFFFF;
	width: 120px;
	padding: 0px 0px 0px 0;
}

.logo p {
	padding: 0 0 0 0px;
	background: inherit;
}

.search_field { 
	text-align: right;
	float: right;
	width: 540px;
	height: 38px;
	background: #464548 url(searchbg.gif) no-repeat top right; 
	color: #000;
	clear: both;
	padding: 10px 10px 0 0;
}

.grey {
	font-size: 1.2em;
	font-weight: bold;
	color: #ccc;
	background: inherit;	
}

.search {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	background: inherit;	
}

.newsletter {
	float: left;
	height: 29px;
	padding: 19px 0 0 15px;
	width: 192px;
	background: #6E6E6E url(newsletterbg.gif) no-repeat;
	color: #FFF;
	margin: 0 0 3px 0;
}

.subheader {
	clear: both;
	margin: 0px 0 20px 0;
	height:0px;

	color: #808080;
	border-bottom: 1px solid #ccc;
}

/* left side
   --------- */
   
 table.servicesT
{
width:inherit;
width:100%; 

border: 1px #ccc solid;


}


table.servicesT td.servHd
{
background-color: #ccc;
text-align: center;
vertical-align:top;

font-weight: bold;

}


table.servicesT td
{ 

font-weight: normal;


vertical-align:top;


text-align: left;
}

.servBodL { } 
   

.right {
	float: right;
	width: 570px;
	margin: 0 0 0px 0;
	padding: 0 20px 0  0;
		
}
	.right_articles {
	border: 1px solid #cccccc;	
	height: 212px;
	margin: 0 0 10px 0;
		
	}
	
	
		.pop_box {
	border: 1px solid #cccccc;	

	margin: 0 10px 0 0;
		
	}
	
	.pop_header {
	background:#BBBBBB;
		
	}

.rollerbox {
	
	height: 271px;
	margin: 0 0 13px 0;
		
	}

	.rt {
		height: 35px;
		background: url(contentheader.jpg);
		color: #FFF;
	}
	
	.rbox {
		
		padding: 0px 12px;
		
		background: url(contentblock.gif) no-repeat;
		height: 208px;
		
			}
	
	.fullbox {

		background: url(fullcontentblock.gif) no-repeat;
		height: 400px;
		
		
	}
	.fullbox ul { 
padding:0 0 0px 0px;
margin:0 0 10px 15px;
}

 .fullbox ol { 

padding:0 0 0px 0px;
margin:0 0 10px 25px;
}

.fullbox input, textarea{
	font-size: 100%;
	width:200px;
	border: 1px solid #CCCCCC;
	color: #666666;
} 
	
#slideShowWrap {
FLOAT: right
}
#slideShowWrap IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#slideShowWrap A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
#slideShow {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#slideShow * {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#slideShow {
	DISPLAY: block;  
}
#holder {
	DISPLAY: block; 
}
#slidePic {
	DISPLAY: none
}
#slideMenuWrap A {
	
}
#slideMenuWrap {
	Z-INDEX: 1; visibility:hidden; POSITION: absolute; HEIGHT: 0px
}
#slideMenu {
	FLOAT: left; LIST-STYLE-IMAGE: none; VERTICAL-ALIGN: top; LIST-STYLE-TYPE: none; HEIGHT: 19px
}
#slideMenu LI.showSlide A {
	BACKGROUND: #ccffcc; COLOR: #006633! important
}
#slideMenu LI { 
	DISPLAY: inline; FLOAT: left; COLOR: #006633! important; TEXT-DECORATION: none
}
#slideMenu LI A {
	DISPLAY: inline; FLOAT: left; COLOR: #006633! important; TEXT-DECORATION: none
}
#slideMenu LI A {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 4px; MARGIN: 0px 2px; BORDER-LEFT: #ccc 1px solid;  BORDER-BOTTOM: #ccc 1px solid
}

#scroll {
	overflow: auto;
	width:559px;
	height: 208px;
	padding: 0px;
}
	
/*Link to Lightwindow*/
a.page-options {
text-decoration: none; 	
}

.hidden {
	display : none;
}
/*Link to Lightwindow End*/
	
	
	/* Don't delete anything below here */
	.dhtmlgoodies_contentBox{
		border:1px solid #317082;
		height:0px;
		visibility:hidden;
		position:absolute;
		background-color:#ffffff;
		overflow:hidden;
		padding:2px;
		width:250px;
				
	}
	.dhtmlgoodies_control{
		width: 20px;	
	}
	
	.rbox a {	
		background: inherit;
	}
	
	.rbox h2 {
		color: #FFF;
		background: #6E6E6E;
	}
	
	
.thumb {
	float: left;
	width: 150px;
	border: 1px solid #d4d4d4;
	color: #fff;
	background: #6e6e6e;
	margin: 0 15px 15px 0;
	padding: 5px;
}

.thumb p { margin: 0; padding: 3px; color: #FFF; background: #6e6e6e; }
	
/* right side
   ---------- */
		
.left {
	float: left;
	width: 180px;
	padding: 0  0  0 20px ;
}	
	.lt {
	height: 35px;
	border-top:#CCCCCC 1px double;
	border-left:#CCCCCC 1px double;
	border-right:#CCCCCC 1px double;
	}
		
	.left_articles {
	overflow:hidden;
	border-bottom:#CCCCCC 1px double;
	border-left:#CCCCCC 1px double;
	border-right:#CCCCCC 1px double;
		height:555px;
		padding: 6px 1px 0 1px;	

	}
	
	.left_menu {
		height:210px;
		color: #FEE1D5;
		padding: 4px 8px;		
	}
	
			
.image {
	float: left;
	margin: 0 9px 3px 0;
}

/****************************** */
/***********FOOTER************* */
/****************************** */

.footer { 
	clear: both;
	height:50px 
}

.title_footer {
	float: right;
	text-align:right;

	background-color:#FFFFFF;
	width: 400px;
	padding: 28px 20px 0 0;
}

.logofooter {
	float: left;
	width: 200px;
	padding: 10px 0 0 20px;
}


.footerimage {
	float: left;
	width: 200px;
	height: 65px;
	padding: 0px 0 0 20px;
}
/*############################## */
/*********FOOTER END***********  */
/*############################## */

/****************************** */
/* # Style for Drop Down Menu # */
/****************************** */
.dropmenudiv{
position:absolute;
top: 0;

border-bottom-width: 0;


z-index:100;
background-color: white;

width: 200px;
visibility: hidden;
filter:alpha(opacity=85) );-moz-opacity:.85;opacity:.85;;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 7px;
padding: 4px 0;
text-decoration: none;
}

.arrowlistmenu .showhide{ /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/evidence.gif) no-repeat center left; /*custom bullet list image*/
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
color:#454545;
padding: 5px 0 4px 20px; /*header text is indented 10px*/
cursor: pointer;
}


.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color:#006633;
}

/*Side Menu Style Start*/

.arrowlistmenu{
width: 160px; /*width of accordion menu*/
}

.arrowlistmenu .evidenceheader{ /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/evidence.gif) no-repeat center left; /*custom bullet list image*/
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
color:#454545;
padding: 5px 0 4px 20px; /*header text is indented 10px*/
cursor: pointer;
}

.arrowlistmenu .investigatorheader{ /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/investigator.gif) no-repeat center left; /*custom bullet list image*/
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 5px 0 4px 20px; /*header text is indented 10px*/
cursor: pointer;
}

.arrowlistmenu .clinicalheader{ /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/rx.gif) no-repeat center left; /*custom bullet list image*/
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 5px 0 4px 20px; /*header text is indented 10px*/
cursor: pointer;
}

.arrowlistmenu .diagnosticheader{ /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/diagnostic-reagents.gif) no-repeat center left; /*custom bullet list image*/
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 5px 0 4px 20px; /*header text is indented 10px*/
cursor: pointer;
}

.arrowlistmenu .qualityheader{ /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/qc.gif) no-repeat center left; /*custom bullet list image*/
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 5px 0 4px 20px; /*header text is indented 10px*/

cursor: pointer;
}

.arrowlistmenu .riqasheader{ /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/riqas.gif) no-repeat center left; /*custom bullet list image*/
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 5px 0 4px 20px; /*header text is indented 10px*/

cursor: pointer;
}

.arrowlistmenu .drugresidue{ /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/drug-residues.gif) no-repeat center left; /*custom bullet list image*/
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 5px 0 4px 20px; /*header text is indented 10px*/

cursor: pointer;
}

.arrowlistmenu .diseasestates{ /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/disease-states.gif) no-repeat center left; /*custom bullet list image*/
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 5px 0 4px 20px; /*header text is indented 10px*/

cursor: pointer;
}

.arrowlistmenu .contractmanufacturing{ /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/contract-manufacturing.gif) no-repeat center left; /*custom bullet list image*/
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 5px 0 4px 20px; /*header text is indented 10px*/

cursor: pointer;
}

.arrowlistmenu .contractmanufacturing a{ color:#454545;
}

.arrowlistmenu .testingheader{ /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/testing.gif) no-repeat center left; /*custom bullet list image*/
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 5px 0 4px 20px; /*header text is indented 10px*/

cursor: pointer;
}

.arrowlistmenu .testingheader a{ color:#454545;
}



.arrowlistmenu .lifesciences{ /*CSS class for menu headers in general (expanding or not!)*/
background: url(../images/lifescience.gif) no-repeat center left; /*custom bullet list image*/
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 5px 0 4px 20px; /*header text is indented 10px*/

cursor: pointer;
}

.arrowlistmenu .lifesciences a{ color:#454545;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

}


.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;

}

.arrowlistmenu shane ul li{

}



.arrowlistmenu ul li a{
color: #006633;

padding: 2px 0 0 19px;



text-decoration:none;

}

.arrowlistmenu ul li a:visited{
color: #006633;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #888888;

}


/* Main Content */
.ScrollBox{
	padding:10px 0px 0px 0px;
	text-align:left;
	vertical-align:top
}/* Buttons TD*/

/* Image Box */
.scrollimage{ width:160px; vertical-align:top; padding:12px 0px 0px 10px;}/* Buttons TD*/



.fullboxscroll {

border: 1px solid #BCBCBC;
padding:0px 0px 20px 0px;


}

/* Top Three elements of table */

.TrHeaderEdit{ background-color:#cccccc; }/* Top Tr*/

.ScrollIntoEdit{

	padding:10px 0px 10px 173px;
	color:#006633;
	text-transform:uppercase;
	font-weight:bold;
	
}/* Introduction Text Square*/

.ScrollIntoEditPub{

	padding:10px 10px 10px 10px;
	color:#006633;
	text-transform:uppercase;
	font-weight:bold;
	
}



.TrHeaderMenu{ background-color:#cccccc; }/* Top Tr*/

.ScrollIntoMenu{
	padding:10px 0px 10px 20px;
	color:#006633;
	text-transform:uppercase;
	font-weight:bold;



.buttons {vertical-align:top;padding:10px 0px 4px 0px;text-align:right;font-weight:bold;}/* Buttons TD*/

.tableHead{
	color:#006633;
	text-transform:uppercase;
	font-weight:bold;
}

/* Main Content */
.ScrollBoxedit{padding:10px 10px 0px 0px;
heigth:100%;
text-align:justify;}/* Buttons TD*/


.officesaddress{background:#CCCCCC;  text-align:right; vertical-align:top; width:60px;}/* international offices */
.offices{background:#CCCCCC;  text-align:right; vertical-align:top; width:60px;}/* international offices */
.officestext{padding-left:5px;  color:#000; vertical-align:top}/* international offices */
.international { padding-left:3px; color:#000;}

/*MAILSHOT CSS*/

.mailtitle{color:#cc33333; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

.contentmail {
background-color:#FFFFFF;
	margin: 0px auto;
	width: 800px;
	padding:0px 0 0 0; 
}


.rightmail {
	float: right;
	width: 570px;
	margin: 0 0 0px 0;
	padding: 0 20px 0  0;
		
}

.fullboxscrollmail {

border: 1px solid #BCBCBC;
padding:0px 0px 20px 0px;


}


.right_articles2 {
	border: 1px solid #cccccc;	
	height: 212px;
	margin: 0 0 10px 0;
	position:absolute;
	}
	

	.toggle_container {
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	background: #f0f0f0 ;
	overflow: hidden;
	width: 495px;
	clear: both;
	margin:5px 0;
}

.trigger a{color:#66cc99;}