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

div #promoNav{
	margin:0px;
	padding:0px;
	width:155px;
	height:359px;
	position:relative;
	float:left;
}

div#productNav{
	/*width:739px;*/
	height:359px;
	position:relative;
	z-index:1;
	margin:0px 0px 0px 155px;
	padding:0px;
	background:url(../images/layout/bgProductNav.jpg) no-repeat;
}

	div#productNav ul{
		position:absolute;
		z-index:1;
		margin: 0px;
		padding: 0px;
		list-style:none;
	}
	
	div#productNav ul li{
		float:left;
		position:relative;
		z-index:1;
		width:246px;
		padding:0px;
		margin:0px;		
	}
	
		a#btnLabworks{
			position:relative;
			width:246px;
			height:359px;
			display:block;
			padding:0px;
			margin:0px;
			background:url(../images/layout/btnLabworks.jpg) no-repeat;
			z-index:1;
		}
		a#btnLabworks:hover{
			background:none;
		}	
		
		a#btnStudio{
			position:relative;			
			width:246px;
			height:359px;
			display:block;
			padding:0px;
			margin:0px;
			background:url(../images/layout/btnStudio.jpg) no-repeat;
			z-index:1;
		}
		a#btnStudio:hover{
			background:none;
		}	
		
		a#btnDentist{
			position:relative;
			width:246px;
			height:359px;
			display:block;
			padding:0px;
			margin:0px 0px 0px 1px;
			background:url(../images/layout/btnDentist.jpg) no-repeat;
			z-index:1;
		}
		a#btnDentist:hover{
			background:none;
		}			

div#content{
	position:relative;
	margin:48px 0px 0px 0px;
	width:940px;
	height:410px;
	background:url(../images/layout/bgTriContent.jpg);
}

/*************Find E4D Panel******************/
div#window3{
	position:absolute;
	width:291px;
	height:384px;
	padding:0px;
	margin:0px;
	background:none;
	/*border:2px #FFF solid;*/
	left: 629px;
	top: 14px;
}
div#window3 form{
		text-align:center;
		padding:0px;
		margin:35px 5px 25px 5px;
	}
	
	.textField1{
		padding:0px;
		margin:0px 5px 0px 5px;
		border:solid 1px #c6e7f8;
		background-color: #43719b;
		color:#FFFFFF;
		font-size:12px;
		width:135px;
		height:32px;
	}
	
	.textField2{
		padding:0px;
		margin:0px 5px 0px 10px;
		border:solid 1px #c6e7f8;
		background-color: #43719b;
		color:#FFFFFF;
		font-size:12px;		
		width:105px;
		height:32px;
	}	
	
	.pFormLeft{float:left; margin:2px 0px 0px 20px;}
	.pFormRight{float:right; margin:2px 20px 0px 0px;}
	
	div#window3 h1.top{
		text-align:right;
		color:#9fc8ea;
		margin:5px 10px 10px 0px;
		font-size:14px;
	}	
	
	div#window3 .flash{
		text-align:center;
		margin:25px 5px 0px 5px;
		border:solid 1px #c6e7f8;
		padding:0px;
	}	

/**********Updates Panel***********/
div#window1{
	position:absolute;
	width:291px;
	height:384px;
	padding:0px;
	margin:0px;
	background:none;
	/*border:2px #FFF solid;*/
	left: 15px;
	top: 14px;
}

	div#window1 h1.top{
		text-align:left;
		color:#9fc8ea;		
		margin:5px 0px 5px 5px;
		font-size:14px;
	}	
	
	div#window1 h1{
		text-align:left;
		color:#9fc8ea;		
		margin:5px 0px 5px 5px;
		padding:0px;
		font-size:14px;
	}	
	
	div#window1 h2{
		text-align:left;
		color:#9eb7d0;
		margin:5px 5px 0px 0px;
		font-size:11px;
	}
	
	div#window1 img{
		float:left;
		margin:5px 8px 0px 10px;
	}	
	
	div#window1 p{
		text-align:left;
		margin:5px 10px 0px 0px;
	}
	
		div#window1 p.more{
		float:right;
		text-align:right;
		text-transform:uppercase;
		margin:5px 10px 0px 0px;
	}
	
		div#window1 a{
		text-decoration:none;
		font-weight:700;
	}
	
			div#window1 a:hover{
				text-decoration:underline;
				font-weight:700;
			}	
			
div#window1 ul.followUs{
		background:url(../images/layout/bgFollowUs.jpg) no-repeat;
		list-style:none;
		width:110px;
		height:31px;
		margin:10px 0px 0px 10px;
		padding:0px;
		float:left;
	}
	
		div#window1 ul.followUs li{
			float:left;
			margin:0px;
			padding: 0px;
		}
		
			a#twitter {
				background:url(../images/layout/btnTwitter.jpg) no-repeat;
				width:36px;
				height:31px;
				display:block;
				margin:0px 0px 0px 0px;
				padding:0px;
			}
			
				a#twitter:hover {
					background:none;
				}
				
				a#facebook {
					background:url(../images/layout/btnFacebook.jpg) no-repeat;
					width:36px;
					height:31px;
					display:block;
					margin:0px 0px 0px 0px;
					padding:0px;
				}
		
				a#facebook:hover {
					background:none;
				}	
				
				a#youtube {
					background:url(../images/layout/btnYouTube.jpg) no-repeat;
					width:36px;
					height:31px;
					display:block;
					margin:0px 0px 0px 0px;
					padding:0px;
				}
		
				a#youtube:hover {
					background:none;
				}	
	
/*********Extra Nav***********/
	
div#window2{
	position:absolute;
	width:308px;
	height:384px;
	padding:0px;
	margin:0px;
	background:none;
	/*border:2px #FFF solid;*/
	left: 312px;
	top: 14px;
	font-size: 11px;
}

	div#window2 h1.top{
		text-align:center;
		color:#9fc8ea;		
		margin:5px 0px 5px 0px;
		padding:0px;
		font-size:14px;
	}	
	
		div#window2 p{
			text-align:center;
			margin:0px 0px 5px 5px;
			padding:0px;
		}
		
		div#window2 span.Selector{
			background:url(../images/layout/icoSelector.jpg) no-repeat;
			float:left;
			width:46px;
			height:63px;
			display:block;
			margin:0px 0px 0px 26px;
			padding:0px;
		}
		
		div#window2 a.Selector{
			background:url(../images/layout/btnSelector.png) no-repeat;
			width:182px;
			height:66px;
			display:block;
			float:right;
			margin:0px 20px 0px 0px;
			padding:0px;
		}
		
			div#window2 a.Selector:hover{
				background:url(../images/layout/btnRolloverSelector.png) no-repeat;
				width:182px;
				height:66px;
				display:block;
			}
			
	div#window2 h1{
		text-align:center;
		color:#9fc8ea;		
		margin:5px 0px 5px 0px;
		padding:0px;
		font-size:14px;
	}	
		
		div#window2 span.Patient{
			background:url(../images/layout/icoPatients.png) no-repeat;
			float:left;
			width:46px;
			height:63px;
			display:block;
			margin:0px 0px 0px 26px;
			padding:0px;
		}
		
	div#window2 a.Patient{
			background:url(../images/layout/btnPatients.png) no-repeat;
			width:182px;
			height:66px;
			display:block;
			float:right;
			margin:0px 20px 0px 0px;
			padding:0px;
		}
		
			div#window2 a.Patient:hover{
				background:url(../images/layout/btnRolloverPatients.png) no-repeat;
				width:182px;
				height:66px;
				display:block;
			}			
		
		div#window2 span.Visionary{
			background:url(../images/layout/icoEcoMember.png) no-repeat;
			float:left;
			width:66px;
			height:53px;
			display:block;
			margin:17px 0px 0px 20px;
			padding:0px;
		}
		
		div#window2 a.Visionary{
			background:url(../images/layout/btnVisionary.png) no-repeat;
			width:182px;
			height:66px;
			display:block;
			float:right;
			margin:10px 20px 0px 0px;
			padding:0px;
		}
		
			div#window2 a.Visionary:hover{
				background:url(../images/layout/btnRolloverVisionary.png) no-repeat;
				width:182px;
				height:66px;
				display:block;
			}	
			
/****************News Rotator*************/
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 2px solid navy;
left: 2px;
/*border-bottom-width: 6px;*/
width: 280px; /*width of featured content slider*/
height: 200px;
margin:35px 0px;
text-align:center;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0px;  /*leave as is*/
top: 0;  /*leave as is*/
/*padding: 2px;
background: white;*/
width: 280px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 200px;
/*filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;*/
/* for IE */
filter:alpha(opacity=100);
/* CSS3 standard */
opacity:1;
}

div#window1 .sliderwrapper .contentdiv h2{
	text-align:left;
	margin: 75px 0px 0px 10px;
	padding:0px;
	font-size:18px;
	color:#FFFFFF;
	font-family:"Times New Roman", Times, serif;
}

div#window1 .sliderwrapper .contentdiv p.article{
	margin: 20px 10px 0px 10px;
	padding:0px;
	color:#FFFFFF;
	/*background:#006; */
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*filter:progid:DXImageTransform.Microsoft.alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75;*/
}

.pagination{
width: 280px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
background-color: navy;
padding: 0px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

/*Additional CSS for demos*/


#slider2, #slider4{
border-color: #9fc8ea;
margin:0px;
height: 200px
}


#paginate-slider2, #paginate-slider4{
width: 280px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
margin:0px 10px 0px 10px;
text-align: right;
}


#paginate-slider4 a img{
width: 60px;
height: 40px;
border: 2px solid #9fc8ea;
margin: 5px 5px 0px 0px;
}

#paginate-slider2 a:hover, #paginate-slider2 a.selected{
background-color: yellow;
}

#paginate-slider4 a img:hover, #paginate-slider4 a.selected img{
border: 2px solid #FFFFFF
;
}