HTML {background-color:#9E9A8E}
BODY {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:80%; color: #333;margin: 0 0 10px 0; text-align:center;background:url(images/bg.jpg) repeat top left;line-height:16px}
a:link, a:visited {color:#AA9C22; text-decoration:none}
a:hover {text-decoration:underline}

@font-face {
    font-family: 'Optima';
    src: url('js/OptimaRegular.eot');
    src: local('Optima'), url('js/OptimaRegular.ttf') format('truetype');
    }

/* form e img */
p {margin: 13px 0}
.nota {color:#ff0000;font-size:85%;font-weight:bold;}
.center {text-align:center}
.right {text-align:right}
ul {margin:10px;padding:10px;}
.imgdx {float:right;margin-left:10px;}
.imgsx {float:left;margin-right:20px;border:2px solid #ccc}
.imgprod {float:left;margin: 0 30px 20px 0;border:2px solid #ccc}
h2 {color:#999;margin:0}
h3 {font-size:15px}
h2 a:link, h2 a:visited {color:#918142}
h1, h2, h3 {display:inline;font-weight:normal}
img {border:0}
form {margin:0}
legend {color:#fc0}
select {font-size:12px}
div.hr {background-color:#918142;width:100%;height:1px}
input[type="text"], input[type="password"], textarea {background-color:#fff;border:1px solid #ccc;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;color:#333}

/* struttura */
div#top {margin:0 auto;position:relative;background: url(images/top.jpg) no-repeat top left;width:700px !important; width /**/: 990px; height:62px !important; height /**/:128px;padding:66px 0 0 290px;text-align:left}
div#containerc {width:100%;text-align:center;background:url(images/bgtop.png) repeat-x top left}
div#bgfooter {width:100%;text-align:center;background:url(images/bgfooter.png) repeat-x bottom left}
div#container {margin:0 auto;position:relative;width: 990px; text-align:center;background: url(images/bgtopcontainer.png) repeat-x top left #9E9A8D;}
div#top h1 {color:#fff;margin: 0;width:637px;height:13px;text-align:center;font-size: 14px;background: url(images/toph1en.png) no-repeat top left;display:block}
/*div#top h1 {color:#fff;margin: 0;font-size: 16px;font-family: Optima, "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-weight:bold;letter-spacing:5px}*/
div#top h1 span {position:relative;z-index:-1;overflow:hidden;display:block;height:11px} 
div#topcart {width:184px;height:25px;line-height:25px;position:absolute;right:25px;top:81px;color:#000;text-align:center;font-size:11px}
div#topcart a:link, div#topcart a:visited {color:#fff;text-decoration:none;font-weight:bold}
div#topcart a:hover {text-decoration:underline}


div#topmenu {position:relative;margin:0 auto;width:970px;height:35px;background: url(images/topmenubg.png) repeat-x top left}

ul.tabnav{position:absolute;top:10px;right:115px;text-align:center;height:26px; padding:0;margin:0; font-weight:bold;font-size: 12px; color:#06c; list-style:none;text-align:center;overflow:hidden}
ul.tabnav li {line-height:26px;height:26px;float: left;margin: 0 5px;padding: 0}
ul.tabnav span {float: left;padding: 0 10px 0 2px;cursor: pointer}
ul.tabnav a:link, ul.tabnav a:visited{float: left;background: url(images/topmenu.png) no-repeat top left;padding: 0 0 0 8px; text-decoration: none;color: #fff;}
ul.tabnav a.active, ul.tabnav a:hover{background: url(images/topmenu.png) no-repeat bottom left}
ul.tabnav a:link span, ul.tabnav a:visited span {background: url(images/topmenu.png) no-repeat top right;text-decoration: none}
ul.tabnav a.active span,ul.tabnav a:hover span {background: url(images/topmenu.png) no-repeat bottom right;color: #555;}

a#jpo {position:absolute;top:10px;right:25px;width:84px;height:26px;background: url(images/sprite.png) no-repeat -1980px -172px;display:block}
a#jpo span {display:none}

div#content {position:relative;float:left;padding:0 25px 10px 0;text-align:justify;width:680px !important; width /**/: 705px;min-height: 150px;height: auto !important;height: 150px}

div#sx {float:left;width:240px !important; width /**/: 285px;padding:0 20px 10px 25px}

div#footer {clear:both;margin:0 auto;position:relative;height:106px !important; height /**/: 130px; width:940px !important; width /**/: 990px; padding:12px 25px;background: url(images/footer.png) no-repeat top left;color:#333;text-align:left;font-size:11px;}
div#footer a:link, div#footer a:visited {color:#000;text-decoration:none}
div#footer a:hover {text-decoration:underline}
div#footer p {margin:8px 0 0 0}
div#footer a img {vertical-align:middle}
div#credits {position:absolute;right:25px;top:12px;font-size:10px;}


/* mappatura top */
ul#mlogo {	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	width:240px;height:106px;
	left: 0;
	top: 0;}
ul#mlogo li {
display:block;
position:absolute;
margin:0;padding:0
}
li#logo {
left:25px;top:0;
width:240px;height:106px;
}
li#eng, li#ita {
left:3px;
width:22px;height:30px;
}
li#eng {
top:6px;
}
li#ita {
top:41px;
}
li#eng a, li#ita a {
background: url(images/sprite.png)
}
li#eng a:link, li#eng a:visited {
background-position: -1775px -172px
}
li#ita a, li#ita a:visited {
background-position: -1775px -202px
}
li#eng a:hover {
background-position: -1797px -172px
}
li#ita a:hover {
background-position: -1797px -202px
}
#mlogo a {
display:block;
width:100%;
height:100%;
}

.alt { display:none }

/*sx */
div.sxbox, div.sxboxbot {background: url(images/sprite.png) no-repeat}
div.sxbox {width:240px;margin-bottom:10px;background-position:top left;padding-top:5px}
div.sxboxbot {width:240px;background-position: bottom left;padding-bottom:5px}
div#sxlogin {width:216px !important; width /**/:240px;height:216px !important; height /**/: 228px;padding:12px 0 0 24px;background: url(images/sxlogin.jpg) no-repeat;text-align:left;font-size:12px;margin:11px 0 11px 0}
div#sxlogin input[type="text"], div#sxlogin input[type="password"] {width:110px;height:16px}
div#sxlogin a:link, div#sxlogin a:visited {color:#91851E}
div#sxlogin a:link b, div#sxlogin a:visited b{color:#c60}
div#sxlogin p {margin:10px 0}

ul.menu {margin:0;padding:0 25px 10px 25px;font-size: 12px; list-style:none;text-align:left;width:190px !important; width /**/:240px;}
ul.menu li a {display:block;width:190px;text-indent:30px;background: url(images/sprite.png) no-repeat -241px 11px;line-height:28px;height:28px;margin:1px 0}
ul.menu li {display:inline}
ul.menu li a:link, ul.menu li a:visited {color:#333; text-decoration:none} 
ul.menu li a:hover {color:#C1B126;text-decoration:none} 

div.categorie {height:23px;width:190px;border-bottom:2px solid #C1B127;margin:5px auto 0 auto;text-align:left}
div.categorie.female {background: url(images/sprite.png) no-repeat -248px -421px;text-indent:33px}
div.categorie.male {background: url(images/sprite.png) no-repeat -248px -441px;text-indent:38px}
div#sx h3 {display:inline;position:relative;font-size:18px;color:#000;width:150px;}
div#sx h3 span {position:absolute; left:0;display: block; width:100%; height:15px;background: url(images/sxgradient.png) repeat-x top left;}

/* content */
/* mappatura speciale feste */
ul#mfeste {	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	width:395px;height:210px;background: url(images/banner_abbinamenti.jpg) no-repeat 0 0
	}
ul#mfeste li {
display:block;
position:absolute;
margin:0;padding:0
}
li#donna, li#uomo {left:0;width:90px;height:30px}
li#donna {top:73px}
li#uomo {top:103px}
#mfeste a {
display:block;
width:100%;
height:100%;
}
#mfeste a:hover {border:1px solid #666;width:88px;height:28px}

div#vetrina {margin:13px auto;position:relative;width: 660px !important; width /**/: 680px;height:140px !important; height /**/: 170px;padding:10px 10px 20px 10px; background: url(images/sprite.png) no-repeat -242px -247px;color:#333;text-align:left;font-size:12px}
.vbox {font-size:12px;float:left;position:relative;width: 312px;height: 140px; background: url(images/sprite.png) no-repeat -482px -111px}
.vboxsx {margin-right:34px}
.vbox .vfoto {width:110px;height:100px;text-align:center}
.vbox .varticolo {position:absolute;bottom:110px;left:123px}
.vbox .vprezzo {position:absolute;top:47px;left:132px;width:170px;height:45px;font-weight:bold}
.vbox .vprezzo p {margin:10px 0 0 0;color:#fff;font-size:14px;letter-spacing:-1px}
a.vwish:link, a.vwish:visited, a.vcart:link, a.vcart:visited {position:absolute;bottom:4px;height:26px;display:block;color:#444;line-height:26px}
a.vwish:link, a.vwish:visited {left:0;text-indent:25px;width:194px;text-align:center}
a.vcart:link, a.vcart:visited {left:190px;text-indent:24px;width:118px;}

div.contenttop {width: 680px;background: url(images/contenttop.png) no-repeat top left;padding-top:5px;margin-bottom:10px;}
div.contentbot {width: 664px !important; width /**/: 680px;padding:5px 8px;background: url(images/contentbot.png) no-repeat bottom left #fff;}
div.contentTesto {width: 640px !important; width /**/: 680px;padding:5px 20px 15px 20px;background: url(images/contentbot.png) no-repeat bottom left #fff;}
div#dreampieces, div#acquista {margin-top:13px;width: 415px !important; width /**/: 640px;padding:0 225px 0 0;height: 480px}
div#acquista {background: url(images/acquista.jpg) no-repeat bottom right}
div#dreampieces {background: url(images/dreampieces.jpg) no-repeat bottom right}
div#dreampieces p, div#acquista p {margin:0 0 7px 0}

div.path {height:23px;border-bottom:2px solid #C1B127}

div.contentbot div.path {margin:0 10px;width:644px}
div.contentTesto div.path {margin:0;width:640px;}
div.path h2 {/*margin-left:4px;*/font-size:18px;color:#333}
div.path a:hover {text-decoration:none;color:#999}
div.path.female {text-indent:16px;background: url(images/sprite.png) no-repeat -265px -421px}
div.path.male {text-indent:21px;background: url(images/sprite.png) no-repeat -265px -441px}
div.contentbot h1, div.contentTesto h1 {color:#000;font-size:18px;text-transform:uppercase}

div#jewelinfo {width: 644px !important; width /**/: 664px;height: 340px !important; height /**/: 360px;padding:10px;background: url(images/sprite.png) no-repeat -1110px 0}
div#jewelinfodx {float:left;width:290px;position:relative;height:340px;}
div#jewelinfodx p {margin:0 0 10px 0}
div#detailnotes {color:#999;font-size:11px;padding-top:10px;margin-top:10px;border-top:1px solid #ccc}

div.elencoprod {position:relative;width:312px;height:188px;float:left;margin:20px 9px;background: url(images/sprite.png) no-repeat -796px -62px;font-size:12px}
div.elencoprod .efoto {width:140px;height:138px;text-align:center}
div.elencoprod .earticolo {position:absolute; top: 0;left:152px}
div.elencoprod .earticolo p {position:absolute;top:29px;left:0;width:140px;margin:0;color:#999;font-size:11px;margin:8px 0 0 0;line-height:12px}
div.elencoprod .eprezzo {position:absolute;top:96px;left:162px;width:140px;height:45px;font-weight:bold}
div.elencoprod .eprezzo p {margin:10px 0 0 0;color:#fff;letter-spacing:-1px}

.varticolo h2 a:link, .varticolo h2 a:visited, .earticolo h2 a:link, .earticolo h2 a:visited {letter-spacing:-1px;font-size:12px;color:#000;font-weight:bold}
.varticolo h2 a:hover, .earticolo h2 a:hover {text-decoration:none;color:#777}

.articolo {position:absolute;bottom:0;right:0;width:290px;height:161px;background: url(images/sprite.png) no-repeat -1775px 0;}
a.ordina:link, a.ordina:visited {position:absolute;top:57px;right:5px;width:130px;height: 32px !important; height /**/: 34px;padding-top:2px;display:block;font-size:16px;color:#fff;text-indent:14px;}
a.ordina:hover {text-decoration:none;color:#000}
.prezzo {position:absolute;top:7px;left:12px;width:266px;height:55px;font-weight:bold;letter-spacing:-1px;}
.prezzo b {color:#000}
div#jewelinfodx .prezzo p {margin:8px 0 0 0;color:#fff;text-align:center}
div#jewelinfodx .prezzo span {position:absolute;top:0;left:138px}
a.wish:link, a.wish:visited, a.friend:link, a.friend:visited {position:absolute;bottom:0;height: 41px !important; height /**/: 61px;width: 118px !important; width /**/: 133px;padding:20px 15px 0 0;display:block;text-align:right;color:#333;font-weight:bold}
a.wish:link, a.wish:visited {left:0}
a.friend:link, a.friend:visited {right:0}
a.wish:hover, a.friend:hover {color:#fff;text-decoration:none}

.wide {margin:0 auto;clear:left/*;font-size:4px*/}
ul#slide {
list-style-type:none;
margin:0;
padding:0}

ul#funziona {margin:20px 0;padding:0;list-style:none;text-align:left;font-size:14px}
ul#funziona li {display:block;margin:15px 0;padding-left:55px;background: url(images/sprite.png) no-repeat;height:40px}
ul#funziona li#freg {background-position: -1785px -250px}
ul#funziona li#fdisp {background-position: -1785px -290px}
ul#funziona li#fpaga {background-position: -1785px -331px}
ul#funziona li#fricevi {background-position: -1785px -372px}
ul#funziona li#finvia {background-position: -1785px -412px}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    div.topelenco h3 a:link, div.topelenco h3 a:visited {}
}
div#cambiadata {margin:15px 0;background: url(images/sprite.png) no-repeat -1787px -290px;height:40px;line-height:40px;text-indent:50px}
div#cambiadata a {font-size:12px}

table.carrello {margin:10px 0;width:640px;border-collapse:collapse;}
table.carrello td {border-bottom:1px solid #ccc;padding:6px}
table.carrello td p {color:#999;}
table.carrello td.cartdesc {width:350px}
table.carrello td.cartprice {font-weight:bold;text-align:right}
.opacity {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4;opacity: 0.4;}
.opacitydivie {width:100%;height:100%}

a.cartordina:link, a.cartordina:visited, a.registrati:link, a.registrati:visited, a.invia:link, a.invia:visited, a.pdfring:link, a.pdfring:visited {width: 154px !important; width /**/: 185px;height:29px;padding-left:31px;text-align:center;line-height:29px;display:block;background: url(images/sprite.png) no-repeat;color:#444;font-size:12px}  
a.cartordina:link, a.cartordina:visited {background-position: -245px -30px}  
a.registrati:link, a.registrati:visited {background-position: -245px -60px}
a.invia:link, a.invia:visited {background-position: -245px -90px}
a.pdfring:link, a.pdfring:visited {background-position: -245px -120px}

div#boxlogin, div#boxrecupera {font-size:12px;margin-right:20px;text-align:center;width: 180px !important; width /**/: 200px;height: 215px !important; height /**/: 235px;padding:10px 10px 10px 10px;background: url(images/boxlogin.jpg) no-repeat}
div#boxlogin {background-position:top left}
div#boxrecupera {background-position:top right}
div#boxreg, div#boxlogin, div#boxrecupera {float:left;margin-top:20px}
.noitems {padding:10px}

a.inizio {background: url(images/sprite.png) no-repeat -245px -229px;padding-left:20px} 
 
/* giuseppe */
div.partnership{width:600px;}
div.partnership div{float:left;width:300px;text-align:left}
div.partnership input{width:200px;}

textarea.area{width:500px;}

/*vik 26 ott wishlist carrello calendario*/
.wishcartdis { font-weight: bold; color: White;}
.divcalendar { margin-left: 170px; margin-top: 20px;}

/*vik 28 ott per fix em css friendly adapter e login*/
.AspNet-Login-UserPanel label em,
.AspNet-Login-PasswordPanel label em,
.AspNet-Login-RememberMePanel label em
{
font-style: normal;
}

/* giuseppe 3 novembre per pag dati utente */
div.colonne{width: 640px}
div.colonne input[type=text], div.colonne input[type=password] {width:280px;background:none}
div.colonne select {height:24px; vertical-align:middle; line-height:24px;}

div.colonne div{width:300px;float:left;margin: 5px auto;}
div.colonne textarea {width:580px;height:151px;background:none /*url(images/logotextarea.png) no-repeat bottom right*/}
div#contatti {width:640px;background:url(images/bgcontatti.gif) no-repeat bottom right}

/* giuseppe 3 novembre per riepilogo ordine */

table.riepilogoordine{margin:0 auto;width:640px;border-collapse:collapse;margin-top:20px;background: url(images/sprite.png) no-repeat -1110px -362px;}
table.riepilogoordine th {height:26px;padding:0 10px;color:#fff;vertical-align:middle}
table.riepilogoordine td {padding:5px 10px;border-bottom:1px solid #ccc}
table.riepilogoordine tr.totale {background-color:#f3f3f3;font-weight:bold;}
table.riepilogoordine tr.totale.border td {border-bottom:1px solid #aaa;}
table.riepilogoordine tr.totalec {background-color:#aaa;font-weight:bold;color:#fff}
table.riepilogoordine tr.totalec td {border-bottom:1px solid #aaa}

div.accettazioni{margin-top:20px;font-size:12px}
div.condizioni{font-size:11px;overflow-y:scroll;padding:5px 10px 5px 5px;height:80px;border:1px solid #ccc}

/*vik x archivio ordini*/
.AspNet-FormView-Data { border: 1px solid #cccccc; padding: 0 10px 10px 10px; background-color: #ffffff;}

.AspNet-FormView-Data div { margin: 10px 0px 0px 0px; font-size:9pt;}
.AspNet-FormView-Data h3 { font-size: 10pt; font-weight: bold; margin: 0; padding: 0}
.AspNet-FormView-Data th { font-size: 8pt; font-weight: bold; text-align: left;padding: 0 5px;}
.AspNet-FormView-Data td { font-size: 8pt;  text-align: left; border: 1px solid #cccccc; padding: 0 5px;}
.AspNet-FormView-Data a.cmd_close { font-weight: bold;}

/*link vetrina con foto pił piccole*/
a.link_vetrina img {width:100px; height: 100px; border: none;}

/*vik contatti*/
div.pnlprivacy{font-size:11px;width:570px; overflow-y:scroll;padding:5px 10px 5px 5px;height:80px;border:1px solid #ccc}

/* banner home dario */
div#bannerhome {}
div#bannerhome img {height:48px;width:220px;background: url(images/sprite.jpg) no-repeat}
div#bannerhome img.capital {background-position:0 0}
div#bannerhome img.borse {background-position:-220px 0;margin:0 10px}
img.iqh {background: url(images/sprite.jpg) no-repeat 0 0;width:240px;height:45px}

/* nuova home dario */
.split2slide {margin-bottom:10px;width: 650px !important; width /**/: 680px;height: 210px !important; height /**/: 230px;padding:10px 20px 10px 10px;background: url(images/sprite.png) no-repeat -2065px 0}
.split2slide .minislide {width:395px;height:210px;float:left;position:relative}
.split2slide .descvideo {width:235px;height: 195px !important; height /**/:210px;padding-top:15px;float:right;font-size:12px}
.split2slide .descvideo h1 {color:#fff;font-size:17px}
.split2slide .descvideo a:link, .split2slide .descvideo a:visited {font-size:12px;color:#fff;font-weight:bold}
.split2slide .descvideo a:hover {text-decoration:underline}

.pressnews {margin-bottom:10px}
#newsletter  {margin:0 auto;width:190px;text-align:left;position:relative;margin-bottom:10px}
#newsletter input[type="text"] {width:130px;height:20px}
#newsletter p {margin:11px 0 2px 0}
a.nlbtn:link, a.nlbtn:visited {position:absolute;bottom:0;right:0;width: 48px;height:24px;text-align:center;line-height:24px;display:block;background: url(images/sprite.png) no-repeat -254px -152px;color:#444;font-size:12px}


/*vik prod non disponibile 13 sett 2010*/
a.prodottond {color: #999999; text-decoration: line-through;}
a.ordinand {position:absolute;text-decoration: line-through;top:57px;right:5px;width:130px;height: 32px !important; height /**/: 34px;padding-top:2px;display:block;font-size:16px;color:#ccc;text-indent:14px;}