/* Font-Base */
.white {color:#000; text-decoration:none; background-color: #ffffff}
.gray {color:#000; text-decoration:none; background-color: #cccccc}

/* Navigazione */
.prevPage {width:21px; height:14px; background-position:center center; background-repeat:no-repeat; background-color:transparent;
             cursor:hand; background-image:url('../img/prevPage.gif'); border:0px; cursor: pointer;}
.prevPageDisabled {width:21px; height:14px; background-position:center center; background-repeat:no-repeat; background-color:transparent;
             background-image:url('../img/prevPageDisabled.gif'); border:0px}
.prev {width:16px; height:14px; background-position:center center; background-repeat:no-repeat; background-color:transparent;
         cursor:hand; background-image:url('../img/prev.gif'); border:0px; cursor: pointer;}
.prevDisabled {width:16px; height:14px; background-position:center center; background-repeat:no-repeat; background-color:transparent;
                 background-image:url('../img/prevDisabled.gif'); border:0px}
.backToElenco  {width:40px; height:14px; background-position:center center; background-repeat:no-repeat; background-color:transparent;
                  cursor:hand; background-image:url('../img/elenco.gif'); border:0px}
.next {width:16px; height:14px; background-position:center center; background-repeat:no-repeat; background-color:transparent;
         cursor:hand; background-image:url('../img/next.gif'); border:0px; cursor: pointer;}
.nextDisabled {width:16px; height:14px; background-position:center center; background-repeat:no-repeat; background-color:transparent;
                 background-image:url('../img/nextDisabled.gif'); border:0px}
.nextPage {width:21px; height:14px; background-position:center center; background-repeat:no-repeat; background-color:transparent;
             cursor:hand; background-image:url('../img/nextPage.gif'); border:0px; cursor: pointer;}
.nextPageDisabled {width:21px; height:14px; background-position:center center; background-repeat:no-repeat; background-color:transparent;
                     background-image:url('../img/nextPageDisabled.gif'); border:0px}

/* Group */
.frGroup {margin:1px;}
.frGroup legend {color:#000099; min-height:18px; margin:0px; font: 10pt Verdana, Arial, Helvetica, sans-serif; font-weight:bold; border: 1px solid #777; padding:0px 3px 0px 3px}
.frGroup .frRow {margin:0; padding:0; min-height:20px; width:100%}
.frGroup .frRow li {text-indent: 0px; list-style-image:none; min-height:18px; list-style-type:none;  width:12%; border-bottom:1px solid #fff; float:left;}
.frGroup .frRow li.label {min-height:18px; list-style-type:none; width:12%; border-bottom:1px solid #fff; float:left; color:#660000; font-weight:bold; text-align: right;}
.frGroup .frRow li.control {min-height:18px; list-style-type:none; width:12%; border-bottom:1px solid #fff; border-right:1px solid #ffffff; background-color:#cc0000; float:left; color:#000; background-color:#ffffff;}
.frGroup .frRow li.control span {background-color: #660000}
.frGroup input {width:100%; font-size:90%; width: 95%}
.frGroup select {width:100%; font-size:90%; width: 95%}
.frGroup textarea {width:100%; font-size:90%; height:50px; font: 10pt Verdana, Arial, Helvetica, sans-serif; width: 95%}

/* Elenco standard */
.frElenco {width:100%; font-size:100%}
.frElenco th {font: 120% Verdana, Arial, Helvetica, sans-serif; vertical-align: top; color:#000099;}
.frElenco .frGray td {background-color:#cccccc;}
.frElenco .frWhite td {background-color:#ffffff;}
.frElenco .frYellow td {background-color:#ffffcc;}
.frElenco .frCurrentRow td {}
.frForward {width:21px; height:16px; background-position:center center; background-repeat:no-repeat; background-color:transparent;
             cursor:hand; background-image:url('../img/forward.gif'); border:0px}

.submitPdfIcon {width:24px; height:24px; background-position:center left; background-repeat:no-repeat; color:#800; background-color: transparent;
                   cursor:hand; background-image:url('../img/button/base/pdf.gif'); border:0; font-size:100%; text-decoration:underline;}
             
/* ----- Messaggistica ----- */
.frMessageBox {margin:5px; padding:5px; background-color:#cccccc; border:1px dashed #000}

/* Info Grid */
.info {width: 100%; }
.info .label {min-height:16px; text-align: right; width:39%; border-bottom: 1px solid #cccccc; font-weight: bold; background-color:transparent; padding: 2px; vertical-align: top}
.info .text  {min-height:16px; text-align: left;  width:59%; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; padding: 2px; vertical-align: top}

/* Articoli/Carrello/Promozioni */
.artPrezzo {padding-left: 5px; font-size:150%; color:#990000; height:28px; float: left; padding-top:4px;}
.artCarrello {padding-left: 5px; height:28px; float: left}

.disponibili {color:#00CC00; text-align:left; font-variant:small-caps; font-weight: bold}
.inArrivo {color:#FF6600; text-align:left; font-variant:small-caps; font-weight: bold}
.nonDisponibili {color:#336699; text-align:left; font-variant:small-caps; font-weight: bold}
.note {color:#000000; text-align:left; font-variant:small-caps;}
.bottom {border-bottom:1px dashed #000}


/* Carrello */
.carrelloPrezzo {padding-bottom:5px; padding-left: 5px; color:#009; text-align:right; font-variant:small-caps; }
.carrelloQuantita  {padding-bottom:5px; padding-left: 5px; color:#009; text-align:right; font-variant:small-caps; height: 20px; }
.carrelloQuantitaInput {padding-left: 5px; color:#009; text-align:right; font-variant:small-caps; width:50px}
.carrelloSubTotale {padding-bottom:5px; padding-left: 5px; font-size:125%; color:#900; text-align:right;}
.carrelloTotale {padding-bottom:5px; padding-left: 5px; font-size:150%; color:#900; text-align:right;}

/* Bar.Navigation */
.navBar {background: #dfdfdf url("../img/bar/navigation/base.png") repeat-x scroll 0 0;  font-size:12px; float:left; width:100%; height:19px; color: #000000; margin-top: 5px; vertical-align:middle }
.navBarLeft {background: transparent url("../img/bar/navigation/left.png") no-repeat scroll 0 0; height:19px; float:left; padding: 2px 3px 0px 10px;}
.navBarCenter {background: transparent url("../img/bar/navigation/center.png") no-repeat scroll top right; height:19px; float:right; padding: 2px 9px 0px 3px;}
.navBarRight {background: transparent url("../img/bar/navigation/right.png") no-repeat scroll top right; height:19px; float:right; padding: 2px 11px 0px 3px;}

.navBar input {border: 0; color:#000099; margin:0; padding: 0px; cursor: pointer; font-size: 12px; width:130px; }
.navBar .prevPage {width:135px; text-align: right; background: transparent url("../img/prevPage.gif") no-repeat scroll bottom left;}
.navBar .prev {width:80px; text-align: right; background: transparent url("../img/prev.gif") no-repeat scroll bottom left;}
.navBar .elenco {width:50px; text-align: center; background: transparent;}
.navBar .next {width:80px; text-align: left; background: transparent url("../img/next.gif") no-repeat scroll bottom right;}
.navBar .nextPage {width:135px; text-align: left; background: transparent url("../img/nextPage.gif") no-repeat scroll bottom right;}

/* New Look imgContainer */
.imgContainer {float:left; text-align:center; margin:10px;}
.imgBar {width:260px}

/* FIXME - Carrello */
.carrello {width:100%; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin: 0px; padding: 0px}
.carrello td {}
.carrello input {font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.gotoArticolo {width: 60px; background-color:transparent; border: 0; cursor: pointer; text-decoration: underline; text-align: left}
.clear {color:#800; width:60px; background-color:transparent; background-position: left; background-repeat: no-repeat; background-image: url("../img/delete.gif"); border: 0; cursor: pointer;}

/* ---------------- NEW LOOK ------------------------------- */
/* ELEMENTI BASE */
html{margin:0px; padding:0px;}
body{font-family:Verdana, Helvetica, sans-serif; font-size:11px; color: #000; text-align:center; margin:0px; padding:0px;  background: #999999 url('../img/sfondo.png') repeat-y top center;} 
input {font-family:Verdana, Helvetica, sans-serif; font-size:11px;}
form {margin:0}
a{color:#000099; text-decoration:none}
select {font-size:11px;}
img{margin:0; padding:0; border:0px;}
p{margin:0px 0px 5px 0px; padding:0}
ul {padding:0px 0px 0px 20px}
li {list-style-image: url('../img/punto.png'); padding-left: 0px}

.vedi {text-align: center; font-variant:small-caps; font-weight: bold; }
.bullet {margin-left:10px; padding-left:10px; background-color:transparent; background-position: left 5px; background-repeat: no-repeat; background-image: url("../img/punto.png");}
.bulletLow {margin-left:0px; padding-left:7px; background-color:transparent; background-position: left 5px; background-repeat: no-repeat; background-image: url("../img/punto.png");}
.icona {cursor: pointer; border:0;}
.fixIE {display: none}

/* IMPOSTAZIONE PAGINA */
.contMaster {width:950px; padding: 0px 0px 0px 0px; margin: 0 auto; text-align:left; background-color: #ffffff}
.contHeader {margin:0px; padding:0px; text-align:left}
.contLeft {float:left; width:180px; padding:0px; margin:0px 0px 0px 4px;}
.contCenter {float:left; width:590px; text-align:justify; padding:0; margin:0}
.contRight {float:right; width:170px; text-align:justify; padding:0; margin:0px 4px 0px 0px;}

/* INTESTAZIONE (contHeader) */
.searchBar {width: 100%; background-color: #ffffff; font-size: 120%; padding: 0px 5px 0px 5px}
.searchBarInput {padding-left: 30px; width: 80%;}
.searchBarInput input {width: 95%;}
.searchBarButton input { border: 0px; cursor: pointer; background: transparent; padding: 0px; margin: 0px;}

.menuBar {font:13px Verdana,Arial,Helvetica,sans-serif; background: #dfdfdf url("../img/bar/menu/base.png"); height:30px; margin-top: 5px 0px 0px 0px; padding:0}
.menuBar span, .menuBar a, .menuBar a:visited, .menuBar a:active {color:#666666}
.menuBar a:hover {border-bottom:2px solid #666666; color:#666666}
.menuBar .mbLeftI a:hover, .menuBar .mbRightI a:hover {border:0}
.menuBar .mbLeft {background: transparent; float:left; padding: 7px 3px 0px 10px;}
.menuBar .mbLeftI {background: transparent; float:left; padding: 1px 0px 0px 0px;}
.menuBar .mbRight {background: transparent; float:right; padding: 7px 10px 0px 3px;}
.menuBar .mbRightI {background: transparent; float:right; padding: 1px 0px 0px 0px;}

/* LOGIN (contLeft) */
.login table {width: 100%}
.login input {width: 90px}
.login .login {background-color:transparent; border: 0; background-image: url('../img/lucchetto.gif'); background-position: 3px center; background-repeat: no-repeat; width: 75px; padding: 2px; cursor: pointer;}
.login span {margin-left:10px; padding-left:10px; background-color:transparent; background-position: left; background-repeat: no-repeat; background-image: url("../img/punto.png");}

/* BRAND */
.brand {margin: 8px 0px 8px 0px; border-bottom: 1px dashed #000000; text-align: center}

/* PROMO */
.promo {float: left; width: 278px; background-color: #fff; margin: 0px 5px 5px 5px; border: 1px solid #cccccc; padding:2px; height:140px}
.promo .title {font-size:110%; margin: 2px;}
.promo .image {float:left; width; 105px}
.promo .txt {float:right; width: 168px; padding-right:2px;}
.promo .txt .prezzo {height:28px; text-align:right; text-align:center; font-size:150%; color:#990000;}
.promo .txt .carrello {height:28px; text-align:right; text-align:center; font-size:150%; color:#000099;}

/* CMS - PAGINE E SEZIONI */
.pagina  {float: left; width: 100%; background-color: #fff}
.pagina .header {padding: 3px; margin:0; background: #dfdfdf url("../img/boxHeader.jpg") repeat-x scroll 0 0;  font-size: 120%; }
.pagina .body {padding: 3px 5px 3px 5px; border-right: solid #cccccc 1px; border-left: solid #cccccc 1px; min-height: 120px}
.pagina .footer {clear:left; background-image:url("../img/boxFooter.png"); background-position: top; background-repeat: repeat-x; height: 20px}
.pagina .footer2 {clear:both; background-image:url("../img/boxFooter2.png"); background-position: top; background-repeat: repeat-x; height: 20px}
.pagina li {text-indent: 20px;}

.sezione {float: left; }
.sezione .header {padding: 10px 0px 3px 0px; margin:0; background: #ffffff url('../img/cms/sectionHeader.png') repeat-x scroll 0 bottom; color:#000099; font-weight:bold; font-size: 120%; }
.sezione .body {border:0; padding:0}
.sezione .footer {clear:both; height: 5px; background:none}
.sezione .imgContainer {float:left; text-align:center; margin:5px 5px 5px 0px}
.sezione .punto {padding-left:7px; background: url("../img/punto.png") no-repeat scroll center left; }

/* Cms - Pagine e Sezioni (Griglie per pagine contLeft) */
.grid_left {margin: 0px 5px 0px 5px; width: 170px}

/* Cms - Pagine e Sezioni (Griglie per pagine contCenter) */
.grid_100 {margin: 0px 5px 0px 5px; width: 578px}
.grid_50 {margin: 0px 5px 0px 5px; width: 284px}
.grid_33 {margin: 0px 5px 0px 5px; width: 186px}
.grid_66 {margin: 0px 5px 0px 5px; width: 186px}

.grid_100_100 {margin: 0px 5px 0px 5px; width: 556px}
.grid_100_50 {margin: 0px 5px 0px 5px; width: 273px}
.grid_100_33 {margin: 0px 5px 0px 5px; width: 178px}
.grid_100_66 {margin: 0px 5px 0px 5px; width: 238px}

/* Cms - Pagine e Sezioni (Griglie per pagine contRight) */
.grid_right {margin: 0px 5px 0px 5px; width: 160px}

/* CLASSIFICAZIONE: gruppi, tipologie, sottotipologie, produttori, articoli*/
.clTable {margin:0; padding:0; width:100%}
.clImg {text-align: center; width:255px;}
.clCms {overflow:auto; height: 280px; padding:3px}

.clBar {vertical-align:bottom; }
.clBar .bar {padding:0; width:300px; float:none; background: url('../img/bar/articoli/center.png'); vertical-align:bottom; text-align:center}
.clBar .top {height:6px; background: url('../img/bar/articoli/top.png');}
.clBar .separator {height:4px; background: url('../img/bar/articoli/separator.png'); margin-top:3px}
.clBar .bottom {height:5px; background: url('../img/bar/articoli/bottom.png'); border:0}

.clBar a {padding-left: 5px; color:#000099; text-align:left; font-variant:normal; float:left}
.clBar a.right {padding-right: 5px; color:#000099; text-align:left; font-variant:normal; float:right}

.clBar .carrello {float:left; width:20%; height:28px; text-align:right} 
.clBar .prezzo {float:left; width:75%; height:28px; padding-top: 5px; font-size:150%; color:#990000;} 
.clBar .disponibili {padding-left:3px; color:#00CC00; text-align:left; font-variant:normal; font-weight: bold; float:left}
.clBar .inArrivo {padding-left:3px; color:#FF6600; text-align:left; font-variant:normal; font-weight: bold; float:left}
.clBar .nonDisponibili {padding-left:3px; color:#336699; text-align:left; font-variant:normal; font-weight: bold; float:left}
.clBar .note {padding-right: 5px; color:#000000; text-align:left; font-variant:normal; float:right}

/* NEW LINE */
.newLine {float:none; clear:both}