root { 
    display: block;
}
body {
    text-align: center;
    overflow-x:hidden;
    background-color:#000;
    color:white;
}
#ratzlogo{
    position: absolute;
    left: 10px;
    top: 10px;
}

#labels{
    position: absolute;
    left: 10px;
    top: 120px;
    color: #ccc;
    text-align: left;
    font-family: verdana, sans-serif;
}
.label{
    padding-top: 20pt;
    cursor: pointer;
}

.label:hover{
    color:yellow;
}

#footer{
    position: absolute;
    bottom: 10px;
    text-align: center;
    width:100%;
    font-family: verdana, sans-serif;
}

.applications,
.environments,
.environments a,
.marcheBox,
.marcheBox a{
    border: none;
    opacity: .55;
    filter:alpha(opacity=55);
}
.applications:hover,
.environments:hover,
.marcheBox:hover,
.marcheBox a:hover{
    border: none;
    opacity: 1;
    filter:alpha(opacity=100);
}
.loginForm{
    position: absolute;
    top: 250px;
    left: 20px;
    width: 340px;
    min-width: 340px;
    max-width: 340px;
    height: 190px;
    min-height: 190px;
    max-height: 190px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    background-color: transparent;
    color: white;
    padding: 5px;
    padding-top:15px;
    overflow: hidden;
    background-image: url("../img/cdmLoginBg.gif");
    opacity: .70;
    filter:alpha(opacity=70);
    z-index: 200;
}
.userLabel{
    position:absolute;
    left:10px;
    top:55px;
    font-size: 12px;
    font-weight: normal;

}
.userInput{
    position:absolute;
    left:100px;
    top:48px;
    font-size: 12px;
    font-weight: normal;
}
.passwordLabel{
    position:absolute;
    left:10px;
    top:85px;
    font-size: 12px;
    font-weight: normal;
}
.passwordInput{
    position:absolute;
    left:100px;
    top:78px;
    font-size: 12px;
    font-weight: normal;
}
.submitButton{
    position:absolute;
    left:5px;
    top:110px;
    width:95%;
    border-top: 2px solid white;
    text-align: right;
    padding-right: 10px;
    padding-top:5px;
}
.cancelButton{
    position:absolute;
    left:5px;
    top:9px;
    width:60px;
    height:22px;
    min-width:60px;
    min-height:22px;
    border:1px solid transparent;
    background: transparent;
    cursor:pointer;
}
.loginButton{
    position:absolute;
    left:268px;
    top:9px;
    width:60px;
    height:22px;
    min-width:60px;
    min-height:22px;
    border:1px solid transparent;
    background: transparent;
    cursor:pointer;
}
#marche,
#b2b{
    width: 100%;
    height: 100%;
}
#ricercheheader,
#promoheader,
#b2bheader,
#marcheheader,
#newsheader{
    position: fixed;
    left: 150px;
    top: 0px;
    background-repeat: no-repeat;
    background-color: black;
    background-position: 5px 5px;
    width:100%;
    min-width: 100%;
    height: 60px;
    min-height: 60px;
    max-height: 60px;
    overflow: hidden;
    z-index:10;
}
#homepage{
    position:fixed;
    left: 5px;
    top: 0px;
    width:130px;
    max-width: 130px;
    height:180px;
    cursor: pointer;
    z-index: 20;
    background-color: black;
    overflow: hidden;
}
#findItem{
    /*
    background-image: url('../gif/lente.png');
    background-repeat: no-repeat;
    background-position:100px 2px;
    */
    left:8px;
    top:1px;
    width:100%;
    background-color: #ddd;
}
#listaMarche{
    position:fixed;
    left: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-color: black;
    background-position: 5px 5px;
    width:150px;
    min-width: 150px;
    overflow-y: scroll;
    z-index:10;
    padding-top: 180px;
}
#listaProduttori{
    position:fixed;
    left: 151px;
    top: 0px;
    background-repeat: no-repeat;
    background-color: black;
    background-position: 5px 5px;
    width:100%;
    min-width: 100%;
    z-index:10;
    height:65px;
    min-height: 65px;
    max-height: 65px;
    text-align: left;
    padding-left: 16px;
}
#ricerchemenu,
#portalemenu,
#newsmenu,
#promomenu,
#b2bmenu,
#marchemenu,
#menuCarrello{
    position: fixed;
    left: 150px;
    top: 0px;
    background-repeat: repeat-x;
    background-color: black;
    width:100%;
    min-width: 100%;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    overflow: hidden;
    z-index:10;
    border: 1px solid black;
}
#b2bmenu{
    z-index: 100;
}
#portalemenu{
    background-image: url("../img/menuWhiteBg.jpg");
}
#promomenu{
    background-image: url("../img/menuRedBg.jpg");
}
#newsmenu,
#menuCarrello{
    background-image: url("../img/menuGreenBg.jpg");
}
#b2bmenu{
    background-image: url("../img/menuBg.jpg");
}
#marchemenu{
    background-image: url("../img/menuBlueBg.jpg");
}
#ricerchemenu{
    background-image: url("../img/menuCyanBg.jpg");
}
#menuRicerche,
#menuOrdini,
#menuDocumenti,
#menuInfo,
#menuNaviga,
#azioniCarrello{
    position:fixed;
    top:2px;
    text-align:left;
    font-size: 9pt;
    color:blue;
    cursor:pointer;
    font-family: Verdana, sans-serif;
    z-index:120;
    overflow:hidden;
    height:18px;
    background-image: url("../img/submenubg.jpg");
    background-position: 0px 18px;
    background-repeat: repeat-x;
    opacity: .90;
    filter:"alpha(opacity=90)";
    min-width: 120px;
}
#menuRicerche{
    left: -1000px;
}
#menuOrdini{
    left: 160px;
}
#menuDocumenti{
    left: 300px;
}
#menuNaviga{
    left: 440px;
}
#menuInfo{
    left: 580px;
}

#azioniCarrello{
    left: 160px;
    /*background-image: url("../img/submenubgBlack.jpg");*/
}

.menuTitlePromo a{
    text-decoration: none;
    color:yellow;
    font-size: 10pt;
}

.menuTitleNews a{
    text-decoration: none;
    color:blue;
    font-size: 10pt;
}

.menuTitleMarche a{
    text-decoration: none;
    color:yellow;
    font-size: 10pt;
}

.menuTitleRicerche a{
    text-decoration: none;
    color:blue;
    font-size: 10pt;
}

.menuTitleB2b a{
    text-decoration: none;
    color:blue;
    font-size: 10pt;
}

.menuTitlePromo a:hover,
.menuTitleRicerche a:hover,
.menuTitleMarche a:hover{
    color:black;
}

.menuTitleNews a:hover,
.menuTitleB2b a:hover{
    color:red;
}

.subMenu,
.consorzioMenu{
    color:white;
    padding:3px;
    padding-left:8px;
    font-size: 8pt;
    display:block;
}

.consorzioMenu a{
    color: aqua;
    text-decoration: none;
    display:block;
}
.consorzioMenu a:hover{
    background-color: #ccc;
    color:red;
    display:block;
}

.subMenu a{
    text-decoration: none;
    color:white;
    display:block;
}
.subMenu a:hover{
    background-color: #ccc;
    color:red;
    display:block;
}
.menuSeparator{
    
}
#corpo{
    position:absolute;
    top:15px;
    left:5px;
    color:white;
    font-family: Arial, sans-serif;
    font-size: 12pt;
    overflow: hidden;
    min-height: 97%;
    height: 97%;
    min-width: 97%;
    width: 97%;
}
.marcheOuterbox{
    height: 110px;
    max-height: 110px;
    overflow: hidden;
    margin-bottom: 10px;
    background-color: black;
}
.marcheOuterbox a{
    color:aqua;
    text-decoration: none;
    font-family: arial;
}
#cdmCarrello{
    position: fixed;
    left: 170px;
    top: 170px;
    width:85%;
    height:100%;
    z-index: 100;
    background-color: #eee;
    display: none;
    overflow: scroll;
}
#miniature,
#newitems{
    margin-left: 150px;
    padding-top: 10px;
    /*
    overflow-y:scroll;
    overflow-x:scroll;
    
    overflow: scroll;
    max-height: 130px;
    height: 130px;
    */
}
#elencoAuto{
    min-height: 110px;
}

.miniature,
.newitemcar,
.newitem{
    /*float:left;*/
    position: relative;
    /*******/
    width:225px;
    min-width: 225px;
    height:100px;
    min-height: 100px;
    text-align: center;
    font-family: Verdana, sans-serif;
    font-size: 10pt;
    color: white;
    background-repeat: no-repeat;
    background-position: bottom center;
    /*padding-top: 60px;*/
    cursor: pointer;


    opacity: .85;
    filter:"alpha(opacity=85)";
    background-image: url('../img/auto.jpg');
    
}
.newitemcar,
.newitem{
    width:250px;
    min-width: 250px;
    height:100px;
    min-height: 100px;
    /*padding-top: 85px;*/
}
#newsTable{
    position: fixed;
    right: 0px;
    top: 158px;
    bottom: 0px;
    left: 152px;
    /*
    width:85%;
    height:75%;
    */
    z-index: 100;
    background-color: #000;
    display: none;
    overflow-y: scroll;
    overflow-x: hidden;
    color: white;
}
#autoxanno{
    position: fixed;
    top: 258px;
    left: 252px;
    width:150px;
    height:80px;
    z-index: 100;
    background-color: white;
    display: block;
    overflow: hidden;
    color: white;
}

.listaNews,
.gestInstallatori{
    width:95%;
    margin-top: 10px;
    margin-left:20px;
    color: #ccc;
    font-family: Arial, sans-serif;
    font-size: 10.5pt;
    border: 1px solid black;
    border-collapse: collapse;
}
.listaNews td,
.gestInstallatori td{
    border: 1px solid #ccc;
}
.gestInstallatori td{
    vertical-align: top;
}
.listaNews th,
.gestInstallatori th{
    border: 1px solid #ccc;
    color: #ccc;
    background-color: #444;
}

.carrelloButton,
.ordineButton{
    height:48px;
    max-height: 48px;
    min-height: 48px;
    float:right;
    background-image: url('../gif/carrello.png');
    background-position: right top;
    background-repeat: no-repeat;
    overflow: hidden;
    padding-right: 50px;
    cursor: pointer;
}
.ordineButton{
    background-image: url('../gif/check.png');
}
#listaHeader{
    background-color: #444;
    height:32px;
    max-height: 32px;
    min-height: 32px;
    width:99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 4px;
    text-align: center;
    color:#ccc;
    font-size: 18pt;
    font-family: Arial, sans-serif;
    letter-spacing:3px;
}
#closeLista,
#confirmCart,
#showModel{
    height:32px;
    max-height: 32px;
    min-height: 32px;
    width: 32px;
    min-width: 32px;
    position: absolute;
    right:30px;
    top:8px;
    background-image: url('../gif/Close.png');
    background-position: right top;
    background-repeat: no-repeat;
    overflow: hidden;
    cursor: pointer;
}
#confirmCart{
    background-image: url('../gif/Confirm.png');
    right:80px;
}
#confirmOrder{
    position: absolute;
    right:80px;
    top:10px;
    cursor: pointer;
    font-size: 9pt;
    letter-spacing:1px;
}
#showModel{
    background-image: url('../gif/Info.png');
    left:10px;
}
#profile,
#info,
#storico,
#orderConfirmation,
#preventivoConfirmation{
    position: fixed;
    left: 220px;
    top: 170px;
    width:60%;
    height:60%;
    z-index: 120;
    background-color: #eee;
    display: none;
    overflow: scroll;
    color: black;
    font-size: 14pt;
    font-family: Arial, sans-serif;
}
#storicoContent{
    height:80%;
    max-height: 80%;
    overflow-x: scroll;
}
#profile input,
#orderConfirmation,
#preventivoConfirmation{
    color: darkGreen;
    font-size: 14pt;
    font-family: Arial, sans-serif;
}
.profileForm{
    width:95%;
}
.disbas{
    text-align: left;
    margin-left: 12px;
}
#anno{
    position: fixed;
    left: 170px;
    top: 170px;
    z-index: 100;
    background-color: #eee;
    display: none;
    width:auto;
    height:auto;
    text-align: left;
    z-index: 1000;
}
.titoloBox{
    background-color: gray;
    padding: 4px;
    margin: 4px;
    text-align: center;
    color:white;
    font-family: Arial, sans-serif;
}
.alternativo{
    color:red;
}
.itemscode{
    font-size: 14pt;
    background-repeat: no-repeat;
    background-position: 96% center;
    min-width: 160px;
}
.itemscode a{
    text-decoration: none;
    color: #ddd;
}
.itemsdescrizione{
    text-align: left;
    padding-left: 10px;
}
.itemsprezzo{
    text-align: right;
    padding-right: 5px;
}
.tableCOnteiner{
    overflow: scroll;
}
#modelWindow{
    display: none;
    position: fixed;
    left:   162px;
    top:    162px;
    width:  250px;
    min-width: 250px;
    height: 85px;
    min-height: 85px;
    background-color: white;
    background-repeat: no-repeat;
    z-index: 150;
}
.facebookc{
    width:550px;
    border-top:1px solid white;
    padding-top: 7px;
}
.facebook{
    background-image: url('/gif/facebook.jpg');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:44px;
    width:155px;
    text-align: left;
}
.titoloAlternativo{
    font-size: 12pt;
    color:white;
    text-align: right;
    padding-right:4px;
}
#clienteNewOFC{
    font-family: Arial, sans-serif;
}
#NOFCprodotti{
    border-collapse: collapse;
}
#NOFCprodotti th,
#NOFCprodotti td{
    border: 1px solid white;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
}
#indTable{
    border: none;
    border-collapse: collapse;
}
#indTable td{
    border:none;
    text-align: right;
}
.scadenzario{
    font-family: Arial, sans-serif;
    border-collapse: collapse;
    border: 2px solid white;
}
.scadenzario a{
    color: aqua;
    text-decoration: none;
}
.scadenzario a:hover{
    color: white;
}
.scadenzario td{
    padding: 5px;
    border: 1px solid white;
}
.scadenzario th{
    padding: 5px;
    border: 2px solid white;
    background-color: #555;
    color: lime;
}
.scadenzario caption{
    font-size: 16pt;
    padding-bottom: 4px;
    color:red;
}
.scadenzario caption #closeLista{
    position:static;
    float:right;
    background-position: bottom left;
}
.scadenzario caption #closeLista:hover{
    background-position: top left;
}

.tabellabolle{
    font-size: 14pt;
    font-family: sans-serif;
}
.movimenta{
    font-size: 9pt;
    width:120px;
}
.righebolle{
    font-size: 8pt;
}



/* b2b.2.0 */
.newBody{
    background-image: -moz-linear-gradient(top bottom, #FFFFFF 0%, #E6E6E6 100%);
    padding:20px;
    width:100%;

}
.pulsante{
    background-color: #33CC33;
    width:200px;
    height: 32px;
    font-family: verdana, sans-serif;
    text-align: center;
    cursor: pointer;
    color: #FFF;
    font-weight: none;
    /*border: 1px solid #444;*/
    /*border-radius: 12px;*/
    /*box-shadow: 3px 3px 3px #aaa;*/
    margin: 4px;
    font-size: 18pt;
}
.pulsante:hover{
    background-color: #33CC33;
}


#headerprasco{
    float:left;
    color: darkgreen;
    font-size: 21pt;
    font-family: verdana, sans-serif;
    margin-bottom: 8px;
}
#menuprasco{
    float: left;
    clear: both;
    width:250px;
    min-width: 250px;
    max-width: 250px;
    min-height: 400px;
    border: 1px solid green;
    color:darkblue;

}
#menuprasco div{
    width:240px;
    margin: 4px;
}
#outputprasco{
    float: left;
    min-height: 650px;
    min-width: 400px;
    border: 1px solid red;
    max-height: 650px;
    overflow: scroll;
    color: #333;
    font-size: 10.5pt;
    font-family: verdana, sans-serif;
    
}
.tabellaprasco{
    margin-right: 20px;
}