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

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

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

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

a.button:link, a.button:visited {
  font-size:12px; 
  font-family: Verdana, Helvetica, sans-serif; 
  font-weight: bold;
  text-decoration: none;
  text-indent: 10px;
  text-align: left;
  display: block;
  width: auto; /* dimensions needed for IE5.X/Win ##test on IE5## */
  padding: 0.2em;
  line-height: 1.4;
  background: url(images/arrow.gif) left center no-repeat;
  background-position: 3px;
  background-color: #cfe9ff;
  border: 1px solid black;
  color: #000;
  float: left;
  margin-left: 5px;
  margin-bottom: 2px;
}

a.button:hover {
  color: #fff;
  background: url(images/hoverarrow.gif) left center no-repeat;
  background-position: 3px;
  background-color: #3d80df;
  margin-left:5px;
  margin-bottom:2px;
}

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

/* dhtml Window
===================================*/

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #123dc0;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid black;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
/* Motion Gallery
===================================*/

#motioncontainer a img { /*image background*/border: 0px;}

#motioncontainer a:hover img{ /*image border hover color*/border: 0px;}

#motioncontainer a:hover{color: red; /* Dummy definition to overcome IE bug */}


/*#motioncontainer{
	position: relative;
	width: 735px;
	height: 407px;
	overflow: hidden;
}

#motiongallery{
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
}*/

#statusdiv{
position: absolute;
padding: 4px;
left: -300px;
background-color: ccc;
border: 4px;
visibility: hidden;}

table.pano{
	width: 740px;
	height: 411px;
	background-color: #888888;
	padding: 2;
}

td.pano{
	background-color: #888888;
	/*padding: 2;*/
}

/* lund slide show
===================================*/

table.lund{
	width: 700px;
	background-color: #888;
	padding: 2;
}

/* Content Overlay
===================================*/

#subcontent2 {
 position: absolute;
 display: none;
 border: 5px solid black;
 background-color: cfe9ff;
 width: 300px;
 height: 75px;
 padding: 8px;
 text-align: left;
}

#xbox {
 border: 2px solid #123dc0;
 padding: 0em .2em 0em .1em;
}

#xbox:hover {
 border: 2px solid #f00;
}
 

/* 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: 5px;
	color: #000;
}

h1{
font-size:2em;
font-weight:bold;
color: #000;
background-color: #f5f5f5;
border: 1px solid #333;
padding: .2em;
}

h3{
font-size:1.2em;
font-weight:bold;
color: #000;
background-color: #f5f5f5;
border: 1px solid #333;
padding: .1em;
width: auto;
}

.cb{
padding: .2em;
color: #000;
background-color: #f5f5f5;
border: 1px solid #333;
width: auto;
}

.rohsBlock{
color: #000;
background-color: #f5f5f5;
border: 1px solid #333;
padding: .5em;
}

.productsBackground{
border: 1px solid #333;
background: url(images/productsBackground.jpg);
font-size: 2em;
font-weight: bold;
color:#000;
height:45px;
margin: 10 0 0 0;
padding: 0 0 0 .2em;
}

.productsDescription{
height: 280px;
margin: 0 20 20 00;
/*border: solid 1px #999;*/
}

.productsPic{
border: 1px solid #333;
float: left;
margin-right:10px;
}

.productsUl {
list-style-type: none;
margin: 0 0 0 270px;
}

.productsLi {
background: url(images/inductorbullet.gif) no-repeat 0 50%;
padding-left: 40px;
padding-top: 15px;
padding-bottom: 15px;
}

.slugLi {
background: url(images/slugbullet.gif) no-repeat 0 50%;
padding-left: 40px;
padding-top: 15px;
padding-bottom: 15px;
}

.airLi {
background: url(images/airbullet.gif) no-repeat 0 50%;
padding-left: 40px;
padding-top: 15px;
padding-bottom: 15px;
}

.ct {
	margin: 0 0 0 250px;
}

a.list {
 /*display: block;*/
 width: 135px;
 color: #123dc0;
 font-size:12px; 
 font-family: Verdana, Helvetica, sans-serif; 
 font-weight: bold; 
 text-decoration: none;
}

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

img.selector{
float: right;
border: 1px solid #666;
}


.selectorDiv{
width: auto;
border: 5px solid #000;
padding: 5px;
}

.selectorBackground{
border: 1px solid #333;
/*background: url(images/productsBackground.jpg);*/
font-size: 2em;
font-weight: bold;
color:#000;
/*height:50px;*/
}

/* 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;
}

.title{
 font-size: 34px;
 font-weight: bold;
 font-family: arial, helvetica, sans-serif;
 color:#000;
 background: url(images/tableTitle.jpg) repeat-x left center;
 /*background:lime;*/
 border-bottom: 2px solid #666;
}

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

table.mount {
 border-collapse: collapse;
 border: 1px solid #666;
 width: 315px;
 font-size:12px;
}

.mountTitle {
 font-size:1.5em;
 font-weight:bold;
}

.mountTd {
 border-bottom: 1px solid #666;
}

table.mount.odd {
 background-color:#cfe9ff;
}

table.rohs {
	border-collapse: collapse;
	border: 2px solid #666;
	width: 500px;
}

table.selector {
 border-collapse: collapse;
 border: 1px solid #666;
 width: 350px;
 font-size: 12px;
 float: left;
}

td.selector {
 text-align: center;
 font-weight:bold;
}

table.leadout {
 border-collapse: collapse;
 border: 2px solid #666;
 width: 740px;
 font-size: 12px;
}

tr.leadout:hover {
 background-color: transparent;
}

td.leadout{
 padding: 1em;
 width: 370px;
 border-bottom: 1px solid #666;
 
}

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

/*col#10.00Col {
  border: none;
}*/

.sub {
 border-top: 1px solid #666;
}

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;
 border-right: 1px solid #666;
}

td {
 border-bottom: 1px solid #666;
 border-right: 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;
}

/* legend styling */
legend {
 font-weight: bold;
 /*border: 1px solid #ccc;*/
}

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, input.help, input.reset {
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;
}


.overlay{
z-index:1;
}

.contactForm{
z-index:-1;
}

finderForm{
	width: 162px;
}

finderForm p {
 position: relative;
 width: 100%;
}
/* collapsing form styling
========================================== */

.collapsingForm{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
color:#123dc0;
font: bold 12px Verdana;
margin: 10px 0;
}

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


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: 123dc0;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: 123dc0;
}

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


#words{
	background-color:#FFF;
	color:black;
	text-align:left;
	border:1px solid black;
	margin:.2em;
	padding:.5em;
}

img.border{
border: 1px solid #333;
}

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

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

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

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

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

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

#pageTitle{
font: 16px Verdana, Helvetica, sans-serif;
color: #fff;

margin: 0px;
padding:0px 0px 0px 5px;
}

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

#heading{
 position:relative;
width:100%;
float:center;
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;
 } 

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

#selectorBreak{
border-top: 1px solid#123dc0;
}

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

#wrapper{
	width: 770px;
	position: relative;
	left:50%;
	margin-left: -385px;
	background-image:url(images/border.gif);
}

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

#mainNav{
	width: 180px;
	float: left;
	padding-top: 15px;
	padding-left: 20px;
}

#footer{
	clear: both;
}


 
 /* *** 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 */