/*structure*/
html {
	overflow: hidden;
}

div#Content img {
	max-width: 500px;
}

body {
   width: 500px;
	background-color: white;
	height: auto;
}

div#Page{
   width: 500px;
	left: 5px;
   margin-left: 0;
	top:auto;
	bottom: auto;
	right: auto;		
	position: absolute;
	height: auto;
}

div#Main {
	bottom:auto;
	left:5px;
	position:relative;
	right:5px;
	top:auto;
}


* html div#Main  { /*IE BF*/
	right: 0px;
}
* html div#Content{ /*IE6 BF*/
   width: 100%;
	left: 0;
	right: 0;	
	padding-left: auto;
	padding-right: 5px;
	margin-right:5px;
}

div#Head{
	position: relative;
	height: 37px;
}

div#Menu{
   width: auto;
	left: 5px;
	right:0px;
	padding-left: 0;
	margin-left: 0;
	margin-right: 9px;
	top: 0;
	position: relative;
	font-size: 18px;
}

* html div#Menu{ /*IE6 BF*/
   width: 100%;
	left: 0;
	right:5px;
	padding-left: 0;
	margin-left: 0;
	padding-right: 0;		
}

.MenuList div span, .MenuOne a{
	padding-top: 1px;
}

img#solenoid_kendrion{
	visibility: hidden;
	height: 0;
	width: 0;
}

div#MenuMain{
	width: 100%;
	top: 25px;
	left: 0;
	right: 0;
	overflow: hidden;
	position: absolute;
	
}

* html div#MenuMain{ /*IE6 BF*/
   width: 100%;
	left: auto;
	top: 2em;
	right: auto;
	position: absolute;	
}
	
div#MenuQuick{
	width: 100%;
	left: auto;
	right: auto;
	top:auto;
	position: absolute;
	
}


div#Navigation{  /*MOB*/
	position: relative;
	width: inherit;
	margin-right:10px;
	margin-top:55px;
}
div#Content{/*MOB*/
	position: relative;
	left: auto;
	margin-right:10px;	
	margin-top: 5px;
	overflow: auto;
	overflow-x: auto;
	min-height: 289px; 
}

div#Content table{/*MOB*/
	max-width: 400px;
}

div#KendrionLogo img{
	width: 70px;
	height: 28px;
}

div#MenuMain.td, table#MenuOne.td{
	overflow: hidden ! important;
}

div#Foot{ /*IE6 BF*/ /*MOB*/
	width: auto;
	bottom:auto;
	height:59px;
	left:5px;
	overflow:hidden;
	position:relative;
	right:5px;
}	


* html div#Foot{ /*IE6 BF*/ /*MOB*/
	width: auto;
	bottom:auto;
	height:59px;
	left:5px;
	overflow:hidden;
	position:relative;
	right:5px;
}	

* html div#BottemLogo{ /*IE6 BF*/ /*MOB*/
	width: 0;
	padding-left: 0;
	padding-right: 0;
}

div#BottemLogo{  /*MOB*/
	background-image: none;
	height:0;
	left:0;
	position:relative;
	right:0pt;
	visibility: hidden;
}

div#SubNav{ /*MOB*/
	height:59px;
	left:0pt;
	position:relative;
	width:auto;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.Navigation A {
	display: inherit;
	padding: 0;
	padding-left: 0;
}

div#Navigation .CurrItem {
  color: Black;
  font-weight: bold;
}

div#categoryTree {
  padding: 3px;
}

.Navigation A[href="#"]:hover { 
	background-color: transparent;
}

* html .Navigation A:hover{ /*IE6 BF*/
	background-color: transparent;
}
* html .Navigation A:hover span{ /*IE6 BF*/
	background-color: #A7A8AA;
}

/* subselctor*/
form#productFinder{
	margin-bottom: 8px;
}

form#attrSelectorForm {
	margin-bottom: 15px;
}

form#attrSelectorForm input{
	margin-top: 8px;
}

form#attrSelectorForm select{
	float: left;
	width: 150px;
	height: 50px;
	z-index: 0;
}

/*foot bow*/
img#footBow{
	width:100%;
	height:59px;
	background-color:White
}

/* ************************************************ */
/*    Tile: categoryTree.xhtml                      */
/* ************************************************ */
div#Navigation.div.categoryTree {
	color:#000000;
	height:95%;
	_height:100%;
	width:200px;
	max-width:200px;
	overflow:hidden;
	padding-top:10%;
	padding-left:10px;
}
	
div#Navigation.div.categoryTree a {
	color:#000000;
}
	
div#Navigation.div.categoryTree span.headline {
	font-weight:bold;
	padding:0px;
}

div#Navigation.div.categoryTree span.mainactive {
	font-weight:bold;
}

/* ************************************************ */
/*    Tile: decisionTree.xhtml                      */
/* ************************************************ */

div#Navigation.div.decisionTree {
	display:block;
	width:250pt;
}

div#Navigation.div.decisionTree .submit {
	font-weight:bold;
	text-align:center;
	display:block;
	padding:5pt 0pt;
}

div#Navigation.div.decisionTree div.node {
	padding:5pt;
	border: 1px solid #eeeeee;
}

div#Navigation.div.decisionTree div.node .index {
	display:block;
	font-weight:bold;
}

div#Navigation.div.decisionTree div.node .longdescr {
	display:block;
	padding:5pt;
	font-style: italic;
}

div#Navigation.div.decisionTree div.node .internalnote {
	font: 8pt bold;
	padding:5pt;
	display:block;
}

div#Navigation.div.decisionTree div.node .parameter {
	clear:both;
	background-color:#fafafa;
	padding:4pt;
}

div#Navigation.div.decisionTree div.node .paramname {
	display:block;
	width:20%;
	float:left;
}

div#Navigation.div.decisionTree div.node .paramvalue {
	width:75%;
}

div#Navigation.div.decisionTree div.node .nextnode {
	font-weight:bold;
	text-align:center;
	width: 100%;
}

div#Navigation.div.decisionTree div.node .nextnode a {
	margin: 0pt 10pt;
}

/* ************************************************ */
/*    Page: categories.xhtml
/* ************************************************ */
div.categoriesTable table {
	table-layout:fixed;
	width:99%;
	margin:10px auto;
	margin-left:auto;
	margin-right:auto;
}

div.categoriesTable table td {
	width:50%;
	border: 1px solid #a2a3ab;
	padding: 5px;
	margin: 6px 0px 6px 6px;
}

div.categoriesTable table td .headline {
	font-weight:bold;
}

div.categoriesTable table td .description {
	
}
div.categoriesTable table td .summary {
	padding:5pt;
}

div.categoriesTable table td .thumbnail {
	float:left;
	padding:5pt;
}

/* ************************************************ */
/*    Tile: customerSearch.xhtml                      */
/* ************************************************ */

div.customerSearch .label{
	display:block;
	width:200px;
	float:left;
}

form#customerSearchForm {
	margin-bottom: 8px;
}


input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #494949;
	border: #C4C4C4;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #F4F4F4;
	border-left-color: #F4F4F4;
	
	background-color: #ffffff;
	margin: 3px 0 0 0;
	list-style:none;
	padding:0em;
	z-index: 1;
}

/* ************************************************ */
/*    Page: customerDetail.xhtml
/* ************************************************ */
div.customerDetail { }

div.customerDetail .headline {
	font-weight:bold;
	text-decoration:underline;
	display:block;
	padding:5px 0px;
}

div.customerDetail table td.left {
	width:100px;
	vertical-align:top;
	font-weight:bold;
}

/* *********************************************** */
/* Tile: productDetail.xhtml
/* *********************************************** */

table.productDetail {
	margin-top:16px;
	table-layout:fixed;
}

table.productDetail td {
	padding:5px;
}

table.productDetail td.left {
	vertical-align:top;
	text-align:center;
	width:190px;
}

table.productDetail td .productName {
	font-weight: bold;
	font-size: 15px;
	color: #13162c;
}

table.productDetail div.download span {
	display:block;
	margin-top:5px;
	margin-bottom:10px;
}

/* ************************************************ */
/* 	Page: classSearchResult.xhtml                 */
/* ************************************************ */
div.classAttrSelector.style2 {
	font-size:11px;
}

div.classAttrSelector.style2 span {
	display:block;
	width:80px;
	height:30px;
	font-size:10px;
	font-weight:bold;
	padding:2px;
}

/* ************************************************ */
/* 	compare                 */
/* ************************************************ */

a:link.compareLink{
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #ffffff;
	border: #C4C4C4;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #F4F4F4;
	border-left-color: #F4F4F4;
	text-decoration:none;
	background-color: #033067;
	margin-top: 10px;
	list-style:none;
	padding:2px;
}


.leftAlign
{
	text-align:left;
}

.rightAlign
{
	text-align:right;
}

.compareTable{
	background-image: url("img/box_top.gif");
	background-repeat: repeat-x;
	margin: 30px 30px 30px 30px;
	border: 1px;
	border-style: solid;
	border-color: #8ea4bf;
	border-collapse:collapse;
	text-align:center;
}

.compareHeader
{
	background-color:#ffffff;
	color:black;
	border-right-style:solid;
	border-right-color:#8ea4bf;
	border-right-width:1px;
	font-weight:bold;
}

.compareValue_even td
{
	border-right-style:solid;
	border-right-color:#8ea4bf;
	border-right-width:1px;
	background-color:none;
}

.compareValue_odd td
{
	border-right-style:solid;
	border-right-color:#8ea4bf;
	border-right-width:1px;
	color:#ffffff;
	background-color:#8ea4bf; 
}

.compareAttributes
{
	text-align:left;
	border-right-style:solid;
	border-right-color:#8ea4bf;
	border-right-width:1px;
}

div#categoryTree {
	padding:5px;
}


div.catsearch{
	padding:5px;
	margin:0;
	border:0;	
}


div.catsearch form{
	padding:0;
	margin:0;
	border:0;	
}


input.qsearchText {
	font-size:11px;
	margin-bottom:2px;
	vertical-align:text-bottom;
	width:185px;
	height:15px;
}


/* PRODUCT FINDER Mobile*/

div#Mid {
	width:auto;
}


div#ProductFinder {
	position: relative;
	left: 0;
}

div#ProductFinder div.search br{
	white-space: nowrap;
	display: none;
	visibility: hidden;	
}

div#ProductFinder form {
margin:0pt;
padding:0pt;
width:100%;
}

form#searchForm input {
height: 25px;
width:25px;
}

form#searchForm input.qsearchText {
font-size:11px;
height: 25px;
margin-bottom:auto;
width:90%;
float: left;
}

div#ProductFinder form {
	width:70%;
}

form#productFinder select {
	width:100%;
	font-size:16px;
}

form#attrSelectorForm td select {
	width:50%;
	font-size:16px;
	float: right;
}

form#attrSelectorForm td span {
	float:left;
	font-size:16px;
	margin-top: 5px;
}

.buttons input {
	font-size:16px;
	width: 50%;
}



/* category tree */
div#categoryTree{
	font-size: 25px;
}

/* sub selector */
form#attrSelectorForm table td {
	width: 25%;
	
}

/* sub selector */
form#attrSelectorForm table td span{
	float: left;
	height: 2em;
	width: 100%;
	display: block;
	overflow: hidden;
}

form#attrSelectorForm table td select {
	float:left;
	width:100%;
	z-index:0;
}

/*product list*/

.productlist {
	font-size: 16px;
}

.productlist th{
	font-size: 10px;
}


/*datascroller  eo list*/
.datascroller {
	font-size: 25px;
	text-align: center;
}

table.datascroller, table.datascroller table{
	width:100%;
	margin: 0;
	padding: 0;
}

/*caption normal page*/
div#Content h3{
   font-size: 18px;
	margin: 8px 8px 0 0;
}