body { 	
	color : #666;
	font-size : 9pt;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
}
th {
	color : #666;
	font-size : 11px;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
}
input, select {
	color : #666;
	font-size : 11px;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	font-weight: bold;
}
hr {
	color: #FF9900;
	background-color: #FF9900;
	height: 2px;}
.px {
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 2px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.px5 {
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 5px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}

h1 {
	color : #EE3338;
	margin-top:0px;
	font-size : 13pt;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	font-weight: bold;
}

h2 {
	color : #666;
	font-size : 12pt;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	font-weight: bold;
	margin:20px 0 2px 0;
}

h3 {
	color : #FFF;
	margin : 3px 0 3px 0;
	font-size : 13pt;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	font-weight: normal;
	text-align:left;
}
h4 {
	color : #9933CC;
	margin : 0px;
	padding: 0px;
	font-size : 12pt;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	font-weight: bold;
}

h5 {
	color : #FFffff;
	margin : 0px;
	padding: 0px;
	font-size : 10pt;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	font-weight: bold;
}

TD {
	color : #666;
	font-size : 10pt;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
	vertical-align:top;
}
p {
	color : #666;
	font-size : 10pt;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
}

li {
	color : #666;
	padding-bottom: 5px;
	margin-bottm: 10px;
	font-size : 9pt;
	font-family : Arial, Verdana, Tahoma, Trebuchet MS, Trebuchet;
}
p a {
	color : #000000;
}
p a:hover {
	color : #666;
}

/*  --------------------------  HEADER CLASSES-------------------------- */
.searchform {text-align:right;padding:30px 10px 25px; 0}
.searchform2 {text-align:right;padding:15px 10px 25px; 0}

.TopHead1 {background-image:URL(images/layoutTop1.jpg);background-repeat:no-repeat;}
.TopHead2 {background-image:URL(images/layoutTop2.jpg);background-repeat:no-repeat;}
.TopHead3 {background-image:URL(images/layoutTop3.jpg);background-repeat:no-repeat;}

.KNXHead1 {background-image:URL(images/KNX-Banner1.jpg);background-repeat:no-repeat;}
.KNXHead2 {background-image:URL(images/KNX-Banner2.jpg);background-repeat:no-repeat;}
.KNXHead3 {background-image:URL(images/KNX-Banner3.jpg);background-repeat:no-repeat;}

.ProdSlct {
	background-color:#009933;
	color:#FFF;
	padding:8px;
	font-size:9pt}

.FeatureProduct {
	border: 1px solid #99CC33;
	background: #FFF url('images/froggy.jpg') no-repeat;
	background-position:185px 1px; /* Left, top*/
	margin:20px 0 20px 0;
	padding:0px 10px 5px 5px;}

.FeatureImage {
	background-color:#009933;
	width:100%;
	text-align:center;
	padding:5px 0 5px 0;}

ul.prodpageu {width:360px;list-style-type: disc;list-style-position: inside;margin:20px 0 20px 20px}
li.prodpage { width:360px;list-style-type: disc;list-style-position: inside;margin:0px 0 5px 5px}
/*  --------------------------  FOOTER CLASSES-------------------------- */
.loginTD {background-color:#009933;color:#FFF; padding:10px;}
.loginTD2 {color:#FFF;}
.NewsTdFoot {padding:20px 40px 20px 40px;background-image:URL(images/layoutNews.jpg);}
.footlinks1 {background-color:#009933;color:#FFF; padding:3px 0 2px 10px;font-size:11px}
.footlinks2 {background-color:#99CCCC;color:#FFF; padding:3px 0 2px 10px;font-size:11px}

.IdeoLink {font-size:9px; color:#666; padding:5px 20px 5px 0; text-align:right;}
/*  --------------------------  PAGE CLASSES    -------------------------- */

.bodyclass {padding:0 20px 20px 20px;}
.bodyclass2 {padding:0;}
.KNXTd {background-image:URL(images/layoutKNX.jpg);padding-left:15px}
.KNXTd2 {background-image:URL(images/layoutKNX.jpg);padding-left:15px;border-bottom:5px solid white;}

.ProdNoDiv1 {background-color:#999;border:1px solid #999;color:#FFF;padding:0 3px;width:80px}
.ProdNoDiv2 {border:1px solid #999;color:#666;text-align:left;padding:0 5px}
.ArticalNoDiv1 {color:#333;text-align:right;}
.TechDataDiv1 {border:1px solid #999;text-transform: uppercase;padding-bottom:2px;}
.TechDataP {line-height: 150%;}

.BigRed {color:#009933; font-weight:bold;line-height: 150%}
.Bigblack {color:#000; font-weight:bold;line-height: 150%}

.20Top {padding-top:20px;}
.10top {padding-top:10px;}
.10bottom {padding-bottom:30px;}
.5pt {font-size:5pt}

.DlHead {font-weight:bold;text-align:center;color:#EE3338; font-size:10pt}
.DLheadding {margin-top:10px}

.contactform {line-height: 150%}

.PurpleWhite {font-weight:bold;color:#FFF;background-color:#99CC33}

.pageStyle {width:590px;}
.pageStyle2 {width:400px;}

.ProdDesc {color:#FF0000;width:280px;}
.ListDesc {color:#FF0000;width:150px;}
/*  --------------------------  LINK CLASSES  -------------------------- */

a.dark:link {color:#666;}
a.dark:hover {color:#666;}
a.dark:active {color:#666;}
a.dark:visited {color:#666;}

a.related:link {color:#666;text-decoration:none;}
a.related:hover {color:#666;text-decoration:none;}
a.related:active {color:#666;text-decoration:none;}
a.related:visited {color:#666;text-decoration:none;}

a.whiteSml:link {color:#FFF;font-size:8pt;text-decoration:none;}
a.whiteSml:hover {color:#DDD;font-size:8pt;text-decoration:none;}
a.whiteSml:active {color:#FFF;font-size:8pt;text-decoration:none;}
a.whiteSml:visited {color:#FFF;font-size:8pt;text-decoration:none;}

a.at2:link {color:#99CC33;}
a.at2:hover {color:#009933;}
a.at2:active {color:#99CC33;}
a.at2:visited {color:#99CC33;}

a.footlinks2:link {color:#FFF;text-decoration:none;}
a.footlinks2:hover {color:#DDD;text-decoration:none;}
a.footlinks2:active {color:#FFF;;text-decoration:none;}
a.footlinks2:visited {color:#FFF;text-decoration:none;}

a.purple:link {color:#99CC33;}
a.purple:hover {color:#009933;}
a.purple:active {color:#99CC33;}
a.purple:visited {color:#99CC33;}

a.red:link {color:#EE3338;}
a.red:hover {color:#CC0000;}
a.red:active {color:#EE3338;}
a.red:visited {color:#EE3338;}

a.linkIdeo:link {color:#333;}
a.linkIdeo:hover {color:#999;}
a.linkIdeo:active {color:#333;}
a.linkIdeo:visited {color:#333;}

/* -----  MENU ----- */
#menu2 {
	width: 200px;
	margin: 0px;
	border-style:  none;
	border-color: #FFF;
	border-width: 0px;
	padding-top:0px;}
	
#menu2 span a {
	height: 25px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	}	
	
#menu2 span a:link, #menu2 span a:visited {
	color: #666;
	font:normal 10pt Arial;
	text-indent: 8px;
	display: block;
	background:  url(images/button1.gif);  /* Menu button */
	padding:5px 0 0px 20px;
	}
	
#menu2 span a:hover {
	color: #666;
	font:normal 10pt Arial;
	background:  url(images/button1.gif) 0 -27px;  /* Menu button rollover */
	padding:5px 0 0px 20px;
	}
	
#menu3 {
	width: 238px;
	margin: 0px;
	border-style:  none;
	border-color: #FFF;
	border-width: 0px;
	padding-top:0px;}
	
#menu3 span a {
	height: 25px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	}	
	
#menu3 span a:link, #menu3 span a:visited {
	color: 
	text-indent: 8px;
	display: block;
	background:  url(images/button1.gif);  /* Menu button */
	padding:5px 0 0px 20px;
	}
	
#menu3 span a:hover {
	color: #666;
	font:normal 10pt Arial;
	background:  url(images/button1.gif) 0 -27px;  /* Menu button rollover */
	padding:5px 0 0px 20px;
	}

#dropmenudiv{
position:absolute;
border-left:1px solid white;
width:160px;
font:normal 11px Arial;
line-height:12px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
width:250px;
text-indent: 3px;
border-bottom: 1px solid white;
padding: 3px 0 3px 4px;
text-decoration: none;
font-weight: normal;
}
#dropmenudiv a:hover{ 
background-color: #5E1F7C; /*hover background color*/

}