/* CSS Document */
/* --- HTML ELEMENTS -------------------------------------------------------------------------------------------------------------------------------------- */
* { margin:0px; padding:0px; border: 0px;}
html, body { height: 100%; width: 100%; }
html { background: url(../img/bg.gif) top left repeat-y #999; }
body { font-family: Tahoma, Verdana, Arial; font-size: 11px; color:#000; }
h6 { font-size: 12px; line-height: 16px; color: #848484; padding-left: 20px; font-weight: bold; }
input { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
select { background-color: #ECE9D8; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
textarea { background-color: #ECE9D8; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
a { color: #FF6600;}
a:hover { text-decoration:none;}
/* --- STRUTTURA -------------------------------------------------------------------------------------------------------------------------------------- */
div#mainWrapper { width: 996px; }
div#header { width: 996px; height: 58px; background: url(../img/bgHeader.gif); z-index:-1;}
div#contentWrapper { width: 732px; float: left; }
div#content_info { padding-left: 10px; padding-right: 35px; padding-bottom:20px;}
div#navigation { width: 258px; height: 540px; float: left; background:url(../img/bg.jpg) top left repeat-x #D4D4D4; }
div#bgSX { width: 6px; height: 540px; float: left; background:url(../img/bgSX.gif) top left no-repeat; }
#mollichelle { position:absolute; width:676px; height:25px; z-index:10; left: 275px; top: 37px;}
#footer { width:677px; height:89px; margin: 30px auto 10px auto; color:#CCCCCC; background:url(../img/bgFooter.gif) no-repeat 0 0;}
#prefooter { padding-top: 15px; color:#666;}
/* --- ELEMNETI GENERICI -------------------------------------------------------------------------------------------------------------------------------------- */
#logoBox { position: relative; height: 104px; width: 258px; background:url(../img/bgLogo.gif) top left no-repeat;}
#logo { position: absolute; height: 65px; width: 201px; left: 25px; top: 34px;}
#logo h1 a { background: url(../img/logo.gif) no-repeat 0px 0px; display: block; height: 65px; text-indent: -999em; text-decoration:none;}
#formcerca { margin: 0 auto; width:201px;}
#formcerca h6 { display:inline; background: url(../img/icoCerca.gif) 0 -1px no-repeat; padding-right: 3px;}
#formcerca .string { width: 110px; height: 14px; background-color: #E7E7E7;}
#formcerca input.btn { width: 13px; height: 13px; background: url(../img/btnCerca.gif) top left no-repeat; }
#menu { width: 201px; margin: 0px auto;}
#formlogin, #wBack { margin: 0 auto; width:201px;}
#formlogin h6 { background: url(../img/icoLogin.gif) 0 0 no-repeat;}
#formlogin .string { width: 143px; height: 14px; background-color: #f9f9f9; float:right;}
#formlogin p { margin-top: 8px; font-size: 10px;}
#formlogin .btns { margin-top: 15px;}
#formlogin .btns input,
#formlogin .btns a.rp { float:right; margin-left: 5px; border: 0px;}
#formlogin .btns a.rp,
#formlogin .btns a.rp:link,
#formlogin .btns a.rp:visited { width: 95px; height: 11px; background:url(../img/btnRecuperoPass.gif) 0 0 no-repeat;}
#formlogin .btns a.rp:hover,
#formlogin .btns a.rp:active { background-position:bottom;}
#formlogin .btns input.ac { width: 49px; height: 11px; background:url(../img/btnAccedi.gif) 0 0 no-repeat;}
#formlogin .btns input.acHover { width: 49px; height: 11px; background:url(../img/btnAccedi.gif) 0 -11px no-repeat; cursor: pointer;}
#wBack h6 { padding-left:0px;}
#wBack h6 strong {color:#6790ed;}
#wBack a { display:block; line-height: 16px; color: #848484; padding-left: 20px; }
#wBack a.user { background: url(../img/icoUser.gif) 0 0 no-repeat; margin-top: 10px;}
#wBack a.logout { background: url(../img/icoLogout.gif) 0 0 no-repeat;}
#wBack a:link,
#wBack a:visited { color: #848484; }
#wBack a:hover,
#wBack a:active { color: #6790ed;}
#txt { padding:10px; padding-right:200px; background-image:url(../img/sfondo-txt.jpg); background-repeat:no-repeat; }
.string { color: #000000; padding: 1px 3px 0px 3px; font-size: 10px; font-weight: bold; }
.dotted { background: url(../img/dotted.gif) no-repeat left top; height: 25px; width: 201px; margin: 0 auto; }
.flagIta { position:absolute; left:600px; top:12px;}
.flagEng { position:absolute; left:625px; top:12px;}
/* --- QUICK LINKS -------------------------------------------------------------------------------------------------------------------------------------- */
a.home, a.chiSiamo,
a.contattaci, .qta { position:absolute; line-height: 16px; color: #FFFFFF; padding-left: 20px; top: 8px; text-decoration:none;}
a.home { background: url(../img/icoHome.gif) no-repeat left top; left: 26px;}
a.chiSiamo { background: url(../img/icoChiSiamo.gif) no-repeat left top; left: 88px;}
a.contattaci { background: url(../img/icoContattaci.gif) no-repeat left top; left: 164px;}
a.home:hover,
a.chiSiamo:hover,
a.contattaci:hover { text-decoration:underline;}
a.spedizioni,
a.infoPagamenti,
a.ordini,
.qta,
.numeroQta,
.totale,
.prezzo,
.doveSei { position:absolute; line-height: 16px; color: #747474; top: 8px;}
.qta { background: url(../img/icoQta.gif) no-repeat left top; left: 296px;}
.numeroQta { left: 340px; font-weight:bold;}
.totale { left: 370px;}
.prezzo { left: 410px; font-weight:bold;}
.doveSei { left:296px; top: 35px;}
a.spedizioni,
a.infoPagamenti,
a.ordini { padding-left: 24px; text-decoration:none;}
a.spedizioni { background: url(../img/icoSpedizioni.gif) no-repeat left top; left: 677px;}
a.infoPagamenti { background: url(../img/icoPagamenti.gif) no-repeat left top; left: 770px;}
a.ordini { background: url(../img/icoOrdini.gif) no-repeat left top; left: 880px;}
a.spedizioni:hover,
a.infoPagamenti:hover,
a.ordini:hover {text-decoration:underline;}
/* --- SCHEDE PRODOTTO -------------------------------------------------------------------------------------------------------------------------------------- */
.prodWrapper { border-right: 1px dashed #d2d2d2; width: 700px; margin-left: 10px; margin-top:10px;}
.txtWrapper { margin: 0px 15px;}
.prodBox { float:left; position:relative; width: 340px; height: 345px; text-align:center; background:url(../img/bgProd_blue.png) top left no-repeat;}
.prodBox .infoProd {
width: 110px;
position: absolute;
top: 18px;
left: 15px;
font-family:Tahoma, Arial, Verdana, sans-serif;
font-size: 10px;
color: #FF6600;
}
.prodBox .infoProd a:link, .prodBox .infoProd a:visited, .prodBox .infoProd p.prezzo { font-weight: bold; color: #FF6600; text-decoration:none;}
.prodBox .infoProd a:hover, .prodBox .infoProd a:active { color: #f93; text-decoration:underline;}
.prodBox .infoProd p.prezzo { display:inline; width: 100px; position: absolute; top: 292px; left: 5px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 11px;}
.prodBox img.thumb { position: absolute; top: 89px; left: 20px; width: 100px; height: 200px;}
.prodBox a.acquista { width: 50px; height: 14px; position: absolute; top: 293px; left: 35px; border: 0px; font-family:Georgia, "Times New Roman", Times, serif; color:#FF0000; font-weight:bold;}
.prodBox a.acquista:hover,
.prodBox a.acquista:active { color:#FF3366; text-decoration:none;}
.prodBox input { position: absolute; top: 293px; right: 42px; width: 58px; height: 14px; background:url(../img/btnAcquista.gif) 0 0 no-repeat;}
.prodBox input.aHover { cursor: pointer;background:url(../img/btnAcquista.gif) 0 -14px no-repeat;}
.bgBLU { background: url(../img/bgProd_blue.png) top left no-repeat;}
.bgVIOLA { background: url(../img/bgProd_viola.png) top left no-repeat;}
.bgVERDE { background: url(../img/bgProd_verde.png) top left no-repeat;}
.bgGIALLO { background: url(../img/bgProd_giallo.png) top left no-repeat;}
.bgROSSO { background: url(../img/bgProd_rosso.png) top left no-repeat;}
#schedaProdotto { position: relative; width: 677px; height: 528px; background: url(../img/bgScheda.gif) top left no-repeat;}
#schedaProdotto img.imgBIG { position: absolute; top: 19px; left: 9px;}
#schedaProdotto img.tag { display: block; margin: 15px 6px 0px 6px;}
#schedaProdotto select { margin: 8px 0px 0px 6px; font-size: 11px;}
#schedaProdotto div.wrapper { position: relative; top: 19px; left: 322px; width: 346px; height: 500px; background:none;}
#schedaProdotto h1 { padding: 23px 6px 0px 6px; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size:18px; color:#f37676; }
#schedaProdotto h2 { padding: 5px 6px 0px 6px; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size:11px; color:#9db8f5; }
#schedaProdotto .codice { position: absolute; top: 6px; right: 6px;}
#schedaProdotto h3 { font-family: Tahoma, Arial; font-size: 9px; font-weight: normal; color: #848484;}
#schedaProdotto h3 em { color: #333; font-style:normal;}
#schedaProdotto p { font-size: 12px; color: #666; margin: 5px 6px 0px 6px;}
#schedaProdotto div.costoWrap{ margin: 15px 6px 0px 6px;}
#schedaProdotto div.costo {width: 205px; height: 30px; position: relative; background:url(../img/quantoCosta.gif) 0 0 no-repeat;}
#schedaProdotto div.costo p {position:absolute; top: 1px; right: 10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; text-align:right; color:#fff; }
#schedaProdotto .dashed {background: url(../img/dashed.gif) no-repeat left ; height: 10px; width: 327px; margin: 3px auto 0 auto;}
#content_info p { color:#4d4e50 }
#content_info h1 { color:#f24444; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
#content_info h2 { color:#177de2; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
h1.con { color:#f24444; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
h2.con { color:#177de2; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
.rosso {color:#f24444;}
.blu {color:#177de2;}
#content_info .costo{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}
#content_info td {border-bottom: 1px dashed #ccc; padding-bottom: 10px;}
table.content_info p { color:#4d4e50 }
table.content_info h1 { color:#f24444; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
table.content_info h2 { color:#177de2; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
table.content_info h6 { padding-left:0px; color:#f24444; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
table#content_info span.con { padding-left:0px; color:#177de2; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
table.content_info .costo{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}
table.content_info td {border-bottom: 1px dashed #ccc; padding-bottom: 10px;}
table.content_info .string { width: 143px; height: 14px; margin-left: 5px; background-color: #ece9d8;}
table.content_info .btns input,
table.content_info .btns a.rp { float:left; margin-left: 5px; border: none;}
table.content_info .btns a.rp,
table.content_info .btns a.rp:link,
table.content_info .btns a.rp:visited { width: 95px; height: 11px; background:url(../img/btnRecuperoPass.gif) 0 0 no-repeat;}
table.content_info .btns a.rp:hover,
table.content_info .btns a.rp:active {background-position:bottom;}
table.content_info input { height: 15px; border:1px solid #ccc;}
table.content_info input.stringa { width:250px;}
table.content_info select { height: 15px; border:1px solid #ccc; background:#fff;}
table#content_info input { height: 15px; border:1px solid #ccc;}
table#content_info input.stringa { width:250px;}
table#content_info select { height: 15px; border:1px solid #ccc; background:#fff;}
table.content_info .btns input.ac { width: 49px; height: 11px; background:url(../img/btnAccedi.gif) 0 0 no-repeat;}
table.content_info .btns input.acHover { width: 49px; height: 11px; background:url(../img/btnAccedi.gif) 0 -11px no-repeat; cursor: pointer;}
/* --- SCHEDE PRODOTTO in COMMENTI ----------------------------------------------------------------------------------------------------------------- */
#schedaRev { position: relative; width: 294px; height: 228px; background: url(../img/bgSchedaRev.gif) top left no-repeat; margin: 20px auto;}
#schedaRev img.imgLIL { position: absolute; top: 19px; left: 9px;}
#schedaRev div.wrapper { position: relative; top: 19px; left: 121px; width: 154px; height: 200px; background:none;}
#schedaRev h1 { padding: 8px 3px 0px 3px; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size:11px; color:#f37676; }
#schedaRev span { font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size:11px; color:#9db8f5; }
#schedaRev p { font-size: 11px; color: #666; margin: 8px 6px 0px 6px;}
#schedaRev .dashed {background: url(../img/dashed.gif) no-repeat left ; height: 6px; width: 160px; margin: 3px auto 0 auto;}
#schedaRev a { display:block; line-height: 16px; color: #848484; padding-left: 20px; margin: 0 3px; }
#schedaRev a.commenti { background: url(../img/icoCommenti.gif) 0 0 no-repeat; margin-top: 10px;}
#schedaRev a.dettagli { background: url(../img/icoDetail.gif) 0 0 no-repeat;}
#schedaRev a:link,
#schedaRev a:visited { color: #666; }
#schedaRev a:hover,
#schedaRev a:active { color: #6790ed;}
/* --- SCHEDE PRODOTTI CORRELATI ----------------------------------------------------------------------------------------------------------------- */
.relWrapper { margin: 10px 30px;}
h1.rel { margin: 0 0 5px 50px; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size:11px; color:#f37676; }
#schedaCor { position:relative; float:left; margin-left:15px; width: 194px; height: 128px; background: url(../img/bgSchedaCor.gif) top left no-repeat; }
#schedaCor img.imgLIL { position: absolute; top: 19px; left: 9px;}
#schedaCor div.wrapper { position: relative; top: 19px; left: 70px; width: 104px; height: 200px; background:none;}
#schedaCor h1 { padding: 8px 3px 0px 3px; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size:11px; color:#177de2; }
#schedaCor span { font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size:11px; color:#9db8f5; }
#schedaCor p { font-size: 11px; color: #666; margin: 8px 6px 0px 6px;}
#schedaCor .dashed { background: url(../img/dashed.gif) no-repeat left ; height: 6px; width: 100px; margin: 3px auto 0 auto;}
#schedaCor a.dettagli { background: url(../img/icoDetail.gif) 0 0 no-repeat; padding-left: 20px;}
#schedaCor a:link,
#schedaCor a:visited { color: #666; }
#schedaCor a:hover,
#schedaCor a:active { color: #6790ed;}
/* --- FOOTER----------------------------------------------------------------------------------------------------------------- */
#footer a,
#footer a:link,
#footer a:visited {padding-top:3px;color:#177de2; border-bottom:1px dashed #76D115; text-decoration:none;}
#footer a:hover,
#footer a:active { color:#76D115; border-bottom:1px dashed #177de2;}
ul.lista {list-style:disc; margin-left:25px;}
::-moz-selection{
background: #fbdbe8;
color: #FF0000;
}
::selection {
background: #fbdbe8;
color: #FF0000;
}
h1 { color: #FF6600; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
h2 { color:#000000; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}