/* File > foglio di stile per realizzare un layout simile a quello di Virgilio senza fare uso di tabelle. Maggiori dettagli @ http://www.constile.org/clonazioni/virgilio/ Autore > gianluca troiani | g.troiani@constile.org | www.constile.org Versione > 3.9.2002.10.11 */ /* BODY */ body { padding: 0px; margin:0px;text-align:center; background: #FFF1C5;} hr { display: none; } a { text-decoration: none; } a:hover { text-decoration: underline; color: #FF0066; } /* #logo */ #logo { width:760px; margin:10px auto 0 auto; position: relative; text-align:left; font: bold 16px Verdana,sans-serif; color: #000000;} #logo img { margin-left: 8px; margin-right: 18px;} /* #content */ #content { width: 760px; margin:5px auto 0 auto; color: #000; background: #FFF1C5; border-top: 2px solid #FEE579; text-align:left; } /* #leftcontent */ #leftcontent { float: left; width: 610px; color: #000; background: url(../images/BgLeftContent.jpg) repeat-y 0 0;} /* #header */ #header { border-bottom: 2px solid #FFF1C5; color: #000; background: url(../images/BgHeader.jpg) repeat-y 0 0; display: none;} #header form { margin: 0 0 0 65px; height: 47px; text-align: center; } #header form input { padding: 0; font: bold 12px verdana,sans-serif; } #header form input.formbut { border: 1px outset #FC6; background: #900; color: #FFF; font: bold 11px verdana,sans-serif; text-transform: uppercase; } #header form input.formtxt { margin-top: 12px; } /* #subnavbar */ #titlebar { padding: 10px 5px 5px 10px; font: bold 16px Verdana,sans-serif; color: #000; border: 0px solid #FFF; text-align: left; } /* #main */ #main { padding:5px; border-top: 0px dotted #000; color: #000; font: 12px verdana,sans-serif; min-height: 650px; height: auto !important; height: 650px; margin-bottom: 10px;} /* #informazioni */ #informazioni {float:left; height: 158px; width: 152px; padding: 2px 2px; margin-left: 3px; margin-right: 20px; font: 10px verdana,sans-serif; border-right: 2px solid #FFF1C5;} #informazioni .promozione { background: url(../images/promozionehome.gif) no-repeat right top; padding-right:5px; font: 11px verdana,sans-serif; color: #FF4500; margin-top:5px;} #informazioni .promozione A {display:block;padding: 2px 2px 2px 10px; background: url(../images/sezione.gif) no-repeat 2px 8px;} /* #ultimenotizie */ #ultimenotizie { float: left; height: 158px; width: 152px; padding: 2px 2px; margin-left: 3px; margin-right: 20px; border: 1px solid #F90; font: 10px verdana,sans-serif; background: #FFF url(img/ic_notizie.gif) 3px 3px no-repeat; } #ultimenotizie p.testa { font: bold 10px verdana, sans-serif; margin: 0 0 5px 20px; } #ultimenotizie li.news { font: bold 10px verdana, sans-serif; margin: 0; margin-bottom: 3px; } #ultimenotizie li.news A { background: #FFF; color: #900; } /* #strillo */ #strilli {margin-left: 185px;} .strillo { min-height: 64px; height: auto !important; height: 64px; padding-top: 5px; padding-bottom: 5px; font: 12px verdana,sans-serif; } .strillo .immagine {float: left; margin-right: 5px;} .strillo big{ display: block; font: bold 12px verdana,sans-serif; } .strillo .description{width: 335px; bold 10px verdana,sans-serif; float:right} .strillo .goto{width: 335px; font: bold 10px verdana,sans-serif; float:right} /* #community */ #community {margin-top:5px; padding: 5px 10px 5px 0px; font: 11px verdana,sans-serif; border-top: 2px solid #FFF1C5;} /* #principale */ #principale { margin-top: 5px; border-top: 2px solid #FFF1C5; } #canali {float: right; padding: 5px; border-left: 2px solid #FFF1C5; color: #000; font: 12px verdana,sans-serif; } #canali .content { width: 406px; } #canali .content .colonna { float: left; width: 195px; } #canali .content .colonna big{ display: block; font: bold 12px verdana,sans-serif; } #canali .content .colonnaintera { float: left; width: 400px; } #canali .content .colonnaintera big{display: block; font: bold 12px verdana,sans-serif; } #canali .content .separacolonne { width: 10px; float: left; } #canali .content .catalogo {float: left; width: 225px; font: 10px verdana,sans-serif; margin-bottom:10px;} #canali .content .catalogo big {display: block; font: bold 14px verdana,sans-serif; color: Maroon; margin-bottom:10px;} #canali .content .catalogo big.sconto{display: block; font: bold 12px verdana,sans-serif; padding-left:48px; font-weight: bold; background: url(../images/promozione_big.jpg) no-repeat; height: 48px; color: red;} #canali .content .immaginesezione {float: right; margin-bottom:10px; width: 150px;} #canali .content .sezione {width: 370px; margin-top:20px; margin-bottom:5px;} #canali .content .sezionecomposer {float: right; font: bold 12px verdana,sans-serif; color: #FF9A00; text-align: right;} #canali .content .ListaProdotti {float: left;} #canali .content .buyit {float: left; margin-right:2px; width: 40px; text-align: right;} #canali .content .buyit A {display: block; font: 10px verdana,sans-serif; color: #FF0066; } #canali .content .buyit A.info {display: block; font: 10px verdana,sans-serif; color: Fuchsia; margin-top:2px; } #canali .content .buyit A.audio {display: block; font: 10px verdana,sans-serif; color: Gray; margin-top:2px; background: url(../images/audio.jpg) no-repeat center right; height: 16px; padding-right: 16px; } #canali .content .item{width: 370px;} #canali .content .code{float:left; font: bold 11px verdana,sans-serif; color: #FF0066;} #canali .content .prezzo{float: right; font: bold 11px verdana,sans-serif; color: Green; width: 50px; text-align: right;} #canali .content .unitprice{float: right; font: 11px verdana,sans-serif;color: blue;text-decoration: line-through; margin-right: 5px;} #canali .content .composer {display:block; font: bold 11px verdana,sans-serif; border-top:2px solid #FEE579;} #canali .content .title {display:block; font: 11px verdana,sans-serif; margin-bottom: 16px;} #canali .content .separacolonne { width: 10px; float: left; } #carrello .content { width: 560px; } #carrello .content .emptycart {font: bold 16px verdana,sans-serif; background: url(../images/emptyshoppingcart.jpg) no-repeat right; height: 128px; text-align: right; padding: 64px 128px 1px 1px;} #carrello .content TABLE.shoppingcart {background-image: url(../images/BgCart.jpg); background-position: bottom left; background-repeat: no-repeat; } #carrello .content TABLE.shoppingcart INPUT {} #carrello .content TH {font: bold 11px verdana,sans-serif; background:Maroon; color: #FFF1C5; padding:3px; text-align: center;} #carrello .content TD.item {padding: 4px; border: 1px solid Maroon;} #carrello .content TD.total {padding: 4px; color: Maroon;} #carrello .content TD.totalamount {padding: 5px; color: Red;} #carrello .content SELECT.ipt {margin: 2px 5px 5px 16px; width: 390px; font: 12px verdana,sans-serif;} #carrello .content .colonna { float: left; width: 100%;} #carrello .content .colonna big{ display: block; font: bold 12px verdana,sans-serif; } #carrello .content .buyit {float: left; width: 40px;} #carrello .content .buyit a {display: block; font: 10px verdana,sans-serif; color: #FF0066; margin-top: 5px; margin-right: 3px;} #carrello .content .description {float: left; width: 395px; font: 10px verdana,sans-serif;} #carrello .content .description big {display:block; font: bold 11px verdana,sans-serif; color: #FF0066;} #carrello .content .copies {float: right; width: 45px; text-align: center; font: bold 11px verdana,sans-serif; color: Black;} #carrello .content .price {float: right; width: 60px; text-align: right; font: 12px verdana,sans-serif; color: Black;} #carrello .content .shipping {margin: 2px 5px 5px 16px; font: bold 12px verdana,sans-serif; color: Black;} #carrello .content .errore {font: 14px bold verdana,sans-serif; background-image: url(../images/stop.jpg); background-repeat: no-repeat; background-position: 0px 0px; min-height: 32px; height: auto !important; height: 32px; padding-left: 34px; color: Red; min-height: 128px; height: auto !important; height: 128px; margin-left:70px;} #carrello .content .separacolonne { width: 10px; float: left; } /* #colonna */ #colonna {width: 165px; font: 10px verdana,sans-serif; padding-top:5px;} .spot {width: 150px; margin-top: 10px; font: 10px verdana,sans-serif; } .spot A {font-weight: bold; font-size: 12px; } .sezioni {font: 10px verdana,sans-serif;} .sezioni A {display:block;padding: 2px 2px 2px 10px; background: url(../images/sezione.gif) no-repeat 2px 8px;} .sezioni FONT.sconto {text-decoration: none; font: 9px; background: Green; color: White; margin-left: 3px; border: 1px outset #7FFF00; white-space: nowrap;} .sezioni A.new {background: url(../images/new0.gif) no-repeat 0px 2px; padding-left:36px;} .sezioni A IMG {margin-left:3px;} /* #rightbar */ #rightbar { float: right; width: 150px; margin: 0px; display:none;} #emailform { padding: 0px 0 0px 0px; border-bottom: 0px solid #F30; background: #FEE579; color: #000; } #emailform form,#emailform input { margin: 0px; font: 10px verdana,sans-serif; display: inline; } #emailform input.log { width: 70px; margin: 0px 0px 5px 0px; display: block; } #emailform .enter { float: right; margin-top: -62px; padding-right: 10px; text-align: right; } #emailform .enter input { border: 1px outset #FC6; text-transform: uppercase; background: #900; color: #FFF; } #rightsponsor { } .sponsorbox { margin-top: 10px; border: 1px solid #F30; padding: 5px; font: 10px verdana,sans-serif; background: #FFF; color: #000; } .sponsorbox .content { width: 138px; } .sponsorbox .content strong{ font: bold 12px verdana,sans-serif; display: block; } #footer { clear: both; color: #000; font: 10px verdana,sans-serif; text-align: left; display: none;} #footer .topleft { float: left; padding: 2px 3px 2px 3px; background: #333 url(img/angolo.gif) 100% 100% no-repeat; color: #FFF; } #footer .topleft .content { width: 604px; } #footer .topleft .content A { color: #FFF; font-weight: bold; } #footer .topright { float: right; padding: 2px 3px 2px 3px; text-align: center; background: #FEE579; color: #000; } #footer .topright .content { width: 144px; } #footer .topright .content A { text-decoration: none; font-weight: bold; } #footer .bottom { padding: 0px 10px; text-align: center; } #popupcontent { width: 400px; margin:5px auto 0 auto; color: #000; text-align:left; background: url(../images/j_calogo-japan.gif) no-repeat right top; padding-top: 106px; padding-bottom:5px;} #iteminfo { float: left; width: 400px; color: #000; font: 11px verdana,sans-serif;} #iteminfo .code{display: block; font: bold 12px verdana,sans-serif; color: #FF0066; background: url(../images/BgLeftContent.jpg) repeat-y; padding: 3px 1px 3px 1px; border-bottom:2px solid #FEE579;} #iteminfo .composer {display:block; font: bold 11px verdana,sans-serif; margin-top: 5px;} #iteminfo .title {display:block; font: bold 11px verdana,sans-serif; color: #FF0066; margin-top: 5px;} #iteminfo .image {display:block; margin-top: 5px; text-align: center;} #iteminfo .description {display:block; margin-top: 5px;} A { color: #900; background: transparent } .ripristino-float { clear: both; height:1px;overflow:hidden;margin:-1px; } FONT.evidenzia {color: #011A86; font-weight: bold; } H2 {display:block; font: bold 14px verdana,sans-serif;} .privacy {font: 10px verdana,sans-serif; text-align: left;} .FormCaption {color: Maroon; font: bold 11px verdana,sans-serif; text-align: right; margin-right: 5px;} .PayButton { background: url(../images/vimas.gif) no-repeat; padding-left: 80px; } .NextButton {width: 160px; height: 24px; font: bold 12px verdana,sans-serif; background: #FEE579 url(../images/next.gif) no-repeat center right; border: 1px outset; padding-right: 18px; color: Maroon; } .PrevButton {width: 160px; height: 24px; font: bold 12px verdana,sans-serif; background: #FEE579 url(../images/previous.gif) no-repeat center left; border: 1px outset; padding-left: 18px; color: Maroon; } A.pdfbutton {display:block; width: 160px; height: 24px; font: bold 12px verdana,sans-serif; background: url(../images/pdfprint.jpg) no-repeat center left; color: Black; padding-top: 8px; text-align: right; } A.pdfbutton:hover { text-decoration: none; color: #FF0066; } A.paybutton {display:block; width: 160px; height: 24px; font: bold 12px verdana,sans-serif; background: url(../images/paycard.jpg) no-repeat center left; color: Black; padding-top: 8px; text-align: right;} A.paybutton:hover { text-decoration: none; color: #FF0066; } img { border: none; }