/* --------------------------- */
/* GENERALs */
/* --------------------------- */
html, body { 
	margin: 0px; 
	padding: 0px; 
	height: 100%; 
}

body {
	text-align: center;
	margin: 0 auto; 
	padding: 0px;
	background-color: #fff;
}
 
html, body, td, div, p {
	font-size: 12px; 
	font-family: Arial, Verdana, Tahoma, Helvetica, Geneva;
	color: #fff;
}
a:link, a:visited, a:active { color: #fff; text-decoration: underline; }
a:hover { color: #5A79BC; text-decoration: underline; }

p { margin: 0px; }


/* --------------------------- */
/* TABLEs */
/* --------------------------- */

TABLE.pg_mainTB {
	width: 730px;
	height: 100%;
	margin: 0px;
}
	
	TABLE.pg_mainTB TD.topTD { 
		height: 10%;
	}
	
	TABLE.pg_mainTB TD.headerTD { 
		width: 730px;
		height: 80px;
		padding: 0px 0px 0px 0px;
		/*background-image: url( ../../graphics/header_bg.gif );*/
		text-align: left;
		vertical-align: top;
		border: 0px 0px 1px 0px solid #2a2a2a;
	}
	img.header_logo { width: 220px; height: 56px; margin: 0px; border: 0px solid #000; }
	
	div#headerArea {
		width: 710px;
		height: 64px;
		position: relative; 
		left: 10px; 
		top: 6px;
		margin: 0px;
		text-align: left;
		vertical-align: top;
		border: 0px solid #fff;
	}
		div#headerLogo {
			width: 220px;
			height: 56px;
			position: absolute; 
			left: 0px; 
			top: 0px;
			margin: 0px;
			border: 0px solid #fff;
		}
		div#headerAddress {
			width: 340px;
			height: 64px;
			color:#333;
			position: absolute; 
			right: 0px; 
			top: 40px;
			margin: 0px;
			text-align: right;
			vertical-align: bottom;
			border: 0px solid #fff;
		}
		div#headerAddress a, div#headerAddress a:visited{
			text-decoration:none;
			color:#333;
		}
	
	
	TABLE.pg_mainTB TD.toolbarTD { 
		width: 730px;
		height: 22px;
		
		padding: 0px 0px 0px 0px;
		text-align: center;
		vertical-align: middle;
	}
	
	
	
	TABLE.pg_mainTB TD.sepTD {
		width: 730px;
		padding: 0px 0px 0px 0px;
		background-image: url( ../../graphics/sep_bg.gif );
		background-position: top;
		background-repeat: repeat-x;
	}
	
	TABLE.pg_mainTB TD.sepBTD {
		width: 730px;
		height: 17px;
		font-size: 2px;
		padding: 0px 0px 0px 0px;

		border-bottom: 0px solid #2e2e2e;
		
	}
	
	
	TABLE.pg_mainTB TD.contentsTD { 
		width: 730px;
		height: 516px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		vertical-align: top;
		
		border: 0px solid #575757;
	}
	
	
	TABLE.pg_mainTB TD.footerTD { 
		height: 100%;
		/*background-image: url( ../../graphics/footer_bg.gif );
		background-position: top;
		background-repeat: repeat-x;*/
		padding-top: 4px;
		font-size: 11px;
		text-align: center;
		vertical-align: top;
		 text-decoration: none;
	}
	TABLE.pg_mainTB TD.footerTD A:link, TABLE.pg_mainTB TD.footerTD A:visited { color: #333; text-decoration: none; }
	TABLE.pg_mainTB TD.footerTD A:active, TABLE.pg_mainTB TD.footerTD A:hover { color: #333; text-decoration: underline; }
	
.footer{border-top:1px solid #ccc;color:#333;text-align:left;padding-top:5px;}	
TABLE.middleTB { 
	width: 730px;
	height: 510px;
	padding: 0px 0px 0px 0px;
}	
		
	TABLE.middleTB TD.imageLargeTD {
		width: 210px;
		height: 510px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		vertical-align: top;
		/*background-color: #696969;*//*#424242*/
	}	
	img.leftImg { width: 202px; height: 510px; margin-right: 6px; border-right: 2px solid #2c2c2c; }
	
	
	
	TABLE.middleTB TD.standardTD {
		width: 520px;
		height: 510px;
		padding: 48px 48px 16px 48px;
		text-align: left;
		vertical-align: top;
		color:#666;
		/*background-color: #696969;*/
	}	
	
		div.pgTitles {
			width: 92%;
			/*width: 410px !important;
			width: 420px;*/
			height: 22px; 
			margin: 0px 0px 24px 0px;
		
			text-align: left;
			vertical-align: middle;
			font-size: 18px; 
			font-weight: bold;
			color: #333;
			text-decoration: none;
		}
		
		div.companyImgBox {
			width: 250px !important; 
			width: 262px; 
			border: 1px solid #5791dd; 
			padding: 6px; 
		}
		
	
	/* Home */
	TABLE.middleTB TD.sectionsTDhp {
		width: 520px;
		height: 510px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		vertical-align: top;
		/*background-color: #696969;*/
	}	
	
	/* Products */
	TABLE.middleTB TD.sectionsTD {
		width: 730px;
		height: 510px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		vertical-align: top;
		/*background-color: #696969;*/
	}
	
		TABLE.sectionsTB TD.secHeadTD {
		
			height: 510px;
			padding: 0px 0px 0px 0px;
			text-align: left;
			vertical-align: top;
		
			border:0;
		}
		img.secHead { width: 30px; height: 510px; margin: 0px; border-left: 1px solid #2c2c2c; border:0; }
		
		TABLE.sectionsTB TD.secDummyTD {
			height: 510px;
			
			padding: 0px 0px 0px 0px;
			text-align: left;
		
		}
		
		TABLE.sectionsTB TD.secDetailsTD {
			height: 510px;
			padding: 0px 0px 0px 0px;
			text-align: left;
			vertical-align: top;
		}
		
			div#itemDetailsBoard {	
				width: 730px; 
				height: 510px; 
				position: relative; 
				margin: 0px; 
				padding: 0px; 
				z-index: 2;
				border: 0px solid #fff; 
			}
			
			
			
			div#secDetailsArea {
				height: 470px; 
				position: relative; 
				margin-top: 40px;
				margin-left: 20px; 
				border: 0px solid #fff;
				
			}
	
				table.prodTitlesTB TD.prodTitlesTD {
					height: 22px !important; 
					height: 30px;
					padding: 6px 10px 2px 10px;
					text-align: left;
					vertical-align: middle;
					font-size: 16px; 
					font-weight: bold;
					color: #fff;
					background-image: url( ../../graphics/titlesProd_bg.gif );
					background-position: top;
					background-repeat: repeat-x;
					text-decoration: none;
				}
				
				
				
				div#prodDescription {
					height: 120px;
					position: absolute; 
					left: 0px;
					top: 44px;
					/*bottom: 300px;*/
					margin: 0px;
					padding: 0px;
					text-align: left;
					vertical-align: top;
					border: 0px solid #fff;
					overflow: auto;
					color:#666;
				}
				
				div#prodLoading {
					height: 60px;
					position: absolute; 
					left: 0px;
					bottom: 160px;
					margin: 0px;
					padding: 0px;
					color: #D7D7D7;
					text-align: center;
					vertical-align: middle;
					border: 0px solid #fff;
					overflow: hidden;
					z-index: 2;
				}
				
				
				div#prodList {
					/*height: 22px !important; */
					height: 280px;
					position: absolute;
					width:100%;
					left: 0px;
					bottom: 20px;
					margin: 0px;
					padding: 0px;
					text-align: center;
					vertical-align: top;
					border: 0px solid #fff;
					overflow: hidden;
					z-index: 2;
				}
				div#prodList_test {
					/*height: 22px !important; */
					height: 280px;
					position: absolute;
					width:100%;
					left: 0px;
					bottom: 20px;
					margin: 0px;
					padding: 0px;
					text-align: center;
					vertical-align: top;
					border: 0px solid #fff;
					overflow: hidden;
					z-index: 2;
				}
				div#prodList_test img{
					/*height: 22px !important; */
					
					width:auto;
				
				}
				
				img.imgDetails { height: 120px; margin: 10px 5px; border: 0px solid #2c2c2c; }
				
					div#divScrollTextCont { 
						/*width: 220px; */
						height: 280px;
						position: relative; 
						VISIBILITY: hidden; 
						top: 0px; 
						left: 0px; 
						overflow: hidden; 
						/*background-color: #696969;*/
						/*clip: rect( 0px 220px 280px 0px ); */
						border: 0px solid #0f0;
						
					}
					div#divText {	
						/*width: 220px;*/ 
						position: absolute; 
						left: 0px; 
						top: 0px; 
						border: 0px solid #f00;
					}
					img.arrow { width: 30px; height: 30px; margin-top: 4px; border: 0px solid #fff; }
				
					
			
				
				div.zoomBoxPopup {
					width: 500px; 
					height: 480px; 
					margin-top: 20px; 
					background-color: #696969;
					text-align: center; 
					vertical-align: middle; 
					border: 1px solid #284162;
				}
				img.imgZoom { margin: 20px; border: 0px solid #2c2c2c; } /* width: 400px; height: 400px; */
		
				div.zoomBoxPopup A:link, div.zoomBoxPopup A:visited { font-size: 18px; font-weight: bold; color: #fff; text-decoration: none; margin: 0px 4px; background-color: #5A79BC; }
				div.zoomBoxPopup A:active, div.zoomBoxPopup A:hover { font-size: 18px; font-weight: bold; color: #5A79BC; text-decoration: none; margin: 0px 4px; background-color: #fff; }

				
	/* Contacts */
	TABLE.middleTB TD.contactsTD {
		width: 730px;
		height: 510px;
		padding: 48px 48px 16px 48px;
		text-align: left;
		vertical-align: top;
		color:#666;
		/*background-color: #696969;*/
	}
	
		
				
				
				
/* --------------------------- */
/* DIVs */
/* --------------------------- */
.openBlock { display: block; }
.closedBlock { display: none; }


/* --------------------------- */
/* TOOLBAR */
/* --------------------------- */

		DIV#toolBar {
			/*width: 720px; */
			height: 18px; 
			position: relative; 
			margin-top:2px;
			border: 0px solid #fff;
			z-index: 1;
		}
		
			#toolBar ul {
				padding: 0px;
				margin:0px;
				position: relative; 
				
			}
			#toolBar ul li { 
				height: 18px; 
				display: inline; 
				padding: 0px 20px 0px 16px;
				font-size: 12px;
				font-weight: normal;
				letter-spacing: 0px;
				border-bottom: 0px solid #000;
				color:#333;
				
			}
		
			#toolBar ul li a:link, 
			#toolBar ul li a:visited {
				color: #333;
				padding-top: 0px !important;
				padding-top: 2px;
				text-decoration: none;
				border-bottom: 0px solid #000;
			}
			#toolBar ul li a:active, 
			#toolBar ul li a:hover {
				color: #528ad6; 
				text-decoration: none;
			}
			
			#toolBar ul li#Active a { color: #528ad6; text-decoration: none; border-bottom: 2px solid #5A79BC; }
	

/* --------------------------- */
/* FONTs */
/* --------------------------- */
 /* titoli pagine */
/*h1 {
	margin: 0px 0px 30px 0px;
	font-size: 18px; 
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

h1 A:link, h1 A:visited { text-decoration: none; color: #1C2020; }
h1 A:active, h1 A:hover { text-decoration: underline; color: #1C2020; }
*/

 /* titoli listing generico */
h2 {
	margin: 0px 0px 8px 0px;
	color: #5892E1;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
h2 A:link, h2 A:visited { text-decoration: none; color: #5892E1; }
h2 A:active, h2 A:hover { text-decoration: underline; color: #5892E1; }


h3 {
	margin: 0px 0px 8px 0px;
	color: #fff;
	font-size: 12px; 
	font-weight: bold;
	text-decoration: none;
}
h3 A:link, h3 A:visited { text-decoration: none; color: #5A79BC; }
h3 A:active, h3 A:hover { text-decoration: underline; color: #5A79BC; }


.XMTech { color: #5892E1; font-weight: bold; }
/* per slideshow*/
.slideshow { height: 510px; width: 230px; margin: auto }
.slideshow img { padding:0 }

/* Matteo per la paginazione foto */

.containerPhoto{height:120px;width:183px;border:0px solid #000;float:left;margin-bottom:40px;overflow: hidden;}
.containerPhoto img{text-align:center;margin:auto;overflow: hidden;}