@import url("include.css");

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0; padding: 0;
	color: #333333;
	background-color: #fcfcfc; 
}

em {
	font-style: normal;
	font-variant: small-caps;
	font-weight: bold;
}
pre {
	padding: 0;
	margin: 0 0 4px 8px;;
}

#pageHeader {
	font-weight: bold; font-size: 14px;
	height: 102px;
	background-color: #5C9DBE;
	background-image: url(../graphics/pagebanner.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	display: none;
}

img#pageThumbnail {
	position: absolute;
	left: 264px;
	clip:rect(0px 140px 100px 0px)
}

#pageTitle {
	font-weight: bold; 
	font-size: 180%;
	text-align: center;
	padding-top: 20px;
	width: 250px;
	float: left;
	color: #ffffff;
}


#pageTagline {
	font-weight: bold; font-size: 100%;
	text-align: center;
	padding-top: 30px;
	position: absolute;
	left: 440px;
	color: white;
}

#highlightFrame {
	float: right;
	font-weight: normal; font-size: 80%;
	background-color: white;
	width: 525px;
	height: 80px;
	overflow: hidden;
	color: black;
	margin: 8px 0 0 0;
	padding: 4px 4px 4px 4px;
	border: 3px #CCCCCC ridge;
}

#highlightFrame h1{
	display: block;
	font-weight: 900; font-size: 120%;
	padding: 0 0 2px 0;
	margin: 0;
	color: #005984;
}

#breadCrumbs {
	text-align: left;	
	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;
}


/* Primary Navigation */

#primaryNav {
	float:left;
 	width: 200px;
	font-weight: 600; font-size: 11px;
	color: #000000;
}

	#primaryNav UL  { 
		margin-left: 4px; 
		padding: 5px 0 5px 0 
	}

	#primaryNav li  {
		font-family: Verdana, Arial;
		list-style-image: url("../graphics/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 a  {
		color: #253e49;
		font-size: 12px;
		font-family: Verdana, Arial;
		font-weight: 100;
		text-decoration: none;
		}
	
	#primaryNav a.inactive {
			color: #C49B2B;
			text-decoration: none;
		}
	
	#primaryNav a:hover {
			color: #C49B2B;
			text-decoration: underline;
		}
	
	#primaryNav a:active {
			color: #C49B2B;
			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: 160px;
		}

/* Page Content Area */

div#pageContent {
	margin-left: 201px;
	margin-right: 202px;
	min-height: 260px;
	padding: 0 8px 0 8px;
	color: #000000;
}

div#pageContent.noPrimary {
	margin-left: 10px;
	border-left: 0;
}

#pageContent .document h1 {
  	text-transform: capitalize;
		display: block;
		font-weight: 700;
    font-size: 120%;
		color: #C49B2B;
    border-bottom: 1px #C49B2B solid;
}

	/* Internet Explorer Hacks to Fix the Float Problem /*/
	
	* html #pageContent {
		margin-right: 10px;
	}
	
	* html div#pageContent {
		height: 280px;
		margin-left: 0px;
	}
/*	
	* html div#fixedContent {
		height: 260px;
	}
*/
	/* End of Hack */
	
	#pageContent div {
		margin: 0;
		padding: 0 0 4px 0;
	}
	
	
	#pageContent div#descriptionContent {
		clear: none;
		text-align: justify;
		border: 0;
		margin: 0;
		padding: 0;
	}
	
	#pageContent h1{
		display: block;
		font-weight: bold; 
		font-size: 130%;
		padding: 4px 0px 4px 0px;
		border-bottom: 2px #C49B2B solid;
		margin: 0 0 8px 0;
		color: #005984;
	}

	#pageContent H2  { 
		color: #005984; 
		font-size: 13px; 
		font-weight: 500; 
		display: block; 
		margin: -8px 0 0 0; 
		padding: 8px 0 8px 0;
	}

	#pageContent h3{
		text-transform: capitalize;
		display: block;
		font-weight: 700; font-size: 120%;
		color: #C49B2B;
	}

	table{
		width: 100%
		margin: 0;
		padding: 0;
	}

	
	th{
		font-size: 12px; font-weight:bold;
		color: #5C9DBE;
		padding:2px,10px,2px,10px;
		background-color: #A8CBDC;
		color: #005984;
	}
	
	td{
		font-size: 12px;
		padding:2px,10px,2px,10px;
		background-color: #cccccc;
	}
	
	#pageContent p{
		margin: 0;
		padding: 0 0 4px 0;;
	}
	
#contentGraphic{
		float: left;
		margin: 0px 8px 4px 0px;
		width: 202px;
		height: 202px;
		border: 1px #333333 solid;
	}

	#contentGraphic img{
		margin: 0;
		padding: 0;
		border: 0;
		text-align: center;
		vertical-align: middle;
	}

div#fixedContent {
	min-height: 260px;
}
* HTML div#fixedContent {
	height: 260px;
}

#variableContent table {
	width: 100%;
}

/* Specific Formating for Sku Tables */

.skuTable {
	width:100%;
	clear: both;
	margin: 0;
	padding: 0;
}

.skuTable h3 {
  	text-transform: capitalize;
		display: block;
		font-weight: 700;
    font-size: 120%;
		color: #C49B2B;
    border-bottom: 1px #C49B2B solid;
}

#fixedGraphic {
	margin: 0 8px 4px 0; 
	width: 225px;
	height: 225px; 
	float: left;
  }

#largerImage { 
	margin: 0px 8px 4px 0px; 
	width: 202px; 
	float: left; 
	text-align: center;
}

div#graphicNavigation div.graphicNav {
	min-height: 100px;
	margin: 0 0 4px 0;
	border-bottom: 1px #C49B2B solid;
}

.graphicNav img{
	display: block;
	margin: 0 8px 4px 0;
	padding: 0;
	float:left;
}

	* html div.graphicNav {
		height: 100%;
	}
div.graphicNav p {
	margin: 0;
	padding: 0;
	font-size: 80%;
}

div.graphicNav a{
	color: #005984;
	font-weight: 600; font-size: 11px;
	text-decoration: none;
}

div.graphicNav a:hover {
		color: #C49B2B;
		text-decoration: underline;
	}

div.graphicNav img{
	float: left;
	margin: 4px 2px 0px 2px;
}
/* Seconday Navigation area */
/*
#secondaryNav {
	float: right;
	width:200px;
}

#secondaryNav img{
	border: 1px #C49B2B solid;
	align: center;
}

#secondaryNav ul{
	padding: 0;
	margin-left: 4px;
	list-style: none;
}

#secondaryNav li{
	background-position: left top;
	margin: 4px 0 0 12px;
	padding: 4px 8px 4px 0px;
	border-bottom: 2px #C49B2B dotted;
}

#secondaryNav li.pdf{
	background-image: url(../graphics/icons/pdf.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 4px 0 0 12px;
	padding: 4px 8px 4px 0px;
	border-bottom: 2px #C49B2B dotted;
}


#secondaryNav h1{
	display: block;
	font-weight: 700; font-size: 100%;
	width: 160px;
	margin-top: 4px;
	margin-left: 4px;
	margin-bottom: 12px;
	padding: 4px 8px 4px 8px;
	border-top: 2px #C49B2B solid;
	border-left: 2px #C49B2B solid;
	border-bottom: 2px #C49B2B solid;
	border-right: 2px #C49B2B solid;
	background-color: #A8CBDC;
	color: #000000;	
}

#secondaryNav a{
	display: block;
	color: #005984;
	font-weight: 600; font-size: 90%;
	margin-left: 20px;
	text-decoration: none;
}

#secondaryNav a:hover {
		color: #C49B2B;
		text-decoration: underline;
	}
*/
#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;
	margin-top: 10px;
}

/* Overrides for various document types */

.document.Indications li {
	list-style-type: square;
}

#Tagline li {
	list-style-type: square;
}

.document.History p {
	text-indent: 2em;
} 

.document.About h3 {
	margin-top: 1em;
} 

.document {
	FONT-FAMILY: Tahoma, 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 EM {
	FONT-WEIGHT: 900
}
.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-LEFT: 3px; COLOR: #404040; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: left
}
.document TH {
	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 4px solid; PADDING-RIGHT: 4px; BORDER-TOP: white 4px solid; MARGIN-TOP: 6px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; BORDER-LEFT: white 4px solid; COLOR: #404040; PADDING-TOP: 4px; BORDER-BOTTOM: white 4px solid; BACKGROUND-COLOR: #ccc; TEXT-ALIGN: center
}

#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;
}