@charset "utf-8";
/* CSS Document */

/* ------------------------ html ------------------------ */
body{ font: 11px Arial, Helvetica, Geneva, sans-serif; color: #333; background: #f2f2f2;  margin: 0; padding: 0; }

h1, h2, h3, h4, h5{ margin: 0px; }
A {text-decoration:none; font-weight:bold;}
.clear { clear: both;}
hr.linehidden { visibility: hidden; display:none; padding:0; margin:0;}
.linea {width: 780px; height:4px; margin: 0px auto; background:#999 url(../images/background-trasp.gif) repeat-y center top; clear:both; font-size:1px;}

select { font-size:11px;}
input {/*width:140px;*/ border:1px solid #CCC; color:#000; height:auto; /*margin-left:4px;*/ font-size:11px; background-color:#FFF; margin:1px;}
.searchBox .input {float:left;}
input.Button, input.signoutButton { width:auto!important; height:auto; background-image:url(../images/bkg_bottoni.jpg); background-position:bottom; background-repeat:repeat-x; text-align:center!important; }
input.error {border:1px solid #b00000!important;}

.acca2 {font-family: Helvetiker; font-size: 20px; display: block; padding-bottom: 3px; margin-bottom: 10px; text-align:left; padding-right:30px;}

/* ------------------------ layout ------------------------ */

#container {width: 750px; background:#FFF url(../images/background-trasp.gif) repeat-y center top; min-height: 500px; margin: 0px auto; padding:0px 15px 0px 15px; position:relative;}

/* Header */
#header {width:750px; position:relative;}
#header #logobuttons { overflow: hidden; margin-bottom: 15px;}
#header a.logo { float:left; margin-top:25px; margin-left:5px;}
#header a.logo img {}
#header a.logo h1 { visibility: hidden; display:none;  }
#header #menuTop {margin-top: 17px; float: right; width: 100px;}
#header a.buttons, #colDx a.buttons { width: 25px; height: 25px; display: block; float: left; }
#header a.buttons span, #colDx a.buttons span { visibility: hidden; display: none;  }
#header a.buttons.home { background: url(../images/butHome.jpg) no-repeat left top; }
#header a.buttons.mail { background: url(../images/butEmail.jpg) no-repeat left top; }
#header a.buttons.carrello {background: url(../images/butCarrello.jpg) no-repeat left top;  }
#header a.buttons.sitemap {background: url(../images/butSitemap.jpg) no-repeat left top;  }
#header a.buttons:hover, #colDx a.buttons:hover { background-position:left bottom;}
a.buttons.print { background: url(../images/butPrint.jpg) no-repeat left top; position:absolute; top:0px; right:0px;} 
#header #languages {margin-bottom: 10px; width: 100px; text-align: right;}


/* Menu */
#menu {background: url(../images/bgMenu.jpg) no-repeat center top; width: 750px; height: 28px; }
#menu ul#CMSMenu {list-style: none; margin: 0px; padding: 0px; padding-top: 8px; padding-left: 20px; padding-right: 20px;  }
#menu li{float: left; border-right: 1px #999999 solid;  padding-right: 10px; margin-right: 10px; }
#menu li.lastli { border-right: 0px; }
#menu li.lastli a.CMSListMenuLinkHighlighted { border-right: 0px;  font-weight: bold;}
#menu li.CMSListMenuHighlightedLI a.CMSListMenuLinkHighlighted {font-weight: bold;}
#menu li a{ color: #FFFFFF;  text-decoration: none;}
#menu li:hover a { text-decoration: underline;  }
#menu li a.active {  }
#menu li.lastli {  }

#mainimage { clear: both; }
#mainimage img {background-color: #EEEEEE; width: 750px; height: 152px;  }

#BreadCrumbs {width: 740px; margin-top:2px; min-height: 15px; padding-top: 5px; padding-bottom: 5px; padding-left:0px;}
#BreadCrumbs #Info { color: #666; font-weight: bold;}
#BreadCrumbs a { text-transform: uppercase; text-decoration: none; color: #666; background: url(../images/arrow.gif) no-repeat right center; padding-right: 10px; padding-left: 0px;}
#BreadCrumbs span.CMSBreadCrumbsCurrentItem { font-weight: bold; background: no-repeat;}
#BreadCrumbs span.lastli {font-weight: bold; background: no-repeat;}

/* Contenuto */
#content {margin-top: 10px; border-bottom:1px solid #ccc; padding-bottom:15px;}

/* colonna sinistra - contenuti */
#colSx {float: left; width: 190px; }
#colSx .box {}

#login, #currentUser, #miniCart, #search, #alberoCat {margin-bottom:10px;}

/* login */
#login .loginDx input.LogonTextBox {width: 90px!important;}
a.richiedipwd {}
a.ritrovapwd {}

#colSx .loginSx {width:70px;}
#colSx .loginDx {width:110px}
#colSx .loginSx, #colSx .loginDx {float: left;}
#colSx .loginDx input {}
#colSx .loginSx { text-align: right; padding: 3px;}
#colSx .loginSx LABEL { display: block; margin-bottom: 5px; margin-left:5px;}
#colSx .error { color: #B00000; margin-bottom: 5px;}
.loginButton {text-align:center; margin-bottom: 5px;}

.LoginPanelPasswordRetrieval {text-align:center; margin-top:10px; color:inherit; background-color:#f6f6f6;}
.LoginPanelPasswordRetrieval input {margin:3px;}
/*.PasswdRetrievalButton {height:auto!important; color:#000!important; font-weight:bold; background-color:#EEE; font-size:11px; text-align:center!important;}*/

/* LogOut */
.ShoppingCartLink { display: block; margin: 5px 0px; padding-left: 15px; background-image: url(/images/menuLink.jpg); background-position: left; background-repeat: no-repeat;}
#colSx #LogOut { margin:0px auto; text-align:center;} 

#currentUser {}
#alberoCat {}

/* Mini Carrello */
#miniCart .box {margin: 10px auto; text-align: center; font-weight: bold; padding: 3px; color:inherit; background-color:#f6f6f6;}
.viewCart { margin-top: 10px; text-align: right; padding: 2px;}
#addToCartDone {position: absolute; top: 50%; left: 50%;width: 276px; height: 96px; margin-left: -138px; margin-top: -68px; background-image:url(/images/popup.png); background-repeat: no-repeat; padding: 40px 0px;}
#addToCartDone .message, #addToCartDone .pulsantiera {padding: 0px 40px;}
#addToCartDone .message { font-size: 12px;}
#addToCartDone .pulsantiera { text-align: center; margin-top: 10px; margin-left: 170px; font-weight: bold; cursor: pointer; width: 66px; height: 18px; background-image:url(/images/button.jpg); background-repeat: no-repeat; padding: 2px;}
#addToCartDone .message STRONG, #miniCart STRONG { color: #B00000;}


#addToCartDoneLarge {position: absolute; top: 50%; left: 50%;width: 376px; height: 196px; margin-left: -188px; margin-top: -118px; background-image:url(/images/popup-large.png); background-repeat: no-repeat; padding: 40px 0px;}
#addToCartDoneLarge .message, #addToCartDoneLarge .pulsantiera {padding: 0px 40px;}
#addToCartDoneLarge .message { font-size: 12px;}
#addToCartDoneLarge .pulsantiera { text-align: center; margin-top: 10px; margin-left: 270px; font-weight: bold; cursor: pointer; width: 66px; height: 18px; background-image:url(/images/button.jpg); background-repeat: no-repeat; padding: 2px;}
#addToCartDoneLarge .message STRONG { color: #B00000;}

/* Ricerca */
#search label { margin-left:4px;}
#search .box { margin:10px 0px;}

/* Categorie */
#alberocategorie { margin-top: 10px;}
#alberocategorie UL {margin: 0; padding: 0;}
#alberocategorie LI { list-style: none;clear: both;}
#alberocategorie LI a {color:#666; float: left; display: block; width: 160px;}
#alberocategorie UL UL LI a {width: 140px;}
#alberocategorie UL UL UL LI a {width: 120px;}
#alberocategorie UL UL UL UL LI a {width: 100px;}
#alberocategorie UL UL UL UL UL LI a {width: 80px;}
#alberocategorie LI .expandTree, #alberocategorie LI .contractTree { background-repeat: no-repeat; background-position:left; display: block; float: left; width: 17px;}
#alberocategorie LI A.catOn {  color: #b00000;}
#alberocategorie LI .emptyImage { width: 17px;}
#alberocategorie LI .expandTree { background-image:url(/images/plus.jpg);}
#alberocategorie LI .contractTree { background-image:url(/images/minus.jpg);}
#alberocategorie LI IMG { vertical-align: middle; margin-right: 5px; float: left;}
#alberocategorie UL UL { margin-left: 17px;}


/* colonna destra - contenuti */
#colDx { float: left; width: 550px; margin-left: 10px; font-size:13px; position:relative;}
#colDx h4 { font-size: 20px; margin-bottom:10px; font-weight: normal; border-bottom: 1px #CCCCCC solid; }
#colDx #containerbox {margin-top: 20px; }

/* footer */

#footer {width: 750px; background:#FFF url(../images/background.jpg) repeat-y; margin: 0px auto; padding:10px 15px 10px 15px;}
#footer a { color:#666;}
#footer a:hover { color:#999; text-decoration:none;}
#footer a.credits {text-decoration: none; float: right; margin-right: 10px; margin-bottom: 10px; color: #333; }

/* visualizzazione catalogo */
#paginaCatalogo { width: 550px;}
#paginaCatalogo .resulter, #paginaCatalogo .orderer  { background-color: #f1f1f1; border-top: 1px solid #ccc; margin: 10px 0px; padding: 5px 3px; width: 269px; float: left; height: 18px;}
#paginaCatalogo .resulter { text-align: left;}
#paginaCatalogo .orderer { text-align: right;}
#paginaCatalogo .orderer SELECT { font-size: 11px;}
#paginaCatalogo TABLE { padding: 0px; margin: 0px}
#paginaCatalogo TABLE TD { padding: 0px; margin: 0px}
#paginaCatalogo .boxprodottolista { position: relative; width: 168px; height: 192px; margin-bottom: 5px; text-align: center; padding: 6px;}
#paginaCatalogo .boxprodottolista {background-image:url(/images/boxOf.jpg); background-repeat: no-repeat;}
#paginaCatalogo .boxprodottolista:hover {background-image:url(/images/boxOn.jpg); background-repeat: no-repeat;}
#paginaCatalogo .immagineprodottolista { display: block; width: 80px; height: 80px;border: 1px solid #ccc; padding: 5px; margin: 5px auto; background-color: #fff;}
#paginaCatalogo .immagineprodottolista  IMG{ border: none;}
#paginaCatalogo .codiceprodottolista A {font-size: 10px; padding-left: 5px; font-weight: normal; text-decoration: none;color: #000;}
#paginaCatalogo .nomeprodottolista { padding: 0 5px; width: 158px; height: 50px; overflow: hidden; }
#paginaCatalogo .nomeprodottolista A {font-size: 10px; font-weight: bold;text-decoration: none;color: #000;}
#paginaCatalogo .removefromwhishlist {position: absolute; width: 14px; height: 14px; top: 6px; right: 6px;}
#paginaCatalogo .newProduct, #paginaCatalogo .saleProduct, #paginaCatalogo .salenewProduct {position: absolute; width: 44px; height: 44px; top: 6px; left: 23px; background-repeat: no-repeat;}
#paginaCatalogo .newProduct { background-image: url(/images/new.png);}
#paginaCatalogo .saleProduct { background-image: url(/images/sale.png);}
#paginaCatalogo .salenewProduct { background-image: url(/images/salenew.png);}
#paginaCatalogo .separatorbox { width: 5px; height: 10px;}
#paginaCatalogo .prezzoOriginale, #paginaCatalogo .prezzoAcquisto, #paginaCatalogo .addToCart { float: left; font-size: 11px; font-weight: bold;}
#paginaCatalogo .prezzoOriginale { text-align: left; text-decoration: line-through;}
#paginaCatalogo .prezzoAcquisto { text-align: right;color: #b00000; }
#paginaCatalogo .prezzoOriginale, #paginaCatalogo .prezzoAcquisto {width: 67px; padding: 6px 2px 0px 2px;;}
#paginaCatalogo .addToCart {width: 26px; text-align: right;}


/* dettaglio prodotto */
#dettaglioProdotto #contFotoProdotto {width: 240px; text-align: left; position: relative;}
#dettaglioProdotto #contFotoProdotto , #dettaglioProdotto #datiProdotto { float: left;}
#dettaglioProdotto #contFotoProdotto #fotoProdotto { width: 180px; border: 1px solid #ccc; padding: 5px; margin: 15px auto; background-color: #fff;}
#dettaglioProdotto #contFotoProdotto #fotoProdotto IMG {border: none;}
#dettaglioProdotto #contFotoProdotto .newProduct, #dettaglioProdotto #contFotoProdotto .saleProduct, #dettaglioProdotto #contFotoProdotto .salenewProduct {position: absolute; width: 44px; height: 44px; top: 0px; left: 0px; background-repeat: no-repeat;}
#dettaglioProdotto #contFotoProdotto .newProduct { background-image: url(/images/new.png);}
#dettaglioProdotto #contFotoProdotto .saleProduct { background-image: url(/images/sale.png);}
#dettaglioProdotto #contFotoProdotto .salenewProduct { background-image: url(/images/salenew.png);}
#dettaglioProdotto #datiProdotto {padding: 5px; width: 290px; font-size: 11px;}
#dettaglioProdotto #nomeProdotto { font-weight: bold; font-size: 14px; margin-bottom: 10px;}
#dettaglioProdotto #nomeProdotto .marca {color: #447DC4;}
#dettaglioProdotto .contenitorePrezzo {border-bottom:  1px solid #ccc; border-top: 1px solid #ccc; padding: 6px 0px; font-weight: bold; color: #666666; margin-bottom: 10px;font-size: 14px; color: #B00000;}
#dettaglioProdotto .contenitorePrezzo .lblPrezzoSbarrato { color: #333333; text-decoration:line-through;}
#dettaglioProdotto .aggiungi, #dettaglioProdotto .aggiungipreferiti {width: 115px; padding: 0px; background-repeat: no-repeat; background-position: left; height: 18px; padding-left: 25px; padding-top: 2px;}
#dettaglioProdotto .aggiungi A, #dettaglioProdotto .aggiungipreferiti A { font-weight: normal; color: #333; text-decoration: none;}
#dettaglioProdotto .aggiungipreferiti {background-image: url(/images/addPref.jpg);}
#dettaglioProdotto .aggiungipreferiti A { font-weight: normal; color: #333; text-decoration: none;}
#dettaglioProdotto .aggiungi {background-image: url(/images/addDetail.jpg);}
#dettaglioProdotto .contenitorePulsanti .quantita, #dettaglioProdotto .contenitorePulsanti .aggiungi, #dettaglioProdotto .contenitorePulsanti .aggiungipreferiti{float: left;}
#dettaglioProdotto .contenitorePulsanti .quantita {text-align: right; width: 140px; margin-right:10px;}
#dettaglioProdotto .contenitorePulsanti .quantita INPUT {text-align: right; font-size: 11px;}
#dettaglioProdotto .disponibile { font-weight: bold; color:#009900;}
#dettaglioProdotto .nondisponibile { font-weight: bold; color:#990000;}

/* carrello */
#shoppingCart TABLE { border-collapse: collapse; margin-bottom: 10px; width: 100%;}
#shoppingCart TABLE  TH {font-size: 11px; font-weight: bold; vertical-align: bottom; border-bottom: 1px solid #ccc;  padding:4px 2px;}
#shoppingCart TABLE  TD {border-right: 1px solid #ccc; vertical-align: top;  padding: 2px;}
#shoppingCart TABLE  TH.noBorder { /*border-bottom: none;*/}
#shoppingCart TABLE  TD.noBorder { border-right: none;}
#shoppingCart TABLE  TD INPUT {font-size: 11px; text-align: right; }
#shoppingCart .shoppingCartItem, #shoppingCart .shoppingCartAlternate { font-size: 11px;}
#shoppingCart .shoppingCartAlternate { background-color: #f6f6f6;}
#applicaSconto, #bottoniCarrello {text-align:right; margin-bottom:10px;}
#bottoniCarrello input {margin-left:10px;}
#continuaGliAcquisti, #proseguiPag {width:275px; float:left; margin-top: 20px; }
#continuaGliAcquisti{text-align:left;}
#proseguiPag {text-align:right;}
.totaliOrdine { width: 550px; margin: 20px auto;}
.labelTotale, .prezziTotali { float: left;}
.labelTotale { width: 450px; text-align: right;}
.prezziTotali { width: 100px; text-align: right;}
#applicaSconto { margin: 10px auto; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}

/* pre checkout */
#loginprecheckout {}
#loginprecheckout .loginSx {width:70px;}
#loginprecheckout .loginDx {width:110px}
#loginprecheckout .loginSx, #colSx .loginDx {float: left;}
#loginprecheckout .loginDx input {}
#loginprecheckout .loginSx { text-align: right; padding: 3px;}
#loginprecheckout .loginSx LABEL { display: block; margin-bottom: 5px; margin-left:5px;}
#loginprecheckout .error { color: #B00000; margin-bottom: 5px;}

/* checkout */
.steps { width: 540px; margin: 10px 5px; background-image:url(/images/step-bg.jpg); background-repeat: no-repeat; padding: 0px;}
.step { width: 180px; float: left; text-align: center; font-size: 10px;}
.steppanel { margin-top: 20px; text-align: center; }
#prev, #next{width:275px; float:left; text-align:right; margin-top: 20px;}
.indirizziSX {width:200px;  text-align: right; font-size: 11px;}
.indirizziDX {width:320px;  text-align: left;}
.titoloIndirizzo { display: block; border-bottom: 1px solid #ccc; padding: 5px 2px; text-align: left; font-size: 11px; font-weight: bold; margin-bottom: 10px;}
.listaIndirizzi {width: 100%; margin: 10px auto;}
.listaIndirizzi TD {padding-right: 5px; font-size: 11px; vertical-align: top; width: 255px;}
.note { margin-left: 0px; float: none; width: 530px; padding: 0px;}

/* ordine completato */
#ordineCompletato { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 20px; margin-top: 20px;}
#ordineCompletato STRONG { color: #b00000;}

/* area riservata */
#listaPreferiti {margin-top: 20px;}
#profiloPersonale {margin-top: 20px;}
#dettaglioIndirizzo {margin-top: 20px;}

/* Dettaglio prodotto */
#containerDettagliProdotto {position:relative; height:340px; margin-top:5px;}
#descrizioneProdotto, #allegatiProdotto , #videoProdotto, #linkProdotto { position:absolute; overflow:auto; top:24px; border:1px solid #CCCCCC; width:507px; height:330px; padding-top:10px; padding-left:5px; }
#allegatiProdotto {  }
#videoProdotto {  }
.btn, .btnPress { float:left; margin-top:5px; padding:2px 5px; width:105px; font-weight:normal; color:#000000; font-size:11px;}
.btn { border:1px solid #CCCCCC; background-image:url(../images/bgBtnDettagli.jpg); }
.btnPress { border:1px solid #CCCCCC;background-image:url(../images/bgBtnDettagliPress.jpg); }

#containerImgThumb { width:512px; }
.imgThumb { float:left; border:1px solid #CCCCCC;margin-left:5px;padding:2px;}

.videoProdotto { float:left; width:450px; }

/* liste */
.tabellaListati { border: none; width: 100%;}
.tabellaListati TR {border: none;}
.tabellaListati TH { border-bottom: 1px solid #666;}
.tabellaListati TD { border-left: 1px solid #ccc; border-bottom: none; border-right: none; border-top: none; padding: 3px;}
.tabellaListati TD.noborder { border: none;}
.tabellaListati TR.alt { background-color: #f6f6f6;}
.pager {text-align: center; border-top: 1px solid #ccc; padding-top: 5px; margin-top: 10px;}
.pager .special { color: #b00000; font-weight: bold;}
.pager A {font-weight: bold;}
.pager .selected { background-color: #b00000; padding: 2px 3px; color: #fff !important; font-weight: bold;}