/* CSS Document */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image:url(../images/content_bkg.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #1d85c7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

sup {
	font-size: 7px;
}

.cluster {
	float: left;
	width: 350px;}
	
.cluster ul {
	margin: 0px 0px 0px -25px;
}

.cluster ul li {
	list-style: square;
	margin: 5px 0px 0px 0px;
}

.cluster ul ul {
	margin: 5px 0px 0px -25px;
	
}

.cluster ul ul li {
	margin: 0px 0px 3px 0px;
	list-style: url(../images/ululli.gif);
}

#container {
	margin: 0px auto;
	width: 790px; 
	color:#000000;
}

#container a{
	color:#999999;
	text-decoration: none;
}

#container a:hover{
	color:#001a58;
	text-decoration: underline;
}

#header {
	margin: 0px 0px 0px 15px;
	width: 760px;
	background-image: url(../images/headbkg.gif);
	background-repeat:repeat-x;
	height: 128px;
}

.logo {
	margin: 41px 0px 0px 27px;
	float: left;
} 

#dbnav {
	height: 24px;
	background-image:url(../images/dbslant_nav.gif);
	background-position:left;
	background-repeat: no-repeat;
	background-color: #001a58;
	width: 408px;
	float: right;
	clear: right;
	text-align: left;
	margin: 0px;
	color: #FFFFFF;
}

#dbnav ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	font-weight:bold;
	list-style: none;
	margin: 6px 0px 0px 35px;
	padding: 0px;
}

#dbnav ul li{
	float: left;
	margin: 0px;
	padding: 0em .75em 0em 0em;
}

#dbnav ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

#dbnav ul li a:hover{
	color: #1d85c7;
	text-decoration: underline;
	background-color: #344979;
	font-weight: bold;
}

#lbnav {
	height: 24px;
	background-image: url(../images/bb_bkg.gif);
	background-repeat: repeat-x;
	background-color: #afd4ea;
	width: 280px;
	float: right;
	text-align: left;
	margin: 10px 0px 0px 0px;
	color: #FFFFFF;
}

#lbnav ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	font-weight:bold;
	list-style: none;
	margin: 8px 0px 0px 5px;
	padding: 0px;
}

#lbnav ul li{
	text-align: left;
	float: left;
	margin: 0px;
	padding: 0em .75em 0em 0em;
}

#lbnav ul li img{
	margin: -8px 0px 0px -30px;
}

#lbnav ul li a{
	color: #001a58;
	text-decoration: none;
}

#lbnav ul li a:hover{
	color: #1d85c7;
	text-decoration: underline;
	background-color: #344979;
	font-weight: bold;
}

#breadcrumbs {
	font-size: 1em;
	margin: 10px 0px 10px 30px;
	width: 760px;
	color: #999999;
	
}

#breadcrumbs a{
	color:#999999;
	text-decoration: none;
}

#breadcrumbs a:hover{
	color:#001a58;
	text-decoration: underline;
}

#sectiontitle {
	float: left;
	text-align: center;
	width: 535px;
}

.title{
	width: 65%;
	margin: auto;
	border-top: #001a58 solid;
	border-bottom: #001a58 solid;
	font-size: 1.15em;
	color: #001a58;
	font-weight: bold;
	padding: 2px 0px 4px 0px;
}

#grouppic {
	float: left;
	margin: 30px 0px 25px 40px;
	width: 402px;	
}

#familypic {
	float: left;
	margin: 30px 20px 0px 0px;
}
	

#leftnav {
	float: left;
	margin: 0px 0px -10px 15px;
	width: 225px;	
}

#topnav {
	margin: 0px 0px -18px 0px;
	background-color: #001a58;
}

.navheader {
	font-weight:bold;
	font-size: 1.25em;
	margin: -5px 0px 10px 10px;
	color: #FFFFFF;
}

#leftnav ul {
	margin: -10px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	border: none;
	list-style: none;
	background-color: #001a58;
}

#leftnav li{
	margin: 0px;
}

#leftnav li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	background-color: #001a58;
	color: #fff;
	text-decoration: none;
	width: 100%;
	border-left: 15px solid #001a58;
	border-bottom: 1px #07417a solid;
}

html>body #leftnav li a{
	width: auto;
}

#leftnav li a:hover {
	background-color: #344979;
	text-decoration: underline;
	color: #1d85c7;
	font-weight: bold;
	border-left: 15px solid #344979;
} 

#familycontainer {
	float: left;
	width: 520px;
	margin: 0px 0px 0px 7px;
}

#familycontainer a{
	color:#000000;
	text-decoration: underline;
}

#familycontainer a:hover{
	color:#001a58;
	text-decoration: underline;
}

#links ul{
	margin: 15px 15px 10px -10px;
	list-style: square;
}

#links ul li{
	margin: 0px 0px 10px 0px;
}

#links ul li a{
	font-weight: bold;
}
	

#copy {
	margin: 0px 20px 10px 20px;
}

#copy h4 {
	font-size: 13px;
	margin: 0px 0px -10px 0px;
	padding: 0px;
	border-bottom: 1px #000000 solid;
}

div.medpics {
  width: 120px;
  height:160px;
  float: left;
  padding: 15px 5px 10px 5px;
  }
  
div.medpics p {
   width: 120px;
   text-align: center;
   font-weight: bold;
   }
   
div.imgthumb {
  width: 150px;
  float: left;
  margin: 10px;
  }

div.imgthumb img {
  border: 1px #CCCCCC solid;
  }
  
div.imgthumb p {
   width: 150px;
   text-align: center;
   font-weight: bold;
}

div.imglib {
  width: 80px;
  float: left;
  margin: 5px 10px;
  }

div.imglib img {
  border: 1px #CCCCCC solid;
  }
  
div.imglib p {
   width: 80px;
   text-align: center;
   font-weight: bold;
   font-size: 9px;
   margin: 5px 0px 0px 0px;
}

div.itn {
  width: 84px;
  float: left;
  margin: 15px 10px;
  height: 150px;

  }

div.itn img {
  border: 1px #CCCCCC solid;
  max-width: 84px;
  overflow:hidden;
  
  }
  
div.itn p {
   width: 80px;
   text-align: center;
   font-weight: bold;
   font-size: 9px;
   margin: 5px 0px 0px 0px;
}

div.imglibcat {
	float: left;
	width: 98%;
	margin: 10px 10px 10px 5px;
	border-bottom: 1px solid #001a58;
}

div.imglibcat h3{
	color: #001a58;
	margin: 5px 5px 2px 0px;
}

div.spacer {
  clear: both;
  height:75px;
  }
  
#sitecopy {
	margin: 0px 15px 10px 15px;
}


#mainpic {
	width: 245px;
	float: left;
	padding: 10px 0px 0px 0px;
	text-align: center;
}

#mainpic img{
	float: right;
}

#buyonline {
	float: left;
	display: block;
	margin: 20px 0px 0px 65px;
	border: 2px #999999 solid;
	width: 134px;
}

#buyonline a{
	top: 0px;
	width: 134px;
	display: block;
	height: 32px; 
	background: url(../images/distributors.gif) no-repeat;
	background-position: top;
}
	

#buyonline a:hover {
	background: url(../images/distributors-on.gif) no-repeat;
	background-position: bottom;
}

#productsbutton {
	float: left;
	display: block;
	margin: 10px 20px 0px 21px;
	border: 3px #999999 solid;
	width: 260px;
}

#productsbutton a{
	padding: 5px 0px 0px 0px;
	font: Arial, Helvetica, sans-serif;
	color: #001a58;
	font-size:13px;
	font-weight: bold;
	text-align: center;
	width: 260px;
	display: block;
	height: 22px; 
	
}
	
#productsbutton a:hover {
	background-color:#60a9d6;
	text-decoration: none;
}

#guidebutton {
	float: left;
	display: block;
	margin: 30px 0px 0px 130px;
	border: 3px #999999 solid;
	width: 260px;
}

#guidebutton a{
	padding: 5px 0px 0px 0px;
	font: Arial, Helvetica, sans-serif;
	color: #001a58;
	font-size:13px;
	font-weight: bold;
	text-align: center;
	width: 260px;
	display: block;
	height: 22px; 
	
}
	
#guidebutton a:hover {
	background-color:#60a9d6;
	text-decoration: none;
}

#sguidebutton {
	float: left;
	display: block;
	margin: 30px 0px 0px 130px;
	border: 3px #999999 solid;
	width: 260px;
}

#sguidebutton a{
	padding: 5px 0px 5px 0px;
	font: Arial, Helvetica, sans-serif;
	color: #001a58;
	font-size:13px;
	font-weight: bold;
	text-align: center;
	width: 260px;
	display: block; 
	
}
	
#sguidebutton a:hover {
	background-color:#60a9d6;
	text-decoration: none;
}


#guidelink {
	float: left;
	width: 245px;
	margin: 0px 10px;
}

#guidelink p img {
	float: none;
	text-align: center;
	border: none;
	text-decoration: none;
}

#backlink {
	float: left;
	width: 245px;
	margin: 10px 0px 0px 10px;
}

#backlink a:hover{
	color:#001a58;
	text-decoration: underline;
}

#specs {
	width: 250px;
	float: right;
	text-align: left;
	font-size: .90em;
	margin: 10px 40px 0px 0px;
}

#specs p{
	margin: 10px 20px 10px 0px;
}

#specs ul{
	margin: 0px 0px 0px -25px;
}

#specs ul li{
	padding: 0px 0px .5em 0px;
}

#specs p img{
	border: none;
	text-decoration: none;
}


#tablespecs {
	width: 250px;
	border: none;
	float: right;
	margin: 0px 0px 10px 0px;
}

#tablespecs td {
	text-align: center;
	border-bottom: solid 1px #000000;
}

#tablespecs thead th {
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid #000000;
}

#tablespecs tbody tr:hover {
	background-color: #d4e3f2;
}

#tablespecs tbody td {
	padding: 4px;
}


#certification {
	text-align: center;
	margin: 5px 0px;
}

#certification p{
	text-align: left;
	margin: 5px 10px;
	font-weight: bold;
	
}

#certification td{
	text-align: left;
	font-size: 13px;
}

.orange {
	color: #f38f1d;
}

#downloads {
	clear: left;
	margin: 15px 0px 10px 15px;
	padding: 25px 0px 0px 0px;
	width:  455px;
	float: left;
}

#subdivider {
	margin: 0px 0px 0px 10px;
}

#subdivider h3{
	padding: 0px 0px 0px 5px;
	color: #FFFFFF;
	font-size: 1.20em;
	background-color: #60a9d6;
}

#subdivider ul{
	margin: -5px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

#subdivider li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#subdivider li a{
	padding: 59px 2px 5px;
}

#subdivider li p{
	margin: 0px;
	padding: 0px 15px 0px 0px;
}


#footer {
	float: left;
	width: 760px;
	margin: 10px 0px 0px 15px;
	background-image: url(../images/footerbrdr.gif);
	background-repeat: repeat-x;
	background-position:top;
}


.footborder {
	height: 30px;
	border-bottom: #60a9d6 solid 10px;
}

.footimg {
	margin: 5px 75px 5px 5px;
}

#footer ul{
	font-size: .85em;
	font-weight: bold;
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	color: #001a58;
}

#footer ul li{
	float: left;
	margin: 5px .50em 0px 0px;
}