* {
	margin:0; padding: 0;
}

body{
	height: 100%;
	background-image: url(images/home_page_part_nob-03b.jpg);
	background-position: left top;
	background-repeat: no-repeat;
		scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#8FB7CF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#336699;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#000080;
scrollbar-track-color:#8FB7CF;
}

#printerheader{
display: block;
position: absolute;
top:50px;
left:50px;
	visibility: hidden;
}

form, #maintext form {
	line-height: 12px;
}

#container{
position: absolute;
width:900px;
height: 100%;
	
}

#container #header{
	position: relative;
	top: 0;
	left: 0;
	width: 900px;
	height: 120px;
	background-image: url(images/home_page_part_nob.png);
	background-repeat: no-repeat;
}

#container #header #headerdeco{
	position: relative;
	left: 537px;
	top:0px;
		z-index:32;
	background-image: url(images/deco_adjusted_ok.gif);
	width: 310px;
	height:180px;

}



#container #leftbar{
	position: absolute;
	width:220px;
	height:inherit;
	top: 95px;
	z-index:10;
	
	float: left;
		/*debug string
	border: 1px blue solid;*/
}


#container #leftbar #madein{
	position: relative;
	width:143px;
	height: 43px;
	top: 20px;
	left:24px;

	background-image: url(images/certification.gif);
		background-position: left top;
	background-repeat: no-repeat;
}



#maintext{
position: absolute;
left:210px;
top:150px;
width:380px;
height: 90%;
z-index:5;	
	/*debug string
	border: 1px red solid;*/
}

#maintext #foot{
	/*position: relative;
	top:80%;*/
	padding-top: 32px;
	border-top: 2px #EEB949 solid;
	color: #444444;
	
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	letter-spacing: 0px;
	text-decoration: none;
}

#maintext #foot a:active,#maintext #foot a:link,#maintext #foot a:visited{

	color: black;
	
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
}

#maintext #foot a:hover{

	text-decoration: none;
		background-color: #fffacd;
	color: navy;
	border-bottom: 1px navy dotted;
	
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	text-transform: uppercase;

}


ul,ol,dl{
margin: 1em 0;
padding: 0;
}

li,dd,blockquote{
margin-left: 1em;
}

/*menu bar elements*/
#container #leftbar #blobs{
	 width: 200px;
 height:360px;
 background: url(images/leftmenu_long.gif);
 padding: 0px;
 position: relative;
}


#container #leftbar #blobs li {margin: 0px; padding: 0px; list-style: none; display: block; position: absolute;}

#container #leftbar #blobs a {display: block;}

#blob1 {left: 10px; top: 0px; width: 165px; height: 25px;}
#blob2 {left: 10px; top: 32px; width: 165px; height: 25px;}
#blob3 {left: 10px; top: 66px; width: 165px; height: 25px;}
#blob4 {left: 10px; top: 98px; width: 165px; height: 25px;}
#blob5 {left: 10px; top: 131px; width: 165px; height: 25px;}
#blob6 {left: 10px; top: 163px; width: 165px; height: 25px;}
#blob7 {left: 10px; top: 197px; width: 165px; height: 25px;}
#blob8 {left: 10px; top: 230px; width: 165px; height: 25px;}
#blob9 {left: 10px; top: 262px; width: 165px; height: 25px;}
#blob10 {left: 10px; top: 294px; width: 165px; height: 25px;}
#blob11 {left: 10px; top: 326px; width: 165px; height: 25px;}

#blob1 a {height: 25px;}
#blob2 a {height: 25px;}
#blob3 a {height: 25px;}
#blob4 a {height: 25px;}
#blob5 a {height: 25px;}
#blob6 a {height: 25px;}
#blob7 a {height: 25px;}
#blob8 a {height: 25px;}
#blob9 a {height: 25px;}
#blob10 a {height: 25px;}
#blob11 a {height: 25px;}

#blob1 a:hover {background: url(images/leftmenu_long.gif) -9px -360px no-repeat;}
#blob2 a:hover {background: url(images/leftmenu_long.gif) -9px -392px no-repeat;}
#blob3 a:hover {background: url(images/leftmenu_long.gif) -9px -426px no-repeat;}
#blob4 a:hover {background: url(images/leftmenu_long.gif) -9px -458px no-repeat;}
#blob5 a:hover {background: url(images/leftmenu_long.gif) -9px -491px no-repeat;}
#blob6 a:hover {background: url(images/leftmenu_long.gif) -9px -523px no-repeat;}
#blob7 a:hover {background: url(images/leftmenu_long.gif) -9px -557px no-repeat;}
#blob8 a:hover {background: url(images/leftmenu_long.gif) -9px -590px no-repeat;}
#blob9 a:hover {background: url(images/leftmenu_long.gif) -9px -622px no-repeat;}
#blob10 a:hover {background: url(images/leftmenu_long.gif) -9px -654px no-repeat;}
#blob11 a:hover {background: url(images/leftmenu_long.gif) -9px -686px no-repeat;}
/*end of menu bar controls*/

/*right bar*/

#mediabar{
	position: absolute;
	top: 180px;
	left:	600px;
	width: 200px;
	z-index:50;
	/*debug string
	border: 1px magenta solid;*/
	
}

#mediabar #flash {
	position:relative;
	width: 200px;
	height: 320px;
}
#mediabar #find{
	position: relative;
	width:200px;
	height:80px;
}
#mediabar #find a{
	display: block;
	width: 169px;
	height: 38px;
	background-image: url(images/gateoperators_strip.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#mediabar #find a:hover{
	display: block;
	width: 169px;
	height: 38px;
	background: url(images/gateoperators_strip.gif) 0px -38px no-repeat;
	text-decoration: none;
}

#leftbar #find{
	position: relative;
	width:200px;
	height:80px;
}
#leftbar #find a{
	display: block;
	width: 169px;
	height: 38px;
	background-image: url(images/gateoperators_strip.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#leftbar #find a:hover{
	display: block;
	width: 169px;
	height: 38px;
	background: url(images/gateoperators_strip.gif) 0px -38px no-repeat;
	text-decoration: none;
}




#mediabar #register{
	position: relative;
	width:200px;
	height:120px;
}

#mediabar #register a{
	display: block;
	
	width: 200px;
	height: 108px;
	background-image: url(images/register_button.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}

/*second level links on the mediabar in internal pages*/
#mediabar #sublinks{
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: Navy;
	font-weight: bold;
}

#mediabar #sublinks li{
color: navy;
	list-style: none;
}

#mediabar #sublinks li a:active,#mediabar #sublinks li a:link,#mediabar #sublinks li a:visited{
	color: navy;
	text-decoration: none;
}

#mediabar #sublinks li a:hover{
	color: #EEB949;
	text-decoration: underline;
}

/*variation of find and register for leftbar*/
/*
#container #leftbar #find{
	position: relative;
	top:80px;
	width:200px;
	height:80px;
}
#container #leftbar #find a{
	display: block;
	width: 200px;
	height: 67px;
	background-image: url(images/gate_operator_strip.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}
*/
#container #leftbar #register{
	position: relative;
	left:30px;
	top:80px;
	width:130px;
	height:120px;
}

#container #leftbar #register a{
	display: block;
	
	width: 124px;
	height: 108px;
	background-image: url(images/register_button_blue.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#container #mediabar #gateoperators{
	position: relative;
	width: 170px;
	height:100px;
	left:10px;
	top: 20px;
}

#container #mediabar #gateoperators a{
	display:block;
	width:169px;
	height:38px;
	background: url(images/eagleoperators_strip.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#container #mediabar #gateoperators a:hover{
	display:block;
	width:169px;
	height:38px;
	background: url(images/eagleoperators_strip.gif) 0px -38px no-repeat;
	text-decoration: none;
}

/* text */

.bigtitle{
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: navy;
/*	font-style: italic;*/
	font-size: 16px;
	font-weight:bold;
	text-transform: uppercase;
	border-bottom: 1px #EEB949 solid;
	margin-bottom: 8px;
}

.bigcomment{
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: #444444;
	font-size: 13px;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing: 0px;
	border-bottom: 1px #EEB949 solid;
	margin-bottom: 8px;
}


.normal,.normal ul, .normal ul li{
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: #444444;
	font-size: 12px;
	line-height: 14px;
	padding-left:8px;
}

.subnormal{
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: #222222;
	font-size: 11px;
	line-height: 13px;

}

.subnormal a:active, .subnormal a:link, .subnormal a:visited
 {
 color: black;
	text-decoration: none;
	border-bottom: 1px #EEB949 dotted;
}

.subnormal a:hover{
		text-decoration: none;
		background-color: #F0F8FF;
	color: navy;
	border-bottom: 1px navy dotted;
}

.subnormalwhite{
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: white;
	font-size: 11px;
	line-height: 13px;
}

.normalsimple{
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: #444444;
	font-size: 12px;
}

.normal a:active, .normal a:link, .normal a:visited,.normalsimple a:active, .normalsimple a:link, .normalsimple a:visited
 {
	text-decoration: none;
	color: navy;
	border-bottom: 1px #EEB949 dotted;
}

.normal a:hover,.normalsimple a:hover{
		text-decoration: none;
		background-color: #F0F8FF;
	color: #EEB949;
	border-bottom: 1px navy dotted;
}

.subtitle{
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: navy;
/*	font-style: italic;*/
	font-size: 12px;
	font-weight:bold;
	text-transform: uppercase;
	border-bottom: 1px #EEB949 solid;
	margin-bottom: 8px;
}

.heiya{
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: navy;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
}

/*form data*/
label{
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: #444444;
	font-size: 11px;
	font-weight:bold;
	padding: 8px 8px 8px 0px;
}

input, select, textarea {
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: black;
	font-size: 11px;
	line-height: 14px;
border: 1px navy solid;
	margin: 0px 0px 10px 0px;
	padding:2px;
}

select{
	scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#8FB7CF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#336699;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#000080;
scrollbar-track-color:#8FB7CF;
}

.pulsante{
width: 96px;
height:32px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: black;
	font-size: 11px;
	font-weight:bold;
background-image: url(images/submit_button.gif);
background-position: top left;
background-repeat: no-repeat;
border: 0px;
}

.pulsante140{
width: 140px;
height:32px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: black;
	font-size: 11px;
	font-weight:bold;
background-image: url(images/submit_button_140.gif);
background-position: top left;
background-repeat: no-repeat;
padding-left: 8px;
padding-right:8px;
padding-top: 0px;
line-height: 11px;
border: 0px;
}

.pulsante300{
width: 300px;
height:32px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: black;
	font-size: 11px;
	font-weight:bold;
background-image: url(images/submit_button_300.gif);
background-position: top left;
background-repeat: no-repeat;
padding-left: 8px;
padding-right:8px;
padding-top: 0px;
line-height: 11px;
border: 0px;
}

.pulsante400{
width: 400px;
height:32px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: black;
	font-size: 11px;
	font-weight:bold;
background-image: url(images/submit_button_400.gif);
background-position: top left;
background-repeat: no-repeat;
padding-left: 8px;
padding-right:8px;
padding-top: 0px;
line-height: 11px;
border: 0px;
}

/*add: the top bar for commercial/residential/all feature*/

.topselector{
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: #eeb949;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;

		margin-bottom: 8px;
}


a.topselector:active,a.topselector:link,a.topselector:visited{
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: Navy;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
		border-bottom: 1px #eeb949 dashed; 
		margin-bottom: 8px;
}

a.topselector:hover{
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: #EEB949;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px navy dashed; 
	margin-bottom: 8px;
}

.viewmore,a.viewmore:active, a.viewmore:link, a.viewmore:visited{
	display: block;
	height: 12px;
	width: 70px;
	padding-left:16px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: navy;
	text-decoration: none;
	border: none;
	background-color: White;
	background-image: url(images/viewmore.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

a.viewmore:hover{
	display: block;
	height: 12px;
	width: 70px;
	padding-left:16px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #EEB949;
	text-decoration: none;
	border: none;
	background-color: White;
	background-image: url(images/viewmore.gif);
	background-position: 0px -16px;
	background-repeat: no-repeat;
}

.prodname{
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: Navy;
}

.models{
	font-variant: small-caps;
	}

.dlpdf, a.dlpdf:active,a.dlpdf:link,a.dlpdf:visited{
	display: list-item;
	list-style-type: none;
	height: 16px;
	padding-left: 20px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*		letter-spacing: -0.05em;*/
	color: navy;
	text-decoration: none;
	border: none;
	background-color: White;
	background-image: url(images/pdf-file.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

a.dlpdf:hover{
	display: list-item;
		list-style-type: none;
	height: 16px;
	padding-left:20px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*		letter-spacing: -0.05em;*/
	color: #EEB949;
	text-decoration: underline;
	border: none;
	background-color: White;
	background-image: url(images/pdf-file.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.dlcad, a.dlcad:active,a.dlcad:link,a.dlcad:visited{
	display: list-item;
			list-style-type: none;
	height: 16px;
	padding-left:20px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
/*		letter-spacing: -0.05em;*/
	color: navy;
	text-decoration: none;
	border: none;
	background-color: White;
	background-image: url(images/autocad-icon.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

a.dlcad:hover{
	display: list-item;
			list-style-type: none;
	height: 16px;
	padding-left:20px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
/*		letter-spacing: -0.05em;*/
	color: #EEB949;
	text-decoration: underline;
	border: none;
	background-color: White;
	background-image: url(images/autocad-icon.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.dldoc, a.dldoc:active,a.dldoc:link,a.dldoc:visited{
	display: list-item;
			list-style-type: none;
	height: 16px;
	padding-left:20px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
/*		letter-spacing: -0.05em;*/
	color: navy;
	text-decoration: none;
	border: none;
	background-color: White;
	background-image: url(images/doc-icon.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

a.dldoc:hover{
	display: list-item;
			list-style-type: none;
	height: 16px;
	padding-left:20px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
/*	letter-spacing: -0.05em; */
	color: #EEB949;
	text-decoration: underline;
	border: none;
	background-color: White;
	background-image: url(images/doc-icon.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

form {
	line-height: 12px;
}


#architects{
	/*line-height: 12px;*/
	background-image:url(images/background-architects.jpg);
	background-position: top right;
	background-repeat: repeat-y;
}

/* a further media bar below the menu*/
#featurebar{
	position: absolute;
	top: 350px;
	left:700px;
	width: 160px;
	z-index:50;
	padding: -2px 0px 0px 4px;
/*	background-color: #FFFACD;
	border: 4px #EEB949 double;*/
	background-image:url(images/diamond_bar_02.gif);
	background-repeat: repeat-y;
}

#featurebar #top{
position:relative;
	top:-22px;
	left: 0px;
	height:22px;
	background-image:url(images/diamond_bar_01.gif);
	background-repeat: no-repeat;
}

#featurebar #bottom{
position:relative;
	top:24px;
	left: 0px;
	height:24px;
	background-image:url(images/diamond_bar_03.gif);
	background-repeat: no-repeat;
}

#card_moreinfo, #card_moreinfo a{
	
	width: 80px;
	height: 20px !important;
	background: url(images/button_80_strip.gif);
	background-repeat: no-repeat;
	color: white;
	vertical-align: middle;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 10px;
	line-height:12px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	border: 0px;
	
}



#card_download, #card_download a{
display: block;
	width: 200px;
	height:20px;
	background: url(images/button_200_strip.gif);
	background-repeat: no-repeat;
	color: white;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size:10px;
	font-weight: bold;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

#popup-heavygates{
	display: block;
	width:120px;
	border: 1px navy dotted;
	background: white;
	padding:4px;
	z-index:200;
}

#popup-hightraffic{
	display: block;
	width:120px;
	border: 1px navy dotted;
	background: white;
	padding:4px;
	z-index:201;
}
#popup-updownhill{
	display: block;
	width:120px;
	border: 1px navy dotted;
	background: white;
	padding:4px;
	z-index:202;
}
#popup-swinggates{
	display:block;
	width:120px;
	border: 1px navy dotted;
	background: white;
	padding:4px;
	z-index:203;
}

#tail{
display: block;
width: 32px;
height: 32px;
	top:25px;
	background-image: url(images/tail.gif);
	background-repeat: no-repeat;
}

.errorform{
	color: red;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size:10px;
	font-weight: bold;
}