/*project: www.randox.com author: shane parkhill (www.activatingdesign.com)*/
/*default styles*/

/*TOCAutoGen support*/



.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:#119f3b; 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; 
z-index: 1;	
}

	/* SEARCH */
	#search {
	position:absolute;
	top:22px;
	right:132px;
	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:#119f3b; 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:22px;
	right:37px;
	left:auto;
	width:5em
}

#test {
	position:absolute;
	color:#CCC;
	right:129px;
	top:44px;
	z-index:1;
	width: 355px;
	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: oblique;
font-weight: lighter;
padding: 0 0 0 5px ;
color:#119f3b;

padding-bottom:0px 
}

.subtitletext {


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: #119f3b! important
}
#slideMenu LI { 
	DISPLAY: inline; FLOAT: left; COLOR: #119f3b! important; TEXT-DECORATION: none
}
#slideMenu LI A {
	DISPLAY: inline; FLOAT: left; COLOR: #119f3b! 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 {
		background: #888888;
		
		height: 35px;
		background:url(menuheader.gif);
	}
		
	.left_articles {
	overflow:hidden;

	
		background: #FFFFFF url(menublock.gif) no-repeat ;
		height:583px;
		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:#119f3b;
}

/*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: #119f3b;

padding: 2px 0 0 19px;



text-decoration:none;

}

.arrowlistmenu ul li a:visited{
color: #119f3b;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #888888;

}
/*#################### */
/*Side Menu Style End  */
/*#################### */



  

/******************** */
/***New Scroll Panel* */
/******************** */  
   
 .link {cursor:pointer; color:#454545}
.slider {position:relative; overflow:hidden;  height:344px;}
.slidercontent {position:relative}


/* Top Three elements of table */
.TrHeader{}/* Top Tr*/
.HeaderInto{}/* Blank TD*/
.ScrollInto{padding:10px 0px 4px 0px;color:#119f3b;}/* Introduction Text Square*/
.buttons {vertical-align:top;padding:10px 0px 4px 0px;text-align:right;font-weight:bold;}/* Buttons TD*/


/*Header Text For Side Bar */
.hovertext{padding:13px 0px 0px 20px;color:#119f3b;}/* Buttons TD*/

/* Main Content */
.ScrollBox{padding:10px 0px 0px 0px;
text-align:justify;}/* Buttons TD*/

/* Image Box */
.scrollimage{ width:160px; vertical-align:top; padding:12px 0px 0px 10px;}/* Buttons TD*/





  
/*#################### */
/*New Scroll Panel End */
/*#################### */

a.buthovercolor{color:#119f3b}


/******************** */
/****Scroll Panel**** */
/******************** */  

.root     {
    position:relative;
	width:300px;
    
    }
.root p   {
    
    }
.thumb     {
    position: absolute;
	visibility:hidden;
    }
.up, .dn   {
    position:      absolute;
   
    }
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
    border:      0;
    }
.scrollContainer {
	position:      absolute;

	overflow:      auto;

    }
.scrollContent {
	position:      absolute;
	left:      236px;
	top:      5px;
	width:      300px;
    }
/*#################### */
/**Scroll Panel End**  */
/*#################### */
