body{
margin:0;
padding:0;
background:#CCC url(img/bg.jpg) top repeat-x;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#2A4089;
}

*{
margin:0;
padding:0;
}

img{
border:0;
}

.clearLeft{
clear:left;
}

#printFoot{
display:none;
}

/* typography ====================================== */

h2,h3,h4{
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#content h2, #content h3 {
font-size:16px;
}

#content h2.white{
color:#FFF;
font-size:18px;
padding:0;
margin-bottom:10px;
}

/*#content p, #content ul{
font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
}*/

#content p{
line-height:15px;
}

ul{
list-style-type:none;
}

li{
background:url(img/dot_blue.gif) 0px 2px no-repeat;
padding-left:15px;
}

/* navigazione generici */

a{
color:#2A4089;
}

a:hover{
color:#E77C15;
}

.more {
text-align:right;
padding-right:15px;
padding-top:10px;
background:url(img/arrow_double.gif) right 10px no-repeat;
}

.back 
{
text-align:left;
padding-left:15px;
padding-top:10px;
background:url(img/arrow_double_s.gif) left 10px no-repeat;
}

#content .paging{
margin:0 0 0 15px;
padding:20px 0 10px 0;
text-align:center;
position:relative;
width:610px;
}

#content .paging a.pageDown{
display:block;
width:200px;
text-align:left;
position:absolute;
top:20px;
left:0;
}

#content .paging a.pageUp{
display:block;
text-align:right;
width:200px;
position:absolute;
top:20px;
right:0;
}

/* layout ======================================== */

#wrapper {
width:892px;
margin:0 auto;
background:url(img/back_wrap.gif) right repeat-y;
}

#header{
background:url(img/head.jpg) top left no-repeat; 
height:115px;
position:relative;
z-index:3;
}

#mainMenu, #content, #footer{
margin-left:13px;
}

#mainMenu{
background:url(img/back_menu.jpg) top repeat-x; 
height:25px;
margin-right:1px;
position:relative;
z-index:0;
}

#content{
margin-right:215px;
padding-left:10px;
padding-top:15px;
}

#sideBar{
float:right;
width:205px;
padding-top:13px;
}

#footer{
clear:right;
background:#FFF url(img/back_foot.jpg) 0px 0px repeat-x;
position:relative;
margin-right:1px;
}


/* header ======================================= */

#header h1 span, #header h2 span {
position:absolute;
left:-2000px;
}

#header h1 a{
display:block;
width:280px;
height:110px;
}

#header h2{
position:absolute;
top:24px;
right:29px;
background:url(img/MS_ribbon.jpg) no-repeat;
width:112px;
height:112px;
}

#header h2 a{
display:block;
width:112px;
height:112px;
}

/* main menu ============================================ */

#mainMenu{
color:#FFF;
font-family:'Trebuchet MS', Arial, sans-serif;
font-size:12px;
z-index:2;
}

#mainMenu ul{
list-style-type:none;
}

#mainMenu li{
float:left;
background:url(img/menu_div.gif) top right no-repeat;
position:relative;
padding-left:0;
}

#mainMenu li a{
color:#FFF;
text-decoration:none;
font-weight:bold;
float:left;
width:auto;
padding-left:10px;
padding-right:10px;
padding-top:3px;
height:22px;
white-space:nowrap;
}

#mainMenu li a:hover{
background:url(img/menu_hover.jpg) top repeat-x;
}

/* specifici per dropdown menu */

.nav {
	float:left;
}
.nav ul {
	background:#fff; /*IE6 needs this*/
}
.nav li {
	float:left;
	position:relative;
	z-index:999;
}

.nav li ul {
	float:none;
	top:-999em;
	position:absolute;
	background-color:#DFE9F1;
	border-top:#2A4089 1px solid;
	border-left:#2A4089 1px solid;
	border-right:#2A4089 1px solid;
}

.nav li:hover ul,
.nav li.sfHover ul {
	left:-1px;
	top:25px;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul,
.nav li li.sfHover ul {
	left:125px;
	top:-1px;
	width:125px;
}

#mainMenu .nav li:hover,
#mainMenu .nav li.sfHover,
#mainMenu.nav a:focus, #mainMenu .nav a:hover, #mainMenu .nav a:active {
background:url(img/menu_hover.jpg) top repeat-x;
}

#mainMenu .nav li li {
	float:none;
	width:125px;
	background:none;
	padding-right:0;
	border-bottom:#2A4089 1px solid;
}

#mainMenu .nav li li a {
	float:none;
	display:block;
	width:90px;
	color:#2A4089;
}

#mainMenu .nav li li a:hover {
color:#FFF;
}

/* sidebar ================================================== */

#sideBar p{
margin-bottom:10px;
text-align:left;
width:170px;
}

#sideBar p.button{
text-align:right;
margin-bottom:0;
}

#sideBar input{
width:165px;
}

#sideBar .blueButton{
width:auto;
}

.inquiero{
width:180px;
padding-left:25px;
margin-bottom:10px;
}


/* box ricerca */

.searchBox{
background:url(img/back_search.jpg) top left no-repeat;
padding:42px 0 0 13px;
height:70px;
margin-bottom:5px;
}

.searchBox h2{
display:none;
}

/* box id / login */

.greyBox{
background:transparent url(img/sidebox_grey_back.jpg) bottom left no-repeat;
padding-bottom:25px;
}

.greyBox h2{
background:transparent url(img/sidebox_grey_head.jpg) top left no-repeat;
text-indent:-2000px;
height:35px;
}

form.greyBox p{
margin-left:15px;
}

div.greyBox p, div.greyBox li{
margin-left:15px;
margin-bottom:15px;
margin-right:10px;
}

.greyBox li.cartDot{
background:url(img/ico_cart.gif) 0px 0px no-repeat;
height:18px;
padding-left:20px;
}

.greyBox li a{
text-decoration:none;
font-weight:bold;
}

#sideBar .greyBox input{
width:82px;
}

#sideBar .greyBox label{
width:80px;
float:left;
overflow:hidden;
}

#sideBar .greyBox .blueButton{
width:auto;
}


/* box generico */

#sideBar .box{
background:transparent url(img/sidebox_w_back.jpg) bottom left no-repeat;
padding-bottom:20px;
}

#sideBar .box h2{
background:transparent url(img/sidebox_w_head.jpg) top left no-repeat;
font:bold 14px 'Trebuchet MS', Arial, sans-serif;
padding-top:12px;
margin-bottom:10px;
}

#sideBar .box h2, #sideBar .box p{
padding-left:15px;
padding-right:20px;
}

.box img{
float:left;
margin:0 5px 5px 0;
}

#sideBar p.more{
width:150px;
text-align:right;
padding-right:15px;
}

.box .more a{
font-weight:bold;
text-decoration:none;
color:#2A4089;
}

.box .more a:hover{
text-decoration:underline;
}


/* login (aggiunta Lorenzo) */
.morelogin{
text-align:right;
padding-right:15px;
padding-top:10px;
width:160px;
background:url(img/arrow_double.gif) right 10px no-repeat;
}


/* contenuto principale ===================================================== */

/* home page e indici di sezione */

#content .highlight{
background:transparent url(img/box_home_back.jpg) 0 15px no-repeat;
width:650px; /* IE6 fix */
overflow:hidden;
}

#content .highlight h2{
border-left:#2A4089 10px solid;
background:#FFF url(img/back_head_01.jpg) top repeat-x;
width:180px;
padding:2px 0 2px 5px;
margin-bottom:10px;
}

#content .highlight div{
float:left;
width:190px;
padding-left:15px;
}

.highlight a, .products a{
text-decoration:none;
font-weight:bold;
}

#content .highlight p, #content .products p{
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
min-height:60px;
height:auto !important;
height:60px;
}

#content .highlight div img{
display:block;
margin-bottom:10px;
}

#content .highlight p.wide{
padding:10px;
/*font:normal 12px Tahoma, Arial, Helvetica, sans-serif;*/
line-height:14px;
}

#content .highlight p.wide img{
float:left;
margin:0 10px;
}

#content .highlight .moreHome, #content .products .moreHome{
background:transparent url(img/box_home_bottom.jpg) bottom left no-repeat;
height:63px;
text-align:right;
position:relative;
clear:left;
float:none;
width:650px;
margin-left:0;
}

#content .highlight .moreHome a, #content .products .moreHome a{
color:#FFF;
font-weight:bold;
display:block;
text-align:right;
width:300px;
position:absolute;
top:35px;
left:322px;
padding-right:15px;
background:url(img/arrow_d_white.jpg) right no-repeat;
text-decoration:none;
}

#content .highlight .moreHome a:hover,#content .products .moreHome a:hover{
text-decoration:underline;
}

#content .products{
background:transparent url(img/box_home_back.jpg) 0 15px no-repeat;
width:650px; /* IE6 fix */
overflow:hidden;
}

#content .products h2{
border-left:#E77C15 10px solid;
background:#FFF url(img/back_head_01.jpg) top repeat-x;
width:180px;
padding:2px 0 2px 5px;
margin-bottom:10px;
}

#content .products div{
float:left;
width:140px;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
padding-left:15px;
}

#content .products div img{
display:block;
margin-bottom:10px;
}

#content .products h3, #content .products h3 a{
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#2A4089;
text-decoration:none;
}

#content .products h3 a:hover{
color:#E77C15;
}

/* homepage parte bassa */

.lowerHome{
width:669px;
background-color:#FFF;
border-top:#5F8FB8 1px solid;
overflow:hidden;
margin-left:13px;
padding:15px 0;
} 

.lowerHome div{
width:190px;
background:#FFF url(img/back_dotted_01.gif) right repeat-y;
padding:0 15px 10px 15px;
float:left;
min-height:165px;
height:auto !important;
height:165px;
overflow:hidden;
}

.lowerHome .last{
background:none;
}

.lowerHome h2{
text-indent:-2000px;
height:28px;
}

h2#newsHome{
background:#FFF url(img/h_news.gif) top left no-repeat; 
}

h2#downlHome{
background:#FFF url(img/h_downloads.gif) top left no-repeat;
}

h2#refHome{
background:#FFF url(img/h_ref.gif) top left no-repeat;
}

.lowerHome p, .lowerHome li{
margin-bottom:10px;
}

.lowerHome a{
text-decoration:none;
font-weight:bold;
}

/* pagina interna */

#content .contentBox{
border:#2A4089 1px solid;
background-color:#FFF;
padding-bottom:15px;
min-height:400px;
height:auto !important;
height:400px;
margin-bottom:15px;
}

#content h2.pageTab{
height:25px;
border-left:#E77C15 10px solid;
background:#FFF url(img/back_head_01.jpg) top repeat-x;
font-size:16px;
padding:2px 15px 0 5px;
white-space:nowrap;
overflow:visible;
margin-right:0;
margin-bottom:15px;
}

#content .contentBox h2.pageTab a, #content .contentBox h3 a{
text-decoration:none;
}

.contentBox h3,.contentBox h4,.contentBox p,.contentBox ul,.contentBox table,.note{
margin:0 15px;
}

.contentBox h4{
padding-bottom:5px;
font-size:14px;
margin-top:15px;
}

#content .contentBox h3{
font-size:18px;
border-bottom:#2A4089 1px solid;
padding-top:15px;
margin-bottom:20px;
}

.contentBox p,.contentBox ul{
margin-bottom:15px;
}

.contentBox li{
margin-bottom:10px;
}

#content .contentBox .printWarn{
padding-top:10px;
font-size:10px;
}

#content img.floated{
float:left;
margin:0 10px 10px 0;
}

.floatLeft 
{
	float:left;
margin:0 10px 10px 0;
}

/* descrizione prodotto */

.prodfoto{
float:left;
width:260px;
margin:0 15px 15px 15px;
}

.prodfoto img.prodPic{
border:#CCC 2px solid;
}

.prodfoto p{
margin:10px 0 5px 0;
}


.prodDescr{
margin-left:290px;
}

#content .contentBox .note{
clear:left;
background:#EDEDED;
border:#CCC 1px solid;
padding:5px 10px;
text-align:center;
margin-top:15px;
}

.note p{
font:bold 14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#content .note h3{
border-bottom:none;
font-size:14px;
}


.note a.blueButton{
color:#FFF;
height:25px;
text-decoration:none;
}

/* configura la tua macchina */

.config{
clear:left;
}

.config label{
width:200px;
float:left;
font-weight:bold;
}

#content .contentBox .config p{
background-color:#D3E9F6;
margin-bottom:1px;
padding:2px 5px;
}

#content .contentBox .config .note p{
background:none;
}


/* prod. lista */

#content .contentBox .prodView{
background-color:#D3E9F6;
padding:5px;
margin:5px 15px;
position:relative; /* ie6 peekaboo bug fix */
}

#content .contentBox .prodView img{
width:60px;
height:60px;
float:left;
position:relative; /* ie6 peekaboo bug fix */
border:#96B6CF 2px solid;
}

#content .contentBox .prodView p{
padding:2px 5px 2px 75px;
margin:0;
}

/* highlights interni */

#content .intHighlight{
margin-left:15px;
overflow:hidden;
padding:25px 0;
}

#content .intHighlight a{
margin-left:0;
font:bold 14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
text-align:right;
padding-top:15px;
padding-right:10px;
margin-right:10px;
background:url(img/back_title_gen.jpg) top left no-repeat;
width:170px;
height:55px;
float:left;
text-decoration:none;
}

#content .intHighlight a:hover{
background:url(img/back_title_gen.jpg) 0px -70px no-repeat;
}

/* news e referenze */

.newsItem{
margin-bottom:25px;
clear:left;
}

.newsItem img{
width:60px;
height:60px;
float:left;
border:#CCC 1px solid;
margin:0 10px 0 0;
}

#content .newsItem .more{
font-size:10px;
padding:2px 20px 2px 0;
background:#EDEDED url(img/arrow_double.gif) right no-repeat;
clear:left;
}

#content .newsItem .more a{
text-decoration:none;
}

/* carrello */

.cartTable{
width:610px;
margin-top:20px;
}

.cartTable td{
border-bottom:#FFF 1px solid;
background-color:#D3E9F6;
padding:2px 5px;
}

.cartTable .blueButton{
text-decoration:none;
color:#FFF;
}

.quant{
width:25px;
}

.cartTable th{
text-align:left;
background-color:#EDEDED;
border-bottom:#FFF 1px solid;
padding:5px;
}

.cartTable1{
width:610px;
margin-top:20px;
}

.cartTable1 td{
text-align:left;
background-color:#EDEDED;
border-bottom:#FFF 1px solid;
padding:5px;
}

/* risultati ricerca */

ul.results li{
background:url(img/dot_blue.gif) 0px 5px no-repeat;
}

ul.results li p{
margin:0 0 0 15px;
padding:0;
}






/* oggetti form - generale ========================================================== */

.blueButton{
padding:2px 5px;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
background:url(img/back_button_gen.jpg) top left repeat-x;
border:#2A4089 1px solid;
}

.blueButton:hover{
background:url(img/menu_hover.jpg) top repeat-x;
color:#2A4089;
}

input{
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
}

option{
margin-right:20px;
}

/* registrazione */

.regForm{
padding:10px 15px;
}

.regForm fieldset{
border:0;
padding:0;
position:relative;
margin-bottom:20px;
padding-top:10px;
}

.regForm legend{
width:auto;
color:#2A4089;
font-size:12px;
font-weight:bold;
position:absolute;
top:0;
left:10px;
border:#CCC 1px solid;
background-color:#FFF;
padding:2px;
}

.regForm p{
background-color:#EDEDED;
margin:0 0 1px 0;
padding:5px;
clear:left;

}

.regForm label{
width:250px;
padding-right:10px;
float:left;
text-align:right;
}

.regForm input.blueButton{
font-size:10px;
}

/* .regForm p.leftForm{
width:280px;
float:left;
clear:none;
text-align:left;
}

.regForm p.leftForm label{
width:110px;
padding-right:10px;
float:left;
text-align:right;
}

.regForm .rightForm{
clear:none;
padding-left:320px;
text-align:left;
}

.regForm .rightForm label{
width:80px;
padding-right:10px;
float:left;
text-align:right;
} */

.regForm input{
border:#2A4089 1px solid;
font-size:12px;
width:120px;
}

.regForm .note{
margin:0;
}



/* footer ==================================== */

#footer h2{
background:url(img/foot_logo.jpg) top left no-repeat;
width:159px;
height:27px;
text-indent:-2000px;
position:absolute;
top:-10px;
left:0;
}

#footer p{
padding:45px 0 10px 10px;
}

.arscolor{
position:absolute;
top:0;
right:5px;
text-align:right;
}

#footer a{
color:#2A4089;
}