/* CSS Document */

/*

Organized by:

Global Typography
General Layout
Content
Forms and Tables
Misc.

*/



/* Global Typography
-------------------------------------------------------------- */

body {
	color: #676767;
	font-family: Helvetica, Arial, sans-serif;
	}
	
a, a:visited { color: #fff; text-decoration: none; }
a:hover, a:active { color: #fff; text-decoration: underline; }
	
h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #fff; }

sup {
	top: -0.6em;
	font-size: 60%;
	}
	
sup.plus-sign {
	top: -0.4em;
	font-size: 70%;
	}


/* General Layout
-------------------------------------------------------------- */

body {
	margin: 0;
	background-color: #e0e0e0; 
	}

.container {
	position: relative;
	width: 975px;
	margin: 0 auto;
	background-color: #fff;
	}
	
#splash { width: 100%; }

#content {
	width: 100%;
	background: url(../img/bg_content_shadow.png) repeat-x top left;
	}

#content .container {
	min-height: 533px;
	padding-top: 15px;
	padding-bottom: 100px;
	background: #fff url(../img/bg_content_shadow.png) repeat-x top left;
	}

#footer {
	width: 100%;
	background-color: #003e7e;
	}

#footer .container {
	width: 965px;
	padding: 20px 5px 10px;
	background-color: #003e7e;
	}



/* Content
-------------------------------------------------------------- */
p a {
	color:#009;
}
#splash a {
	position: absolute;
	left: 538px;
	top: 295px;
	z-index: 5;
	display: block;
	width: 153px;
	height: 51px;
	background: url(../img/btn_learn_more.png) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
}	
 #splash a.WP {
	position: absolute;
	left: 538px;
	top: 350px;
	z-index:6;
	height:90px;
	display: block;
	background: url(../img/btn_WP.png)  no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
}	
#splash a:active { background-position: top right; }
#splash a:focus { outline: 0; }

#splash img {
	display: block;
	margin: 20px auto;
	}

#nav {
	position: absolute;
	top: 45px;
	left: 5px;
	z-index: 10;
	width: 346px;	
	}
	
#nav ul {
	width: 326px;
	margin: 0;
	padding: 2px 0 0;
	list-style: none;
	}
	
/*#nav ul#page-nav { background: url(../img/bg_nav_border.png) no-repeat top left; }*/
	
#nav li {
	padding-bottom: 2px;
	background: url(../img/bg_nav_border.png) no-repeat bottom left;
	}
	
#nav li a {
	display: block;
	width: 302px;
	height: 36px;
	padding: 10px 12px 0;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.5;
	}
	
#nav li a.btn-logo {
	width: 346px;
	height: 68px;
	margin-right: -20px;
	padding: 0 0 32px;
	background: url(../img/logo_arrow.png) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
	}
	
#nav li a.btn-large {
	height: 66px;
	padding-top: 12px
	}
	
#nav li a:hover { text-decoration: none; }

#nav li a:focus { outline: 0; }

#nav li.selected a {
	background: url(../img/bg_nav_arrow.png) no-repeat top left;
	text-decoration: none;
	}
	
#nav li.selected a.btn-logo { background: url(../img/logo_arrow.png) no-repeat top left; }

#nav li.selected a.btn-large { background: url(../img/bg_nav_arrow_large.png) no-repeat top left; }
	
#content h2 {
	margin: 20px 0 5px;
	font-size: 2em;
	line-height: 1.25;
	}
	
#content #page-one h2 { margin-top: 0; }
#content #page-five h2 { margin-top: 0; }

#content h2 sup {
	top: -1.25em;
	font-size: 37%;
	font-weight: normal;
	}
	
#content h2 sup.plus-sign {
	top: -0.45em;
	font-size: 65%;
	}
	
#content h3 {
	margin: 0 0 10px;
	color: #b50938;
	font-size: 2.25em;
	font-weight: bold;
	line-height: 1.25;
	}
	
#content #page-two h3#title-antimicrobial { margin-top: 150px; }
#content #page-four h3#title-thrombosis { margin-top: 70px; }

#content h4 {
	margin: 0 0 20px;
	font-size: 1.125em;
	line-height: 1.5;
	}
	
#content h5 {
	margin: 20px 0;
	color: #b50938;
	font-size: 0.9375em;
	font-weight: normal;
	line-height: 1.5;
	}
	
#content h6 {
	margin: 0 0 5px;
	color: #56a0d3;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	}

#content p, #content ul, #content ol {
	font-size: 0.75em;
	line-height: 1.83;
	}

#content ul ul, #content ol ol { font-size: 100%; }

#content hr {
	display: block;
	margin: 30px -25px;
	border: none;
	border-top: 1px dotted #6caddf;
	}

.page-group {
	width: 845px;
	padding: 0 60px 0 70px;
	}
	
.page-group p.page-title { display: none; }

.primary {
	float: right;
	width: 595px;
	padding-top: 90px;
	}
	
.intro {
	width: 525px;
	padding: 0 35px;
	color: #fff;
	}
	
.body-copy {
	width: 545px;
	padding: 0 25px;
	}
#citations ol, #citations ul {
margin: 0;
   margin-bottom: .2em;
}
 #citations ul {
	 list-style-type:none;
 }
.body-copy ul { padding-left: 15px; }

.body-copy li { margin-bottom: 5px; }
	
.red-slider-wrapper {
	position: relative;
	width: 550px;
	margin: 0 0 50px 20px;
	padding-top: 7px;
	background: url(../img/bg_red_slider_top.png) no-repeat top left;
	}
	
#page-three .red-slider-wrapper { margin-top: 110px; }
#page-six .red-slider-wrapper { margin-top: 50px; }
	
.red-slider-wrapper .slides {
	width: 550px;
	padding-bottom: 8px;
	background: #B50937 url(../img/bg_red_slider_bottom.png) no-repeat bottom left;
	}
	
#page-one .red-slider-wrapper .slides { height: auto; }
#page-three .red-slider-wrapper .slides { height: 190px; }
#page-four .red-slider-wrapper .slides { height: 250px; }
#page-six .red-slider-wrapper .slides { height: auto; }
	
.red-slider-wrapper .slides div {
	width: 490px;
	padding: 10px 30px 30px;
	color: #FFFFFF;
	}
	
.red-slider-wrapper .slides div p, .red-slider-wrapper .slides div ul {
	margin: 0;
	font-size: 0.9375em !important;
	line-height: 1.65 !important;
	}
	
.red-slider-wrapper a.btn-prev, .red-slider-wrapper a.btn-next {
	position: absolute;
	top: 40%;
	left: -15px;
	z-index: 10;
	display: block;
	width: 31px;
	height: 30px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../img/btn_slider_left.png) no-repeat top left;
	}
	
.red-slider-wrapper a.btn-next {
	left: 535px;
	background: url(../img/btn_slider_right.png) no-repeat top left;
	}

.red-slider-wrapper a.btn-prev:active, .red-slider-wrapper a.btn-next:active { background-position: top right; }

.red-slider-wrapper a.btn-prev:focus, .red-slider-wrapper a.btn-next:focus { outline: 0; }

.red-slider-wrapper .slide-pager {
	position: absolute;
	bottom: 15px;
	z-index: 10;
	width: 550px;
	height: 8px;
	text-align: center;
	}
	
.red-slider-wrapper .slide-pager a {
	display: inline-block;
	width: 9px;
	height: 8px;
	margin-right: 5px;
	background: url(../img/btn_red_slider_pager.png) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
	}
	
.red-slider-wrapper .slide-pager a.selected { background-position: top right; }

.red-slider-wrapper .slide-pager a:focus { outline: 0; }

.gray-slider-wrapper {
	position: relative;
	width: 595px;
	margin: 20px -25px 40px;
	border-top: 1px dotted #6caddf;
	}
	
.gray-slider-wrapper .slides {
	width: 595px;
	background-color: #f1f2f2;
	border-bottom: 1px dotted #6caddf;
	}
	
#page-one .gray-slider-wrapper .slides { height: 180px; }
#page-two .gray-slider-wrapper .slides { height: 180px; }
#page-three .gray-slider-wrapper .slides { height: 180px; }
#page-four .gray-slider-wrapper .slides { height: 160px; }
	
.gray-slider-wrapper .slides div {
	width: 525px;
	padding: 20px 35px 30px;
	color: #58595b;
	}
	
.gray-slider-wrapper .slides div p, .gray-slider-wrapper .slides div ul {
	margin: 0;
	font-size: 0.9375em !important;
	font-style: italic;
	line-height: 1.65 !important;
	}
	
.gray-slider-wrapper .slider-tools {
	position: absolute;
	bottom: 20px;
	z-index: 10;
	width: 545px;
	height: 30px;
	padding-left: 50px;
	}
	
.gray-slider-wrapper a.btn-prev, .gray-slider-wrapper a.btn-next {
	display: block;
	float: left;
	width: 31px;
	height: 30px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../img/btn_slider_left.png) no-repeat top left;
	}
	
.gray-slider-wrapper a.btn-next { background: url(../img/btn_slider_right.png) no-repeat top left; }

.gray-slider-wrapper a.btn-prev:active, .gray-slider-wrapper a.btn-next:active { background-position: top right; }

.gray-slider-wrapper a.btn-prev:focus, .gray-slider-wrapper a.btn-next:focus { outline: 0; }

.gray-slider-wrapper .slide-pager {
	float: left;
	height: 16px;
	margin: 5px 20px 0 5px;
	}
	
.gray-slider-wrapper .slide-pager a {
	display: block;
	float: left;
	width: 17px;
	height: 16px;
	margin-left: 15px;
	background: url(../img/btn_gray_slider_pager.png) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
	}
	
.gray-slider-wrapper .slide-pager a.selected { background-position: top right; }

.gray-slider-wrapper .slide-pager a:focus { outline: 0; }

.btn-gray {
	display: block;
	width: 98px;
	height: 20px;
	margin: 0 0 20px -25px;
	padding-top: 8px;
	background: url(../img/btn_gray.png) no-repeat top left;
	color: #fff;
	font-size: 0.6875em;
	text-align: center;
	line-height: 1;
	}
	
#content #page-five .btn-gray { margin-left: 0; }
#content #page-six .btn-gray { margin-left: 0; }

.btn-gray:hover { text-decoration: none; }

.btn-gray:active {
	background-position: top right;
	text-decoration: none;
	}
	
ul.blue-arrow {
	margin: 30px 0 40px;
	padding: 0;
	list-style: none;
	}
	
ul.blue-arrow li {
	font-size: 1.5em;
	font-weight: bold;
	}
	
ul.blue-arrow li a {
	padding-top: 5px;
	padding-left: 25px;
	background: url(../img/img_blue_arrow_s.png) no-repeat 0 50%;
	color: #56a0d3;
	}
	
ul.blue-arrow li a:hover {
	color: #fff;
	text-decoration: none;
	}
	
ul.blue-arrow li a:active { text-decoration: none; }
	
ul.blue-arrow li a:focus { outline: 0; }

a.blue-arrow-n {
	display: block;
	float: right;
	font-weight: bold;
	}
a.blue-link {
	color:#009;
}
a.blue-link:visited {
	color:#06F;
}
	
a.blue-arrow-n {
	padding-top: 3px;
	padding-left: 25px;
	background: url(../img/img_blue_arrow_n.png) no-repeat 0 50%;
	color: #56a0d3;
	}
	
a.blue-arrow-n:hover {
	color: #56a0d3;
	text-decoration: none;
	}
	
a.blue-arrow-n:active { text-decoration: none; }
	
a.blue-arrow-n:focus { outline: 0; }

.wide-img {
	width: 595px;
	margin: 0 -25px;
	}

.secondary {
	float: left;
	width: 215px;
	padding-top: 560px;
	}
	
.module {
	width: 193px;
	padding: 11px;
	background-color: #e0e0e0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #808285;
	}
	
.secondary .first {
	background: #e0e0e0 url(../img/bg_gray_mod_top.png) no-repeat top left;
	border-top: none;
	}

.secondary .last {
	background: #e0e0e0 url(../img/bg_gray_mod_bottom.png) no-repeat bottom left;
	border-bottom: none;
	}
	
#content .module p {
	margin: 5px 0;
	font-weight: bold;
	line-height: 1.5;
	}

.module p a { color: #b50938; }

.module p a:hover { text-decoration: none; }
	
.module a.btn-red-e, .module a.btn-red-e-large {
	display: block;
	width: 193px;
	padding-top: 6px;
	background: url(../img/bg_secondary_module_top.png) no-repeat top left;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 1.25;
	}
	
.module a.btn-red-e span, .module a.btn-red-e-large span {
	display: block;
	width: 153px;
	padding: 15px 20px 20px;
	background: url(../img/bg_secondary_module_e.png) no-repeat bottom left;
	}
	
.module a.btn-red-e-large span { background: url(../img/bg_secondary_module_e_large.png) no-repeat bottom left; }
	
.module a.btn-red-e:hover, .module a.btn-red-e-large:hover { text-decoration: none; }

.module a.btn-red-e:hover span, .module a.btn-red-e-large:hover span { cursor: pointer; }

.module a.btn-red-s {
	display: block;
	width: 193px;
	padding-top: 6px;
	background: url(../img/bg_secondary_module_top.png) no-repeat top left;
	font-size: 0.75em;
	line-height: 1.25;
	}
	
.module a.btn-red-s span {
	display: block;
	width: 153px;
	padding: 15px 20px 45px;
	background: url(../img/bg_secondary_module_s.png) no-repeat bottom left;
	}
	
.module a.btn-red-s span strong {
	font-size: 1.25em;
	font-weight: bold;
	}
	
.module a.btn-red-s:hover { text-decoration: none; }

.module a.btn-red-s:hover span { cursor: pointer; }

img.module-cap {
	display: block;
	margin-top: -5px;
	}

#sub-footer {
	width: 100%;
	height: 132px;
	margin-top: -64px;
	background: url(../img/bg_wave_repeat.png) repeat-x top left;
	}
	
#sub-footer div {
	position: relative;
	z-index: 5;
	width: 100%;
	height: 132px;
	background: url(../img/bg_wave.png) no-repeat 50% 0;
	text-indent: -999em;
	}

#footer p {
	float: right;
	margin: 0;
	color: #fff;
	font-size: 0.625em;
	line-height: 1.25;
	text-align: right;
	}

#footer ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#footer li {
	float: left;
	border-right: 1px solid #fff;
	font-size: 12px;
	line-height: 1;
	}
	
#footer li.last { border: none; }

#footer li a {
	display: block;
	padding: 0 5px;
	color: #56a0d3;
	text-decoration: none;
	}

#footer li a:hover { color: #fff; }

.overlay-page { width: 800px; }
 .overlay-page ul {
	 padding:20px;
 }
  .overlay-page ol {
	 padding-right:20px;
 }
.overlay-page ol li, .overlay-page ul li {
	font-size: 0.625em;
	line-height: 1.5;
	}
/* Forms and Tables
-------------------------------------------------------------- */

label, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.92em;
	font-weight: normal;
	}



/* Misc.
-------------------------------------------------------------- */

.left { float: left; }
.right { float: right; }

img.left { margin: 0 10px 15px 0; }
img.right { margin: 0 0 10px 15px; }

.hidden { display: none; }

/* Standard Template Override Styles */

#tfx-doc { width: 100%; }

#hd {
	width: 965px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	}

#bd {
	width: 100%;
	padding: 0;
}

#main-content-clear { padding: 0; }

/* Clearing floats, based on 'Micro Clearfix Hack': http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .container:before, .clearfix:after, .container:after { content: ""; display: table; }
.clearfix:after, .container:after { clear: both; }
.clearfix, .container { *zoom: 1; }

/*Form*/
.form { margin: 30px 0 0 30px; 
background:#FFF;}


.radio { width: auto !important; }
.submit { 
    background: none repeat scroll 0 0 #42A1CB;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    margin: 30px;
    padding: 5px;
    text-decoration: none;
    width: auto;}

/*Table*/
table { font-size: 11px; margin: 20px 0 0 0; border-bottom: 2px solid #CECFD1; width: 500px; }
table thead { background: #57B0E4; color: #FFFFFF; text-align: left; text-transform: uppercase; font-size: 10px; border-top: 2px solid #CECFD1; border-bottom: 2px solid #CECFD1; }
table thead td { height: 16px; line-height: 16px; padding:5px; }
table td { 
	font-weight:bold;
	margin-left:25px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:10px;
	background: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
    	font-size: 0.875em;
	 font-size: 14px;
	text-align: left;
	white-space:nowrap;
 }