/* Default dei testi */
body {
	color: #333;
    background-color: #eee;
	/* font: 9pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; */
	font: 8pt Verdana, sans-serif;
	padding: 0;
    margin: 2px 5px 2px 6px;
}
a {
	color: #333;
	text-decoration: none;
}
ul, li {
	list-style-type: none;
	padding: 0;
    margin: 0;
}
img {
    border: 0;
    vertical-align: middle;
}
table {
    border-collapse: collapse;
}
table, tr, td {
    margin: 0;
    padding: 0;
    vertical-align: top;
}
th {
    text-align: right;
}
input {
    border: 1px solid #e66;
    font-size: 7pt;
    color: #777;
}
select {
    border: 1px solid #e66;
    background-color: #c11;
    color: white;
}
form {
    margin: 0;
    padding: 0;
}


.cleaner {
	clear: both;
}
.left {
	float: left;
}
.u {
    text-decoration: underline;
}
.imp {
    font-weight: bold;
}
.warn {
    color: #c11;
}
hr {
    border-top: 1px solid #c11;
    color: #f99;
    background-color: #f99;
}
a.imp {
    font-weight: bold;
    color: #c11;
}

/**
 *  Box generici
 */
.box-simple, .info {
    margin-bottom: 10px;
    background-color: #ddd;
    border: 1px solid #999;
    padding: 5px 5px 10px;
}
.info h3 {
    background: #999 url( /img/information.png ) no-repeat left top;
    font-weight: bold;
    color: white;
    margin: 4px 0 8px;
    padding-left: 25px;
}
.warning {
    margin-bottom: 10px;
    background-color: #ffc;
    border: 1px solid #fcc;
    padding: 5px;
}
.warning h3 {
    background: #c11 url( /img/exclamation.png ) no-repeat left top;
    font-weight: bold;
    color: white;
    margin: 4px 0 8px;
    padding-left: 25px;
}
.warning span {
    color: #c11;
}

/**
 * HEADER
 */
#header {
	margin: 0 0 15px 0;
}
#header h1 {
	display: none;
}
#header h2 {
	font-size: 7pt;
	color: #c11;
    position: absolute;
    top: 13px;
    margin: 0;
    left: 214px;
    white-space:nowrap;
}
/*
.snow {
    background: url(/img/barra-neve.png) no-repeat right top;
    height:26px;
    position:absolute;
    right:-10px;
    top:-11px;
    width:112px;
    z-index:10;
}
*/
#header #logo {
	float: left;
	text-transform: uppercase;
	margin-right: 10px;
    position: relative;
}
#header #logo img {
	margin-top: 2px;
}
#header ul {
    border-bottom: 1px solid #ccc;
    /*overflow: hidden;*/
    /*height: 48px;*/
}
#user-details {
    text-align: right;
    float: right;
    font-style: italic;
    /*width: 220px;*/
    line-height: 1.2em;
    padding-top: 12px;
}
#user-details div {
    vertical-align: bottom;
}
#user-details a {
    font-weight: bold;

}
#user-details a.logout {
	font-style: italic;
	color: #ccc;
	font-size: 7pt;
	margin-left: 20px;
}
#header .latestentry {
    position: relative;
    height: 48px;
    margin-left: 214px;
    width: 380px;
}
#header .latestentry ul {
    position: absolute;
    bottom: 2px;
    border: 0;
}
#header .latestentry li.head, #header .latestentry li.head a {
    color: #c11;
}
#header .latestentry li {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 8pt;
    display: inline;
    background-color: white;
    border: 1px solid #ccc;
    border-bottom: 0;
    padding: 3px 5px;
    margin-right: 2px;
}
#header .cart-summary {
    text-align: right;
    font-style: normal;
}
#header li.searchbox {
    /*background-image:url(/img/sfondo-header.gif);*/
    background-color: #c5e2eb;
}
#header select {
    font-size: 7pt;
}

#page {
    max-width: 1024px;
    min-width: 813px;
    margin: 0 auto;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: white;
    height: 100%;
    overflow: hidden;
}
#page #boxes-left {
	float: left;
	width: 160px;
    margin-left: 5px;
}
#boxes-left .informazioni {
    color: #c11;
    font-weight: bold;
}

#page #boxes-right {
	float: right;
	width: 173px;
	background-color: white;
	z-index: 10
}
#page #boxes-right .box-container {
	background-image: url( /img/lio/box-bg-dx.png );
}

#page #boxes-center {
	margin: 0 180px 0 168px;
}
/**
 * Vetrina articoli
 */
.shadow {
    background: url( /img/lio/box-bg.png) no-repeat right bottom;
    padding: 0 9px 7px 0;
}
#boxes-center .elenco-articoli {
    overflow: hidden;
    height: 100%;
    margin: 0 0 10px;
}
#boxes-center .elenco-articoli ul {
    width: 159px;
    position: relative;
}
#boxes-center .elenco-articoli .col0 ul {
    margin-left: 0;
    margin-right: auto;
}
#boxes-center .elenco-articoli .col1 ul {
    margin-left: auto;
    margin-right: auto;
}
#boxes-center .elenco-articoli .col2 ul {
    margin-left: auto;
    margin-right: 0;
}
/*
 * Se un box contiene solo elementi float, aggiungere le proprietˆ overflow e
 * width (o height) x forzare il dimensionamento del box
 * v. http://www.quirksmode.org/css/clearing.html
 */
#boxes-center .vetrina {
	overflow: visible;
    height: 100%;
    margin-bottom: 10px;
    position: relative;
}

#boxes-center .articolo-vetrina {
	width: 33%;
    min-width: 155px;
	float: left;
    line-height: 1.3em;
}
#boxes-center .articolo-vetrina .titolo {
    font-weight: bold;
    color: #333;
    font-size: 9pt
}
#boxes-center .articolo-vetrina li {
    z-index: -1;
    color: #777;
    font-size: 8pt;
    text-transform: capitalize;
}
#boxes-center .articolo-vetrina img {
    border: 0;
    vertical-align: bottom;
}
#boxes-center h2 {
	color: white;
	background: #c11 url( /img/lio/barra-cd.png ) no-repeat scroll top left;
	font-size: 9pt;
	text-align: right;
	padding-right: 10px;
	text-transform: uppercase;
    margin: 0 0 10px 0;
    line-height: 20px;
    vertical-align: middle;
    position: relative;
}
#boxes-center h2 a {
    color: white;
}
#boxes-center h2 img {
    float: left;
}
#boxes-center h2 .bar-shadow {
	background: transparent url( /img/lio/barra.png ) no-repeat scroll top right;
}
#boxes-center ul.index {
    overflow: hidden;
}
#boxes-center .index li {
    float: left;
    width: 45%;
}

.status-legenda img {
    padding-right: 3px;
    padding-bottom: 1px;
}

/**
 * Scheda prodotto
 */
#articolo-scheda {
    position: relative;
    margin-bottom: 10px;
    text-align: left;
}
#articolo-scheda .scheda {
    padding-right: 10px;
}
#articolo-scheda .label {
	font-weight: bold;
	margin-right: 4px;
    text-align: right;
}
#articolo-scheda .artista {
	font-size: 14pt;
    font-weight: bold;
    text-align: right;
}
#articolo-scheda .artista a {
	color: #c11;
}
#articolo-scheda .titolo {
	font-size: 14pt;
	font-weight: bold;
    text-align: right;
}
#articolo-scheda .codice {
    text-align: right;
}
#articolo-scheda .descrizione {
	font-style: italic;
}
#articolo-prezzo {
	margin: 15px 5px 20px 0;
    height: 100%;
    display: block;
    overflow: hidden;
    font-size: 9pt;
    font-weight: bold;
}
#articolo-prezzo .offerta {
    color: #c11;
}
div.buttonbar {
	margin: 0 auto;
}
#image-box {
    text-align: left;
    width: 158px;
}
#articolo-info, #articolo-extra-info {
	height: 100%;
	display: block;
	margin-top: 5px;
	margin-right: 5px;
    overflow: hidden;
}
#articolo-info li, #articolo-extra-info li, #articolo-prezzo li {
	float: left;
	width: 50%;
}
#articolo-info li a, #articolo-extra-info li a {
    color: #c11;
    font-weight: bold;
}
#articolo-info li span, #articolo-extra-info li span {
    width: 40%;
    display: inline-table;
}

#tracklist h2 {
    margin-top: 5px;
}
#tracklist table {
    float:left;
    width: 50%;
    margin-bottom: 6px;
}
#tracklist table td {
    padding: 2px;
}
#tracklist input {
    border: 1px solid gray;
}
#tracklist input.button {
    border: 1px solid gray;
    background: #c11;
    color: white;
    padding: 0;
    height: auto;
    width: auto;
}
#tracklist input.tracktitle {
    width: 185px
}
#tracklist input.tracktime {
    width: 35px
}
#tracklist div.container {
    height: 100%;
    display: block;
    margin-top: 5px;
    overflow: hidden;
}

/**
 * Box ricerche
 */
.spese, .spese a {
    color: #c11;
}
.spese a {
    font-weight: bold;
}
.searchbox input {
    border: 1px solid #c11;
}
.searchbox .img, #user-details .img {
    vertical-align: middle;
    border: 0;
}
#search-body {
    /*font-size: 7pt;*/
}
#search-body ul, table#search-body, #search-body table, #cart-body table {
    width: 100%;
}
#search-body a {
    font-weight: bold;
}
#search-body .cover {
    padding: 1px;
    border: 1px solid #ccc;
    margin: 2px;
}
#search-body .autore {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 8pt;
}
#search-body .autore a {
    color: #c11;
}
#search-body .titolo {
    font-weight: bold;
    font-size: 9pt;
}
#search-body .extra-info, #search-body .informazioni {
    color: #777;
    font-size: 7pt;
}
#search-body .prezzo {
    font-weight: bold;
    font-size: 8pt;
    float: right;
}
.prezzo-old {
    text-decoration: line-through;
}
#search-body .available {
    font-weight: bold;
    font-size: 8pt;
    color: #c11;
    margin-bottom: 5px;
}
#search-body input {
    border-width: 0;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;

    font-weight: bold;
    color: #c11;
}
#search-body input:hover {
    border: 1px solid #c11;
    border-bottom: 2px;
    border-right: 2px;
    font-weight: bold;
    background-color: #f99;
}
#search-body td.qt {
    vertical-align: middle;
}
#search-body a.button {
    margin-left: auto
}

table.list td, table.list th {
    padding: 3px
}
table.list th {
    text-align: left;
}
table.list .row-odd {
    /*background: #f2f2f2 url(/img/lio/list-bg.png) repeat-x center bottom;*/
    background: #ffd url(/img/lio/list-bg.png) repeat-x center bottom;
}
table.list .row-odd td {
    /*border-top: 1px solid #e5e5e5;*/
    border-top: 1px solid #ffe8e5;
}
table.list a {
    color: #c11;
    font-weight: bold;
}
#search-body td {
    padding-top: 3px;
    padding-right: 3px;
}

.button {
    border: 0;
    background: url(/img/lio/button-bg.png) no-repeat;
    color: #c11;
    font-weight: bold;
    font-size: 8pt;
    width: 141px;
    height: 27px;
    padding: 0 5px 5px 0;
    text-align: center;
    text-shadow: #999 1px 1px 1px;
}
input.button {
    border: 0;
}
input.radio {
    border: 0;
}
a.button {
    display: block;
    text-align: center;
    vertical-align: middle;
    padding-top: 3px;
    height: 17px;
}
#search-body .total td {
    color: white;
    background-color: #c11;
    text-transform: uppercase;
    font-size: 9pt;
    padding: 2px;
}
#search-body .discount td {
    text-transform: uppercase;
    font-size: 9pt;
    padding: 2px;
}

#search-body .orderbar ul, #search-body .orderbar li {
    display: inline;
}
#search-body .orderbar {
    margin-bottom: 10px;
    padding: 2px;
    background-color: #ddd;
}
#search-body .orderbar li {
    background-color: #c11;
    border-left: 4px solid #999;
    padding: 2px;
    margin-right: 4px;
}
#search-body .orderbar a {
    color: white;
}
#search-body .orderbar img {
    border: 0;
    padding-left: 3px;
}

.weekbar ul, .weekbar li {
    display: inline;
}
.weekbar {
    margin-bottom: 10px;
    padding: 2px;
    background-color: #ddd;
}
.weekbar li {
    margin-right: 4px;
}
.weekbar a {
    background-color: #c11;
    border-left: 4px solid #999;
    color: white;
    font-weight: bold;
    padding: 2px 10px;
}

.progressbar {
    margin-bottom: 15px;
}
.progressbar li {
    background-color: #eee;
    border-style: solid;
    border-color: #ddd;
    border-width: 1px 1px 1px 0;
    display: inline;
    padding: 3px 10px;
}
.progressbar .head {
    font-weight: bold;
    border: 1px solid #ddd;
}
.progressbar .done {
    background-color: #c11;
    color: white;
}

.search-page-ctrl {
    margin: 10px 0;
}
.search-page-ctrl b {
    font-size: 10pt;
    color: #c11;
}

/**
 * Box best seller
 */
#box-bestseller table {
	width: 100%;
}
#box-bestseller td {
	width: 50%;
}
#box-bestseller table img {
	padding: 1px;
	border: 1px solid #ccc;
	margin: 0 10px 10px 0;
    float: left;
}
#box-bestseller .titolo a {
	font-weight: bold;
	font-size: 9pt;
	color: #333;
}
#box-bestseller a {
	text-transform: capitalize;
	color: #777;
	font-size: 8pt;
}

/**
 * Modifica utente
 */
.user-form {
    line-height: 1.4em;
}
.user-form table {
    width: 99%;
}
.user-form table td {
    width: 33%;
}
.user-form .note {
    color: #c11;
    font-size: 10pt;
}
.user-form .imp {
    color: #c11;
    font-weight: bold;
}
.user-form .smallnote {
    font-size: 7pt;
}

/**
 * Template box
 */
ul li.box-header {
	list-style: none;
}
ul li.list-header {
	list-style: none;
    font-weight: bold;
    padding-left: 0 !important;
    background: none !important;
}
ul li.list-container {
	list-style: none;
    padding-left: 0 !important;
    background: none !important;
}
ul li.separator {
    padding: 0;
    margin-top: 4px;
    background: none !important;
    height: 1px;
}
ul.list li {
	padding-left: 15px;
	padding-bottom: 2px;
	background: url( /img/freccia-sm-rt.gif ) no-repeat 0 3px;
}
.box-container .box-header {
	text-transform: uppercase;
	font-weight: bold;

    padding: 2px 0 0 4px;
	margin: -4px -5px 4px -4px;

    color: #c11;
    background: #ddd;
    border-bottom: 1px solid #ccc;
}
.box-container {
	font-weight: normal;
    background: transparent url( /img/lio/box-bg.png ) no-repeat scroll right bottom;
	padding: 4px 14px 14px 4px;
    position: relative;
    min-height: 55px;
    margin-bottom: 10px;
}
.box-container b {
	color: #333;
}
.box-container .box-image {
    /*margin-left: -4px;*/
}
.box-container img {
	margin: 0 auto;
    display: block;
}
.box-container .informazioni img {
	margin: 0;
    display: inline;
}
.box-container .informazioni {
    line-height: 1.6em;
}
.shadow-fix {
    background: transparent url( /img/lio/box-bg-top.png ) no-repeat scroll right top;
    position: absolute;
    top: 0;
    right: 0;
    height: 76px;
    width: 10px;
}

/**
 * In evidenza
 */
ul.evidence-tree {
    padding: 5px;
    margin-right: 10px;
    border: 1px solid #ccc;
    background-color: #eee;
}

/**
 * Footer
 */
#footer-wrapper {
    position: relative;
    clear: left;
}
#footer {
	font-size: 8pt;
	text-transform: uppercase;
	color: #c11;
    margin-left: 169px;
    top: -65px;
    position: absolute;
}
#footer a {
	color: #c11;
	text-decoration: underline;
	font-weight: bold;
}
.filler {
    height: 75px;
}

/**
 * Pagine di errore
 */
.error-text {
    margin: 30px 0 100px 0;
    font-weight: bold;
    text-align: left;
    display: block;
}