/************************************
File:		0contenuti_pagni.css
Date:		13/10/2008
by:		www.centroservizitelefonici.it
--------------------------------------------------------
Foglio di stile per contenuti relativo a una colonna centrale
e una piccola a destra
------------------------------------------------------
************************************/

/* Titoli standard */
h1, h2, h3{
padding: 10px 0 0 10px;
margin: 0;
}

h1{
font-size: 14px;
}

h2{
font-size: 12px;
}

h3{
font-size: 11px;
}

p{
font-size: 11px;
margin: 5px;
}

em{
color: rgb(150,0,0);
}

ul{
font-size: 11px;
margin: 5px 0;
padding: 0 0 0 35px;
}

a{
color: blue;
}

a: hover{
color: rgb(120,150,255);
}

/* intestazione */
#topsection h1{
}

#topsection h2{
color: red;
}

#topsection h3{
color: orange;
}

/* Corpo */
#contentcolumn h1{
color: rgb(50,50,50);
}

#contentcolumn h2{
color: rgb(150,0,0);
}

#contentcolumn h3{
color: rgb(70,70,70);
}

#contentcolumn p{
color: rgb(100,100,100);
line-height: 18px;
}

#contentcolumn ul{
color: rgb(100,100,100);
line-height: 18px;
}

#rightcolumn h1{
color: rgb(255,255,255);
padding:5px;
margin:0;
}

#rightcolumn h2{
color: rgb(0,0,150);
padding:5px;
margin:0;
}

#rightcolumn h3{
color: rgb(100,100,150);
padding:5px;
margin:0;
}

#rightcolumn p{
color: rgb(100,100,150);
padding:2px;
margin:0;
}

#rightcolumn ul{
color: rgb(100,100,150);
margin: 5px 15px;
padding: 0;
}

#topsection object{
position: absolute;
left: 0;
bottom: 0px;
}

/* Scheda contatto */

.contactForm {
margin: 20px;
}

.contactForm .lbZone{
width: 150px;
color: rgb(100,100,100);
font-size: 11px;
}

.contactForm input{
width: 400px;
}

.contactForm textarea{
width: 400px;
}


/* Riquadro di login classico */
.loginBox{
margin: 20px auto;	/* Distanza dagli altri elementi */
padding: 12px 10px 15px 10px;	
font-size: 10px;
border: 2px rgb(250,250,250) solid;
width: 170px;
}

#rightcolumn .loginBox h1{
font-size: 12px;
color: rgb(0,35,105);
padding: 5px 0 10px 0;
margin: 0;
text-align: center;
}

#rightcolumn .loginBox h2{
font-size: 13px;
text-align: center;
padding: 5px 0;
color: rgb(65,90,175);
margin: 0;
}


.loginBox ul{
list-style-type: none;
padding: 0;
margin: 0;
}

.loginBox li{
margin: 2px 0;
}

.loginBox input{
width: 98%;
}

.loginBox .button{
padding: 10px 0 0;
text-align: center;
width: auto;
}

/* Varianti di stile predefinite */

/*Varianti di stili per l'immagine*/
.IMGl{float: left;	margin: 5px 10px 5px 0;}
.IMGr{float: right;	margin: 5px 0 10px 5px;}
.IMGc{display: block;	margin: 5px auto;}
/*Fine varianti di stile per l'immagine*/

/*Varianti di stili per l'evidenziatore*/
.italicBold{
font-weight: bold;
}
.bigBold{
font-style: normal;
font-weight: bold;
font-size: larger;
}
.bold{
font-style: normal;
font-weight: bold;
}
.bigger{
font-style: normal;
font-size: larger;
}
.smaller{
font-style: normal;
font-size: smaller;
}
/*Fine varianti di stile per l'evidenziatore*/

/*Varianti di stili per i testi*/
.centered{
text-align: center;
}

#rightcolumn .red, #contentcolumn .red{
color: red;
text-align: center;
}
/*Fine varianti di stili per i testi*/

/* Mappa di Google*/
.gmap{
margin: 7px 0 0 7px;
}
/* Fine Mappa di Google*/

/* Gestione articoli */

img.basket{
cursor: pointer;
}

table{
border-collapse: collapse;
}

/* Elenco articoli */
#elenco a h2{
clear: both;
text-decoration:underline;
}
.articolo{
clear: both;
margin-bottom: 15px;
}
.art_left{
width: 150px;
float: left;
}
.art_body{
width: 330px;
float: left;
margin-right: 10px;
height: 140px;
}
.art_right img{
border: none;
}
.art_bottom{
margin-top: 10px;
}
.addBasket{
cursor:pointer;
}
.editBskQty{
color: blue;
text-decoration: underline;
line-height: 20px;
font-size: 10px;
font-weight: bold;
cursor: pointer;
}
.bskDesc img{
float: left;
margin-right: 10px;
}
.deliveryChoose{
list-style-type: none;
padding: 0 0 0 10px;
margin: 0;
}
.deliveryChoose li{
padding-top: 10px;
}
.deliveryChoose label{
display: block;
float: left;
width: 150px;
}
#elenco .artHdr{
font-size: 10px;
}
#elenco .art_shimg{
margin-top: 10px;
}

/* Scheda articolo */
.art_title .artHdr{
color: #960000;
font-size: 10px;
font-weight: bold;
}

.tbDesc{
width: 400px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
padding: 5px 0 5px 80px;
border-bottom: 1px solid #960000;
}

.artExtDesc{
font-size: 12px;
color: rgb(100,100,100);
line-height: 18px;
padding: 0 10px;
text-align: justify;
}

.artBack{
cursor: pointer;
text-align: right;
font-size: 10px;
color: rgb(100,100,100);
border-bottom: 1px solid #960000;
}

.artBack:hover{
color: #960000;
}

.tables th, .connected th, .downloads th{
color: #960000;
padding: 3px 0;
background-color: rgb(220,220,220);
}

.artPriceLabel, .artPrice{
font-size: 12px;
color: rgb(50,50,50);
line-height: 18px;
}
.artPrice{
font-weight: bold;
}

.adTitle{
font-size: 11px;
border-bottom: 1px gray solid;
margin-bottom: 15px;
padding-bottom: 2px;
padding-left: 0;
}

.connected a{
color: #960000;
}

.tables, .connected, .download{
font-size: 11px;
margin: 5px 0 15px 20px;
}

.tables td, .connected td, .download td{
padding: 1px 5px;
}

/* Banner Carrello */
.basketBanner{
font-size: 10px;
border: 1px solid rgb(253,204,58);
width: 98%;
margin: 10px auto;
border-collapse: collapse;
}

.quickOrder{
width: 100%;
background: rgb(248,245,184) url(img4.gif) bottom left repeat-x;
}

.quickBtn button{
font-size: 10px;
}

.quickOrder input{
font-size: 10px;
padding: 0;
}

#qckCode{
width: 80px;
}

#qckQty{
width: 40px;
}

.bLabel{
width: 35%;
padding: 0 5px;
}

.bValue{
width: 15%;
}

.bImg{
width: 10%;
}

.bInput{
padding: 3px 0;
}

.bLabel2{
text-align: right;
padding-right: 5px;
}

.hQuick{
font-weight: bold;
padding: 0 5px;
}

.bTxt{
text-align: center;
}

.quickBtn{
text-align: right;
padding: 0 5px;
}

.bImg img{
cursor: pointer;
border: none;
}

/* Stages carrello */
.stageBasket{
list-style-type: none;
padding: 0;
margin: 0;
height: 20px;
font-size: 10px;
}

.stageBasket li{
float: left;
padding: 5px;
}

.stageBasket .currentStage{
font-weight: bold;
}

/* Carrello */

.basket{
font-size: 12px;
width: 100%;
}

.basket td{
padding: 1px 2px;
}

.basketRow > td{
border-bottom: 1px solid rgb(60,60,60);
}

.bskQty input{
width: 40px;
font-size: 12px;
padding: 0;
}

.bskPrice{
width: 70px;
text-align: right;
}

.bskTotal{
width: 80px;
text-align: right;
}

.bskHdr th{
text-align: center;
background-color: rgb(248,245,184);
border-bottom: 1px solid rgb(253,204,58);
}

.summary1, .summary2{
text-align: right;
}

.goods td{
background-color: rgb(248,245,184);
border-top: 1px solid rgb(253,204,58);
}

.totOrder td{
background-color: rgb(248,245,184);
border-bottom: 1px solid rgb(253,204,58);
font-weight: bold;
}

#theBasket p{
text-align: centeR;
margin: 20px 0 0;
}

.login2Basket table{
margin: 10px auto;
font-size: 12px;
border-collapse: collapse;
}

.login2Basket table td{
padding: 2px 5px;
}

#maincontainer .login2Basket h1{
text-align: center;
}

.leftTab{
padding-right: 20px;
width: 50%;
border-right: 1px solid blue;
}

.rightTab{
padding-left: 20px;
width: 50%;
}

#vendita{
overflow: auto;
height: 250px;
clear: both;
}

#vendita p{
text-align: justify;
}

.deliveryTable{
font-size: 10px;
margin: 10px auto 0;
}

.deliveryTable input{
font-size: 10px;
}

#modoSpedizione{
list-style-type: none;
padding: 10px 0;
margin: 0;
}

#zonaCorrieri, #zonaCorrieri input, #zonaCorrieri select{
font-size: 10px;
}

.recipient_info{
width: 100%;
font-size: 12px;
margin: 10px 0;
}

.recipient_info span{
font-weight: bold;
}