body
{
	margin:0;
	font-size: 12px;
	font-family: arial;
	line-height: 17px;
	background-color:#061944;
}

table
{
	font-size:1em;
	line-height: 17px;
	padding: 0;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

strong
{
	color:#333333;
}

/* kenk: Added H1 support JIC */

h1
{
	font-size:20px;
	color:navy;
	font-weight:bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

h2
{
	font-size:16px;
	color:#555555;
	font-weight:normal;
	width:90%;
	margin-top:0;
	padding-top:10px;
	margin-bottom:0px;
	padding-bottom:5px;
	background-image: url('/images/contentHR2.gif');
	background-repeat:no-repeat;
	background-position: left bottom;
}

h3
{
	font-size:11px;
	color:navy;
	font-weight:bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

td
{
	padding: 0;
	margin: 0;
	vertical-align:top;
}

p
{
	
	margin-top:10px;
	padding-bottom:0px;
	margin-bottom:0px;
}
	
.homecol
{
	width: 180px;
	margin-left: auto;
	margin-right: auto;
	/*padding-top:15px; */
	text-align: left;

}


.producthead
{
	font-size:16px;
	font-weight:normal;

	color:#555555;
	margin-top:0;
	padding:5px;
	margin-bottom:0px;
	border-bottom: solid 1px #999;
	padding-bottom: 2px;
}

.milestones td 
{ padding:3px; }

.nav
{
	font-size:10px;
	color:Navy;
}

.nav A:link {color:navy; text-decoration:none; padding:5px; }
.nav A:visited {color:navy; text-decoration:none; padding:5px;}
.nav A:active {color:navy; text-decoration:none;  padding:5px;}
.nav A:hover {color:navy; text-decoration: underline;  padding:5px;}

.footer
{
	font-size:9px;
	color:#666666;
}

.footer A:link {color:#666666; text-decoration:none; padding:5px; }
.footer A:visited {color:#666666; text-decoration:none; padding:5px;}
.footer A:active {color:#666666; text-decoration:none;  padding:5px;}
.footer A:hover {color:#666666; text-decoration: underline;  padding:5px;}

.mail A:link {font-size:14px; font-weight:bold;}
.mail A:visited {font-size:14px; font-weight:bold;}
.mail A:active {font-size:14px; font-weight:bold;}
.mail A:hover {font-size:14px; font-weight:bold;}

h2 A:link {font-size:11px; font-weight:bold; color:#555555;}
h2 A:visited {font-size:11px; font-weight:bold; color:#555555;}
h2 A:active {font-size:11px; font-weight:bold; color:#555555;}
h2 A:hover {font-size:11px; font-weight:bold; color:navy;}


.rightbar 
{
	background-image: url('/images/opto_17.gif');
	background-repeat: repeat-y;
	background-position: right;
}

#leftcol
{
	background-image: url('/images/headerstripe.gif');
	background-repeat:   repeat-x;
	background-position: left top;
	background-color:White;
	width:10%;
}

#rightcol
{
	background-color:#061944;
}
	
#content
{
	/* width:832px; */
}

#dropdown
{
	background-image: url('/images/opto_05.gif');
	background-repeat: repeat-y;
	background-position: 10px;
}
#dropdown2
{
	background-image: url('/images/opto_16.gif');
	background-repeat: repeat-y;
}
#dropdown3
{
	background-image: url('/images/opto_16.gif');
	background-repeat: repeat-y;
}

#search
{
	text-align:right; 
	color:white; 
	background-color:#061944;
	padding-right:50px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	font-weight:bold; 
	font-size:12px;
	width:760px;
}

.sidebar
{
	width:168px;
	font-size:12px;
	line-height: normal;
}

.sidebar ul
{
	margin: 0;
	padding: 0;
}

.sidebar2
{
	width:174px;
	background-color:#F2F2F2;
	color:#555555;
}

.sidebar2 A:link {color:#555555;text-decoration:none;font-family:Arial; }
.sidebar2 A:visited {color:#555555;text-decoration:none;font-family:Arial; }
.sidebar2 A:active {color:#555555;text-decoration:none;font-family:Arial; }
.sidebar2 A:hover {color:black;text-decoration:underline;font-family:Arial; }

.layout
{
	border-color:#4D7F02;
	border-style:solid;
	border-width:1px;
	margin-left:0px;
	background-color: #E2EAD6;
	padding:10px;
}

.layout td
{
	border-color:#4D7F02;
	border-style:solid;
	border-width:1px;
	padding:5px;
}

.layout th
{
  font-size: 1.3em;
  font-weight: bold;
	border-color:#4D7F02;
	border-style:solid;
	border-width:1px;
	padding:5px;
	background-color:#EEEEEE;
}

.layout tr.new-group td
{
  border-top-width: 2px;
}

.layout tr.alt-pair
{
  background-color: #EEF6E2;
}

.layout span.section-title
{
  font-size: 1.2em;
  font-weight: bold;
}

.layout img{
  margin: 10px;
}

.layout p, .layout ul
{
  margin-top: 5px;
}
/* comparison table */
table.comparison
{
	width: 100%;
  text-align: center;
	border-color:#4D7F02;
	border-style:solid;
	border-width:1px;
	margin-left:0px;
	background-color: #E2EAD6;
	padding:10px;
}

table.comparison td
{
	/* font-size:smaller; */
	border-color:#4D7F02;
	border-style:solid;
	border-width:1px;
	padding:5px;
}

table.comparison tr.dark
{
	background-color: #DBE4D0;
}

table.comparison th
{
  font-weight: bold;
	border-color:#4D7F02;
	border-style:solid;
	border-width:1px;
	padding:5px;
	background-color:#EEEEEE;
}

table.comparison td.left, table.comparison th.left
{
  text-align: left;
}
table.comparison span.section-title
{
  font-size: 1.2em;
  line-height: 1.4em;
  font-weight: bold;
}

table.comparison img{
  margin: 10px;
}


.cols td
{
	padding:10px;
	text-align: justify;
}

.current
{
	padding:5px;
	font-weight:normal;
	color:#A43200;
}

#contactform td
{
	padding:4px;
}

table.resource_table
{
	table-layout: fixed;
	width: 100%;
}
table.resource_table th
{
	font-weight: bold;
	text-align: left;
}
table.resource_table td
{
	padding: 3px 3px 3px 3px;
}

table.resource_table td.icon, table.resource_table th.icon
{
	width: 60px;
}
table.resource_table td.info_type, table.resource_table th.info_type
{
	width: 80px;
}

/* Jquery Drop Down Menu based on
  http://javascript-array.com/scripts/jquery_simple_drop_down_menu/
*/
#jsddm{
  margin: 0;
  padding: 0;
}
#jsddm li{
  float: left;
  list-style: none;
  font: 12px Tahoma, arial;
}
#jsddm li a {
  display: block;
  background: #f8f8f8;
  padding: 5px 12px;
  text-decoration: none;
  border-right: 1px solid white;
	/* looks better without fixed width - also width was different in ie7 and ff
  /*width: 65px; */
  color: #222;
  white-space: nowrap;
}
#jsddm li a:hover {
  /* background: #e4e4e4; */
  background: #bbb;
}
a.force-darker-background {
  background: #bbb !important;
}
#jsddm li ul {
  margin: 0;
  padding: 0;
  position: absolute;
  /*visibility: hidden;  -- won't work for prototype */
  border-top: 1px solid white;
	z-index: 10;
}
#jsddm li ul li {
  float: none;
  display: inline;
}
#jsddm li ul li a {
  width: auto;
  /*background: #f8f8f8; */
  background: #bbb;
}
#jsddm li ul li a:hover {
  /*background: #e4e4e4; */
  background: #666;
	color: white;
}

table #aj-matl-matrix {border-collapse: collapse; border: 1px solid #333; font-family: "Arial Narrow", helvetica, sans-serif; font-size: small; color: #222;}
table #aj-matl-matrix td, table #aj-matl-matrix th {border: 1px solid #555; padding: 3px;}
table #aj-matl-matrix th {background-color: #9a9; font-family: arial, helvetica, sans-serif; font-size: larger; font-weight: bold;}
table #aj-matl-matrix td.head-col {background-color: #9a9; font-family: arial, helvetica, sans-serif; font-size: larger; font-weight: bold;}
table #aj-matl-matrix td {width: 85px;}

table #aj-matl-suppliers {width: 600px; border-collapse: collapse; border: 1px solid #333; font-family: arial, helvetica, sans-serif; color: #222;}
table #aj-matl-suppliers td, table #aj-matl-suppliers th {border: 1px solid #555; padding: 5px;}
table #aj-matl-suppliers th {background-color: #9a9; font-size: larger; font-weight: bold;}
table #aj-matl-suppliers td.head-col {background-color: #9a9; font-family: arial, helvetica, sans-serif; font-size: larger; font-weight: bold;}
/* table #aj-matl-suppliers td {width: 85px;} */

div.homecol div img {
	margin: 8px;
}
div.homecol div {
	width:176px;
	background-color:#fff;
}

div.homecol div.home-hover {
	background-color:#ccc;
}

table#content-slider {
  width: 100%;
}
table#content-slider #frame {
  width: 575px;
  height: 1000px;
  position: relative;
  overflow: hidden;
}
table#content-slider .box {
  /* w=width, h=height */
  position: relative;
  width: 575px;
  height: 1000px;
}
table#content-slider #box1 {}
table#content-slider #box2 {
  /* for box-N, N > 1 top= -(N-1)*h, left = (N-1)*w   */
  top: -1000px;
  left: 575px;
}
table#content-slider #box3 {
  top: -2000px;
  left: 1150px;
}
table#content-slider #box4 {
  top: -3000px;
  left: 1725px;
}

table#content-slider .box-content {
  padding: 3px;
}
table#content-slider .scroll-button {
  border: 0;
  cursor: pointer;
  margin-top: 100px;
}