@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #999;
	background-color:#666666;/*these three lines replace the n4_upgrade.gif in n4.css. and if you use this code, make sure you point to an img on _your_ server, not mine.*/
	background-repeat: no-repeat;
	background-position: top left;
	}
#content {
	margin: 0em;
	padding: 4em 6em 2em 6em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}

/* REPLACER */
.imageReplace { background-position: top; background-repeat: no-repeat; display: block;cursor:pointer; }
.imageReplace span { width: 0; height: 0; overflow: hidden; display: block; cursor: pointer;position:absolute}
a.imageReplace:hover { background-position: bottom !important;cursor: pointer; }
input.btnReplace { visibility: hidden; }
img.btnReplace { cursor: pointer; }
.fltRight { float: right; margin: -14px 60px 0 0; }
/* FINE REPLACER */
/* DEFINIZIONE TITOLI */
h1#Titolo_News { margin: 0px; width: 295px; height: 35px; background-image: url('Img/Title_News.jpg'); }
h1#Titolo_Catalogo { margin: 0px; width: 245px; height: 35px; background-image: url('Img/Title_Catalogo.jpg'); }	
h1#Titolo_ContactUs{ margin: 0px; width: 135px; height: 35px; background-image: url('Img/ContactUs.jpg'); float:right;}	
h1#Titolo_HomePage{ margin: 0px; width: 140px; height: 35px; background-image: url('Img/HomePage.jpg');float:left }
h1#Titolo_Dettagli { margin: 0px; width: 195px; height: 35px; background-image: url('Img/Title_ProductDetails.jpg'); }	
h1#Titolo_Simili { margin: 0px; width: 200px; height: 35px; background-image: url('Img/Title_SimilarProduct.jpg'); }
h1#Titolo_Contact{ margin: 0px; width: 135px; height: 35px; background-image: url('Img/ContactUs.jpg');}	
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 100%;
	line-height: 1.2em;
	color:#666666;
	}
.narrow2{
	width: 100%;
	line-height: 1.3em;
	}
	
		
/*typography*/
a {
	text-decoration: none;
	color: #333333;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: none;
	color:#ff0000;
	}
h2 {
	font-family: "Century Gothic", "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom:0.2em;
	color:#666666;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #000000;
	}
h1 {
	font-family:"Century Gothic";
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: -0.2em;
	color: #333333;
	}
h3 {
	font-family: "Century Gothic", "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom:0.2em;
	color:#000000;
	}
h4 {
	font-family: "Century Gothic", "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom:0.3em;
	color:#666666;	
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
.img_border {
	border:1px solid #999999;
}

ol, ul, li {/*
	list-style: none;*/
	font-size: 1em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	margin-left: 0px;
	margin-right: 15px;
	list-style-type: circle;
	}
p {
	font-size: 1em;
	line-height: 1.8em;
	margin: 0em 0em 1.2em 0em;
	color:#666666;
	padding: 0 5px 0 5px;
	}

li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
	.style1 {color: #FF0000}
.title {
	font-size:180%;
	font-weight:bold;
	padding-top:0px;
	background:transparent;
	color:#333;
}
.BodyFix #latest_news {
	padding-bottom:10px;
	border-bottom-color: #999999;
}
.homepage_item{
	height:200px;
	width:600px;
}
.BodyFix #container {
	width: 824px;
	margin: 0 auto;
	text-align: left;
	background-repeat: repeat-y;
	background-color: #666666;
	padding: 0px 100px 0px 100px;
	margin-top: 0px;
	background-image: url(img/backgound.jpg);
} 
.BodyFix #header {
	background-repeat: no-repeat;
	padding-bottom: 5px;
	padding-top: 20px;
	border-bottom: 0px solid #CCCCCC;
} 
.BodyFix #search {
	background-repeat: no-repeat;
	padding-bottom: 5px;
	padding-top: 0;
	border-bottom: 1px solid #CCCCCC;
} 
.BodyFix #large_image {
}
.BodyFix #list {
}
.BodyFix #navigation {
	color:#999999;
	width: 824px;
	height: 203px;
	}
#navigation ul {
	color:#CCCCCC;
	margin-left: 0.2em;
	list-style-type: none;
	list-style: none;
	display:inline;
	font-family: "CENTURY GOTHIC";
	font-size: 1.2em;
	padding: 0PX 2PX 0PX 0PX;
}
 .BodyFix ul li {
	color:#666666;
	display: list-item;
	list-style-type: none;
	margin: 0em 0em -.5em 0em;
}
.BodyFix #header h1 {
	font-family: "century gothic";
	font-size: 1.6em;
}

.BodyFix #news {
	width: 810px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 30px 0px 30px 10px; /* padding keeps the content of the div away from the edges */
	margin-top: 0px;
}
.news {
	width: 810px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 30px 0px 30px 10px; /* padding keeps the content of the div away from the edges */
	margin-top: 0px;
	border-bottom: 1px solid #CCCCCC;
	float:left;
}
.BodyFix #catalogo {
	width: 780px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 30px 0px 15px 10px; /* padding keeps the content of the div away from the edges */
	margin-top: 0px;
}
.catalogo {
	width: 780px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 30px 0px 15px 10px; /* padding keeps the content of the div away from the edges */
	margin-top: 0px;
	border-bottom: 0px solid #CCCCCC;
	float:left;
}

.BodyFix #full_width_page {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-bottom-color: #CCCCCC;
}
.BodyFix #mainContent {
	margin: 0px 0px 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-top: 0px;
	top: 100px;
	height: 100%;
} 
.BodyFix #footer {
	background-image: url(img/footer.jpg);
	width: 824px;
	margin: 0px 0 0 -100px;
	background-repeat: no-repeat;
	height: 79px;
	z-index: 2;
	padding: 0px 100px 0 100px;
} 
 
.BodyFix #footer p {
	margin: -5px 0 0 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
}
.BodyFix #sub_footer {
	padding: 5px 5px 5px 5px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align:center;
	font-size: 0.8em;
	color: #FFFFFF;
	background-color: #666666;
	z-index: 3;
	width: 974px;
	margin: auto;
} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 0px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	margin-left: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.presskit_example {
	float: left;
	margin-left: 35px;
	margin-top: 15px;
	width: 243px;
	margin-bottom: 20px;
	height: 115px;
}
BodyFix #list_nav {
width: 100px;
margin-right:300px;
}




/* quote rollover buttons */

#quote_button {
width:114px;
height: 29px;
float:right;
}
#quote_button a {
width:114px;
height: 29px;
border:0;
text-decoration:none;
display:block;
background:transparent url(images/quote.jpg) no-repeat;
text-indent:-9999px;
}
#quote_button a:link #quote_button a:visited {
background-position:0px 0px;
}
#quote_button a:hover {
background-position:0px -29px;
}
#quote_button a:active {
background-position:0px -58px;
}
#quote_container {
background-image:url(images/quote_background.jpg);
background-repeat:no-repeat;
height:600px;
padding-top:20px;
padding-left:10px;
padding-right:10px;
}


/* this begins the Lightbox2 CSS for image popup effect */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}