@import url('reset.css');

body {
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

.b { font-weight: bold !important; }
.i { font-style: italic !important; }
.u { text-decoration: underline !important; }

a.cto:link, a.cto:visited {
	position: absolute;
	bottom: 2px;
	right: 0;
	padding: 0 10px 0px 18px;
	line-height: 14px;
	background: transparent url(layout/bullet.png) no-repeat;
	font-size: 10px;
	color: #333;
	text-decoration: underline;
}

a.cto:hover, a.cto:active { color: #C00; }

.hide { display: none; }

/* Header */

#header {
	height: 103px;
	background: #C00 url(layout/dummy-header.png) no-repeat;
}

/* Main */

#main {
	overflow: hidden;
	zoom: 1;
	position: relative;
	background: url(layout/main-bg.gif) repeat-y;
	width: 1010px;
}

#side {
	float: left;
	_display: inline;
	background: transparent url(layout/dummy-side.png) no-repeat;
	width: 135px;
	min-height: 1000px;
	_height: 1000px;
}

#contents {
            float: left;
            _display: inline;
            width: 868px;
            overflow: hidden;
            padding-left: 10px;
}


/* Tools */

#tools {
	background: transparent url(layout/search-box.png) no-repeat;
	height: 33px;
	margin-bottom: 13px;
	padding-left: 60px;
	position: relative;
}

#tools a:link, #tools a:visited {
	color: #333;
}

#brand_navigation {
	position: absolute;
	left: 400px;
	top: 8px;
}

#tools form {
	position: relative;
	top: 5px;
}

#tools form button {
	border: none;
	background: transparent;
}

#tools img {
	vertical-align: middle;
	margin: -3px 3px 0;
}

#tools form input {
	width: 200px;
}

#tools form label {
	text-transform: uppercase;
	font-weight: bold;
}

#tools #login {
	position: absolute;
	right: 30px;
	top: 8px;
}

/* Parte Centrale */

#flash, #spotlight {
            float: left;
            _display: inline;
            display: inline;
}
 
#flash {
            margin: 0 10px 0 0;
}

.spaziatura {
	margin-top:15px;
}

.spaziatura_novita {
	margin-top:20px;
}

.spaziatura_evideo {
	margin-top:12px;
}

.spaziatura_speciali {
	margin-top:20px;
}

.spaziatura_trio {
	margin-top:20px;
}


#sections {
            width: 860px;
            float: left;
            _display: inline;
            position: relative;
/*            margin-top:16px; */
}

#spotlight {
	/*margin-bottom: 0px;*/
}


#sections li.main {
	margin-bottom: 10px;
	overflow: hidden;
	background: transparent url(layout/barra-chiusa.png) no-repeat top left;
}

#sections li div.wrap {
	position: relative;
	left: -2px;
	/*top: -3px;*/
	background: transparent url(layout/fondo-box.png) no-repeat bottom center;
}

#sections div.d {
	position: relative;
	top: -2px;
}

#sections li.open {
	background: transparent url(layout/barra-aperta.png) no-repeat top left;
}

#sections li.mini {
	background: transparent url(layout/mezza-barra.png) no-repeat top left;
}

#sections li.main div.wrap {
	position: relative;
}

#sections ul.tabs {
	overflow: hidden;
	zoom: 1;
	position: absolute;
	z-index: 9999;
	top: 6px; /*41px;*/
	left: 316px;
}

#sections ul.hide {
	display:none;
}


#sections ul.tabs li {
	font-family: "Arial";
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	background: transparent url(layout/tab-off.png) no-repeat;	
	float: left;
	text-align: center;
	_display: inline;
	width: 107px;
	height: 22px;
	margin-right: 8px;
	cursor: pointer;
	color: #555;
}

#sections ul.tabs li.active {
	background: transparent url(layout/tab-on.png) no-repeat;
	color: #C00;
}

#sections h2 {
	cursor: pointer;
	color: #000000;
	font-weight: bold;
	height: 25px;
	font-size: 12px;
	line-height: 22px;
	padding-left: 15px;
	_padding-left: 5px;
}

#sections li.mini h2 {
	line-height: 23px;
}

#latests, #previews , #net_print, #net_libri{
	position: relative;
	left: 4px;
	height:196px;
	background:transparent;
}

#previews {
	display: none;
}
.active {display: block !important;}
.quad {
	overflow: hidden;
	zoom: 1;
	display: none;
}

.quad ul {
	overflow: hidden;
	zoom: 1;
	padding-bottom: 10px;
}

.quad li {
	position: relative;
	float: left;
	_display: inline;
	width: 210px;
	height: 195px;/*230px;*/
	padding-right: 3px;
	background: transparent url(layout/product-line.png) no-repeat center right;
}

.quad li.last {
	background-image: none;
}

.quad li p {
	padding: 4px 8px;
	font-size: 10px;
}

.quad li p strong {
	font-weight: bold;
}

.quad li span.bullet {
	font-weight: bold;
	color: #C00;
	font-size: 12px;
}


#specials ul {
	position: relative;
	left: 8px;
	padding: 4px 0 2px;
	overflow: hidden;
	zoom: 1;
}

#specials li {
	background: transparent url('layout/specials.png') no-repeat top;
	width: 205px;
	vertical-align: top;
	margin: 0 4px 5px 0;
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	zoom: 1;
}

#specials li div {
	min-height: 72px;
	_height: 72px;
	overflow: hidden;
	zoom: 1;
	background: transparent url('layout/specials-bottom.png') no-repeat bottom;
}

#specials li img {
	float: left;
	_display: inline;
	margin: 3px;
}

#specials li a {
	text-decoration: none;
	color: #222;
}

#specials li p {
	background: transparent url('layout/specials-p.png') no-repeat left center;
	min-height: 60px;
	_height: 60px;
	margin: 1px 0;
	padding: 5px 0 0 5px;
	float: left;
	display: inline;
	width: 120px;
	cursor: pointer;
}

#specials li p strong {
	text-transform: uppercase;
	font-weight: bold;
}

.trio {
	float: left;
	_display: inline;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 10px;
	width: 880px;
}

.trio li {
	float: left;
	_display: inline;
	position: relative;
	color: #444;
	line-height:12px;
	width: 279px;
	height: 69px;
	margin: 10px 10px 0 0;
	background: transparent url('layout/littlegreybox.png') no-repeat;
}

.trio li a:link, .trio li a:visited {
	color: #444;
	font-weight: bold;
}

.trio li h3, .trio li p, .trio li ul {
	width: 176px;
	float: left;
	margin-left: 5px;
}

.trio li h3 {
	color:  #000;
	font-weight: bold;
	font-size: 10px;
	line-height:12px;
	margin-top: 5px;
	padding-bottom: 3px;
}

.trio a.cto {
	background-image: url('layout/bullet-gray.png');
	text-decoration: underline;
	bottom: 5px;
	color: #FFF;
	font-weight: bold;
}

.trio li img {
	float: left;
	_display: inline;
	/*margin: 3px;*/
}


/* Footer */

#footer {
	font-size: 10px;
	width: 998px;
	zoom: 1;
	overflow: hidden;
}

#footer address {
	position: relative;
	top: 10px;
}

#footer ul, #footer address {
	margin: 0;
}

#footer a:link, #footer a:visited {
	color: #222;
	text-decoration: none;
}

#footer a:hover {
	color: #666;
	text-decoration: underline;
}

#footer a:active {
	color: #C00;
}

#footer .servicenav, #footer .info {
	width: 995px;
	position: relative;
	overflow: hidden;
	zoom: 1;
}

#footer .servicenav {
	background: #dfdfdf url(layout/servicenav-bg.gif) repeat-x -2px center;
	padding: 2px 0 2px 10px;
	margin-bottom: 10px;
	min-height: 76px;
	_height: 76px;
}

#footer .servicenav h3 {
	font-size: 11px;
	font-weight: bold;
	margin: 3px 0;
}

#footer .servicenav li {
	float: left;
	_display: inline;
	width: 189px;
	margin: 0 0 0 10px;
}

#footer .servicenav li.first {
	margin: 0;
	padding: 0;
}

#footer .servicenav li li {
	float: none;
	width: auto;
	display: block;
	line-height: 1.2em;
	padding-left: 0;
	height: auto;
	margin: auto;
}

#footer .info {
	text-align: center;
	overflow: hidden;
	zoom: 1;
}

#footer .info img {
	vertical-align: middle;
	margin-right: 5px;
}

#footer .info ul {
	overflow: hidden;
	zoom: 1;
}

#footer .info li {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 5px;
}

#footer .info li li {
	float: left;
	_display: inline;
	width: 24%;
}

#footer .info li.wide {
	height: 66px;
	width: 51%;
}

strong.red{
	color:#cc0000;
}

strong.upper{
	text-transform:uppercase;
	color:#575b5e;
}

strong.gray{
	color:#575b5e;
}

li.clienti {
	padding-left:25px; !important	
}

/* STILI SPALLA PARTNERS DX */

#box_partners_dx{
	position:absolute;
	z-index:auto;
	width:188px;
	height:auto;
	right:-259px;
	background-image:url(layout/spalla_dx_background.png);
}

#box_partners_dx h4{
	position:relative;
	z-index:auto;
	width:188px;
	height:20px;
	display:block;
	text-indent:-9999px;
	margin:0;
}

#box_partners_dx p{
	position:relative;
	z-index:auto;
	margin:0 8px 0 8px;
	padding:0 0 9px 0;
}

#ubi_banca{
	position:relative;
	z-index:auto;
	height:auto;
	margin-top:7px;
}

#conto_arancio{
	position:relative;
	z-index:auto;
	height:auto;
	/*margin-top:7px;*/
	padding-top:3px;
	padding-bottom:3px;
	background-image:url(layout/spalla_dx_linea.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

#direct_line{
	position:relative;
	z-index:auto;
	height:auto;
	padding-top:3px;
	padding-bottom:3px;
	background-image:url(layout/spalla_dx_linea.png);  /* da scommentare solo quando si aggiungono altre creatività */
	background-repeat:no-repeat;
	background-position:bottom;
}


#webank{
	position:relative;
	z-index:auto;
	height:auto;
	margin-top:7px;
	/*padding-top:3px;*/
	padding-bottom:3px;
	background-image:url(layout/spalla_dx_linea.png);   /* da scommentare solo quando si aggiungono altre creatività */
	background-repeat:no-repeat;
	background-position:bottom;
}

#dialogo{
	position:relative;
	z-index:auto;
	height:auto;
	margin-top:7px;
	/*padding-top:3px;*/
	padding-bottom:3px;
	background-image:url(layout/spalla_dx_linea.png);   /* da scommentare solo quando si aggiungono altre creatività */
	background-repeat:no-repeat;
	background-position:bottom;
	/*display:none;*/
}

#amex{
	position:relative;
	z-index:auto;
	height:auto;
	margin-top:7px;
	/*padding-top:3px;*/
	padding-bottom:3px;
	background-image:url(layout/spalla_dx_linea.png);   /* da scommentare solo quando si aggiungono altre creatività */
	background-repeat:no-repeat;
	background-position:bottom;
	/*display:none;*/
}

#cartasi{
	position:relative;
	z-index:auto;
	height:auto;
	margin-top:7px;
	/*padding-top:3px;*/
	padding-bottom:3px;
	background-image:url(layout/spalla_dx_linea.png);   /* da scommentare solo quando si aggiungono altre creatività */
	background-repeat:no-repeat;
	background-position:bottom;
}


#teletu{
	position:relative;
	z-index:auto;
	height:auto;
	padding-top:3px;
	padding-bottom:3px;
	/*background-image:url(layout/spalla_dx_linea.png);  /* da scommentare solo quando si aggiungono altre creatività */
	background-repeat:no-repeat;
	background-position:bottom;
}

#findomestic{
	position:relative;
	z-index:auto;
	height:auto;
	margin-top:7px;
	/*padding-top:3px;*/
	padding-bottom:3px;
	/*background-image:url(layout/spalla_dx_linea.png);  /* da scommentare solo quando si aggiungono altre creatività */
	background-repeat:no-repeat;
	background-position:bottom;
}


#conto_arancio h4{
	background-image:url(layout/titolo_conto_arancio.png);
}

#direct_line h4{
	background-image:url(layout/titolo_direct_line.png);
}

#webank h4{
	background-image:url(layout/titolo_webank_conto.png);
}

#dialogo h4{
	background-image:url(layout/titolo_dialogo.png);
}

#amex h4{
	background-image:url(layout/titolo_american_express.png);
}


#cartasi h4{
	background-image:url(layout/titolo_cartasi.png);
}


#findomestic h4{
	background-image:url(layout/titolo_carta-nova.png);
}

#teletu h4{
	background-image:url(layout/titolo_teletu.png);
}

#ubi_banca h4{
	background-image:url(layout/titolo_ubi_banca.png);
}


#chiudi_dx{
	position:relative;
	/*z-index:auto;*/
	width:188px;
	height:6px;
	background-image:url(layout/spalla_dx_bottom.png);
	font-size: 5px;
}

a.cto_dx:link, a.cto_dx:visited {
	position: relative;
	bottom: 10px;
	right: -80;
	padding: 0px 10px 3px 18px;
	line-height: 14px;
	background: transparent url(layout/bullet.png) no-repeat;
	font-size: 10px;
	color: #333;
	text-decoration: underline;
}


/*
a.cto_dx:link, a.cto_dx:visited {
	position: absolute;
	bottom: 15px;
	right: 0;
	line-height: 14px;
	height:14px;
	background: transparent url(layout/bullet.png) no-repeat;
	padding: 0 10px 0px 18px;
	font-size: 10px;
	color: #333;
	text-decoration: underline;
}
*/

a.cto_dx:hover, a.cto_dx:active { color: #C00; }

/* FINE STILI SPALLA PARTNERS DX */

/* NUOVO FOOTER */

.poker {
	float: left;
	_display: inline;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 10px;
	width: 880px;
}

.poker li {
	float: left;
	_display: inline;
	position: relative;
	color: #444;
	line-height:12px;
	width: 207px;
	height: 69px;
	margin: 10px 10px 0 0;
	background: transparent url('layout/littlegreybox_new.png') no-repeat;
}

.poker li a:link, .poker li a:visited {
	color: #444;
	font-weight: bold;
	text-decoration: underline;
}

.poker li h3, .poker li p, .poker li ul {
	width: 130px;
	float: left;
	margin-left: 5px;
	line-height:10px;
}

.poker li h3 {
	color:  #000;
	font-weight: bold;
	font-size: 10px;
	line-height:10px;
	margin-top: 5px;
	padding-bottom: 3px;
}

.poker a.cto {
	background-image: url('layout/bullet-gray.png');
	text-decoration: underline;
	bottom: 5px;
	color: #FFF;
	font-weight: bold;
}

.poker li img {
	float: left;
	_display: inline;
	/*margin: 3px;*/
}

/*FINE NUOVO FOOTER */