/* CSS Document */

body {
	background: #f0f0f2 url('/gfx/bg_body.gif') top left repeat-x;
	margin: 0 0 40px 0;
	padding: 0;
	font-size: 75%;
	color: #3b4a5a;
	font-family: Arial, Helvetica, sans-serif;
}

body.size1 {	font-size: 75% !important; }
body.size2 {	font-size: 85% !important; }
body.size3 { 	font-size: 100% !important; }


A.size1 { font-size: 11px !important; }
A.size2 { font-size: 14px !important; }
A.size3 { font-size: 17px !important; }

input.txt {
	border-top: 1px #9a9a9b solid;
	border-left: 1px #9a9a9b solid;
	border-bottom: 1px #dddddf solid;
	border-right: 1px #dddddf solid;
	color: #666666;
	padding: 3px;
	background-color: #f0f0f2;
	font-size: 0.9em;
}

select.txt {
	border-top: 1px #9a9a9b solid;
	border-left: 1px #9a9a9b solid;
	border-bottom: 1px #dddddf solid;
	border-right: 1px #dddddf solid;
	color: #666666;
	padding: 3px;
	background-color: #f0f0f2;
	font-size: 0.9em;
}

textarea.txt {
	border-top: 1px #9a9a9b solid;
	border-left: 1px #9a9a9b solid;
	border-bottom: 1px #dddddf solid;
	border-right: 1px #dddddf solid;
	color: #666666;
	padding: 3px;
	background-color: #f0f0f2;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}

a { color: #1e449a;	text-decoration: none;}

a:hover { text-decoration: underline; }

span.lightgrey { color: #cbcfd1; }
span.loading_text {
	font-weight: bold;
	color: #1e449a;
	font-size: 1.1em;
}

/*.btn {
	background-color: #fff;
	border: 1px #cccccc solid;
	color: #1f419b;
	font-weight: bold;
	padding: 2px 6px;
	cursor:pointer;
}*/


div.hr { padding: 0px; margin: 20px; height: 1px; background-color: #dde1e7; clear: both;}
hr { display: none; visibility: none; }

h1 { padding: 15px 0 15px 0; margin: 0; color: #0075bf; font-size: 2.6em; font-weight: normal;}
h2 { padding: 0 0 10px 0; margin: 0; color: #68a1c5;  font-size: 1.6em; font-weight: normal;}

h4 {
	color: #1f419b;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}

img { border: 0; }

form { padding: 0; margin: 0; }


#header {
	width: 928px;
	height: 118px;
	margin: 0 auto;
}

	#logo {
		padding: 10px 0 0 0;
		width: 222px;
		height /**/: 91px;
		height: 81px !important;
		float: left;
	}
	
	SPAN.tel {
		font-size: 1.4em;
		font-weight: bold;
		color: #0075bf;
		padding: 6px 0 0 15px;
	}
	
	#login {
		text-align: right;
		padding: 5px 0 0 0; /* was 18px */
		float: right;
	}
	
		#login input.txt {
			width: 110px;
		}
		
		#login label {
			font-size: 0.9em;
		}	
	
		#login_progress {
			height: 16px;
			font-size: 0.9em !important;
			color: #3459ac;
		}
		
		#login_progress img {
			vertical-align: text-top;
		}
		
		#selector H1 {
			color: #fff;
			padding-left: 20px;
		}
		#selector LABEL {
			color: #FF9933;
			font-weight: bold;
		}
		
		#selector SELECT {
			font-size: 0.9em;
			margin-top: 5px !important;
		}
		
		#lampmanufacturer {
			position: absolute;
			left: 55px;
			top: 69px;
		}
		
		#lampmodel {
			position: absolute;
			left: 285px;
			top: 69px;		
		}
		
		#frmLampSearch {
			position: absolute;
			top: 73px;
			right: 34px;
		}
		
		#telephone {
			position: absolute;
			top: 20px;
			right: 34px;
			width: 250px;
			text-align: right;
		}
		
		#frmLampSelector LABEL {
			font-size: 18px;
		}			
		

#navigation {
	width: 928px;
	height: 37px;
	background: #f0f0f2 url('/gfx/bg_navigation.gif') top left no-repeat;
	margin: 0 auto;
	padding: 0;

}

	#navigation ul {
		padding: 3px 14px;
		margin: 0;
		clear: both;
	}	
	
	#navigation ul li {
		list-style: none;
		display: inline;
		float: left;
		padding: 0;
		margin: 0;
	}
	
	
	
	
	#navigation ul li a {
		color: #fff;
		font-weight: bold;
		float: left;
		/*display: block;*/
		height /**/: 29px;
		height: 15px !important;
		padding: 7px 12px 7px 12px;
		background: transparent url('/gfx/bg_navtab.gif') top left no-repeat;
	}
	
	#navigation ul li a:hover, #navigation ul li a.on { background-position:  0 -29px; text-decoration:none; }
	
	#navigation ul li.first a { background-position: -3px 0; }
	#navigation ul li.first a:hover, #navigation ul li.first a.on { background-position: -3px -29px; }
	
	#navigation ul li.arrow a span { background: transparent url('/gfx/gfx_menu_arrow_down.gif') center bottom no-repeat;  padding: 0 0 3px 0;}


	
		/** Sub menus **/
		#navigation ul ul {
			position: absolute;
			display: none;
			list-style: none;
			margin: 0 0 0 1px;
			padding: 0;
			border-top: 1px solid #fff;
			border-right: 1px solid #fff;
			border-left: 1px solid #fff;
			/*background: #9f896b;*/
			cursor: pointer;
		}
			
			#navigation ul ul li {
				float: none;
				display: block;
				margin: 0 !important;
				padding: 4px 13px !important;
				width: 160px !important;			
				background-color: #3459ac;
				color: #fff;
				border-bottom: 1px solid #fff;	
			}
			
			#navigation ul ul li.arrow {
				background-image: url('/gfx/gfx_menu_arrow.gif');
				background-repeat:no-repeat;
				background-position: center right;
				background-color: #3459ac;
			}
			
			#navigation  ul ul li a {
				background: none !important;
				border: none;
				color: #fff;
				margin: 0 !important;
				padding: 0 !important;
				font-weight: bold;
				float: none;
			}
			
			#navigation ul ul li a:hover, #navigation ul ul li a.on {
				color: #fff !important;
				background-color: #4a7bc5;
			}
			
			#navigation  ul ul li a:hover {
				background-color: #4a7bc5;
				color: #fff !important;
			}
			
			#navigation ul ul li.jdm_hover {
				background-color: #4a7bc5;
			}
		
			#navigation ul ul li.jdm_hover a {
				background-color: transparent;
			}
			
			
			#navigation ul ul ul {
				position: absolute;
				display: none;
				list-style: none;
				margin: 0;
				padding: 0;
				border-top: 1px solid #fff;
				border-right: 1px solid #fff;
				border-left: 1px solid #fff;
				/*background: #9f896b;*/
				cursor: pointer;
			}
			
			#navigation ul ul ul li {
				float: none;
				display: block;
				margin: 0 !important;
				padding: 4px 13px !important;
				width: 160px !important;			
				background-color: #3459ac;
				border-bottom: 1px solid #fff;	
			}
			
			#navigation  ul ul ul li a {
				background: none !important;
				border: none;
				color: #fff;
				margin: 0 !important;
				padding: 0 !important;
				font-weight: bold;
			}
			
			#navigation  ul ul ul li a:hover {
				background: none !important;
				color: #fff !important;
			}
		/** End of sub menus **/
	
	
	

#container {
	width: 928px;
	margin: 0 auto;
	background: #f0f0f2 url('/gfx/bg_container.gif') top left repeat-y;
	clear: both;
}

#container_inner {
	width: 928px;
	/*background: transparent url('/gfx/bg_containerinner.gif') top left no-repeat;*/
	clear: both;
}

	#selector {
		position: relative;
		height: 131px;
		background: transparent url('/gfx/bg_selector.jpg') top left no-repeat;
	}
	
	#content {
		margin: 20px 24px;
		padding-bottom: 10px;
		background: #fff url('/gfx/bg_content.gif') bottom left no-repeat;
	}
	
	#content p {
		padding: 0 20px 12px 20px;
		margin: 0 !important;
		line-height: 1.5em;
	}
	
	#content h1 {
		padding: 7px 20px 0 20px;
		margin: 0 0 20px 0;
		color: #1e449a;
		width /**/: 880px;
		width: 840px !important;
		height /**/: 60px;
		height: 33px !important;
		font-size: 2.0em;
		font-weight: normal;
		background: #d4dae4 url('/gfx/bg_h1.gif') top left no-repeat;
		display: block;
	}
	
	#content h2 {
		padding: 0 20px 12px 20px !important;
		margin: 0 !important;
		color: #333333;
		font-size: 1.2em;
		font-weight: bold;
	}
	
	#content ul {
		padding: 0 20px 10px 20px;
		margin: 0;
	}
	
	#content ul li {
		list-style: none;
		background: #fff url('/gfx/bg_bullet.gif') 0 0.3em no-repeat;
		padding: 0 0 6px 20px;
	}
	
	#content a {
		font-weight: bold;
	}

	#inner_content {
		padding: 0 20px;
	}

#footer {
	width /**/: 928px;
	width: 888px !important;
	background: #f0f0f2 url('/gfx/bg_footer.gif') bottom left no-repeat;
	margin: 0 auto;
	padding: 20px 20px 0 20px;
	height /**/: 119px;
	height: 99px !important;
	color: #666666;
}

	#footer table {
		border-top: 1px #cbcfd1 solid;
		border-bottom: 1px #cbcfd1 solid;
	}
	
	#footer table td {
		padding: 3px 0 2px 0;
	}
	
	#footertext {
		width: 280px;
		float: left;
	}
	
	#footertext p {
		padding: 18px 0 0 0;
		margin: 0;
	}
	
	#footernav {
		float: right;
		width: 570px;
		text-align:right;
	}
	
		#footernav ul {
			 padding: 0;
			 margin: 18px 0 4px 0;
			 float: right;
			 
		}
		
		#footernav ul li {
			list-style: none;
			display: inline;
			float: left;
			font-size: 0.9em;
			background: transparent url('/gfx/bg_footernavdivider.gif') bottom right repeat-y;
		}
		
		#footernav ul li a {			
			margin: 0 0 10px 0;
			padding: 0 5px;
			display: inline-block;
			font-weight: bold;
		}
		
		#footernav ul li.last {
			background: none !important;
		}
		#footernav ul li.last a {
			padding: 0 0 0 10px;
		}
		
		


#fivesite {
	width: 928px;
	margin: 0 auto;
	text-align:right;
	padding-top: 8px;
}

/*******************/
.panel_grey {
	background-color: #efefef;
	border: 1px #9f9f9f solid;
	padding: 10px;
}

	.panel_grey h3 {
		padding: 0 0 10px 0;
		margin: 0;
		font-size: 1.2em;
		color: #333333;
	}
	
	.panel_grey p {
		padding: 0 !important;
		margin: 0 !important;
	}
		


	
/** Helper Classes **/
.right { float: right; }
.hidden { display: none; visibility: hidden; }
.noBorder { border: none; }
.cleaner {
	clear: both;	
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;	
}

INPUT.pink {
	border: 1px solid #666;
	padding: 1px;
	background-color: #FF9966;
}

INPUT.green {
	border: 1px solid #666;
	padding: 1px;
	background-color: #CCFFCC;
} 

.required, .mandatory {
	color: #a60730;
	padding: 0 4px;
}

.error {
	color: #a60730;
	padding: 10px 0;
}