@import url("include.css");

html{ 
height: 100%; 
border: 0; 
padding: 0; 
margin: 0; 
}

EM {
	FONT-WEIGHT: bold; FONT-STYLE: normal;
}
PRE {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 4px 8px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

#main { 
border: 10px solid; 
padding: 0; 
margin: 0; 
}

#breadCrumbs {
	color: #253e49; 
	font-size: 11px; 
	background-color: #E6EFF4; 
	border-top: 1px solid #ffffff; 
	border-bottom: 1px solid #98b2a3;
	height: 20px;
	padding: 5px 0 5px 10px; 	
	font-weight: 600;
	}

#breadCrumbs A  {
	color: #253e49; 
	font-size: 11px; 
	text-decoration: none;
	font-weight: 500; }
#breadcrumbs A:hover  { color: #5b97b1; text-decoration: underline }

#searchBreadCrumbs {
	border-bottom: 1px solid #ead8af;
	height: 20px;
	padding: 5px;
}

* HTML #searchBreadCrumbs {
	height: 30px;
}


#searchBreadcrumbs h3 {
	display: inline;
	color: #5B96B1; 
	font-size: 14px;
	padding: 0 20px 0 0;
}

#searchBreadcrumbs #nav {
	float: right;
	width: 75px;
}

IMG#pageThumbnail {
	FLOAT: left; WIDTH: 142px; HEIGHT: 104px; BACKGROUND-COLOR: #ffffff
}
#outerContainer { 
	background: white repeat-y url(../graphics/nav/pNav.gif) ;	
	padding: 0;
	margin: 0;
	}

#innerContainer {
/*	background: url(../graphics/primaryNav.gif) ;
	background-repeat: repeat-y; */
	background:  url(../graphics/line_background.gif) ;
	background-repeat: repeat-y;
	background-position: right;
	padding: 0 0 10px 0;
	margin: 0;
	min-height: 400px;
 }

* HTML #innerContainer {
	height: 400px;
}

.heightHack
{
	/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * :root .mozclear for what's give here.
	 */
	width: 100%;
	border-color: transparent;
	margin-bottom: -1px;
	clear: both;
}

.hide, #oldBrowserNotice, .ieSixCharDupBug
{
	display: none;		/* hide elements that CSS-targeted browsers 
				   shouldn't show */
}

#primaryNav   { 
	color: #000000; 
	background: #ddeff9;
	height: 100%;
	font-size: 11px; 
	font-weight: 600; 
	width: 200px; 
	float: left;	
 }
#primaryNav UL  { 
	margin-left: 4px; 
	padding: 5px 0 5px 0 
}
#primaryNav LI  {
	font-family: Verdana, Arial;
	list-style-image: url("../graphics/nav/primary_nav_bullet.gif");
	list-style-position: inside;
	margin: 0px 0px 0 0px;
	padding: 4px 2px;
	border-bottom: 1px dotted #fff 
	align-text: right;
}
#primaryNav LI.inactive {
	background-color: white; 
	margin-right: -2px; 
	margin-left: -4px; 
	font-size: 11px; 
	}
#primaryNav LI.inactive a {
	font-weight: 600; 
	text-decoration: none; }
	
#primaryNav a  {
	color: #253e49;
	font-size: 12px;
	font-family: Verdana, Arial;
	font-weight: 100;
	text-decoration: none;
	}
	
#primaryNav A:hover  { color: #5c5c5c; font-size: 12px; font-family: Verdana, Arial; text-decoration: underline }
#primaryNav A:active {
	COLOR: #666; TEXT-DECORATION: none
}
#primaryNav H1  {
	color: #666;
	font-size: 13px;
	font-family: Verdana, Arial;
	font-weight: 700;
	display: block;
	margin: 4px 8px;
	padding: 4px 0 4px 4px;
	border-bottom: 1px solid #809fae;
	width: 175px;
	}

#primaryNav H3 { 
	color: #666; 
	font-size: 13px; 
	font-weight: 700; 
	margin: 4px 8px; 
	padding: 4px 0 4px 4px; 
	width: 170px; 
	border-bottom: 1px solid #809fae;
	}


#detailLinks2 A  { color: #253e49; font-size: 11px; font-family: Verdana, Arial; font-weight: 100; text-decoration: none; }
#detailLinks2 A.inactive {
	background-color: white; 
	margin-right: -2px; 
	margin-left: -4px; 
	font-size: 11px; 
}
#detailLinks2 A:hover  { color: #5c5c5c; font-size: 11px; font-family: Verdana, Arial; text-decoration: underline }
#detailLinks2 A:active {
	COLOR: #666; TEXT-DECORATION: none
}

/*#pageContent  {
	color: #666;
	font-size: 12px;
	margin-right: 200px;
	margin-left: 200px;
	padding: 0 8px 0 10px}


* HTML #pageContent {
	MARGIN-RIGHT: 10px
}
* HTML DIV#pageContent {
	MARGIN-LEFT: 0px; HEIGHT: 2px
}
*/

DIV#pageContent  { 
	color: #666; 
	font-size: 12px; 
	margin-right: 200px; 
margin-left: 200px; padding: 0 8px 0 10px; min-height: 260px; background-color: #fff; }


* HTML #pageContent {
	MARGIN-RIGHT: 10px;

}
* HTML DIV#pageContent {
	MARGIN-LEFT: 200px; HEIGHT: 280px
}
* HTML DIV#fixedContent { 
	height: 280px
}

#pageContent DIV {
/*	padding-right: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-TOP: 0px */
}
#pageContent #descriptionContent  { text-align: justify; margin: 0; padding: 0; clear: none; border: 0 }
#pageContent H1  { color: #12337A; font-size: 15px; font-weight: bold; display: block; margin: 0 0 8px; padding: 4px 0 }
#pageContent H2  { color: #12337A; font-size: 13px; font-weight: 500; display: block; margin: -8px 0 0 0; padding: 0px 0 8px 0}
#pageContent H3  { color: #86a392; font-size: 13px; font-weight: 700; text-transform: capitalize; display: block }
#pageContent P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-TOP: 0px
}

DIV#pageContent2  {color: #666; font-size: 12px; padding: 0 0px 0 5px; min-height: 260px; margin-right: 5px; margin-left: 200px}


* HTML DIV#pageContent2 {
	HEIGHT: 265px; margin-right: 0px
}


#pageContent2 DIV {
/*	padding: 0px; MARGIN: 0px;  */
}
#pageContent2 #descriptionContent  { text-align: justify; margin: 0; padding: 0; clear: none; border: 0 }
#pageContent2 H1  { color: #12337A; font-size: 15px; font-weight: bold; display: block; margin: 0 0 8px; padding: 4px 0 }
#pageContent2 H3  { color: #86a392; font-size: 13px; font-weight: 700; text-transform: capitalize; display: block }
#pageContent2 TABLE {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
/*#pageContent2 TH  {  color: #888; font-size: 12px; font-weight: bold; background-color: #eaf0ed; padding: 2px 5px 0; border-right: 1px solid #b5bbb8; border-bottom: 1px solid #b5bbb8;}*/
#pageContent2 TD  {  color: black; font-size: 10px; padding: 1px 2px 0; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 3px 5px 3px 5px;}
#pageContent2 PRE { }
#pageContent2 P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#pageContent2 #fixedContent {
	height: 265px;
	overflow: auto;
}
#pageContent2 #fixedGraphic { margin: 0 8px 4px 0; width: 200px; height: 200px; float: left;}
#fixedGraphic { margin: 0 8px 4px 0; width: 202px; height: 225px; float: left;}
#contentGraphic  { margin: 0 8px 4px 0; float: left;}
#contentGraphic IMG {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; TEXT-ALIGN: center
}
#largerImage { margin: 0px 8px 4px 0px; width: 202px; float: left; text-align: center;}

#fixedContent {
/*	height: 280px;
	overflow: auto; */
}
#fixedText {
	min-height: 225px;
}
#fixedText p {
	padding: 0 0 10px 0;
}
#fixedText table {
	padding: 0 0 10px 0;
}
#fixedText ul {
	margin: 0 0 0 180px;
	padding: 0 0 10px 50px;
}
div.skuTable {
	padding-right: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px;  PADDING-TOP: 5px; 
}

#graphicNavigation .graphicSection{
	border: solid;
	border-color: #81A5C9;
	border-width: 1px;
}


#graphicNavigation H3{
	background-color: #EEEEEE;
	border: solid;
	border-color: #81A5C9;
	border-width: 1px;
	text-align: center;
	padding: 2px;
	margin: 1px 0px 10px 0px;	
}

#graphicNavigation DIV.graphicNav {
	MIN-HEIGHT: 100px; 
	MARGIN: 0px 0px 4px; 
	BORDER-BOTTOM: #d0cdcd 1px dotted;
}


* HTML DIV.graphicNav {
	HEIGHT: 100px;
}



#secondaryNav  { width: 200px; float: right; }
#secondaryNav IMG {
	BORDER-RIGHT: #5ca0ce 1px solid; BORDER-TOP: #5ca0ce 1px solid; BORDER-LEFT: #5ca0ce 1px solid; BORDER-BOTTOM: #5ca0ce 1px solid; align: center
}
#secondaryNav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 4px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#secondaryNav LI  { background-position: left top; margin: 4px 0 0 12px; padding: 4px 8px 4px 0; border-bottom: 1px solid #ccc }
#secondaryNav LI.pdf {
	PADDING-RIGHT: 8px; BACKGROUND-POSITION: left top; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(../graphics/icons/pdf.gif); PADDING-BOTTOM: 4px; MARGIN: 4px 0px 0px 12px; PADDING-TOP: 4px; BACKGROUND-REPEAT: no-repeat
}
#secondaryNav H1  {
	color: #666;
	font-size: 12px; font-weight: 700;
	background: #ddeff9; 
	display: block; margin: 0 0 4px; padding: 4px 8px; border-top: 1px solid #fff; border-bottom: 1px solid #aca9a9; border-left: 1px solid #c4c4c4
 }
#secondaryNav A  { color: #253e49; font-size: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight: 100; text-decoration: none; display: block }
#secondaryNav A:hover  { color: #3a6071; text-decoration: underline }
#pageFooter {
	clear: both; 
	padding: 0; 
	margin: 10px 0 0 0; 
	border: 0;
	height: 5%;
}

.Indications LI {
	LIST-STYLE-TYPE: square
}
#Tagline LI {
	LIST-STYLE-TYPE: square
}
.History P {
	TEXT-INDENT: 2em
}
.About H3 {
	MARGIN-TOP: 1em
}
.document {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.document DIV {
	PADDING-LEFT: 8px; PADDING-TOP: 8px
}
.document PRE {
	PADDING-LEFT: 20px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.document UL {
	
}
.document LI {
	
}
.document H1 {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 140%; PADDING-BOTTOM: 1em; MARGIN: 0px; COLOR: #005984; PADDING-TOP: 0px
}
.document H3 {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: 700; FONT-SIZE: 120%; PADDING-BOTTOM: 0.5em; MARGIN: 0px; COLOR: #c49b2b; PADDING-TOP: 0.5em
}
.document TD EM {
	font-style: normal;
	font-weight: normal;
	font-family: sans-serif;
	font-weight: 600;
	color: #12337A;
}
.document P {
	MARGIN: 0px 0px 0.5em
}
.document TABLE {
	MARGIN-TOP: 0px; FONT-SIZE: 100%; COLOR: #404040; FONT-STYLE: normal; border-spacing: 0px
}
.document TD {
	PADDING: 5px 10px 10px 10px; COLOR: #404040; BACKGROUND-COLOR: #eaf0ed; TEXT-ALIGN: left; vertical-align: top;
}
.document TH {
	font-size: 125%; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #ffffff; PADDING-TOP: 2px; BACKGROUND-COLOR: #aca9a9; TEXT-ALIGN: center
}

.document CAPTION {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: 600; FONT-SIZE: 90%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: cursive; TEXT-ALIGN: center
}
.document SPAN.caption {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: 600; FONT-SIZE: 90%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: cursive; TEXT-ALIGN: center
}
.document TH.tableCaption {
	BORDER-RIGHT: white 2px solid; PADDING-RIGHT: 4px; BORDER-TOP: white 2px solid; MARGIN-TOP: 6px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; BORDER-LEFT: white 2px solid; COLOR: #404040; PADDING-TOP: 4px; BORDER-BOTTOM: white 2px solid; BACKGROUND-COLOR: #ccc; TEXT-ALIGN: center
}
a { color: #5b97b1 }
a:hover { color: #97b2a3; text-decoration: none }
.xrefSearch {
	text-align: left;
	width: 250px;
	margin-right: 20px;
	margin-top: 10px;
	float: right;
	background-color: #eee;
	}
.xrefSearch form {
	padding: 0;
	margin: 0;
	}
.productSearch {
	text-align: left;
	width: 700px;
	padding: 0 0px 0 20px;
	float: left;	
	background-color: #fff;
	}
.productSearch form{
	margin-top: 10px;
	background-color: #eee;
	text-decoration: none;
	}
.productSearch input {
	font-size: 12px;
	color: #666;
	}
.productSearch select {
	font-size: 12px;
	color: #666;
	}
.searchGrouping {
	padding: 0px 0px 0px 0px;
	}
.lightGray {
	background-color: black;
	}

.searchGrouping a {
	color: #666;
	font-weight: 700;
	padding: 0;
	margin: 0;
	}
.searchGrouping p {
	padding: 0;
	margin: 8px 0 0 0;
	}
.searchGrouping li {
	list-style-type: none;
	float: left;
	width: 200px;
	}
.searchGrouping h3 {
	color: #666;
	font-weight: 600;
	font-size: 11px;
	padding: 10px 0 5px 3px;
	clear: right;
	width: 250px;
	}
.searchDivider {
	clear: both;
	height: 20px;
	margin-top: 8px;
	border-bottom: 2px solid #666;
	}
.searchRow {
	clear: left;
	padding-bottom: 5px;
	padding-left: 10px;
	}
.searchControlDesc {
	width: 150px; 
	float: left;
 } 
.searchSubHeader {
	font-weight: 600;
	color: #666;
	font-size: 11px;
	padding: 10px 0 10px;
	clear: right;
	}
.searchGroupingSubHeader{
	float: left;
	font-weight: 100;
	color: #666;
	font-size: 11px;
	padding: 0px 0 5px 10px;
	width: 195px;
	}
.searchButtons {
	padding: 10px 0px 10px 30;
	font-size: 12px;
	}
#searchNav   {
	font-size: 11px;
	background-color: #eee;
	height: 210px;
	width: 100%;
	}
#searchNav2  {
	font-size: 11px;
	background-color: #eee;
	height: 150px;
	width: 100%;
	}
.colorRow{
	background-color: #eee;
	}
#searchContent  {
	padding: 10px 0 30px 0px;
	min-height: 40%;
	}
#searchContent H1  { 
	color: #86a392; 
	font-size: 15px; 
	font-weight: bold; 
	display: block; 
	margin: 0 0 8px; 
	padding: 4px 0 
	}
#searchContent a  {  
	color: #888; 
	}
.sutureCode {
	width: 100px;
	}
#possibleMatchTable {
	width: 40%;
	padding: 0 0 0 20px;
}

#absorptionChart {
	padding: 10px 10px 0 10px ;
}

* html #absorptionChart {
	padding: 10px 10px 0 10px ;
	width: 99%;
}


#absorptionChart table {
	background-color: #ffffff;
}

.centerContainer {
	text-align: center;
}

.promoGraphicContainer {
 	height: 375px;
	width: 575px;
}

.promoGraphicContainer a {
	text-decoration: none;
}

#promoGraphic {
	padding: 10px;
}

.redMsg {
	color: red;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 5px 0;
}

.footnote {
	font-size: 10px;
}

#absorptionChart .footnote {
	padding-top: 10px;
}

#printList {
	padding: 0 0 0 0;
	margin: 0 0 0 -30px;
	height: 10px;
}
#printList li {
	padding: 7px 8px 8px 4px;
	margin: -10px 4px 4px -20px;
	border-bottom: 0;
	list-style-position: outside;
	list-style-image: none;
	background: url("../graphics/icons/print.gif")  no-repeat;
	height: 28px;
	}

* HTML #printList li {
	padding: 0;
	margin: -10px 0 0 -10px;
}

.print {
	padding: 0px 40px 0px 50px;
	margin: 0px 0 0 0;
	width: 178px;
	font-size: 11px;
}

* HTML .print {
	padding: 7px 0 0 50px;
}