/* Nota x vacanze */

div.greenAttention {
	margin: 1em 0;
	background: #E5FFBF url(images/ok.png) no-repeat;
	background-position: 10px 50%;
	padding: 1em 1em 1em 35px;
	border-top: 2px solid #309B00;
	border-bottom: 2px solid #309B00;
}

div.attention {
	margin: 1em 0;
	/* background: #F9FF81 url(images/attention-icon.png) no-repeat; */
	background: #D5E1FA;
	background-position: 10px 50%;
	padding: 1em 1em 1em 35px;
	/*border-top: 2px solid #FFEA00;*/
	/*border-bottom: 2px solid #FFEA00;*/
}

div.attention strong.title {
	margin-bottom: .5em;
	display: block;
}

div.attention span.truncated {
	display: none;
}

div.truncate {
	height: 4em;
	overflow: hidden;
}

div.truncateWrapper {
	margin: 0;
	padding: 0 0 5px 0;
}

div.truncateWrapper a {
	color: #000000;
	padding: 0 0 0 48px;
}

div.truncateWrapper a.attentionContinue {
	background: transparent url(images/arrowDown-icon.gif) no-repeat scroll 33px center;
}

div.truncateWrapper a.attentionCollapse {
	background: transparent url(images/arrowUp-icon.gif) no-repeat scroll 33px center;
}

div.promoattention {
	text-align: right;
	float: right;
	background: #ffdfdf url(images/promo_gray.png) no-repeat;
	background-position: 5px 50%;
	border: 0;
	padding: .6em;
}

div.promoattention strong.title {
	display: block;
	cursor: default;
	margin-left: 2em;
}
div.promoattention ul#promoInfo{
	margin: 1em 0;
	padding-left: 0;
	width: 100%;
}

div.promoattention li {
	list-style: none;
	text-align: left;
	margin: 1px 1em 1px 2.2em;
}

/* /Nota x vacanze */
table#cart {
	width: 100%; /* non 100%--> prob con IE */
	font-size: 100%; /* Problema font-size IE Quirks */
	margin-top: 10px;
}

div.tableCartWrapper {
	width: 100%; /* Wrapper per IE 5.x */
	overflow: visible !important;
	/* Per vedere bene lo zoom delle immagini */
}

div#content h1 {
	position: relative;
}

div#content h1 span.step {
	position: absolute;
	right: 5px;
	top: 0;
	overflow: auto; /* IE7 positioned italics --> H-scrollbars */
}

/* Intestazioni */
table#cart thead th {
	border: 3px double #fff !important;
	border: 3px double #6897F7; /* IE <= 6 */
	border: 3px double #6897F7 !important !;
	/* IE 7. Questo non valida il CSS... Ma lo lascio qui perch� � + chiaro di metterlo nel css attivato dai commenti condizionali */
	background: #8FB5FF;
	padding: 0.3em;
	font-size: 1.1em;
	color: #fff;
}
/* Links */
table#cart tbody a:link,table#cart tbody a:visited {
	text-decoration: none;
	background: none;
	border-bottom-width: 0;
}

table#cart tbody a:hover {
	border-bottom-width: 1px;
}

table#cart tbody td a.drop {
	height: 16px;
	margin: auto;
}

table#cart tbody td a.drop img {
	border: 0;
	margin: 0;
	padding: 0;
}

table#cart tbody td a.drop, table#cart tbody td a.drop:hover, table#cart tbody td a.drop:visited {
	text-decoration: none;
	border: 0;
}

table#cart tbody td a.drop:hover small {
	text-decoration: underline;
	border: 0;
}

div.addOtherItems {
	text-align: center;
	font-size: 1.3em;
	margin: 0;
}

/* Pulsanti */
div.buttons {
	text-align: center;
	margin: 1em 0;
}

div.buttons button,div.buttons input.button, p.buttons button {
	border: 3px double #666;
	background: #fff;
	width: auto;
}

div.buttons button:hover,div.buttons input.button:hover {
	border: 3px solid #666;
}

div.buttons button,div.buttons input.big {
	font-size: 1.5em;
}

div.buttons input.next {
	background: #fff url(images/add_cart_box/accept.png) no-repeat right center;
	padding-right: 33px;
	padding-top: 5px;
	padding-bottom: 5px; 
}

div.buttons input.back {
	background: #fff url(images/add_cart_box/cancel.png) no-repeat left center;
	padding-left: 33px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
}

div#dayProductAligner {
	text-align: center;
}

/* Day Product */
div#dayProductContainer {
	display: block;
	width: 280px;
	height: 275px;
	margin: 1em auto 3px;
	text-align: left;
	background-image: url(images/offertaDelGiorno.jpg);
	background-repeat: no-repeat;
}

div.dayProduct {
	top: 0;
	left: 0;
	float: left;
	position: relative;
	display: inline;
	width: 280px;
	height: 240px;
	z-index: 10;
}

div.dayProduct.hide {
	display: none;
}

div#dayProductContainer span.cont {
	color: #8fb5ff;
	font-weight: bold;
	font-size: 15px;
	line-height: 29px;
	margin: 0 auto;
	float: left;
}

div#dayProductContainer a.next {
	float: right;
	display: inline;
	height: 29px;
	width: 30px;
	background-image: url(images/offertaDelGiorno-next.png);
	background-position: right 0;
	background-repeat: no-repeat;
	margin-right: 5px;
}

div#dayProductContainer a.next span {
	display: none;
	visibility: hidden;
}

div#dayProductContainer a.prev {
	float: left;
	display: inline;
	height: 29px;
	width: 30px;
	background-image: url(images/offertaDelGiorno-prev.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-left: 5px;
	margin-right: 89px;
}

div#dayProductContainer a.prev span {
	display: none;
	visibility: hidden;
}

div#dayProductContainer a.seeAllPromotions {
	clear: left;
	float: right;
	display: inline;
	height: 29px;
	width: 280px;
	background-image: url(images/offertaDelGiorno-blank.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-top: 3px;
	line-height: 29px;
	text-align: center;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	color: white;
}

div.dayProduct a img {
	border: 0;
}

div#dayProductMask {
	position: relative;
	float: left;
	display: block;
	width: 280px;
	height: 240px;
	overflow: hidden;
	z-index: 100;
}

div.dayProduct span.image {
	position: absolute;
	top: 40px;
	left: 5px;
	display: block;
	width: 120px;
	height: 140px;
	overflow: hidden;
}

div.dayProduct span.image a {
	display: block;
	border: 0;
	text-align: center;
}

div.dayProduct span.image a img {
	border: 2px solid #990000;
	margin: auto;
}

div.dayProduct div.info {
	position: absolute;
	top: 40px;
	left: 125px;
	display: block;
	width: 150px;
	height: 160px;
	overflow: hidden;
}

div#content div.dayProduct div.info h3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	color: #900;
	width: 150px;
	overflow: hidden;
}

div#content div.dayProduct div.info h3 a:link,div.dayProduct div.info h3 a:visited {
	font-weight: bold;
	color: #900;
	text-decoration: none;
}

div#content div.dayProduct div.info h3 a:hover {
	text-decoration: underline;
}

div#content div.dayProduct div.info h3 {
	font-size: 1em;
	margin: 0;
}

div#content div.dayProduct span.price {
	display: block;
	text-align: center;
	font-size: .9em;
	overflow: hidden;
}

div#content div.dayProduct span.price strong {
	color: #f00;
}

div#content div.dayProduct span.discount {
	background-color: none;
	color: #FF0000;
	font-weight: bold;
	padding: 1px 0 2px;
	margin: 10px 0 5px 0;
	height: 20px;
	line-height: 17px;
	overflow: hidden;
    display: block;
}

div#content div.dayProduct div.info span.authors {
	display: block;
	margin-top: 0px;
	color: #000;
	font-size: .9em;
	width: 150px;
	overflow: hidden;
    text-align: right;
    white-space: nowrap;
}

div#content div.dayProduct div.info span.description {
	display: block;
	margin-top: 0px;
	color: #000;
	font-size: .9em;
	width: 150px;
	overflow: hidden;
    text-align: left;
    margin: 5px 0 5px 0;
}

div#content div.dayProduct div.info span.publishing {
	display: block;
	color: #000;
	font-size: .9em;
	font-style: italic;
	width: 150px;
	overflow: hidden;
    text-align: right;
}

div.dayProduct a.cart,div.dayProduct a.cart:active,div.dayProduct a.cart:visited,div.dayProduct a.cart:link {
    font-weight:bold;
    height:28px;
    padding-left:22px;
    width:113px;
    line-height:28px;
    margin: 0 0;
    overflow:hidden;
    text-decoration:none;
    display: block;
    clear: both;
    float:left;
    position: absolute;
    top: 205px;
    left: 140px;
    color: #1e2d4a;
    font-size: 11px;
    background-image: url(images/offertaDelGiorno-add.png);
	background-position: 0 0;
	white-space: nowrap;
}

div.dayProduct span.center {
    text-align: center;
    display: block;
    position: absolute;
    width: 11px;
    top: 185px;
    left: 5px;
    width: 120px;
}

div#seeAllPromotions {
	margin: 0;
	text-align: center;
}
div#seeAllPromotions a {
	font-size: 1em;
	font-weight: bold;
	color: #f00;
	background-image: url(images/offertaDelGiorno-next.png);
}

/* Carrello con colori per lo stato */
table#cart tbody tr.booked td {
	background: #EEE851;
}

table#cart tbody tr.new td {
	background: #C0C0C0;
}

table#cart tbody tr.processed td {
	background: #C0C0C0;
}

table#cart tbody tr.unavailable td {
	background: #FF0000;
}

table#cart tbody tr.ready td {
	background: #68F354;
}

/* Colori alternati e hover */
table#cart tbody tr.even td {
	background: #EFF4FF;
	background: #f4f4f4;
}

/*
table#cart tbody tr:hover td {
	background: #FFDFDF;
}
*/

table#cart tbody td {
	background: #FFFFCF;
	background: #f4f4f4;
}

/* Padding */
table#cart tr td {
	padding: 5px;
}

/* Product Image */
table#cart div.image {
	float: left;
	position: relative;
	width: 34px;
	height: 46px;
	overflow: visible !important;
	margin-right: 5px;
	margin-bottom: 1px;
}

table#cart div.image img {
	border: 1px solid #888;
	background: #fff;
	padding: 1px;
	overflow: visible;
	float: left;
	z-index: 100;
}

table#cart div.image:hover {
	z-index: 1000;
	/* IE7: non applica correttamente zIndex, devo quindi applicarlo ANCHE all'elemento contenitore */
}

table#cart div.image img:hover {
	position: absolute;
	width: 72px;
	/*height: 110px; Rimosso perch� le immagini non hanno pi� proporzioni prefissate */
	left: -21px;
	top: -36px;
	z-index: 100;
}

/* Stili varie informazioni e colonne */
table td {
	text-decoration: inherit !important;
}

table#cart .title {
	font-size: 1.1em;
	font-weight: bold;
}

table#cart .author,table#cart .info {
	font-style: italic;
	color: #777;
}

table#cart .discount strong {
	color: #f00;
}

table#cart td.quantity,table#cart td.quantity input,table#cart td.drop {
	text-align: center;
}

table#cart td.price {
	text-align: center;
	font-weight: bold;
}

table#cart td.price span.singlePrice {
	font-weight: normal;
	font-size: 0.8em;
	color: #666;
	white-space: nowrap;
}

table#cart td.price span.singlePrice span.oldPrice {
	text-decoration: line-through;
	padding-right: 2px;
}

table#cart td.price span.singlePrice span.newPrice {
	font-weight: bold;
	padding-left: 1px;
}

table#cart td.status {
	text-align: center;
}

table#cart td.status span.details {
	font-weight: normal;
	font-size: 0.8em;
	color: #666;
}

/* Nessun prodotto nel carrello */
table#cart td.nobooks {
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	background: #f4f4f4;
}

/* Incoraggiamento per la spedizione gratuita */
table#cart td.addForFreeShipping {
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	background: #FFDFDF;
}

table#cart td.addOtherItemsRow {
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	background: #f4f4f4;
}

table#cart td.addOtherItemsRow a  {
	margin-left: 39px;
}

table#cart td.addOtherItemsRow a:visited {
	text-decoration: none;
	background: none;
	border-bottom-width: 0;
}

table#cart td.addOtherItemsRow a:hover {
	border-bottom-width: 1px;
}

/* Footer */
table#cart tfoot td.totalLabel {
	font-weight: bold;
	text-align: right;
}

table#cart tfoot td.promoLabel {
	font-weight: bold;
	text-align: right;
	background: #FFDFDF;
}

table#cart tfoot tr.promo {
	background: #FFDFDF;	
}

table#cart tfoot td.promoAdvantage {
	font-weight: bold;
	text-align: center;
	font-size: 1.05em;
	background: #FFDFDF;
}

table#cart tfoot td.total {
	font-weight: bold;
	text-align: center;
	font-size: 1.05em;
}

table#cart tfoot td.total {
	display: block;
	position: relative;
	padding-left: 1em;
	padding-right: 1em;
}

table#cart tfoot td.total strong {
	position: absolute;
	left: 10px;
}

/* Domande in grassetto */
span.question {
	font-weight: bold;
}

/* Faccio in modo che se la lista delle opzioni di una domanda va a capo, non va sotto al radio button */
div.questionOptions {
	margin: 1em 0;
}

div.questionOptions label {
	display: block;
	padding-left: 20px;
}

div.questionOptions input.radio {
	margin-left: -15px;
}

a.popin img {
	border: 0;
}

/* Pagamento e Spedizione */
table.shippingType {
	width: 100%;
	line-height: 1.5em;
	margin: 0 0 1em 0;
}

table.shippingType th.shippingTypeCol {
	width: 15em;
}

table.shippingType td {
	text-align: center;
	vertical-align: middle;
	margin: 5px;
}

table.shippingType td.first {
	text-align: left;
}

table.shippingType td.nowrap {
	white-space: nowrap;
}

table.shippingType tr.freeShipping {
	background-color: #AAC5FA;
}

table.shippingType td.delivery {
	font-size: 11px;
}

/* Indirizzo di spedizione */
p.address {
	padding: 1em 1em 1em 70px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #F5F5F5 url(images/address.png) no-repeat;
	background-position: 10px 50%;
	font-size: 0.9em;
	color: #444;
	line-height: 1.2em;
}

p.withButtons {}

/* Rendi le label del pagamento come link, xk� l'utente deve passarci sopra con il mouse per vedere il popin */
label.labelPagamento {
	border-bottom: 1px solid #B9B9FF;
	text-decoration: none;
	color: #3737FF;
	padding-left: 1px;
	padding-right: 1px;
}

label.labelPagamento:hover {
	border-bottom-color: #00f;
	color: #00f;
}

label.labelPagamento strong {
	color: #f00;
}

div#userNote {
	text-align: center;
	margin: 4em 0.5em;
}

div#userNote p {
	color: #600;
	font-weight: bold;
}

/*  */
fieldset h2,fieldset #shipping h2,fieldset #billing h2 {
	color: #000;
	font-size: 1.2em;
	padding: 0;
	font-weight: bold;
	text-align: left;
}

fieldset #shipping {
	float: left;
	width: 33%;
	background: transparent url(images/address.png) no-repeat;
	background-position: 0 50%;
	padding: 0 0 0 60px;
	text-align: left;
}

fieldset #billing {
	float: left;
	width: 33%;
}

fieldset #gift {
	float: left;
	width: 33%;
    background-color: rgb(255,254,180);
    background-image: url(images/cart/gift.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    border: 1px solid #660000;
}

fieldset #gift h2 {
    color: #c00;
	font-size: 1.2em;
    margin: 5px 10px 5px 70px;
	font-weight: bold;
	text-align: left;
}

fieldset #gift p.gift-choose {
    margin: 0 10px 10px 65px;
	text-align: left;
}
fieldset #gift p {
    margin: 0 5px 0 5px;
	text-align: left;
}
fieldset #gift p.last {
    padding-bottom: 5px;
	text-align: left;
    font-style: italic;
}
fieldset #gift .container-width {
    margin: 0 10px 0 5px;
}
fieldset #gift .container-width textarea {
    margin: 5px 5px 5px 0;
    width: 100%;
}
div.promoAligner{
	width: 100%;
}
div.promo {
	text-align: center;
	font-weight: bold;
	background: #ffdfdf url(images/promoBox.jpg) no-repeat scroll;
	height: 112px; 
	width: 280px;
	margin: 0 auto 10px;
}
div.promo span.question  {
	line-height: 20px;
	padding-top: 6px;
	display: block;
}
div.promo input{
	margin-right: 6px;
	text-align: center;
}

div.promo a#applyCode {
	background-image: url(images/promoBox-apply.png);
	background-repeat: no-repeat;
	height: 30px; 
	width: 75px;
	border: 0;
	font-weight: bold;
	text-decoration: none;
	display: block;
	line-height: 30px;
	color: #000000;
	margin: 0 auto 5px;
}

div.bookList ul.books li div.gift {
	clear: left;
	text-align: center;
	padding-bottom: 1em;
}
p.timelimit {
	font-size: 10px;
	font-weight: bold;
}

div#cartWrapper {
	width: 100%;
	float: left; 
}

div#cartContent {
	margin-right: 290px;
}

div#cartSide {
	width: 290px;
	float: left;
	margin-left: -290px; 
}

div#cartSide .first {
	margin-top: 13px;
}

div#cartSide .cartSideElement {
	margin: 10px auto;
	width: 280px;
}

div#progressBarWrapper {
	width: 100%;
	height: 160px;	
}

div#progressBarWrapper.collapsed {
	width: 100%;
	height: 80px;	
}

div#progressBar {
	width: 810px;
	margin: auto;
	background-image: url(images/cart/row.png);
	background-position: 0 center;
	background-repeat: repeat-x;
}
div#progressBar ul {
	width: 100%;
}
div#progressBar ul, div#progressBar ul li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}
div#progressBar ul li {
	width: 270px;
	height: 60px;
}
div#progressBar ul.steps_4 li {
	width: 202px;
}
div#progressBar ul.steps_5 li {
	width: 162px;
}
div#progressBar ul li a {
	background-image: url(images/cart/step.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	cursor: default;
	height: 60px;
	color: #CCCCCC;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	outline: none;
}

div#progressBar ul li.here a {
	background-image: url(images/cart/step_here.gif);
	color: black;
}

div#progressBar ul li.promo a {
	background-image: url(images/cart/step_promo.gif);
}

div#progressBar ul li.done a {
	background-image: url(images/cart/step_done.gif);
}

div#progressBar ul li.promoDone a {
	background-image: url(images/cart/step_promo_done.gif);
}

div#progressBar ul li div.tooltip {
	display: none;
	background-image: url(images/cart/tip.gif);
	background-position: 0 center;
	background-repeat: no-repeat;
	position: absolute;
	height: 89px;
	width: 200px;
	padding: 39px 25px 20px;
	margin-left: 9px;
	margin-top: -41px;
	clear: both;
}

div#progressBar ul.steps_4 li div.tooltip {
	margin-left: -24px;
}

div#progressBar ul.steps_5 li div.tooltip {
	margin-left: -44px;
}

div#progressBar ul li.here div.tooltip {
	display: block;
}

p#bigTotal {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #990000;
    text-align: center;
    margin: 20px auto;
}

p#bigTotal .price {
    font-size: 24px;
}

p#bigTotal.green {
    color: #73b635;
}

p#happyEnding {
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    text-align: left;
    margin: 20px auto 40px;
}

.loading {
	background-image: url(images/ajax.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.loading .textWrapper {
	visibility: hidden;
}

div.cartHelp {
	background: transparent url(images/cart/boxBorder.jpg) no-repeat scroll 0 0;
	height: 40px;
	padding: 8px 5px 10px 35px;
}

form fieldset legend {
	text-align: left;
}

/* sovrascrive le regole di style.css */
div.user_important {
	display: block;
	border: 2px solid #990000;
	background: #FFFFFF;
	padding: 1em;
	margin: 1em auto;
	text-align: center;
	font-size: 1.2em;
}
div.user_important_red {
	border: 1px solid #FF3333;
	background: #FF9999;
}