/* STILI STRUTTURA */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	zoom:1
}

table {
	border-spacing:1;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
caption  {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
img{
	-ms-interpolation-mode: bicubic ;
}


q:before, q:after {
	content:"";
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input, textarea, select {
	font-size:100%;
}

html{ overflow:auto; }

body{
margin:0;
padding:0;
background-color:#F0F0F0;
color: #272727;
font-family: "Segoe UI", Arial, Times, serif;
font-size:13px;
overflow:auto;
position:relative;
}

#forms-container .form-container *{
font-family: "Segoe UI", Arial, Times, serif !important;

}

#wep.com .form-caption-container .form-caption-text {
height:28px;
}

a {
	color: #272727;
	font-style:normal;
	text-decoration:underline;
}
a:hover {
	color:#999;
	text-decoration:underline;
}
a img {
	border: none;
}




.msgerror{
font-size:14px;
color:#cc0000;
font-weight:bold;
margin:0 0 15px 0;
}


#page{
	height: auto !important;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	width:100%;
}

#header-full, #header-container {
  background-color: #FFFFFF;
  background-image: none;
  background-position: 0 50%;
  background-repeat: repeat-x;
  border: medium none;
  height: 107px;
  margin: 0 0 15px;
  position: relative;
  width: 100%;
}

#header-container {
  height: 107px;
  margin: 0;
  width: 100% !important;
}

#header {
  height: 107px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 960px;
}

h1#logo,h1#logo-sm  {
    background-image: url("images/web/logo.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    font-size: 0;
    height: 75px;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    text-indent: -999px;
    width: 366px;
    z-index: 0;
	position:absolute;
	bottom:5px;
	left:0;
}
h1#logo-sm  {
    background-image: url("images/web/logo-sm.png");
    height: 70px; 
    width: 340px; 
}

#logo a {
	display:block;
    width: 366px;
    height: 75px;
}
h1#logo-sm a{
	display:block;
    width: 340px;
    height: 70px;
	
}

h2#caption{
    bottom: 10px;
    color: #C62222;
    display: block;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 22px;
    margin: 0;
    position: absolute;
    right: 0;
}

#container{ 
width:960px;
margin: 0 auto; 
position:relative;
overflow:hidden;
min-height: 412px;  
 
}

#forms-container{ 
    top: 0 !important;
    overflow:hidden;
	}

#footer-container{ 
	background-color:#B1B1B0;  
	margin:25px 0 0 0;
	padding:80px 0;
	overflow:hidden;
	clear:both;
	display:block;
	}

#footer{
    color: #706F6F;
    font-weight: bold;
    margin: 0 auto;
    text-align: left;
    width: 960px;
	}

/* STILI HOVER  */
.hovered{ 
    /*     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70) !important"; 
     filter: alpha(opacity=70) !important; */ 
        -moz-opacity:0.7 !important; 
        -khtml-opacity: 0.7 !important; 
        opacity: 0.7 !important;

}

/* STILI PAGINE */


h1.titolo-pagina{
    border-bottom: 1px solid #939393;
    color: #C62222;
    float: left;
    font-size: 26px;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 0 0 10px;
    width: 870px;
}
.titolo{
	overflow:hidden;
	clear:both;
	margin:15px 0 25px 0;
}


.titolo-key,.titolo-home{
    background-image: url("images/web/key.png");
    background-repeat: no-repeat;
    display: block;
    float: right;
    font-size: 0;
    height: 48px;
    line-height: 0;
    margin: 10px 0 0;
    overflow: hidden;
    text-indent: -999px;
    width: 48px;
    z-index: 1;
	}
.titolo-home{	
 background-image: url("images/web/home.png");
}




.titolo-box{
	overflow:hidden;
	clear:both;
	margin:15px 0 25px 0;
}

.titolo-box.titolo-manuale{}
.titolo-box.titolo-promo{}
.titolo-box.titolo-news{}


.titolo-box h1.titolo-pagina {
  background-image: url("images/web/bg-box.jpg");
  background-repeat:no-repeat;
  background-position:0 0;
  border: none;
  border-radius: 6px;
  color: #FFFFFF;
  float: left;
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  margin: 0 0 10px;
  padding: 4px 8px 8px;
  width: 94%;
}


/* STILI LOGIN PAGE */

.login-box{ 
    float: left;
    margin: 0 auto;
    overflow: hidden;
    width: 330px;
}

.login-box label{
    clear: both;
    display: block;
    margin: 0 0 10px;
    overflow: hidden;
}

.login-box label span{
    float: left;
    font-size: 14px;
    line-height: 26px;
    margin: 0 10px 0 0;
    text-align: left;
    width: 114px;
}
.login-box label input{
	float:right;
}
.login-box label input[type=text],.login-box label input[type=password]{
    background-image: url("images/web/bg-input.png");
    background-repeat: repeat-x;
    border: 1px solid #C5C5C5;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 5px 5px 5px 5px #CCCCCC;
    color: #272727;
    height: 24px;
    padding: 2px;
    width: 200px; 
}
input::-webkit-input-placeholder {
    color:#BBBBBB !important;
}
input:-moz-placeholder {
    color:#BBBBBB !important;
}
 

a.button-register{
    background-image: url("images/web/button.png");
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 14px;
    height: 30px;
    line-height: 29px;
    padding: 0 11px;
    text-align: right;
    text-decoration: none;
    width: 129px;
    z-index: 1;
	}
a.button-register:hover{
text-decoration:none;
color:#FFF
	}

a.box-partner{
   background-image: url("images/web/partner-box.png");
    background-repeat: no-repeat;
    float: left;
    height: 95px;
    margin: 0 0 20px 20px;
    text-decoration: none;
    width: 123px;
}

a.box-partner span{ 
width:123px;
height:95px;
display:block;
font-size: 0; 
line-height: 0; 
overflow: hidden;
text-indent: -999px;
background-repeat:no-repeat;
background-position:50%;
}

a.box-partner span.sarabanda{background-image:url("images/web/logo-sarabanda.png");}
a.box-partner span.dodipetto{background-image:url("images/web/logo-dodipetto.png");}
a.box-partner span.mignolo{background-image:url("images/web/logo-mignolo.png");}
a.box-partner span.minibanda{background-image:url("images/web/logo-minibanda.png");}
a.box-partner span.ido{background-image:url("images/web/logo-ido.png");}

/* STILI CONTAINER FRAMEWORK */
#wep{								/* contenitore generale del framework */	 
height: auto !important;
overflow:auto !important;
-webkit-overflow-scrolling: touch !important;
	} 
#sm2-container{ display:none; }   	/* sound manager, di norma è offscreen ma a causa dell overflow negato viene nascosto */	
#traylet-frame { display:none; }
#BckImgList{display:none}
#ImgList{display:none}


/* STILI TESTATA FRAMEWORK */

#header-bar {
  background-image: url("images/web/bg-header-bar.png");
  background-position: 3px 100%;
  background-repeat: no-repeat;
  float: right;
  height: 30px;
  margin: 26px 0 0;
  overflow: hidden;
  padding: 5px 20px;
  text-align: right;
  width: 64px;
}
#header-main-caption {display:none;}
#header-divider { display:none; }
#header-ajax-indicator {
  background-image: url("images/web/bg-loader.png");
  padding: 6px;
  position: fixed;
  right: 10px;
  top: 10px;
  z-index:20000;
  margin:0;
  width: 24px !important;
  height: 24px !important;
}
/* loader ajax */

#header-command-box{				/* ricerca / esegui */
   border-bottom: medium none;
   display:none;
}

#header-command-input{				/* input testuale del cerca/esegui */
	    width: 110px;
	    
}

#header-debug-image{}			/* debug  */
#header-close-app{}			/* chiudi */

  
#header-status-bar-full {
  background-color: #505050;
  height: 26px;
  left: 0 !important;
  margin: 0 auto !important;
  overflow: hidden;
  position: relative !important;
  top: -107px !important;
  width: 960px !important;
}

#status-bar-container {
  background-color: #505050;
  left: 0 !important;
  margin: 0;
  padding: 0;
  top: 0 !important;
  height:26px;
}
  
  .indicator-box {
  background-color: transparent;
  background-image: none;
  border: medium none;
  color: #FFFFFF;
  display: inline-block;
  font-size: 12px;
  height: 17px;
  margin-right: 2px;
  padding: 5px 2px 1px 4px;
  vertical-align: middle;
}
  .indicator-box#ind\3A 3{	/* DATA, ATTENZIONE ALL ORDINE ID */
	position: absolute;
	right: 55px;
	top: 0;
  }
  .indicator-box#ind\3A 4{	/* ORA, ATTENZIONE ALL ORDINE ID */
	position: absolute;
	right: 0;
	top: 0;
  }
    
  
  
/* STILI MENU TESTATA */
 
#side-menu-full {
  left: 50%;
  margin: 0 auto 0 -480px;
  overflow: hidden;
  position: absolute;
  top: 62px;
  width: 960px;
}

#side-menu-container{ 			/* contenitore del menu */
	height:auto;
	width:auto !important;
	display: block !important;
}

#menu-container {
    background-color: transparent;
    background-image: none;
    border-left: medium none;
    border-right: medium none;
    border-style: none;
    border-top: medium none;
    border-width: medium;
    overflow: hidden;
    padding: 4px 0 !important;
}
.menu-container-upbar{
	
}
.menu-container-upbar span{				/* la voce di menu, standard */
    background-image: url("images/web/bg-menu_1.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 26px;
    line-height: 12px;
    padding: 4px 11px 2px 21px;
    text-align: right;
    width: 110px;
	cursor:pointer;
}
.menu-container-upbar span.menu-bar-hover {		/*  l'hover della voce di menu */
    background-color: transparent;
    background-position: 0 100%;
    border: medium none;
    height: 28px;
    padding: 5px 12px 1px 21px;
}

.menu-container-upbar span#cms\3A 19{			/*  prima e successive voci di menu */
	 background-image: url("images/web/bg-menu_1.png"); /* INTEGRAZIONE DI ORDINI */
}
.menu-container-upbar span#cms\3A 20{
	 background-image: url("images/web/bg-menu_2.png"); /* INFORMAZIONI COMMERCIALI */
}
.menu-container-upbar span#cms\3A 21{
	 background-image: url("images/web/bg-menu_3.png"); /* INFORMAZIONI AMMINISTRATIVE */
}
.menu-container-upbar span#cms\3A 22{
	 background-image: url("images/web/bg-menu_4.png"); /* CONFIGURAZIONI */
}

/* SOTTOMENU */
.popup-menu-container{
    border: medium none;
    margin: 1px 0 0 10px;
    margin:1px 0 0 2px\9; /* IE8 and below */
    width: 170px;
	}
.popup-menu-table {}
.popup-cell-icon{
    background-color: #A8A8A8;
    border: 4px solid #A8A8A8;
    cursor: pointer;
    font-size: 1pt;
    height: 1px;
    padding: 2px 3px;
    width: 20px;
    display:none;
    
}
.popup-cell-text{
    background-color: transparent;
    background-image: url("images/web/bg-submenu_1.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    border-bottom: none;
    border-top: none;
    font-size: 12px;
    font-weight: bold;
    height: 32px;
    margin: 0 0 2px;
    padding: 0 5px !important;
}
.popup-menu-hover{ background-position: 0 100%; }



#cms\3A 15\3A pp .popup-cell-text{
    background-image: url("images/web/bg-submenu_1.png");}	/* INTEGRAZIONE DI ORDINI */

#cms\3A 16\3A pp .popup-cell-text{
    background-image: url("images/web/bg-submenu_2.png");}	/* INFORMAZIONI COMMERCIALI */

#cms\3A 17\3A pp .popup-cell-text{
    background-image: url("images/web/bg-submenu_3.png");}	/* INFORMAZIONI AMMINISTRATIVE */
    
#cms\3A 18\3A pp .popup-cell-text{
    background-image: url("images/web/bg-submenu_4.png");}	/* CONFIGURAZIONI */

/* STILI CONTENITORE FORM */

.form-container {
    background-color: transparent;
    border: none !important;
    overflow: hidden;
}
/* STILI TITOLI FORM */

.form-caption-container { 
    background-image: url("images/web/ic-documenti.png");
background-color: transparent;
background-position: 0 0;
background-repeat: no-repeat;
color: #272727;
font-size: 15pt;
font-weight: bold;
height: 70px;
margin: 0;
padding: 0 0 0 65px;
text-align: left;
white-space: nowrap;
width: auto;
position:relative;
}

.form-caption-container .form-caption-image.close-button, .form-caption-modal-image.close-button {
  float: right;
  margin: 10px 0 0;
}
.form-caption-container .form-caption-image.close-button {
  background-image: none;
  border: 0 none;
  bottom: 4px;
  position: absolute;
  right: 15px;
}
.form-message-container{
	background-image:none;
	background-color:transparent;
	border-bottom:1px solid transparent;
}
.frame-toolbar-container{
	margin:5px 0;
}

.frame-toolbar-caption {
  color: #737373; 
}
.book-toolbar-status{
  color: #737373; 
}

.panel-status-data{
	color:#272727;
}


/* STILI TAB */

.selected-tab-caption-0, .tab-caption-container-0, .tab-filler{
	border-top:none;
}

.tab-caption-0 {
  background-color: #D9D9D9;
  background-image: none; 
  color: #737373; 
}

.tab-text-0, .selected-tab-text-0 { 
  font-size: 12px; 
  padding: 1px 2px; 
} 

.selected-tab-caption-container-0 {
  border-top:none; 
}

.selected-tab-caption-0 {
  background-color: #FFFFFF;
  border-bottom: 1px solid #99BBE8;
  border-top:1px solid #99BBE8;
  color: #444444; 
}


/* STILI TABELLE */
.panel-value-html{
display:inline-block;
zoom:1;
}

  /* i pulsanti input di solito sostituiti da icone */
.panel-value-button:hover {
		     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70) !important"; 
        filter: alpha(opacity=70) !important; 
        -moz-opacity:0.7 !important; 
        -khtml-opacity: 0.7 !important; 
        opacity: 0.7 !important;
 
}

/* STILI BOOK */
/* il line height minimo per le celle dei book */
.book-box {
  line-height: 20px; 
}
.book-span-button {			/* pulsanti submit */
  background-color: transparent;
  border: medium none;
}

/* STILI LOOKUP */
/* i titoli nelle lookup vengono nascosti, rimangono solo il chiudi, conferma ecc */
.popup-frame-content .form-caption-container {		
  background-image: none;
  height: 7px;
  margin: 5px 5px 15px 0;
  padding: 0;
  text-align:right;
}
.popup-frame-content .form-caption-modal-image.close-button {
  float: none;
  margin: 5px 0 0 0;
}
.popup-frame-content .form-caption-text {
display:none;
}



/* STILI POPUP
.combo-popup .combo-popup-table .combo-option{
	background-color:#FFFFFF !important;
}
*/

 /* STILI TOOLTIP */
 
 .messagetooltip-frame-container {
  background-color: #FFFFFF;
  border: 2px solid #B2B2B2;
  color: #202020; 
  padding:4px;
}
.popup-frame-content{
}
.messagetooltip-border-top,.messagetooltip-border-right,.messagetooltip-border-bottom,.messagetooltip-border-left,
.messagetooltip-whisker{
	background-image:none !important;
}
 
 .popup-frame-content .messagetooltip-text img{			/*Immagini nel tooltip, con preloader*/
    background-image: url("images/ajload.gif");
    background-position: center center;
    background-repeat: no-repeat; 
 }
 
  /* TOOLTIP DISPONIBILE */
  
/*.tooltip-disp {
  bottom: -20px;
  position: absolute;
  right: 0;
  text-align: right;
  white-space: nowrap;
  z-index: 90;
  display:none;
}*/

 
.tooltip-disp { 
    margin: 40px 0 0;
        cursor: pointer;
    display: none;
    float: right; 
    white-space: nowrap;
    z-index: 9;
    text-align:right;
}

.panel-field-static.hovered{
	overflow:visible !important; 
}
.panel-field-static.hovered .tooltip-disp{
	display:block; 
}
 
/* TOOLTIP CARRELLO*/
.added-cart {
  background-color: #FBF5B7;
  border: medium none;
  height: auto !important;
  padding: 5px;
  z-index: 100;
  display:none;
}
.added-cart span {
  background-image: url("images/web/select-sm.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  padding: 0 0 2px 20px;
}
 /* STILI LOADER */
 
#wait-box {
  background-color: white;
  border: 1px solid #CCCCCC;
  height: 140px;
  margin: 160px auto;
  padding: 12px;
  position: relative;
  width: 366px;
  box-shadow: 1px 1px 1px 1px #CCCCCC;
}
#wait-box-image {
  display: block;
  margin: 10px 0;
  position: static;
}
#wait-box-text {
  font-size: 10pt;
  font-weight: bold;
  left: 0;
  position: static;
  top: 0;
  width: 200px;
  display:block;
  margin:0 0 10px 0;
}

#wait-box-progress {
  background-color: #6899BB;
  font-size: 0;
  height: 6px;
  left: 0;
  position: static;
  top: 0;
  width: 366px;
}


/* STILI PAGINA UNAVAILABLE */

.body-unavailable {
  background-color: #FFFFFF;
  height: 100%;
  width: 100%;
}
#unavailable {
  background-image: url("images/web/clock.png");
  background-position: 50% 120px;
  background-repeat: no-repeat;
  height: 430px;
  left: 50%;
  line-height: 20px;
  margin: -215px 0 0 -425px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 850px;
}
#unavailable h1#logo {
  left: 50%;
  margin: 0 0 0 -183px;
  top: 0;
}

#unavailable .box-left-unavailable {  
  border-right: 3px solid #999999;
  color: #444444;
  float: left;
  font-size: 16px;
  height: 110px;
  margin: 265px 0 0;
  padding: 25px 40px 0 0;
  text-align: right;
  width: 385px;
}
#unavailable .box-right-unavailable {  
  color: #444444;
  float: left;
  font-size: 16px;
  height: 110px;
  margin: 265px 0 0 10px;
  padding: 25px 40px 0 28px;
  text-align: left;
  width: 344px;
}

#wep.amm .group-container .group-label {
  display: inline-block;
  font-size: 13px !important;
  margin: -6px 0 0;
}

/* STILI RISCRITTURA */


div.alpha,a.alpha,li.alpha{
margin-left:0 !important;	
}

/* FIX IE7 (pagina alta 9999px) */
#ImgFrm{
	top:-9999px !important;
}