html, body{ 
 margin:0; 
 padding:10;
/*text-align:center; */
 background-color:#fff;
} 

/* Text Links
=====================================*/

a.blue:link {color:#039; font-size:12px; font-family
Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}
a.blue:visited {color:#039; font-size:12px; font-family
Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}
a.blue:active {color:#039; font-size:12px; font-family
Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}
a.blue:hover {color:#039; font-size:12px; font-family
Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}

a, a:link, a:visited {
color: #123dc0;
text-decoration: none;
}

a:hover, a:focus {
text-decoration: underline;
}


/* css button
=====================================*/

a.button:link, a.button:visited {
  font-size:12px; 
  font-family: Verdana, Helvetica, sans-serif; 
  font-weight: bold;     text-decoration: none;
  display: block;
  width: 7em; /* dimensions needed for IE5.X/Win */
  padding: 0.2em;
  line-height: 1.4;
  background-color: #cfe9ff;
  border: 1px solid black;
  color: #000;
  text-decoration: none;
  text-align: left;
  float: left;
  margin-left: 5px;  
}

a.button:hover {
  font-size:12px;
  font-family: Verdana, Helvetica, sans-serif; 
  font-weight: bold; 
  text-decoration: none;
  background-color: #3d80df;
  color: #fff;
}

a.button img: {
  float: left;
}

a.helpButton:link, a.helpButton:visited {
 text-decoration: none;
 display: inline;
 width: 2em; /*dimensions needed for IE5.X/Win */
 background-color: #cfe9ff;
 border: 1px solid #666;
 color: #000;
 text-align: center;
 margin: 2px;
} 

a.helpButton:hover {
 background-color: #3d80df;
 color: #fff;
}

/* css tooltip
================================== */

a.tooltip {
  position: relative;
}

a.tooltip span {
  display: none;
}

a.tooltip:hover {
  font-size: 100%; /* Fixes bug in IE5.x/Win */
}

a.tooltip:hover span {
  display:block;
  position:absolute;
  top:1em;
  left:2em;
  padding: 0.2em 0.6em;
  border:1px solid #996633;
  background-color:#FFFF66;
  color:#000;
}

/* Body copy
===================================*/
.copy{
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	text-decoration: none;
	margin: 0px;
	color: #000;
}

/* breadcrumb
===================================*/

.mp_backlinks{
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size: 11px;
	font-weight: medium;
	font-variant: normal;
	font-style: normal;
	text-decoration: none;
	color: #000;
	margin-left:10px;
	text-indent: 5px;
	display: block;
	width: auto;
	background:#fff;
	opacity:.60;
	border: 1px solid #000;
}


/* Table styling
===================================*/

.tableCopy{
 font-family: Arial, Helvetica, Arial, Geneva, sans-serif;
 font-size: 10px;
 font-weight: normal;
 font-variant: normal;
 font-style: normal;
 text-decoration: none;
 margin: 5px;
}

table {
  border-collapse: collapse;
  border: 1px solid #666;
  width: 760px;  
}

.data{
	width:530px;
	float: left;
	font-size: 12px;
	text-align: center;
}

col {
  border-right: 1px solid #666;
}

col#10.00Col {
  border: none;
}

thead {
 background: #ccc;
 border-bottom: 1px solid #666;
}

th {
 background:#f5f5f5 /*url(images/bar.gif) repeat-x left center*/;
 font weight: bold;
 color: #000;
 border-bottom: 1px solid #666;
}


/*td {
 border-bottom: 1px solid #666;
}*/

th, td{
 padding: 0.1em 1 em;
}

.odd {
 background-color:#cfe9ff;
}

tr:hover {
 background-color:#3d80df;
 color: #fff;
}

thead tr:hover{
 background-color: #cccccc;
 color: inherit;
}

th tr:hover{
 background-color: transparent;
 color: inherit;
}

/* Form Styling
========================================== */

/*form {
 width: 40em;
}*/

/* fieldset styling */
fieldset {
 margin: 1em; /* space out the fieldsets a little */
 padding: 1em;
 border: 1px solid #ccc;
 background-color:#f5f5f5;
}

fieldset.finder {
 border: 5px solid #f5f5f5;
 background-color:#f5f5f5;
 padding: 0;
 margin:0;
}

/* legend styling */
legend {
 font-weight: bold;
}

form p {
 position: relative;
 width: 100%;
}

/* style for labels */
label {
 float: left;
 width: 10em;
}

/* style for required labels */
label .required {
 font-size: 0.83em;
 color:#760000;
}

/*style error messages */
label .feedback {
 position: absolute;
 margin-left: 11em;
 left: 200px;
 right: 0;
 font-weight: bold;
 color: #760000;
 padding-left: 18px;
 background: url(images/error.png) no-repeat left top;
}

/* :KLUDGE: Explicitly set the width for IE6- */
* html .feedback{
  width: 10em;
}

input {
 width: 200px;
}

input [type="text"], textarea {
 border-top: 2px solid #999;
 border-left: 2px solid #999;
 border-bottom: 1px solid #ccc;
 border-right: 1px solid #ccc;
}

input.radio, input.checkbox, input.submit {
width: auto;
}

#partNumber {
 width: 10em;
}

#quantity {
 width: 4em;
}

#dueDate {
 width: 8em;
}

textarea {
 width: 300px;
 height: 100px;
}

/*style form elements on focus */
input:focus, textarea:focus {
 background: #cfe9ff;
}

finderForm{
	width: 100%;
}

finderForm p {
 position: relative;
 width: 100%;
}

/*rss feed
=======================================
===*/

#pscroller1{
width: 450px;
height: 1.2em;
border: 1px dashed black;
/*padding: 5px;*/
background-color: lightyellow;
}

#pscroller2{
font-size: 11px;
width: 109px;
height: 142px;
border: 1px solid black;
padding: 5px;
background-color: #F0F0F0;
margin-left: 17px;
}

.rssclass .rsstitle{
font-weight: bold;
}

.rssclass .rssdate{
color: gray;
font-size: 85%;
}

.rssclass a{
text-decoration: none;
}


/* Secondary Content stuff
========================================== */

#featureTable {
 width: 120px;
 margin: 0 auto 0 auto;
 padding: 0;
 border: 2px solid #123dc0;
}

a.list {
 /*display: block;*/
 color: #039;
 font-size:12px; 
 font-family: Verdana, Helvetica, sans-serif; 
 font-weight: bold; 
 text-decoration: none;
 margin: 0;
 padding: 0;
 display: inline;
}

a.list:hover {
 /*background-color: #3d80df;*/
 /*color: #fff;*/
 /*font-size:12px; */
 /*font-family: Verdana, Helvetica, sans-serif; */
 /*font-weight: bold; */
 text-decoration: underline;
}

.first {
 margin:auto auto 0 auto;
 width: 124px;
 height: 20px;
 background: #123dc0;
 font-size: 14px;
 font-weight: bold;
 text-align: center;
 color: #fff;
}

/*li {
 display: inline;
}*/

li.new{
 display: in-line;
 list-style-position:inside;
}

h3 {
 /*text-align: center;*/
 margin: auto;
 padding: 0;
 font-size: 14px;
 font-weight: bold;
 color: #fff;
}

.featureTable {
 margin: 0;
 padding: 0;

}

.featureTable {
 display: inline; /* :KLUDGE: Removes large gaps in IE/Win */
 margin: auto;
}

/* Products Feature Table on Home Page
========================================*/
table.alerts
{ /*text-align: center;*/
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 140px;
background-color: /*#fafafa*/ #fff;
border: 1px #123dc0 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-left: 17px;

}


.alertHd
{ border-bottom: 2px solid #123dc0;
background-color: #ccc;
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: /*#404040*/ #000;}


.alertBod p
{ text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
line-height: 11px;
color: #404040;
background-color: /*#fafafa*/ fff;
text-indent: -8px;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
}

.alertIndent
{ margin-left: 5px;
color: #003399;
text-decoration: none;
font-weight: bold;
}

.alertIndent:hover {
text-decoration: underline;
}


a.alerts {
color: #003399;
text-decoration: none;
font-weight: bold;
}

a.alerts:hover {
text-decoration: underline;
}

tr.alerts:hover {
background-color: #fff;
}

/*inductor selector table on home page
========================================== */

table.finder{
text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 156px;
background-color: /*#fafafa*/ #fff;
border: 1px #123dc0 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-left: 19px;	
}

/* Page layout stuff
========================================== */

#container{ 
 width:770px; 
 /*text-align:left;*/  
 margin:auto;
 margin-top:20px;
 margin-bottom:20px;  
} 
 
#header{
 position:relative; 
 height:118px; 
 width: 770px;
  background-color:#FFF; 
 width:100%;
 background-image:url(images/header.gif);
 margin:0px;
 padding:0px;
} 

#datahead{
	position:relative;
	height:110px;
	width:558px;
	background-color:#FFF;
	background-image:url(images/datahead.gif);
	margin:0px;
	padding:0px;
}

#dataheadcontent{
	position:relative;
	margin-left:252px;
	padding:0px;	
}

#navtabs{
 position:relative;
 height:34px; 
  background-color:#FFF; 
 background-image:url(images/border.gif);
 width:770px;
 margin:0px;
 padding:0px;
} 

#breadcrumb{
 position:absolute; 
 top:147px;
 height:15px; 
  background-color:#123dc0; 
 width:766px;
 margin:2px;
 padding:0;
} 

#breadcrumbtext{
position:absolute;
top:175px;
height:15px;
font: 10px Verdana, Helvetica, sans-serif;
color:#fff;
margin:0;
padding:2px 0 0 8px;
}

#wave{
position:relative;
height:100px;
/*background-image:url(images/border.gif);*/
background-image:url(images/inductorwave.jpg);
width:768px;
margin:1px;
padding:0px;
}

#homeWave{
position:relative;
height:100px;
background-image:url(images/inductorWave.jpg);
width:768px;
margin:1px;
padding:0px;
}

.pageTitle{
margin: 0 0 0 10px;
font: 24px Verdana, Helvetica, sans-serif;
color: #404040;
font-weight: bold;
text-decoration: none;
padding: 0 .1em 0 .1em;
background-color: #ccc;
border: 1px solid #404040;
width: 80px;
dispaly:block;
}

.pageTitle:hover {
background-color: #404040;
color: #ccc;
}

#body{
width:750px;
height:100%;
position:relative;
background-image:url(images/border.gif);
margin:0px;
padding:0px; 
}

#heading{
 position:relative;
width:100%;
float:none;
font: 26px Verdana, Helvetica, sans-serif;
font weight: bold;
color:#000;
margin:5px;
padding:15px 0 0 10px;
}

#bodytext{
 position: relative;
 /*width: 740px;*/
 font: 12px Verdana, Helvetica, sans-serif;
 color:#000;
 margin:5px;
 padding: 0 0 0 10px;
}

#footer{
 height:62px; 
 width:770px;
position:relative;
  background-color:#FFF; 
 clear:both;
  background-image:url(images/footer.gif);
 margin:0px;
 padding:0px;
 } 

#datafooter{
	height:14px; 
	width:558px;
	position:relative;
	background-color:#FFF; 
 	clear:both;
 	background-image:url(images/datafooter.gif);
 	margin:0px;
 	padding:0px;
}

#products{
position:absolute;
top:200px;
left:385px;
width: 400px;
font: 12px Verdana, Helvetica, sans-serif;
color:#000;
margin:5px;
top:
}

#parts{
position:relative;
float:right;
width:395px;
height:340px;
background-image:url(images/parts.jpg);
}

#wrapper{
	width: 770px;
	margin:  auto;
	background-image:url(images/border.gif);
}

#datawrapper{
	width: 558px;
	margin: auto;
	background-image:url(images/databorder.gif);
}

#slideShow{
	border: 1px solid #000;
}

#mainNav{
	width: 170px;
	margin: 0;
	/*border-right: 2px solid #123dc0;*/
	padding-left: 5px;
	/*padding-right: 5px;*/
	/*background-image: url(images/fadingleft.gif);
	background-repeat: repeat-y;
	background-position: right;*/
}

#content{
	width: 590px;
	float: right;
}

#mainContent {
 width: 400px;
 margin: 0;
 float: left;
 display: inline;
 padding-left: 10px;
 padding-right: 5px;
 border-left: 2px solid #123dc0;
 border-right: 2px solid #123dc0;
}

#secondaryContent {
 width: 160px;
 display: inline; /* :KLUDGE: Fixes IE double margin float bug */
 float: right;
 padding-right: 10px;
 /*border-left: 2px solid #123dc0;*/
 /*padding-left: 8px;*/
/*background-image: url(images/fadingright.gif);
background-repeat: repeat-y;*/
}


/* #footer{
	clear: both;
} */

/* Add some padding
======================================= */

#mainNav, #secondaryContent, #mainContent {
 padding-top: 20px;
 padding-bottom: 10px;
}

#secondaryContent *, #mainContent * {
 padding-left: 15px;
 padding-right: 15px;
}

#mainNav *, #secondaryContent * *, #mainContent *  {
 padding-left: 0;
 padding-right: 0;
}



 
 /* *** Float containers fix:

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  