/* --------------------------- */
/* GENERALs */
/* --------------------------- */

/* CSS Documents */
@import url( "privacyStyles.css" );


html, body { 
	margin: 0px; 
	padding: 0px; 
	height: 100%; 
}

body {
	text-align: center;
	margin: 0px; 
	padding: 0px; 
	background-color: #fff;
	/*background-color: #12466c;*/
	/*overflow: hidden;*/
}
 
html, body, td, div, p {
	font-size: 12px; 
	font-family: Arial, Helvetica, Geneva;
	color: #000;
	
}
a:link, a:visited, a:active { color: #3a3730; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }
a { outline: none; }

p { margin: 0px; }


div.clearBoth { width: 100%; clear: both; font-size: 1px; border: 0px solid #000; z-index: 1; }
div.h1px { height: 1px; }
div.h10px { height: 10px; }

/* --------------------------- */
/* DIVs */
/* --------------------------- */


div#header {
	width: 100%;
	height: 200px; 
	position: relative;
	margin-bottom: 0px;
	background-color: #fff;
	text-align: center;
	border: 0px solid #000;
	z-index: 1;
}
	div#headerStripe {
		width: 100%;
		height: 160px; 
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px;
		background-color: #12466c;
		border: 0px solid #000;
		z-index: -10;
	}

	div#pgHeader {
		width: 1000px;
		height: 160px; 
		position: relative;
		margin-left: auto !important;
		margin-right: auto !important;
		background: #12466c url( ../../graphics/header_bg.jpg ) no-repeat center top;
		text-align: center;
		border: 0px solid #000;
		z-index: 2;
	}
	div#headerLogo img { width: 300px; height: 160px; border: 0px; }
	
	
	/* --------------------- */
	/* Toolbar */
	/* --------------------- */
		div#toolbar {
			width: 100%;
			height: 56px; 
			position: absolute;
			top: 142px;
			left: 0px;
			margin: 0px; 
			text-align: center;
			border: 0px solid #000;
			z-index: 3;
		}
		
			div#toolbar-inner {
				width: 600px;
				height: 56px; 
				margin-left: auto !important; 
				margin-right: auto !important;
				border: 0px solid #000;
			}
				div.toolbarButs {
					height: 56px; 
					float: left;
					display: inline;
					margin: 0px;
				}
				div.toolbarButs img.butImage { margin: 30px 12px 0px 12px; border: 0px solid #808099; }
				
				div#toolbar-inner div.nolast { border-right: 1px solid #808099; }
				div#toolbar-inner div.last { border-right: 0px solid #808099; }
				
				/* -it */
				/*.toolCompany-it { width: 90px; }
				.toolDivisions-it { width: 100px; }
				.toolProducts-it { width: 94px; }
				.toolDevelopment-it { width: 148px; }
				.toolCertifications-it { width: 122px; }
				.toolNews-it { width: 114px; }
				.toolDealers-it { width: 110px; }
				.toolContacts-it { width: 88px; }*/
				/* -en */
				/*.toolCompany-en { width: 90px; }
				.toolDivisions-en { width: 100px; }
				.toolProducts-en { width: 94px; }
				.toolDevelopment-en { width: 148px; }
				.toolCertifications-en { width: 122px; }
				.toolNews-en { width: 114px; }
				.toolDealers-en { width: 110px; }
				.toolContacts-en { width: 88px; }*/
				
	
	

div#mainBoard {
	width: 100%;
	height: auto !important;
	height: 560px; 
	min-height: 560px; 
	position: relative;
	margin-top: 0px;
	/*padding-top: 10px;*/
	background-color: #fff;
	text-align: center;
	border: 0px solid #000;
	z-index: 5;
}

div#mainBoard-inner {
	width: 1000px;
	/*height: auto !important;
	height: 500px; 
	min-height: 500px; */
	position: relative;
	margin-top: 0px;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
	border: 0px solid #000;
	z-index: 5;
}
	

	/* home */
	div#homeVisual {
		width: 100%;
		height: 350px; 
		position: relative;
		text-align: center;
		border: 0px solid #000;
		z-index: 3;
	}
		div#homeVisual-inner {
			width: 800px;
			height: 350px; 
			position: relative;
			margin-left: auto !important;
			margin-right: auto !important;
			text-align: center;
			/*background-color: #efefef;*/
			border: 0px solid #000;
			z-index: 3;
		}
		
		div.homeVisualBut {
			width: 400px;
			height: 350px; 
			position: absolute;
			border: 0px solid #000;
			z-index: 4;
		}
		div.homeVisualBut img.HPbut { border: 0px; margin: 0px; }
		
		div#homeVisualLighting { top: 0px; left: 0px; }
		div#homeVisualSupply { top: 0px; right: 0px; }
		
		
	
	div#hpContents {
		width: 820px;
		height: 100px; 
		position: relative;
		margin-left: 80px;
		margin-bottom: 20px;
		border: 0px solid #000;
		z-index: 3;
	}
	
		div.hpBoxes {
			width: 340px;
			height: 100px; 
			position: relative;
			/*background-color: #fefefe;*/
			text-align: left;
			border: 0px solid #000;
			z-index: 3;
		}
		div.hpBoxes img.title { border: 0px; margin-left: 80px; margin-bottom: 10px; }
		div#hpBoxLeft { float: left; margin-left: 10px; }
		div#hpBoxRight { float: right; margin-right: 10px; }
	
		div.hpBoxesImg {
			width: 122px;
			height: 62px; 
			float: left;
			border: 0px solid #000;
		}
		div.hpBoxesImg img { width: 120px; height: 60px; border: 1px solid #c4c0c0; }
		
		div.hpBoxesTxt {
			width: 210px;
			float: right;
			text-align: left;
			border: 0px solid #000;
		}
		div.hpBoxesTxt a:link, div.hpBoxesTxt a:visited { color: #000; text-decoration: none; }
		div.hpBoxesTxt a:active, div.hpBoxesTxt a:hover { color: #000; text-decoration: underline; }


	/* pages */
	div.pgCols {
		display: inline;
		border: 1px solid #000;
		z-index: 2;
	}			
		div#pgLeftShort {
			width: 160px;
			height: auto !important;
			height: 270px; 
			min-height: 270px;
			float: left;
			
			/*background-color: #ccc;
			margin-top: 110px;*/
			border: 0px solid #000;
		}
		div#pgLeft {
			width: 160px;
			float: left;
			height: auto !important;
			height: 400px; 
			min-height: 400px;
			margin-top: 0px;
			border: 0px solid #000;
		}
		div#pgRight {
			width: 160px;
			height: auto !important;
			height: 400px; 
			min-height: 400px;
			float: right;
			border: 0px solid #000;
		}
		
		div#pgLeftTop {
			width: 160px;
			height: 120px;
			position: relative;
			border: 0px solid #000;
			z-index: 2;
		}
			
			
			
			div#pgLeftTop-inner {
				width: 180px;
				height: 180px;
				position: absolute;
				top: -60px;
				right: 0px;
				background:  url( "../../graphics/electric-supply_left.jpg" ) no-repeat top right;
				border: 0px solid #000;
				z-index: 2;
			}
		
		
		
		/*div#pgLeftTop img { border: 0px; }*/
	
	
	div#pgContents {
		width: 640px;
		height: auto !important;
		height: 400px; 
		min-height: 400px; 
		float: left;
		display: inline;
		margin-left: 20px;
		text-align: left;
		border: 0px solid #000;
		z-index: 4;
	}
	
		
		
		div#pgLeftCategories {
			width: 160px;
			float: left;
			margin-bottom: 30px;
			z-index: 10;
		}
			div.pgLeftBut {
				width: 148px !important; 
				width: 160px;
				
				height: auto !important;
				height: 21px; 
				min-height: 16px; 
				overflow: hidden;
				/*height: 20px !important; 
				height: 21px; 
				line-height: 20px;*/
				padding-top: 2px; 
				padding-bottom: 2px; 
				padding-left: 12px; 
				padding-right: 0px; 
				float: left;
				text-align: left;
				color: #000;
				background-color: #fff;
				/*font-weight: bold;*/
				margin-bottom: 2px;
				border-bottom: 1px solid #c4c0c0;
				z-index: 10;
			}
			div.pgLeftBut a:link, div.pgLeftBut a:visited { color: #000; text-decoration: none; }
			div.pgLeftBut a:active, div.pgLeftBut a:hover { color: #12466C; text-decoration: none; }
	
		div.pgLeftBox {
			/*width: 160px;
			height: auto !important;
			height: 160px; 
			min-height: 160px; 
			float: left;
			margin-bottom: 10px;background-color: #ccc;
			border: 0px solid #c4c0c0;*/
		}
		div.pgLeftBox img { border: 0px; width: 160px; margin-bottom: 20px; }
	
	
	
	
	
	/* products electric-supplies*/
	
	div#glossaryABC {
		width: 100%;
		height: 26px;
		position: relative;
		margin-bottom: 20px;
		text-align: left;
		font-size: 14px;
		font-weight: normal;
		border: 0px solid #000;
		z-index: 5;
	}
	div#glossaryABC span.glossaryNoSelect { color: #000; }
	
	div#glossaryABC a.glossaryNoSelect:link, div#glossaryABC a.glossaryNoSelect:visited { color: #000; text-decoration: none; }
	div#glossaryABC a.glossaryNoSelect:active, div#glossaryABC a.glossaryNoSelect:hover { color: #000; text-decoration: underline; }
	
	div#glossaryABC a.glossarySelect:link, div#glossaryABC a.glossarySelect:visited { font-weight: bold;/*font-size: 16px;*/ color: #000; text-decoration: none; }
	div#glossaryABC a.glossarySelect:active, div#glossaryABC a.glossarySelect:hover { font-weight: bold;/*font-size: 16px;*/ color: #000; text-decoration: underline; }
	
	div#glossaryABC a.glossary { margin-right: 11px; }
	
	
	
	div#sThumbsShift {
		width: 660px;
		/*height: 540px; */
		height: auto !important;
		height: 400px; 
		min-height: 400px; 
		float: left;
		text-align: left;
		border: 0px solid #ddd;
	}
		
		div#slidePage {
			width: 640px;
			height: auto !important;
			height: 390px; 
			min-height: 390px; 
			float: left;
			text-align: left;
			/*overflow: hidden;*/
			border-bottom: 0px solid #c4c0c0;
		}	
		
			
			div.slidePageCol {
				width: 128px;
				/*height: 390px; 
				min-height: 390px; */
				float: left;
				text-align: left;
				margin: 0px;
				border: 0px solid #c4c0c0;
			}
				
				div.sNameBox {
					width: 120px;
					height: auto !important;
					height: 20px; 
					min-height: 20px;   
					float: left;
					margin-bottom: 5px;
					text-align: left; 
					border: 0px solid #c4c0c0;
				}
				div.sNameBox a:link, div.sNameBox a:visited { color: #000; text-decoration: none; }
				div.sNameBox a:active, div.sNameBox a:hover { color: #000; text-decoration: underline; }
	
				div.sNameBoxBigLetter { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
				div.sNameBoxBigLetterNoFirst { margin-top: 20px; }
			
			
		div#slidePageLogos {
			width: 640px;
			height: auto !important;
			height: 510px; 
			min-height: 510px; 
			float: left;
			text-align: left;
			/*overflow: hidden;*/
			border: 0px solid #ddd;
		}
			
			div.slidePageRow {
				width: 100%;
				height: 115px;
				/*height: 70px; */
				float: left;
				text-align: left;
				border-bottom: 0px solid #c4c0c0;
			}
	
			div.sThumbsBox {
				width: 127px;
				height: 117px !important;
				height: 115px;
				float: left;
				text-align: left;
				border-bottom: 0px solid #c4c0c0;
			}
			div.sThumbsBox img.imgThumb { width: 115px; height: 115px; border: 1px solid #C4C0C0; }
			
			div.slidePageRowLine {
				width: 625px;
				height: 2px !important;
				height: 1px;
				float: left;
				clear: both;
				margin-top: 4px;
				margin-bottom: 5px;
				font-size: 1px;
				/*background-color: #c4c0c0;
				border: 0px;*/
				border-bottom: 1px solid #c4c0c0;
			}
	
	
	
	div.productsNavig {
		width: 620px;
		height: 20px;
		clear: both;
		float: left;
		margin-top: 20px;
		font-size: 11px;
		text-align: right;
	}
	div.productsNavig a:link, div.productsNavig a:visited { color: #000; text-decoration: none; }
	div.productsNavig a:active, div.productsNavig a:hover { color: #12466C; text-decoration: none; }
	
	
	
	
	
	/* News */	
	div.newsListingRow {
		width: 100%;
		height: auto !important;
		height: 40px;
		min-height: 40px;
		position: relative;
		margin-bottom: 14px;
		text-align: left;
		border-bottom: 1px solid #000;
		z-index: 2;
	}
		div.nListingRowTitle {
			width: 100%;
			float: left;
			clear: both;
		}
		
		
		div.nListingRowText {
			width: 500px;
			height: auto !important;
			height: 34px;
			min-height: 34px;
			margin-bottom: 4px;
			font-size: 11px;
			float: left;
			text-align: left;
			border: 0px solid #0ff;
			z-index: 6;
		}
		div.nListingRowText a.openDetails:link, div.nListingRowText a.openDetails:visited { color: #3a3730; text-decoration: none; }
		div.nListingRowText a.openDetails:active, div.nListingRowText a.openDetails:hover { color: #3a3730; text-decoration: underline; }

		div.nListingRowImg {
			width: 120px;
			height: auto !important;
			height: 34px;
			min-height: 34px;
			float: right;
			overflow: hidden;
			text-align: left;
			margin-bottom: 4px;
			border: 0px solid #f0f;
			z-index: 6;
		}
		div.nListingRowImg img { width: 120px; height: 60px; border: 0px solid #fff; margin-bottom: 8px; } 
	
	
	
	img.newsDetailsImg { margin-left: 20px; margin-bottom: 10px; }
	
	div.prodDetailsDown {
		width: 100%;
		/*height: auto !important;
		height: 30px;
		min-height: 30px;*/
		float: left;
		font-size: 11px;
		margin-bottom: 6px;
		text-align: left;
		border: 0px solid #f0f;
	}
	div.prodDetailsDown a:link, div.prodDetailsDown a:visited { text-decoration: none; color: #12466C; }
	div.prodDetailsDown a:active, div.prodDetailsDown a:hover { text-decoration: underline; color: #12466C; }
	
	div.newsUtilities {
		width: 100%;
		float: left;
		font-size: 11px;
		margin-bottom: 6px;
		text-align: left;
		border: 0px solid #f0f;
	}
	div.newsUtilities a:link, div.newsUtilities a:visited { text-decoration: none; color: #12466C; }
	div.newsUtilities a:active, div.newsUtilities a:hover { text-decoration: underline; color: #12466C; }
	
	div.prodDetailsDown img, div.newsUtilities img { margin-bottom: 4px; margin-right: 4px; border: 0px }
	div.newsUtilities img.newsIcon { width: 22px; }
	
	
	div.newsDxRow { 
		width: 140px;
		font-size: 11px;
		text-align: left;
		margin-bottom: 20px;
		border: 0px solid #f0f;
	
	}
	div.newsDxRow a:link, div.newsDxRow a:visited { text-decoration: none; }
	div.newsDxRow a:active, div.newsDxRow a:hover { text-decoration: underline; }
	div.newsDxRow img.newsThumb { width: 120px; height: 60px; margin-bottom: 6px; border: 0px; }
	
	
	
	
	
	/* Logos */	
	div#pgLogos {
		width: 620px;
		height: 50px; 
		position: relative;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-bottom: 0px;
		text-align: center;
		border-top: 1px solid #c4c0c0;
		z-index: 3;
	}
	div#pgLogos img { margin: 4px 3px 3px 2px; border: 0px; }
		


	
	/* contacts */
	form { margin: 0px; }
		
	div.contactsFormRow {
		width: 310px;
		height: 22px; 
		float: left;
		/*position: relative;*/
		margin-right: 10px;
		margin-bottom: 8px;
		text-align: left;
		/*background-color: #ffc;*/
		border: 0px solid #000;
		z-index: 4;
	}
		
	div.contactsFormArea {
		width: 640px;
		height: 120px; 
		float: left;
		/*position: relative;*/
		margin-bottom: 8px;
		text-align: left;
		border: 0px solid #000;
		z-index: 40;
	}
	
	
		div.cFormRowLabel {
			width: 66px;
			/*width: 100px;*/
			height: 22px; 
			float: left;
			margin: 0px;
			text-align: left;
			border: 0px solid #000;
			z-index: 4;
		}
		
		div.cFormRowInput {
			width: 240px;
			/*width: 300px;*/
			height: 22px; 
			float: right;
			margin: 0px;
			text-align: left;
			border: 0px solid #000;
			z-index: 4;
		}
		
		div.cFormRowArea {
			width: 300px;
			height: 120px; 
			float: left;
			margin-left: 4px;
			display: inline;
			text-align: left;
			/*background-color: #ccc;*/
			font-size: 10px;
			padding: 0px;
			border: 0px solid #000;
			z-index: 4;
		}
	
			.formArea {
				width: 99%;
				height: 120px;
				color: #000;
				float: left;
				/*font-size: 13px;*/
				line-height: normal;
				margin-bottom: 10px;
				/*padding: 4px;*/
				border-top: 1px solid #F0ECEC;
				border-left: 1px solid #F0ECEC;
				border-right: 1px solid #C4C0C0;
				border-bottom: 1px solid #C4C0C0;
				
			}
	
	
		
			.pulsanti { width: 100px; height:21px; }
			
			.formInput {
				height: 20px;
				font-size: 11px;
				color: #000000;
				line-height: normal;
				border-top: 1px solid #F0ECEC;
				border-left: 1px solid #F0ECEC;
				border-right: 1px solid #C4C0C0;
				border-bottom: 1px solid #C4C0C0;
				padding-left: 4px;
			}
			.formInputLg { width: 100%; }
			.formInputSm { width: 110px !important; width: 114px; }
			.formInputDl { width: 210px !important; width: 214px; }
			/*
			.formInputArea {
				border: 1px solid #C4C0C0;
				color: #000;
				font-size: 13px;
				height: 120px;
				line-height: normal;
				margin-bottom: 10px;
				padding: 4px;
				width: 99%;
			}
			*/

		
			
			div#privacyStatement {
				width: 212px !important; 
				width: 230px;
				float: right;
				margin-top: 0px;
				margin-bottom: 10px;
				margin-right: 20px;
				padding: 4px;
				font-size: 11px;
				text-align: left; 
				/*color: #999999; */
				border: 1px solid #fff;
				background-color: #EDEDED;
			}
			div#privacyStatement a:link, div#privacyStatement a:visited { color: #231f20; font-weight: bold; text-decoration: none; }
			div#privacyStatement a:active, div#privacyStatement a:hover { color: #231f20; text-decoration: underline; }

			
		div.cFormRowSubmit {
			width: 50px;
			height: 20px; 
			position: absolute;
			top: 0px;
			right: 10px;
			text-align: right;
			border: 0px solid #000;
			z-index: 20;
		}
		div.cFormRowSubmit a:link, div.cFormRowSubmit a:visited { font-size: 10px; text-decoration: none; }
		div.cFormRowSubmit a:active, div.cFormRowSubmit a:hover { font-size: 10px; text-decoration: underline;  }
		
	div.contacts_msg {
		width: 100%;
		margin-top: 30px;
		border: 0px solid #fff;
	}
	div.contacts_msg h3.error { color: #f00; }
	
	
	div#formSearchCeck  { 
		position: relative;
		margin-top: 10px;
		margin-bottom: 10px;
		display: none;
		color: #f00;
		padding: 4px;
		border: 1px solid #f00;
		z-index: 200;
	}
	div#formSearchCeck a:link, div#formSearchCeck a:visited { font-weight: bold; text-decoration: none; color: #f00; }
	div#formSearchCeck a:active, div#formSearchCeck a:hover { text-decoration: none; color: #000; }
	
	
	
	
	
	
	
/* ------------------------- */
/* Footer */
/* ------------------------- */
	
div#footer {
	width: 100%;
	height: 48px; 
	position: relative;
	text-align: center;
	background: #12466c url( ../../graphics/footer_bg.jpg ) repeat-x center top;
	border: 0px solid #000;
	z-index: 1;
}
	
	div#pageFooter {
		width: 1000px;
		height: 34px; 
		line-height: 46px; 
		position: relative;
		margin-left: auto !important;
		margin-right: auto !important;
		/*background: #12466c url( ../../graphics/footer_bg.jpg ) no-repeat center top;*/
		font-size: 11px; 
		color: #fff;
		text-align: center;
		border: 0px solid #000;
		z-index: 2;
	}
	div#pageFooter a:link, div#pageFooter a:visited { color: #fff; text-decoration: none; }
	div#pageFooter a:active, div#pageFooter a:hover { color: #fff; text-decoration: underline; }	
	
		



	

/* --------------------- */
/* Overlayers */
/* --------------------- */

	div#overlayer {
		width: 100%;
		height: 100%; 
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: #000;
		display: none;
		z-index: 2000;
	}
	
		div#pagePopUp {
			width: 100%;
			height: 100%; 
			position: absolute;
			top: 0px;
			left: 0px;
			text-align: left;
			text-align: center;
			display: none;				
			
			border: 0px solid #000;
			z-index: 2100;
		}
			div#pagePopUp-close {
				width: 560px;
				height: 24px;
				margin-top: 60px;
				margin-left: auto !important;
				margin-right: auto !important;
				text-align: right;
				color: #fff;
				font-size: 22px;
				font-weight: normal;
				border: 0px solid #fff;
				z-index: 2200;
			}
			div#pagePopUp-close a:link, div#pagePopUp-close a:visited { color: #fff; padding: 1px 4px; text-decoration: none; }
			div#pagePopUp-close a:active, div#pagePopUp-close a:hover { color: #C4C0C0; text-decoration: none; }	
			
			div#pagePopUp-inner {
				width: 550px !important;
				width: 560px;
				height: 490px !important;
				height: 500px;
				margin-top: 2px;
				margin-left: auto !important;
				margin-right: auto !important;
				overflow: auto;
				text-align: left;
				background-color: #fff;
				border: 5px solid #fff;
				z-index: 2200;
			}
			







	
	
/* --------------------- */
/* Fonts */
/* --------------------- */
	h1 { font-size: 16px; color: #000; margin: 0px 0px 16px 0px; }
	
	h2 { font-size: 13px; color: #3a3730; margin: 0px 0px 8px 0px; }
	h2 a:link, h2 a:visited { color: #12466C; text-decoration: none; }
	h2 a:active, h2 a:hover { color: #12466C; text-decoration: underline; }
	
	h3 { font-size: 12px; color: #3a3730; margin: 0px 0px 8px 0px; }
	h3 a:link, h3 a:visited { color: #12466C; text-decoration: none; }
	h3 a:active, h3 a:hover { color: #12466C; text-decoration: underline; }
	/*
	h6 { font-size: 12px; color: #3a3730; margin: 0px 0px 6px 0px; }
	*/
	.smallFont { font-size: 11px; }
	.xsmallFont { font-size: 10px; }