/*----------------------------------------
posAbsolute CSS framework : http://www.position-absolute.com
Based on the nice Elements CSS Framework

Name: base.css
Developed by:
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("import/reset.css");
@import url("import/externalLinks.css");
/*@import url("import/basicForms.css");*/
@import url("product_form.css");
@import url("product_list.css");
@import url("product_detail.css");


.imgMarchi {border-bottom: 1px dotted silver;padding: 2px 0px 2px 0px}

#printLogo{display:none;} /* added for printing the page */

/* Main Horizontal Menu init */
#MainHorizontalMenu {
  width:960px;
  margin: 0px auto;
  background:#FFFFFF;
  border-bottom:8px solid #20344F;
  float: left;
}


/* Main Horizontal Menu end */


/* Back Main Container */
#BackMainContainer{ 	
	width:966px; margin: 0px auto; background:#202020;
}


/* Main Container */
#MainContainer{ 	
	width:960px;
	margin: 0px auto;
   background: #FFFFFF;
    /*
    background-image: url(img/1wl.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    */
    /*
    background-image: url(img/back3.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    */

}

/* Company Sign init */
#Sign {
  font-family: Arial Narrow;
  font-variant: small-caps;
  width:       98%;
  height:      50px;
  position:    absolute;
  top:         80px;
  left:        1%;
  text-align:  center;
  border:      0px solid red;  /* per debug */
  display: none; /* 7/12/09 */
}

#Sign h1{
  display: inline;font-size: 3em;line-height: 30px;
}
#Sign h2{
  display: inline;font-size: 3em;line-height: 30px;
}
#Sign h3{
  display: inline;font-size: 3em;line-height: 30px;
}
#Sign h4{
  display: inline;font-size: 3em;line-height: 30px;
}
#Sign h5{
  display: inline;font-size: 3em;line-height: 30px;
}
#Sign span{
  font-weight:bold; color:red;
}
/* Company Sign end */


/* Carousel Menu init */
#CatalogueCategoryCarousel {
clear:both;text-align:left;padding-left:110px;border-width:0px 0px 0px 0px;border-style: dotted;border-color: silver;
display:none;/* elemento non reso sulla pagina che non occupa spazio */
/*visibility:hidden; /* elemento reso sulla pagina che non verra mostrato ma occupera spazio */*/
}
#CatalogueCategoryCarousel img {
border-right:1px dotted silver;
}
/* Carousel Menu end */


/* Elements
----------------------------------------*/
html{
	background-color:#20344F;
	}
	
body{
	background-color:#20344F;
    text-align: center; /* centra for IE */  /* corrado*/
}

body, p, td, th, li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000000;
}
#ImgLogo1{
/* left:10px; */    /* 7/12/09 */
/*
position: relative;
display: inline;
*/
background-color:#FFFFFF;
}
/* added for printing the page */
#ImgLogo1 img {vertical-align:bottom}
#ImgLogo2{display:none;} /* added for printing the page */
#ImgLogo3{display:none;} /* added for printing the page */
#ImgLogo4{display:none;} /* added for printing the page */
#ImgLogo5{display:none;} /* added for printing the page */


p{margin: 0 0 10px 0;}


/*--- Basic Link Styles ---*/
a{color:#333;}
a:hover{color:#333;text-decoration:none;}
a:link{text-decoration:none;}   /* corrado */
	
	
/*--- Basic Title Styles ---*/
h1,h2,h3,h4,h5,h6{
	margin:5px 0 10px 0;
	font-size:17px;
}
	h2{color:#5C8127; font-size:16px;}
	h3{color:#5C8127; font-size:15px;}
	h4{color:#5C8127; font-size:14px;}
	h5{color:#5C8127; font-size:13px;}
	h6{color:#5C8127; font-size:12px;}

	ul{margin-left:25px; list-style-type:none;}
	ol{margin-left:25px;}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em			{font-style:italic;}


/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}

.box {padding:10px; margin: 0 0 10px 0;}

/* Main Header
----------------------------------------*/
#MainHeader{
   margin:0 0 0 0;
	padding:0 0 0 0;
   /*height:280px;*/               /* non va */
   /* il codice sottostante fixa la visualizzazione del box header su tutti i browser */

   min-height: 200px;
   height: auto !important;
   height: 200px;




/*  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;*/
}
/*#Mainheader * {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  }*/



/* Main Body
----------------------------------------*/
#MainBody{
	
}

	/* #MainBodyLeft children of MainBody
	----------------------------------------*/
#MainBody #MainBodyLeft{
float:left;
width:200px;
line-height: 25px;
text-align:justify;
font-size:1.2em;
}

	/* #MainBodyCenter children of MainBody
	----------------------------------------*/
#MainBody #MainBodyCenter{ 
float:left;
width:540px;
padding: 0 10px 30px 10px;
background-color: #FFFFFF;
border:0px dotted red;
}

	/* #MainBodyRight children of MainBody
	----------------------------------------*/
#MainBody #MainBodyRight{ 
float:left;
width:200px;
line-height: 25px;
text-align:justify;
font-size:1.2em
}


/* BOX
----------------------------------------*/
.boxcontainer {
 line-height: 20px;
}
.boxheader {
   height:20px;
   background:#B0C4DE;
   text-align:center;
   border-bottom:1px inset #FF0000;
   font-weight: bold;
   background:url(img/boxbkg.jpg);
   background-repeat: repeat-x;
   background-position: top left;
}
.boxcontent {
 /* height:100%; */    /* 09/12/09 */
 min-height: 64px;   /* 09/12/09 */
 background: #FFFFFF;
 border-width:0px 1px 1px 1px;
 border-style:dotted;
 border-color:silver;
 text-align:center;
}
.boxcontent * {

}

/* ROTATOR MARCHI
----------------------------------------*/
#brand_rotator {
overflow: hidden;
}


/* NEWS
----------------------------------------*/
#newsBox *{
text-align: center;

}


/* TEXT CONTENT SECTION
----------------------------------------*/

.textcontentSection {
  line-height: 25px;text-align:justify;font-size:14px;
}
.titlecontentSection {
  text-align:center;font-size: 14px;font-weight:bold;
}

/* ---------------------------------- */
/*  Footer                            */ 
/* ---------------------------------- */
#MainFooter{
	background:#202020;  /*#20344F;*/
	margin:20px 0 0 0px;
	padding: 0 0 0 0;
	height:60px;
  width: 100%;

}

#MainFooter p {
  font-size:10px;
  text-align:center;
  color: #FFFFFF;
}

#MainFooter a {
  color:white;
}

/* ------------------------------------- */
/* Corpo dello sscrolling della vetrina  */
/* ------------------------------------- */
#ShowContent{
  height: 130px;
}



/* ---------------------------------- */
/* Corpo dello sscrolling delle news  */
/* ---------------------------------- */
#NewsContent{
  color: black;
  width: 99%;
  height: 200px;
  text-align:left;
}

#NewsContent div{
border: 0px;
}

.NewsHead{
   font: 12px Arial, Helvetica, sans-serif;
   width: 98%;
	text-decoration: none;
	padding: 0px;
}
.NewsBody{
   font: 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: justify;
   width: 98%;
	height: 100px;
	padding: 0px;
}
.NewsFooter{
   font: 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: right;
   width: 98%;
	padding-right: 0px;
   border: 0px solid black;
}

/* ------------------- */
/*  Header di pagina   */
/* ------------------- */

.PageHead{
  width: 100%;
  background-color: #fff;
  border-collapse: collapse;
}
.PageArea{
  margin-top:0px;
  text-align: right;
  font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; 
  color: black;
}
.PageUpdate{
  margin-top: 0px;
  text-align: right;
  font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; 
  color: black;
}
.PageTitle{
  margin-top:0px;
  text-align:left;
  font: 24px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; 
  color: black;
}
.PageToolTip{
  margin-top:0px;
  text-align:left;
  font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; 
  color: black;
}

/* ------------------------------------ */
/*  Forms ricerca prodotti in area main */
/* ------------------------------------ */

#CategoryList{
  margin: 5px; 
  font: 16px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; 
  min-width: 360px;
  max-width: 400px;
  width: 280px;
  text-align: left;
}

#CategoryList li{
  margin-left: 10px;
  font: 14px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; 
}

#ProductList{
  margin: 5px;
  font: 14px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; 
}

#ProductDetail{
  margin: 0px;
  border: 0px solid gray;
  height: auto;
  width: 100%;
  text-align: left;
  float: left;
}

#ProductImg{
  margin: 2px;
  height: 80px;
  width: 80px;
  text-align: left;
  float: left;
}

#ProductTitle{
  margin: 2px;
  width: 100%; 
  background-color: silver;
  font: 14px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; 
  text-align: left;
}

#ProductTooltip{
  border: 0px solid;
  vertical-align: top;
  margin: 5px;
  font: 11px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; 
  height: 100%;
  text-align: left;
}

#ProductLink{
  border: 0px solid;
  vertical-align: bottom;
  font: 10px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; 
  width: 100%;
  float: right;
  text-align: right;
}

#ProductDownload{
  border: 0px solid;
  vertical-align: bottom;
  color: #105c6e; 
  font: 16px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; 
  float: right;
  text-align: right;
  margin-left: 5px; 
}

#Product{
  border: 0px solid;
  vertical-align: bottom;
  font: 10px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; 
  width: 100%;
  float: right;
  text-align: right;
}

/* Clearfix
When using a display block container and having floated div inside
add this class to the container to have it wrap floated children
----------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/*.clearfix { display: inline-block;}*/ /* original */

* html .clearfix {height: 1%;}


/* ------------------- */
/* Tabella area find  */
/* ------------------- */

.findtable { 
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
 	text-align: left;
	border-collapse: collapse;
	border: none;
	border-top: none;	
}
.findtable a {
	text-decoration: underline;
	color: #105c6e;
}
.findtable a:visited {
	text-decoration: none;
}
.findtable a:hover, .findtable a:active {
	background-color: #008eb1;
	text-decoration: none;
	color: #eee;
}
.findtablehead th {
	color: navy;
	background-color: #fff;
	border-bottom: 2px solid #070d72;
}
.findtablebody {
	font: 10px Arial, Helvetica, sans-serif;
}
.findtablebody tr.odd td, .findtablebody tr.odd th {
  background: #eee url('tealbg.gif');
	
}
.findtablebody tr {
	vertical-align: top;
}
.findtablebody tr, .findtablebody th, .findtablebody td {
	padding: 0px;
}
.findtablecaption {
	color: white;
	text-align: left;
	background: #fff url('tbHead.png') no-repeat 0 50%; 
	font-style:normal; font-variant:normal; font-weight:normal; font-size:18px; font-family:Arial, Helvetica, sans-serif
}
.findtablefoot th, .findtablefoot td {
	background-color: #cdceec; 
	font-weight: bold;
	font-size: 105%;
}
.findtablefoot th {
	font: 10px Arial, Helvetica, sans-serif;
	color: navy;
	text-align: right;
}