body {
	
	color: #222;
	font-family:  Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size: 12px;
	height:100%;

}

td
{
	font-size: 13px;
}



h1 {
	margin: 1em 0 .2em;
	color: #000;
	font-size: 2em;
}
	h1.pageTitle
	{
		margin:0;
		padding:0px;
		font-size:16pt;
	}
h2 {
	margin: 1em 0 .2em;
	color: #000;
	font-size: 1.75em;
}
	h2.marked {
		color: #888;
		font-weight: normal;
	}
		h2.marked strong {
			color: #000;
			font-weight: bold;
		}
h3 {
	margin: 1em 0 .4em;
	color: #000;
	font-size: 1.25em;
}
	h3.compact {
		margin: 0 0 1em;
	}
	h3.boxHeading
	{
		margin:0px;
		padding:0px 0px 0px 28px;
		background:url(/images/arrow_grayBlue.png) 5px 0px no-repeat;
		font-size:12px;
	}
h4 {
	margin: 1.2em 0 .4em;
	color: #622;
	font-size: 1.1em;
}


hr {
	height: 1px;
	margin: 1.5em 0;
	border: 0;
	padding: 0;
	background-color: #000;
	color: #000;
}

.titleRow { background-color: #1E7FC4; }
.bgColor { background-color: #1E7FC4; }
.titleRow td,  .titleRow a { color: #fff; font-weight:bold; }
.evenRow  { background-color: #efefef; }
.highlight  { background-color: #ffff99; }
.warningBox {
  background-color: #ff6600;
}
.redText { color: red; }
a.titleLink { text-decoration:none; color:#000; }

.clearboth { clear: both; }

/* Header
------------------------------ */

.header {
	background: #1E7FC4 url(../images/top_bg.jpg) repeat-x 0 0;
	text-align:center;
}
	.header .wrap {
		width: 960px;
		height: 142px;
		margin: 0 auto;
		overflow: hidden;
	}
		.header span {
			position: absolute;
			top: 0; left: 0;
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-position: 0 0;
		}
		.header h1 {
			position: relative;
			float: left;
			width: 378px;
			height: 117px;
			margin: 25px 0 0;
			color: #FFF;
			font-weight: normal;
			font-size: 1.5em;
			overflow: hidden;
		}
			.header h1 span {
				background-image: url(../images/logo.jpg);
			}
		
		.header h2 {
			position: relative;
			float: right;
			width: 229px;
			height: 138px;
			margin: 4px 10px 0 0;
			color: #FFF;
			text-align: right;
			font-weight: normal;
			font-size: .9em;
			overflow: hidden;
		}
			.header h2 span {
				background-image: url(../images/top_right_image.jpg);
			}

	  
/* Navigation
------------------------------ */

.nav {
	background: #2880bf url(../images/top_nav_bg.jpg) repeat-x 0 0;
	
	text-align:center;
}
.nav-border {
	width: 960px;
	height: 10px;
	margin: 0 auto;
	background-color: #FFD24C;
}

	.nav .wrap {
		width: 960px;
		height: 35px;
		margin: 0 auto;
		overflow: hidden;
	}
		.nav ul {
			margin: 0;
			padding:0px;
		}
			.nav ul li {
				float: left;
				height: 35px;
				padding: 0;
				list-style: none;
		
			}

		/* Main tabbed navigation */

		ul.nav-main {
			float: left;
		}
			ul.nav-main li {
				margin-right: 0px;
			}
				
					ul.nav-main span {
						float: left;
						height: 35px;
						padding: 10px 18px 0;
						background-repeat: no-repeat;
						background-position: 100% 0;
					}
				ul.nav-main a,
				ul.nav-main a:visited {
					color: #E9E9E9;
					text-decoration: none;
				}
					ul.nav-main a span {
						 background-image: url(../images/bg-nav-item-r.gif);
						 background-position: 100% 14px;
						 cursor:pointer;
					}
					ul.nav-main a span.active {
						background-color:#6AB5EC;
						background-image: url(../images/spacer.gif);
						cursor:pointer;
					}
					ul.nav-main a span.hideBG {
				
						background-image: url(../images/spacer.gif);
					}
				ul.nav-main a:hover {
					text-decoration: underline;
				}
				ul.nav-main a.active
				{
					font-weight:bold;
					background-color:#6AB5EC;
				}
				ul.nav-main strong {
					/* background: #FFD34E url(../images/bg-nav-active.gif) repeat-x 0 0; */
					color: #111;
				}
					ul.nav-main strong span {
						/* background-image: url(../images/bg-nav-active-r.gif); */
					}
					ul.nav-main strong a {
						background: transparent none !important;
						color: #111 !important;
					}
					ul.nav-main strong a:hover span {
						/* background-position: 100% 0; */
						color: #111;
					}

		/* Meta navigation */

		ul.nav-meta {
			float: right;
			
			background-image: url(../images/nav_meta_bg.jpg);
		}
			ul.nav-meta li {
				float: left;
				height: 35px;
				padding: 0px;
			}
				ul.nav-meta a,
				ul.nav-meta a:visited {
					color: #FFDF80;
				}
					ul.nav-meta a:hover {
						color: #FFF;
					}
				ul.nav-meta strong {
					color: #FFF;
					font-weight: normal;
				}
				
				ul.nav-meta .search_curve {
					background: url(../images/top_nav_search_curve.jpg) no-repeat 0 2px;
					padding: 0px;
				}
				ul.nav-meta a.lang {
					padding: 0 .3em;
					background-color: #FFD65A;
					color: #000 !important;
					text-decoration: none;
				}


.nav-secondary {
	background: #6ab6ec url(../images/top_secondary_nav_bg.jpg) repeat-x 0 0;
	text-align:center;
}
	.nav-secondary .wrap {
		width: 960px;
		height: 30px;
		margin: 0 auto;
		overflow: hidden;
		text-align:left;
	}

		.nav-secondary ul {
			margin: 0;
			padding: 0;
		}
			.nav-secondary ul li {
				float: left;
				height: 30px;
				padding: 5 0;
				list-style: none;
				
			}
			.nav-secondary ul li a  {
					float: left;
					height: 35px;
					color: #000;
					text-decoration:none;
					font-size:12px;
					
			}
			.nav-secondary ul li a.active
			{
				font-weight:bold;
				
			}
			.nav-secondary ul li a:hover  {
				text-decoration:underline;
			}
			.nav-secondary ul li a  span {
						float: left;
						height: 25px;
						padding: 1px 11px 0;
						background-repeat: no-repeat;
						background-position: 100% 0;
						cursor:pointer;
						background-position: 100% 14px;
			}
			

/* Footer
------------------------------ */
.footer
{
	background: url(/images/bg_footer.jpg) repeat-x;
	height:116px;
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
}

	.footerNav .wrap {
		width: 960px;
		height: 35px;
		margin: 0 auto;
		overflow: hidden;
	}
		.footerNav ul {
			margin: 0;
			padding:0px;
		}
			.footerNav ul li {
				float: left;
				height: 35px;
				padding: 0;
				list-style: none;

			}

			.footerNav ul li a,
			.footerNav ul li a:visited  {
					float: left;
					height: 35px;
					color: #fff;
					text-decoration:none;
					font-size:12px;
					font-weight:bold;
			}
			.footerNav ul li a  span {
						float: left;
						height: 25px;
						padding: 12px 18px 0;
						background-repeat: no-repeat;
						background-position: 100% 0;
						background-image: url(../images/bg-nav-item-r.gif);
						background-position: 100% 14px;
						 cursor:pointer;
			}
.footerLogos {
	text-align:center;
}			
.footerLogos .wrap {
		width: 960px;
		height: 79px;
		margin: 0 auto;
		overflow: hidden;
	}
.footerLogos span {
			position: absolute;
			top: 0; left: 0;
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-position: 0 0;
		}
		.footerLogos h1 {
			position: relative;
			float: left;
			width: 214px;
			height: 79px;
			margin: 2px 0 0;
			color: #FFF;
			font-weight: normal;
			font-size: .6em;
			overflow: hidden;
		}
			.footerLogos h1 span {
				background-image: url(../images/img_footerLeft.jpg);
			}
		.footerLogos h1.trustwave {
			position: relative;
			float: left;
			width: 105px;
			height: 54px;
			margin: 18px 10 0;
			color: #FFF;
			font-weight: normal;
			font-size: .6em;
			overflow: hidden;
		}
		.footerLogos h2 {
			position: relative;
			float: right;
			width: 138px;
			height: 59px;
			margin: 2px 10px 0 0;
			color: #FFF;
			text-align: right;
			font-weight: normal;
			font-size: .9em;
			overflow: hidden;
		}
			.footerLogos h2 span {
				background-image: url(../images/logo_octadyne.jpg);
			}
			
/* Search
------------------------------ */

form.search {
	width: 940px;
	margin: 0 auto;
	padding: 0 10px;
	background: #FFD24C url(../images/bg-search.gif) no-repeat 0 0;
	font-size: .9em;
	overflow: hidden;
}
	form.search fieldset {
		height: 120px;
		padding: 0;
	}
	.search-by {
		float: left;
		width: 380px;
		padding: 0 20px 0 0;
	}
		.search-by h2 {
			margin: 1em 0 .5em;
			color: #000;
			font-size: 1.2em;
		}
		.search-by p.meta {
			margin: .75em 0 0;
			color: #8c5e00;
		}
		.search-by input {
			width: 99%;
			font: bold 1.1em/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
		}
	form.search .search-submit {
		float: left;
		width: 140px;
		padding: 3.3em 0 0;
	}

	/* Search on inner pages */

	.header form.search {
		float: right;
		width: 410px;
		background: #2B2B2B url(../images/bg-search-inner.gif) no-repeat 0 0;
		margin: 10px 0 0;
		padding: 0;
	}
		.header form.search fieldset {
			height: 70px;
			padding: 0;
		}
		.header .search-by {
			width: 140px;
			padding: 0 0 0 20px;
		}
			.header .search-by h2 {
				position: static;
				float: none;
				width: auto;
				height: auto;
				margin: 0;
				padding: .5em 0 .1em;
				color: #FFF;
				text-transform: uppercase;
				text-align: left;
				font-size: .75em;
			}
			.header .search-by p.meta {
				margin: .2em 0 0;
				color: #999;
				font-size: .75em;
			}
			.header .search-by input {
				width: 95%;
				font-size: .85em;
			}
		.header form.search .search-submit {
			width: 90px;
			padding: 1.5em 0 0;
			text-align: center;
		}




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

.content {
	width: 977px;
	margin: 0 auto;
	padding: 1em 0;
	font-size: 12px;

}





/* Columns */

/* 2 columns (6+6) */

.columns-two {
	overflow: hidden;
}
	.columns-two .column-1st,
	.columns-two .column-2nd {
		float: left;
		width: 460px;
		margin-right: 20px;
	}
	.columns-two .column-2nd {
		margin-right: 0;
	}

/* 2 columns (8+4) */

.columns-two-8-4 {
	margin: 0 -10px;
	padding: 0 10px;
	overflow: hidden;
}
	.columns-two-8-4 .column-1st {
		float: left;
		width: 620px;
		margin-right: 20px;
	}
	.columns-two-8-4 .column-2nd {
		float: left;
		width: 300px;
	}

/* 3 columns (4+4+4) */

.columns-three {
	overflow: hidden;
}
	.columns-three .column-1st,
	.columns-three .column-2nd,
	.columns-three .column-3rd {
		float: left;
		width: 300px;
		margin-right: 20px;
	}
	.columns-three .column-3rd {
		margin-right: 0;
	}

/* 4 columns (3+3+3+3) */

.columns-four {
	overflow: hidden;
}
	.columns-four .column-1st,
	.columns-four .column-2nd,
	.columns-four .column-3rd,
	.columns-four .column-4th {
		float: left;
		width: 220px;
		margin-right: 20px;
	}
	.columns-four .column-4th {
		margin-right: 0;
	}

/* 6 columns (2+2+2+2+2+2) */

.columns-six {
	overflow: hidden;
}
	.columns-six .column-1st,
	.columns-six .column-2nd,
	.columns-six .column-3rd,
	.columns-six .column-4th,
	.columns-six .column-5th,
	.columns-six .column-6th {
		float: left;
		width: 140px;
		margin-right: 20px;
	}
	.columns-six .column-6th {
		margin-right: 0;
	}


/* LI Elements
------------------------------ */

ul.blackLi
{
	margin:0px;
	padding:0px;
}
	ul.blackLi li
	{
		list-style: none;
		padding:5px;
		background: url(/images/li_bg_dottedLine.jpg) 0 bottom repeat-x;
	}	
	
	ul.blackLi li a
	{
		color: #000;
		text-decoration:none;
		display:block;
		padding-left: 15px;
		background: url(/images/li_blackArrow.jpg) left 5px no-repeat;
	}
	ul.blackLi li a:hover
	{
		text-decoration:underline;
	}
ul.orangeLi
{
	margin:0px;
	padding:0px;
}
	ul.orangeLi li
	{
		list-style: none;
		padding:5px;
		background: url(/images/li_bg_dottedLine.jpg) 0 bottom repeat-x;
	}	
	
	ul.orangeLi li a
	{
		
		display:block;
		padding-left: 15px;
		font-size: 11px;
		background: url(/images/li_orangeArrow.jpg) left 7px no-repeat;
	}
	
ul.newsConnection
{
	margin:0px;
	padding:0px;
}
	ul.newsConnection li
	{
		list-style: none;
		padding:6px;
		background: url(/images/bg_liNewsConnection.jpg) repeat-x;
		font-size: 12px;
	}	
	ul.newsConnection li a
	{
		
		text-decoration:none;
		color: #096EB6;
	}
	
	ul.newsConnection li a.articleLink
	{
		
		display:block;
		padding-left: 20px;
		background: url(/images/li_newsConnection.jpg) left 2px no-repeat;
		text-decoration:none;
		color: #096EB6;
	}
	
	ul.newsConnection li div
	{
		
		display:block;
		padding-left: 20px;
		
	}
	
ul.drugCe
{
	margin:0px;
	padding:0px;
}
	ul.drugCe li
	{
		list-style: none;
		padding:6px;
		background: url(/images/li_bg_dottedLine.jpg) 0 bottom repeat-x;
		font-size: 12px;
	}	
	
	ul.drugCe li div.info
	{
		
		display:block;
		padding-left: 22px;
		background: url(/images/li_drugCE.jpg) left 2px no-repeat;

	}
	
	ul.drugCe li div a
	{
		text-decoration:none;
		color: #096EB6;
	}
	


.viewProductDisplayPrice {
    font-size: 42pt;
	font-weight: normal;
	color: #2E8BCE;
}
.viewProductDisplayPrice_symbol {
    font-weight: bold;
	line-height: 42px;
	font-size: 18pt;
	color: #0165a0;
}
.viewProductDisplayPrice_cents {
    font-weight: normal;
	line-height: 42px;
	font-size: 14pt;
	color: #2E8BCE;
}
/* StartSubscription box
------------------------------ */
.startSubscriptionBox {
	
}
	.startSubscriptionBox .wrap {
		width: 850px;
		margin: 0 auto;
		border: 1px solid #000;
		padding: 15px;
	}
	.startSubscriptionBox h2 {
		color: #e17e00;
		margin: 0;
		margin-bottom: 5px;
	}
	/* allow room for 3 columns */
	.startSubscriptionBox ul
	{
		width: 44em;
		list-style: none;
	}
	
	/* float & allow room for the widest item */
	.startSubscriptionBox ul li
	{
		float: left;
		width: 21em;
		margin: 0;
		margin-top: 0.5em;
	}
	
	/* stop the float */
	.startSubscriptionBox br
	{
		clear: left;
	}
	.startSubscriptionBox .orange {
		color: #e17e00;
		font-weight: bold;
	}
	/* separate the list from subsequent markup 
	div.wrapper
	{
		margin-bottom: 1em;
	}
	*/
/* clinical pearls
------------------------------ */
.bodyClinicalPearls {
	background-color: #d9dadb;
	
}
	.clinicalPearls-content {
		background: #d9dadb url(/images/clinical_pearls_bg.gif) repeat-x;
		text-align: center;
		margin-bottom: 25px;
	}
		.clinicalPearls-content .wrap {
			width: 766px;
			margin: 0 auto;
			padding-top: 28px;
			min-height: 650px;
			text-align: left;
			
		}
		
	.bodyClinicalPearls .header h2 {
		color: #dd8e23;
		float: left;
		font-size: 1.75em;
		font-weight: bold;
		width: 450px;
		margin-top: 75px;
	}
.clinicalPearls {
	margin: 0 auto;
}
	.clinicalPearls .wrap {
		width: 875px;
		margin: 0 auto;
	}

	.clinicalPearls .box {
		
	}
	.clinicalPearls .box .header {
		background: url(/images/clinical_pearls_box_header_bg.png) no-repeat 1px;
		height: 32px;
	}
	.clinicalPearls .box .bfooter {
		background: url(/images/clinical_pearls_box_footer_bg.png) no-repeat;
		height: 31px;
	}
	.clinicalPearls .box .wrapper {
		padding: 0px 55px 0px 30px;
		background: url(/images/clinical_pearls_box_bg.png) repeat-y;
		
	}
	.clinicalPearls .box h1 {
		background-color: #096fb7;
		color: #fff;
		font-size: 1.75em;
		padding: 4px 20px 4px 20px;
	}
	.clinicalPearls .box .cpbody {
		padding: 20px;
	}