@font-face {
    font-family: 'balance';
    src: url('fonts/BalanceWeb.eot');
    src: url('fonts/BalanceWeb.eot?#iefix') format('embedded-opentype'),
         url('fonts/BalanceWeb.woff') format('woff');
		 font-weight: normal;
    font-style: normal;

}


/*////////////////////////////////////////////////////////////////*/
/* BODY                                                           */
/*////////////////////////////////////////////////////////////////*/
/* NOTE: Set font family/size in matt_reset.css                   */
/*////////////////////////////////////////////////////////////////*/

.body { background: #fff url(images/background.jpg) 0 -4px repeat-x; font-family: "balance", Arial, Helvetica, sans-serif; color: #413544; }
body.noSlideshow { background: #fff url(images/backgroundNoSlideshow.gif) 0 -3px repeat-x; }
body.productsBg { background: #fff url(images/backgroundProducts.gif) 0 -3px repeat-x; }

/*////////////////////////////////////////////////////////////////*/
/* STRUCTURE                                                      */
/*////////////////////////////////////////////////////////////////*/

#container { width: 979px; margin: 0 auto; }
	#header { }
		#headerWrap { overflow: hidden; }
		#logo, #logoH1, #logoH1 a { width: 147px; height: 43px; }
			#logo { margin: 15px 0 0 30px; }
			#logoH1 { background: url(images/logo.gif) no-repeat; }
				#logoH1 a { display: block; }
		#headerTop { font-size: .9em; margin-top: 30px; margin-bottom: 23px; }
			#headerTopNav { list-style: none; margin: 0 52px 0 0; padding: 0; }
				#headerTopNav li { float: left; padding-right: 12px; }
				#headerTopNav li.last { padding: 0; }
				#aboutLink { display: block; width: 90px; height: 16px; padding: 7px 0 0 8px; }
					#aboutLink:hover, #aboutLi:hover { background: url(images/aboutHover.gif) no-repeat; text-decoration: none; }
					.aboutDrop { width: 203px; position: absolute; display: none; z-index: 9999; }
					#aboutLink:hover .aboutDrop, #aboutLi:hover .aboutDrop { display: block; }
					.js #aboutLink:hover .aboutDrop, .js #aboutLi:hover .aboutDrop { display: none; }
					#headerTopNav li .aboutDrop a { background: url(images/aboutDrop.gif) no-repeat; width: 195px; height: 19px; padding: 10px 0 0 8px; text-decoration: none; display: block; font-size: .7em; }
					#headerTopNav li .aboutDrop a:hover { background: #f2f2f2; color: #1374a4; }
	#nav { background: url(images/nav.gif) no-repeat; width: 977px; height: 45px; margin: 4px auto 0; }
		#navList { list-style: none; margin: 0 0 0 195px; padding: 0; }
			#navList li { float: left; position: relative; }
				#navList li a { height: 45px; display: block; }
					#link1, #link2, #link3 { width: 157px; }
					.drop { display: none; width: 227px; position: absolute; z-index:50; }
						#navList li div.drop a { background: url(images/drop.gif) no-repeat; width: 227px; height: 22px; padding: 0; margin: 0; color: #fff; text-decoration: none; text-align: left; padding: 13px 0 0 13px; font-size: .9em; }
						#navList li div.drop a:hover { background-position: 0 -35px; color: #012c42; }
						
					#navist li.current { position: relative; }
						#navList li.current a#link1 { background: url(images/nav.gif) -195px -45px; no-repeat; }
						#navList li.current a#link2 { background: url(images/nav.gif) -363px -45px; no-repeat; }
						#navList li.current a#link3 { background: url(images/nav.gif) -528px -45px; no-repeat; }
						#navList li.current span.pointer { background: url(images/pointer.png) no-repeat; width: 22px; height: 7px; display: block; position: absolute; left: 69px; }
					
						#products { margin: 0 9px 0 10px; }
							#safety:hover .drop, #products:hover .drop { display: block; }
							.js #safety:hover .drop, .js #products:hover .drop { display: none; }
					#search { margin-left: 35px; padding-top: 7px; }
						#searchInput { padding: 0; margin: 0; border: 0; background: none; width: 183px; height: 29px; }
						#searchBtn { padding: 0; margin: 0; border: 0; background: none; width: 31px; height: 29px; text-indent: -9999px; cursor: pointer; }
						/*#searchBtn:hover { padding: 0; margin: 0; border: 0; background: url(images/searchBtn.gif) 0 1px no-repeat; width: 31px; height: 29px; text-indent: -9999px; cursor: pointer; }*/
		#slideshow { background: url(images/slideshow.jpg) no-repeat; width: 976px; height: 437px; }
			div.slideshowMargin { height: 304px!important; }
			div.aboutMargin { margin-top: 51px; }
	#mainBody { overflow: hidden; padding-bottom: 40px; position: relative; }
		#subpage { padding: 20px 0; line-height: 1.5em; font-size: .9em; }
		#news { overflow: hidden; }
			#newsTop { overflow: hidden; }
				#newsTopLeft, #newsH2 { width: 216px; height: 15px; }
					#newsTopLeft { margin-left: 54px; margin-top: 36px; }
					#newsH2 { background: url(images/news.gif) no-repeat; }
						#newsH2 a { width: 216px; height: 15px; display: block; }
				#newsTopRight { width: 267px; height: 30px; margin-top: 29px; margin-right: 31px; }
					#newsTopRight a { background: url(images/newsSprite.gif) no-repeat; display: block; height: 30px; float: left; }
						#allNews { width: 214px; }
							#allNews:hover { background-position: 0 -30px; }
						a#scrollingHotSpotLeft { background-position: -214px 0px; width: 27px; }
							a#scrollingHotSpotLeft:hover { background-position: -214px -30px; }
						a#scrollingHotSpotRight { background-position: -241px 0px; width: 26px; }
							a#scrollingHotSpotRight:hover { background-position: -241px -30px; }
				#newsItems { width: 1125px; height: 282px; overflow: hidden; padding: 20px 0;  }
					#mycarousel { list-style: none; margin: 0; }
						#mycarousel li {background: url(images/newsSlide.gif) no-repeat;  float: left; width: 1125px; height: 246px; }
					.newsSlide { overflow: hidden; padding: 13px 0 0 21px;}
						.newsArticle { width: 293px; height: 206px; float: left; padding: 5px; margin-right: 14px; position: relative; }
							.newsHeader { overflow: hidden; border-bottom: 1px solid #f3f3f3; padding-bottom: 5px; }
								.newsImg { width: 131px; float: left; }
								.newsTitle { padding-left: 10px; float: left; width: 152px; }
									.newsTitle h3 { font-size: .9em; color: #1374a4; }
							.newsSample { padding: 10px; height: 100px; overflow: hidden; font-size: .9em; }
								.newsMore { position: absolute; right: 10px; bottom: 10px; font-size: .9em; }
						.lastNews { margin: 0; }
	#footer { width: 976px; margin: 0 auto; overflow: hidden; margin-bottom: 20px; font-size: .8em; }
		#footerLeft { }
		#footerRight { }
		
	#community, #patients, #healthcareworkers { font-size: .9em; line-height: 1.5em; font-family: "balance", Arial, Helvetica, sans-serif; }
		
/*////////////////////////////////////////////////////////////////*/
/* PRODUCTS                                                       */
/*////////////////////////////////////////////////////////////////*/

#prodTabs { overflow: hidden; height: 48px; padding-top: 3px; float: left; clear: both; }
	.tabs { list-style: url(images/subBullet.png) inside; padding: 0; margin: 0; }
		.tabs li { float: left; margin-right: 20px; margin-top: 11px; position: relative; padding-top: 3px; }
			.tabs li a { height: 36px; color: #413544; text-decoration: none; text-transform: uppercase; font-size: .9em;  }
			.tabs li a:hover { color: #1374a4; }
		.tabs li.active { background: #fff; padding: 6px 35px 6px 6px; }
		.tabs li span.tabLeft { background: url(images/tabLeft.png) no-repeat; width: 10px; height: 36px; position: absolute; top: 0; left: 0; }
		.tabs li span.tabRight { background: url(images/tabRight.png) no-repeat; width: 26px; height: 36px; position: absolute; top: 0; right: 0; }

/*
	.tabs { list-style: none; padding: 0; margin: 0; }
		.tabs li { float: left; height: 49px; }
			.tabs li a { height: 49px; display: block; }
			#phlebotomy { background: url(images/phlebotomy.gif) no-repeat; width: 243px; }
				#phlebotomy:hover, #phlebotomy.active { background-position: 0 -49px; }
			#drugDelivery { background: url(images/drugDelivery.gif) no-repeat; width: 232px; margin-top: -2px; }
				#drugDelivery:hover, #drugDelivery.active { background: url(images/drugDelivery.gif) 0 -49px no-repeat; margin-top: 0; }
*/				
#productWrap { overflow: hidden; margin: 53px 0; padding: 20px; background: #fff url(images/prodWrapBg.gif) 445px center no-repeat; border: 2px solid #e7e6e7; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
	.productImg	{ width: 467px; height: 300px; }
		.productImg a.main { display:block; width:375px; height:300px; overflow:hidden; }	
	.productInfo { width: 468px; }
		.productTitle { color: #007eaf; }
		.productList { list-style: url(images/prodBullet.jpg) none inside; padding: 0; margin: 0; }
			.productList li { font-size: .9em; color: #000; list-style-position: outside; margin-left: 14px; }
		.productLinks { background: url(images/prodNav.jpg) 0 -120px no-repeat; width: 468px; height: 120px; margin: 20px auto 0; }
			.productLinks a { height: 120px; display: block; float: left; }
			a#productImgGallery { width: 139px; }
				a#productImgGallery:hover { background: url(images/prodNav.jpg) 0 0 no-repeat; }
			a#productVidDemo { width: 98px; }
				a#productVidDemo:hover { background: url(images/prodNav.jpg) -139px 0px no-repeat; }
			a#productRegulatory { width: 98px; }
				a#productRegulatory:hover { background: url(images/prodNav.jpg) -237px 0px no-repeat; }
			a#productDownload { width: 133px; }
				a#productDownload:hover { background: url(images/prodNav.jpg) -335px  0px no-repeat; }

			div#productImgGallery { width: 161px; height: 139px; display: block; float: left; background: #fff; }
			div#productVidDemo { width: 113px; height: 139px; display: block; float: left; background: #fff; }
			div#productRegulatory { width: 112px; height: 139px; display: block; float: left; background: #fff; }
			div#productDownload { width: 133px; height: 139px; display: block; float: left; background: #fff; }
#complianceTextDivs { display:none; }
/*////////////////////////////////////////////////////////////////*/
/* NEWS                                                           */
/*////////////////////////////////////////////////////////////////*/
#newsTop {
	height:58px;
	position:relative;
	}
	#newsTop #newsTab {
		background: none repeat scroll 0 0 #D4D6D5;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		bottom: 0;
		color: #FFFFFF;
		font-size: 16px;
		padding: 6px 9px;
		position: absolute;
		right: 226px;
		text-transform: uppercase;
		}
	#newsTop #newsRSS {
		background: url("images/news_rss.gif") center center no-repeat;
		height: 16px;
		position: absolute;
		right: 202px;
		bottom: 4px;
		width: 16px;
		}
		#newsTop #newsRSS a { display:block; width:16px; height:16px; }
	#newsTop #newsletterSignup { font-size:12px; font-family:Arial, Helvetica, sans-serif; }
	#newsTop #newsletterSignup .form {
		border:1px solid #D4D6D5;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		}
	#newsTop #newsletterSignup .go-button, #mainBody #newsletterSignup .go-button {
		border:1px solid #D4D6D5;
		border-radius:3px;
		background:#ccc;
		}
		
#newsRight { width:346px; float:right; }
	#newsRight-border {
		border:4px solid #dbdad6;
		width:338px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		}
	#newsRight-content {
		width:338px;
		height:644px;
		overflow:auto;
		}
		#newsRight-content ul { list-style:none; margin:0; padding:0; }
		#newsRight-content li { list-style:none; padding:0; position:relative; height:72px; }
		#newsRight-content li a { color:#595050; }
		#newsRight-content li.active { background:#0099c4; }
		#newsRight-content li.active a { color:#fff; }
		#newsRight-content li a {
			left: 95px;
			position: absolute;
			top: 12px;
			width: 214px;
			}
		#newsRight-content li a.img-link {
			display:block;
			width:75px;
			height:57px;
			position:absolute;
			overflow:hidden;
			top:6px;
			left:7px;
			}
			#newsRight-content li a.img-link img { max-width:75px; max-height:57px; }
#newsLeft { width:626px; float:left; }
	#newsLeft-content {
		border:1px solid #dbdad6;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding-top:56px;
		padding:20px 30px 20px;
		}
		#newsLeft-content h2 { color:#000; font-size:16px; }
		
		.thePic { line-height: 1.5em; }
		.thePic img  { margin-right: 10px; }
/*////////////////////////////////////////////////////////////////*/
/* INVESTOR RELATIONS                                             */
/*////////////////////////////////////////////////////////////////*/

#stockContainer { width: 846px; position: relative; margin: 0 auto; }

.stockName, .stockPrice, .stockChange, .stockOpen, .stockDate { font-size: 1.8em; color: #000; position: absolute; }
.stockName { display: none;}
.stockPrice { top: 15px; left: 335px; }
.stockChange { top: 15px; left: 465px; }
.stockOpen { top: 15px; left: 619px; }
.stockDate { top: 15px; left: 777px; }

.stockContainerRow { position: absolute; top: 50px; }
.stockNameTxt, .stockPriceTxt, .stockChangeTxt, .stockOpenTxt, .stockDateTxt { background: #0099c4; height: 35px; padding-top: 15px; text-align: center; color: #fff; position: absolute;  }
.stockNameTxt { width: 291px; font-size: 2em; }
.stockPriceTxt { top: 0; left: 294px; font-size: 1.3em; width: 145px; }
.stockChangeTxt { top: 0; left: 442px; font-size: 1.3em; width: 145px; }
.stockOpenTxt { top: 0; left: 590px; font-size: 1.3em; width: 145px; }
.stockDateTxt { top: 0; left: 738px; font-size: 1.3em; width: 145px; }

#articleContainer { margin-top: 160px; line-height: 1.5em; }
	#investorNews { padding: 20px 0; border-bottom: 1px solid #d3d2d1; }
		.investorNewsList { list-style: none; margin: 0; padding: 0; }
		
	#investmentInformation, #investorCharters, #investorCode { padding: 20px 0; border-bottom: 1px solid #d3d2d1; }

/*////////////////////////////////////////////////////////////////*/
/* AREAS                                                          */
/*////////////////////////////////////////////////////////////////*/
#areas { background: url(images/areasSprite.jpg) no-repeat; width: 499px; height: 296px; }
	.areaItem { width: 166px; height: 148px; display: block; float: left; }
	#qfd:hover { background: url(images/areasSprite.jpg) 0 -296px no-repeat; }
	#voice:hover { background: url(images/areasSprite.jpg) -165px -296px no-repeat; }
	#engineering:hover { background: url(images/areasSprite.jpg) -331px -296px no-repeat; }
	#decreased:hover { background: url(images/areasSprite.jpg) 0 -444px no-repeat; }
	#reg:hover { background: url(images/areasSprite.jpg) -165px -444px no-repeat; }
	#human:hover { background: url(images/areasSprite.jpg) -331px -444px no-repeat; }

/*////////////////////////////////////////////////////////////////*/
/* LINKS                                                          */
/*////////////////////////////////////////////////////////////////*/

a, a:active, a:visited { color: #1374a4; text-decoration: none; }
a:hover { text-decoration: underline; }

#headerTopNav li a, #headerTopNav li a:active, #headerTopNav li a:visited { color: #5b5b55; font-size: .7em; }

/*////////////////////////////////////////////////////////////////*/
/* HEADING COLORS                                                 */
/*////////////////////////////////////////////////////////////////*/
h2, h3 { color: #1374a4; }