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

/* ======================================================================
		Generic Styles for entire page to set a few defaults
	======================================================================*/
#bodyWrapper p {font:normal 12px/18px Arial, Helvetica, sans-serif;color:#444444;margin:18px 0;}
#bodyWrapper h1, #bodyWrapper h2, #bodyWrapper h3 {margin:18px 0;font-weight: normal;}
p a:link, p a:active, p a:visited {color:#5ebed2;font-weight:bold;text-decoration:none;border-bottom:1px dotted #5ebed2;}
p a:hover {color:Black;border-color:Black;}


/* ======================================================================
		Page Wrap Styles
	======================================================================*/
html,body {background:#650360 url('../images/dr-purple-bg.jpg') no-repeat center 160px;min-width:950px;text-align: left;}
#bodyWrapper {font:normal 12px/18px Arial, Helvetica, sans-serif;color:#444444;background:transparent url('../images/dr-header-bg.gif') repeat-x left top;text-align: left;}


/* ======================================================================
		Header Styles
	======================================================================*/
#headerWrap {background:transparent url('../images/dr-head-bg.jpg') no-repeat center top;height:155px;}
#header {width:950px; margin:0 auto;height:155px;position: relative;}
#logo {margin-left:100px;display:block;width:277px;position: relative;}


/* ======================================================================
		#mainNav - Main Navigation (focusLinks are for the two products)
	======================================================================*/
#mainNav {height:39px;width:950px;background:transparent url('../images/main-nav-bg.png') no-repeat left bottom;margin-top:17px;}
#mainNav ul {list-style:none;float:left;}
#mainNav ul li {float:left;}
#mainNav ul li a {display:block;text-decoration:none;text-indent:-9999px;}
#mainNav ul li a.active {background-position: 0 -39px;}

#focusLinks {margin-left:46px;}
#focusLinks .cytoCareLink a {background:transparent url('../images/cytocare-nav.png') no-repeat left top;width:269px;height:39px;}
#focusLinks .ivStationLink a {background:transparent url('../images/ivstation-nav.png') no-repeat right top;width:132px;height:39px;}
#focusLinks a:hover {background-position:0 -39px;}

#companyLinks {margin-top:8px;}
#companyLinks a {height:31px;}
#companyLinks .aboutLink a {background:transparent url('../images/about-nav.png') no-repeat left top;width:159px;}
#companyLinks .aboutLink {margin-left:45px;}
#companyLinks .tvLink a {background:transparent url('../images/cytocare-tv-nav.png') no-repeat left top;width:120px;}
#companyLinks .tvLink {margin-left:29px;}
#companyLinks .pressLink a {background:transparent url('../images/press-nav.png') no-repeat left top;width:111px;}
#companyLinks .pressLink {margin-left:33px;}
#companyLinks a:hover {background-position:0 -39px;}


/* ======================================================================
		#secondNav - Navigation Styling for interior pages with second level navigation
	======================================================================*/
#secondNav {background:black;padding:5px 80px;}
#secondNav.cyto-nav {background:black url('../images/dr-cyto-secnav-rc-bg.jpg') no-repeat right top;}
#secondNav ul {display:block;float:left;width:350px}
#secondNav ul li {display: block;float:left;width:175px;margin:3px 0;}
#secondNav ul li a:link, #secondNav ul li a:active, #secondNav ul li a:visited {font-weight: bold;color:#ffffff;text-decoration:none;padding:2px 0;display:block;}
#twoCol div#secondNav ul li a:hover {color:#0099B8;}


/* ======================================================================
		#twoCol - Two Columns Wrapper (.twoColMod attached to #twoCols for interior pages width change)
	======================================================================*/
#twoColWrapper {background:transparent url('../images/dr-header-shadow.png') repeat-x left top;}
#twoCol {width:950px;margin:0 auto;background:#ffffff url('../images/dr-header-shadow.png') repeat-x left top;position:relative;}
#twoCol #flashWrapper {padding:18px 0px 18px 35px;}
#featureDiv {background:url('../images/dr-featureDiv-bg.png') no-repeat left top;height:287px;}
#featureDiv a {width:475px;float:left;position:relative;display:block;text-indent:-9999px;height:287px;}
#featureDiv a:hover {background-position:left top !important;}
#featureDiv #cytoCare-home-div {background:url('../images/dr-cytocare-banner.png') no-repeat left bottom;}
#featureDiv #ivStation-home-div {background:url('../images/dr-ivstation-banner.png') no-repeat left bottom;}

/* ======================================================================
		#leftCol - Left Column
	======================================================================*/
#leftCol {width:509px;padding:0 40px;float:left;border-right:1px solid #b281af;margin:0px 0px 30px 0px;}
#leftCol h1 {color:#650360;font:normal 30px  Helvetica, Arial, sans-serif;left:-3px;}
#leftCol h2 {color:#650360;font:normal 18px  Helvetica, Arial, sans-serif;left:-3px;}
#leftCol h1, #leftCol h2  {text-indent:-9999px;}
#leftCol h1.show-text {text-indent:0px !important;font-weight:bold;}
#leftCol #lc-cta {display:block;width:395px;margin:18px auto;background:url('../images/dr-email-icon-starburst.gif') no-repeat left center;}
#leftCol #lc-cta a {display:block;font:normal 18px Arial, Helvetica, sans-serif;font-weight: bold;color:#650360;padding:20px 0px 20px 120px;text-decoration:none;}
#leftCol #lc-cta a em {font-size:14px;font-weight: normal;color:#08a8c3;text-decoration:underline;}
#leftCol .list li {margin:5px 25px;}
#leftCol .page-image {border:1px solid #5ebed2;padding:3px;background:#f2f2f2;}
#leftCol #swfDiv {margin:18px auto 0px auto;}
#leftCol .contact-btn {display:block;margin:18px 0px;background:url('../images/dr-email-icon.png') no-repeat 10px center;height:70px;font-size:18px;font-weight:bold;text-decoration:none;color:#650360;padding:9px 10px 5px 95px;clear:both;}
#leftCol .contact-btn:hover {color:#5EBED2;background-color:#E5F5F8;}

/* ======================================================================
		#rightCol - Right Column
		++ includes elements for different sections (.cyto-rc / .ivstation-rc) to modify background images etc
	======================================================================*/
#right-col-wrap {margin:10px 40px 30px 0px;padding-left:40px;width:280px;float:right;margin-left:-1px;border-left:1px solid #b281af;background:url('../images/dr-right-column-bottom.gif') no-repeat 40px bottom;clear:right;}
#right-col {background:url('../images/dr-right-column-top.gif') no-repeat left top;padding:20px 10px;}
#right-col h3 {margin-top:0px;}

#right-col #vid-player-box h3 {background:url('../images/dr-tv-icon-text.png') no-repeat left top;height:55px;text-indent:-9999px;border-bottom:1px solid #bfbfbf;padding-bottom:15px;margin-bottom:0px;}
#right-col #vid-player-box .thumb {float:left;margin-right:10px;}
#right-col #vid-player-box a {width:220px;clear:both;margin:0px auto;padding:5px 5px;border-bottom:1px solid #bfbfbf;display:block;color:#5ebed2;font-weight:bold;}
#right-col #vid-player-box a:hover {color:#444444;background:#e5f5f8;}

#right-col-cytocare {float:right;height:80px;margin:-95px 40px 20px 40px;width:260px;padding:255px 10px 0px 10px;background:url('../images/dr-rightcol-cytocare.png') no-repeat left top;}
#right-col-cytocare a {padding:0px 40px 0px 70px;display:block;font-weight:bold;color:White;text-decoration:none;font-size:14px;}
#right-col-cytocare a span {display:block;font-size:12px;text-decoration:underline;padding-top:10px;}

#right-col-ivstation {float:right;height:80px;margin:-95px 40px 20px 40px;width:260px;padding:255px 10px 0px 10px;background:url('../images/dr-rightcol-ivstation.png') no-repeat left top;}
#right-col-ivstation a {padding:0px 40px 0px 70px;display:block;font-weight:bold;color:White;text-decoration:none;font-size:14px;}
#right-col-ivstation a span {display:block;font-size:12px;text-decoration:underline;padding-top:10px;}
/* ======================================================================
		Footers - sitemap style and ©
	======================================================================*/
#sitemapFooter {width:700px;margin:0 auto;background:#0099b8 url('../images/dr-footer.jpg') no-repeat left top;padding:0 125px 10px 125px;}
#sitemapFooter ul {list-style: none;float:left;}
#sitemapFooter ul li.firstLine a {font-size:14px;font-weight:bold;margin-left:0;padding:12px 0;}
#sitemapFooter ul li.firstLine a:hover {color:#0099b8 !important;}
#sitemapFooter ul li a {color:white;text-decoration:none;display:block;margin-left:30px;padding:5px 0;}
#sitemapFooter ul li a:hover {color:black !important;text-decoration: underline;}

#footerCytoCare {width:250px;margin-right:50px;}
#footerivStation {width:175px;margin-right:50px;}
#footerCompany {width:175px;}

#infoFooter {width:950px;margin:0 auto;text-align:center;color:#aaaaaa;font-size:10px;padding:10px 0;}

/* ======================================================================
		Image Replacement - h#.(pagename)-(tag)-(number from top to bottom)
		++ These Stles are repeated in dr-ie.css for display fixes ++
	======================================================================*/
h1.home-h1-1 {background:transparent url('../images/dr-home-h1-1.gif') no-repeat left top;height:75px;}
h1.cyto-h1-1 {background: transparent url('../images/dr-cyto-h1-1.gif') no-repeat left top;height:107px;}
h2.cyto-h2-1 {background: transparent url('../images/dr-cyto-h2-1.gif') no-repeat left top;height:30px;}

h1.cyto-pharma-h1 {background: transparent url('../images/dr-cyto-pharma-h1.gif') no-repeat left top;height:75px;}
h2.cyto-pharma-h2-1 {background: transparent url('../images/dr-cyto-pharma-h2-1.gif') no-repeat left top;height:53px;}
h2.cyto-pharma-h2-2 {background: transparent url('../images/dr-cyto-pharma-h2-2.gif') no-repeat left top;height:26px;}
h2.cyto-pharma-h2-3 {background: transparent url('../images/dr-cyto-pharma-h2-3.gif') no-repeat left top;height:26px;}

h1.cyto-workflow-h1 {background: transparent url('../images/dr-cyto-workflow-h1.gif') no-repeat left top;height:39px;}

h1.cyto-costs-h1 {background: transparent url('../images/dr-cyto-costs-h1.gif') no-repeat left top;height:75px;}
h2.cyto-costs-h2-1 {background: transparent url('../images/dr-cyto-costs-h2-1.gif') no-repeat left top;height:26px;}

h1.iv-home-h1 {background: transparent url('../images/dr-iv-home-h1.gif') no-repeat left top;height:75px;}
h2.iv-home-h2-1 {background: transparent url('../images/dr-iv-home-h2-1.gif') no-repeat left top;height:26px;}

h1.info-form-h1{background: transparent url('../images/dr-info-form-h1.gif') no-repeat left top;height:39px;clear:both;position:relative;text-indent:-9999px;}

h1.dr-about-h1 {background: transparent url('../images/dr-about-h1.gif') no-repeat left top;height:39px;}
h2.dr-about-h2-1 {background: transparent url('../images/dr-about-h2-1.gif') no-repeat left top;height:26px;}

h1.dr-cbs-lp-h1-2 {background: transparent url('../images/dr-cbs-lp-h1-2.gif') no-repeat left top;height:75px;}
h1.dr-ivstation-lp-h1 {background: transparent url('../images/dr-ivstation-lp-h1.gif') no-repeat left top;height:39px;}
h1.dr-thank-you-h1 {background: transparent url('../images/dr-thank-you-h1.gif') no-repeat left top;height:39px;}

h1.dr-tech-h1 {background: transparent url('../images/dr-tech-h1.gif') no-repeat left top;height:39px;}

h1.dr-iv-features {background: transparent url('../images/dr-iv-features.gif') no-repeat left top;height:39px;}
h2.dr-iv-features-h2-1 {background: transparent url('../images/dr-iv-features-h2-1.gif') no-repeat left top;height:30px;}
h2.dr-iv-features-h2-2 {background: transparent url('../images/dr-iv-features-h2-2.gif') no-repeat left top;height:30px;}
h2.dr-iv-features-h2-3 {background: transparent url('../images/dr-iv-features-h2-3.gif') no-repeat left top;height:30px;}
h2.dr-iv-features-h2-4 {background: transparent url('../images/dr-iv-features-h2-4.gif') no-repeat left top;height:30px;}
h2.dr-iv-features-h2-5 {background: transparent url('../images/dr-iv-features-h2-5.gif') no-repeat left top;height:30px;}

h1.dr-press-releases {background: transparent url('../images/dr-press-releases.gif') no-repeat left top;height:40px;}
/* ======================================================================
		Cytocare Section Styles
		++ These Stles are repeated in dr-ie.css for display fixes ++
	======================================================================*/
#cyto-home-list {background:transparent url('../images/dr-cyto-home-list-bg.gif') no-repeat left top;padding:13px 20px;list-style:none;color:#08a8c3;font-weight:bold;}
#cyto-home-list li {width:165px;float:left;padding:10px 0px 0px 60px;height:51px;margin:5px 0px;}

li.heart {background:url('../images/heart-icon.gif') no-repeat left top;}
li.magnify {background:url('../images/magnify-glass-up-icon.gif') no-repeat left top;}
li.alert {background:url('../images/alert-icon.gif') no-repeat left top;}
li.money {background:url('../images/money-down-icon.gif') no-repeat left top;}

/* ======================================================================
		i.v.STATION Section Styles
		++ These Stles are repeated in dr-ie.css for display fixes ++
	======================================================================*/
div.iv-station-nav {padding-left:335px !important;}
div.iv-station-nav li {float:none !important;}
/* ======================================================================
		Gallery
	======================================================================*/
/*#leftCol .thumbnail {width:150px;float:left;border:1px solid #5ebed2;padding:3px;text-align:center;color:#444444;font-style:italic;font-size:12px;background:#f2f2f2;display:block;margin:10px 5px;text-decoration:none;}*/
#leftCol .thumbnail {width:150px;float:left;border:1px solid #5ebed2;padding:3px;text-align:center;color:#444444;font-style:italic;font-size:12px;display:block;margin:10px 5px;text-decoration:none;}
#leftCol .thumbnail span {display:block;margin:9px 0px;}
#leftCol .thumbnail img {border:1px solid #ffffff;}
#leftCol .thumbnail:hover {border-color:#650360;background-color:#e5f5f8}
#leftCol .thumbnail:hover img {border-color:#a3a3a3;}

/* ======================================================================
		i.v.STATION Section Styles
	======================================================================*/

/* ======================================================================
		Request Information Page
	======================================================================*/
	#flashForm {margin:18px auto;float:left;padding:0px 40px;width:507px;}
    #form {border:1px solid #0099b8;background:#e5f5f8;padding:20px;clear:both;width:467px;}
    #form h2 {text-indent:0px;font:bold 22px Helvetica, Arial, sans-serif;margin:0px 0px 0px 105px;}
    #form p {font-style:italic;margin:9px 0px 9px 105px;}
    
    #form dl {border-top:1px solid #0099b8;margin-top:10px;padding-top:10px;}
    #form dt {float:left;width:100px;text-align:right;margin:5px 5px 5px 0px;clear:left;display:block;position:relative;padding:2px 0px;color:#650360;font-weight:bold;}
    #form dd {float:left;width:310px;text-align:left;margin:5px 0px;position:relative;}
    #form .required {background:url('../images/dr-required.gif') no-repeat right 5px;}
    
    #form .input {width:292px;padding:4px;border:1px solid #7fccdb;background-color:#ffffff;color:#444444;font:normal 12px Verdana, Arial, sans-serif;}
    #form .input:focus {border-color:#0099b8;}

    #form .select {width:300px;padding:4px;border:1px solid #7fccdb;background-color:#ffffff;color:#444444;font:normal 12px Verdana, Arial, sans-serif;}
    #form .select:focus {background-color:White;border-color:#0099b8;}
    
    #form .textarea {width:292px;padding:4px;border:1px solid #7fccdb;background-color:#ffffff;color:#444444;font:normal 12px Verdana, Arial, sans-serif;}
    #form .textarea:focus {background-color:White;border-color:#0099b8;}
    
    #form .validation {position:absolute;text-indent:-9999px;height:20px;width:90px;background:url('../images/dr-required-label.png') no-repeat left top;}
    #form .invalid {position:absolute;text-indent:-9999px;width:121px;height:20px;background:url('../images/dr-invalid-label.png') no-repeat left top;}
/* ======================================================================
		Styles for putting icons formating icon lists and inserting icons
	======================================================================*/

/* ======================================================================
		Float Containers Clearfix
	======================================================================*/
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */