/***************************************
RESET
***************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
del,ins{text-decoration:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
ul, li{list-style-type: none;}

/***************************************
CONTENUTI
***************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td,tr,span,input,button,textarea,select,optgroup,option,address,caption,cite,code,dfn,em,var
{
   font-weight: normal;
}

html {
   color: #333333;
   font-size: 16px;
   font-family: Arial,Helvetica,sans-serif;
}


body {
   height: 100%; 
   width: 100%;
    margin: 0!important;
    padding: 0!important;
   position: absolute;
}


#Master  {
    
}
.contentdati 
{
    background-image: url(images/header-pattern.png);
    background-color: #F2F2F2;
    font-size: 85%;
}

a {
    color: #2491CA; 
    text-decoration: none;
}
a:hover {color: #1f7cad; text-decoration: none;
         }
a:active { color: #2491FF; }

strong {font-weight: bold;}
em {font-style: italic;}
p {margin: 0 0 10px 0;}
div {}
table {min-width: 60%; margin: 5px 0;}
table th {font-weight: bold;}
table th, table td {
    padding: 2px 5px; 
    /*border-bottom: 1px dotted #333333; */
    vertical-align: middle;
}

h1 {
   font-weight: bold; 
   color: #e3001b; 
   margin: 0 0 10px 0; 
   text-transform: uppercase;
}
h2 {
   font-weight: bold; 
   color: #666666; 
   margin: 0 0 5px 0; 
   text-transform: uppercase;
}
legend, h3 {
   font-weight: bold; 
   color: #e3001b; 
   text-transform: uppercase;
}
legend, h3 {
   padding: 0 20px;
   text-align: left;
   margin: 0 0 10px 0;
}

fieldset {
   clear: both;
   border: 1px inset #333333;
   padding: 10px;
   margin: 10px 0;
}
fieldset fieldset {
   border: 1px dotted #999999;
   margin: 0 0 10px 0;
}

label {
   float: left; 
   width: 230px !important;  
   padding: 0 20px 0 0;
   clear: left;
   margin: 2px 0;
   overflow: hidden;
   position: relative;}
   
#TipiEmissione .rinnovo-articoli label {
   width: auto !important;
}

label br {
   display: none;
}
label img {
   position: absolute;
   right: 5px;
   top: 5px;
}
select, textarea, input {
   width: auto; 
   border: 1px inset #333333; 
   padding: 2px;
   margin: 2px 0;
}
button, 
input[type="button"] {
   border: 1px outset #fff; 
   padding: 2px;
}

input[type="radio"],
input[type="checkbox"] {
   margin: 2px 5px;
}

.contentdati .button,
.panelsubmmit a,
input[type="submit"] {
      background-color: #356191;
    border: 1px solid #000;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    color: #FFF;
    display: inline-block;
    height: 30px;
    margin: 0 5px 10px;
    min-width: 0;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
    width: 130px;
}
.contentdati .button:hover,
.panelsubmmit a:hover,
input[type="submit"]:hover {
  background-color: #FFF;
    color: #356191;
}

.panelsubmmit {
   
}

.Error span {
   background-color: #e3001b;
   color: #ffffff;
   margin: 10px 0 0 0;
   padding: 5px 10px;
   font-weight: bold;
   display: block;
}
.Error ul {
   background-color: #e3001b;
   color: #ffffff;
   padding: 0 0 5px 25px;
   margin: 0 0 10px 0;
}
.Error ul li {
   list-style-type: disc;
}

.contentdati div.premioCatalogo {
   position: relative;
   border: 1px dotted #999999;
   float: left;
   margin: 0 5px 5px 5px;
   padding: 10px;
   width: 197px !important;
   height: 190px;
   text-align: center;
   overflow: hidden;
}
.contentdati div.premioCatalogo img {
   width: 100px;
   margin: 0 0 5px 0;
}

.contentdati div.premioCatalogo .button {
   margin: 10px 2px 0 2px;
}

.Premi .contentdati fieldset form div {
   overflow: hidden;
}

.Premi .contentdati fieldset form label {
   clear: none;
   height: 25px;
   padding: 5px 0 0 0;
   position: relative;
}
.Premi .contentdati fieldset form label select,
.Premi .contentdati fieldset form label input{
   position: absolute;
   top: 0;
   right: 35px;
   width: 125px;
}
.Premi .contentdati fieldset form label input{
   right: 30px;
}

.Lang {
   position: absolute;
   top: 100px;
   left: 50%;
   margin: 0 0 0 380px;
}

.loader {
   position: fixed;
   bottom: 0px;
   left: 0;
   width: 100%;
   height: 100%;
   background: #cccccc;
   color: White;
   text-align: center;
   opacity: 0.65;
   -moz-opacity: 0.65;
   filter:alpha(opacity=65);
   display: none;
}
.scrittaLoader {
    position:absolute;
    top:50%;
    left:50%;
    width:500px;
    height:200px;
    margin-left:-250px;
    margin-top: -100px;
    color: #333;
    font-weight:bold;
    text-align: center;
}

/***************************************
STRUTTURA
***************************************/
#Master {
   min-width: 1150px;
}

#Header {
   width: 800px !important; 
   margin: 0 auto 20px auto; 
   height: 165px; 
}

#BackIBuoni {
    display: inline-block;
    height: 100px;
    width: 450px;
}

#ContentContainer {
   width: 100%; 
   min-height: 340px;
   margin: 0 auto; 
   text-align: left;
    background: transparent;
}

#Footer {
   width: 100%; 
   margin: 0 auto; 
   /*padding: 80px 0 0 0;*/
   /*background: url(http://www.pyoucard.it/images/Sfondo_footer_Telemaco) 0 0 no-repeat; */
   clear: both; 
}

#Breadcrumb {
   position: absolute;
   top: 145px;
   left: 50%;
   margin: 0 0 0 -280px;
}






/* ---------------------------------------------------------------------------------------- */



.raggruppamentoVetrinaLink
{
}


/* -------------- css per label interne alle textbox ----- */
input.labelinside {
    color: #999999 !important;
}
input.redlabel {
    color: red !important;
}

.DisponibilitaScarsa
{
	color: #FF0C0C;
}



.MenuAreaRiservata,
.panel ul {
   position: absolute;
   top: 30px;
   left: 60%;
   margin: 0 0 0 -280px;
   text-align: left; 
   background-color: #6481b9; 
   border: 1px solid #000000; 
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   height: 25px;
   overflow: hidden;
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
   box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.MenuAreaRiservata {
   top: 100px;
}

.MenuAreaRiservata div,
.panel ul li {
   float: left; 
   position: relative;
   display: block; 
   height: 12px;
   text-decoration: none; 
   text-align: left; 
   font-weight: bold; 
   text-transform: uppercase; 
   line-height: 25px;
   padding: 0 5px; 
}
.MenuAreaRiservata div a,
.panel ul li a {
   display: block;
   color: #ffffff;
   text-shadow: 0 -1px 1px rgba(0,0,0,0.3);	
   padding: 0 5px; 
}
.panel ul li.linkdisattivato a {
   color: #cccccc;
}

.panel ul li.linkcliccato a,
.MenuAreaRiservata div a:hover,
.panel ul li a:hover {
   padding: 0 5px; 
   background-color: #ef7f00;
   color: #ffffff;
   text-decoration: none;
}

#Content {
    margin: 0;
    padding: 0;
    border: none;
}



#LogInContent {
    height: 105px;
    background-image: url(images/header-pattern.png);
    background-color: #F2F2F2;
    padding: 20px 0;
    border-top: 5px solid #374A5F;
    
}

#LogInContent .panel {
}


.contentdati 
{
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
}


#BodyContentDati 
{
    padding: 0;
    line-height: 25px;
    width: 100%;
}
#BodyContentDati #PromotionMenuContent {
    height: 60px;
    overflow: hidden;
    width: 1150px;
    margin: 0 auto;
    /*border-top: 1px solid #C9C9C9;*/
    background: url("images/mainnav-bg.png") repeat-x scroll left top transparent;
    background-repeat: repeat-x;
    padding-top: 2px;
}


#BodyContentDati #PromotionMenuContent a {
    color: #555555;
    font-family: 'oswald';
    text-transform: uppercase;
}

#BodyContentDati #PromotionMenuContent a:hover {
    color: #4970b7;
    font-family: 'oswald';
    text-transform: uppercase;
}

#LabelAllPromotion 
{
    font-family: 'oswald';
    font-size: 1.3em;
    background-image: url(images/header-pattern.png);
    background-color: #F2F2F2;
    text-transform: uppercase;
    height: 45px;
    width: 900px;
    float: left;
    padding: 15px 0 0 15px;
    color: #555555;
}

#LabelAllPromotion span
{
	color: #555555;
}

#TornaAllaVetrina {
    background-image: url(images/icons-uni.png);
    background-repeat: no-repeat;
    background-position: 0 -689px;
    padding-left: 20px;
    margin-right: 10px;
    vertical-align: top;
}

.CarrelloMenu {
    background-image: url(images/icona_carrello.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;
    vertical-align: top;
}

#CercaBuonoMenu {
    background-image: url(images/icon_cerca_buono.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;
    vertical-align: top;
    margin-right: 10px;
}

#ReportBuoniMenu {
    background-image: url(images/icon_report_buoni.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;
    vertical-align: top;
}


#PuntiVendita {
    /*background-image: url(images/icons-uni.png);
    background-repeat: no-repeat;
    background-position: 0 -1462px;
    padding-left: 20px;*/
}



#LabelAllPromotion a
{

}

#GroupingPromotion 
{
    background-image: url(images/header-pattern.png);
    background-color: #F2F2F2;
    height: 42px;
    width: 100%;
    padding: 15px 0 0 240px;
    color: #a9a9a9;
}
#GroupingPromotion  #MenuRaggruppamentoVetrinaDiv {
    
}

#GroupingPromotion #LabelGroupingPromotion {
    float: left;
    margin-right: 10px;
    font-family: 'oswald';
    font-size: 1.3em;
    text-transform: uppercase;
    color: #555;
}

#FooterContentDati 
{
    background: #FFF;
    
}
#InfoAbilitazioniBrowser {
    clear: both;
    margin: 0 auto;
    width: 650px;
    padding-bottom: 15px;
}

#ContentVetrina {
    background-color: #FFFFFF;
    width: 100%;
    min-height: 200px;
}

#campagneVetrina {
    border: none;
    width: 1150px;
    margin: 0 auto;
    padding-bottom: 15px;
}


#campagneVetrina .contentdati {
    background-color: #FFF !important;
    background-image: none;
}

#campagneVetrina a{
    
}

#campagneVetrina #DottedRow {
    height: 30px;
    border-bottom: dotted #000 thin ;
}

#contentBodyPromozioni {
    padding-top: 15px;
}

#campagneVetrina #PromozioneImg {
    float: left;
    width: 210px;
}

#campagneVetrina #PromozioneText {
    float: left;
    width: 70%;
}

#campagneVetrina #PromozioneText #PromozioneDescr {
    width: 100%;
    height: 55px;
    background-color: #4666b3;
    color: #c0d1ed;
    padding-left: 10px;
    padding-top: 10px;
    font-weight: bold;
    font-size: 200%;
}
#campagneVetrina #PromozioneText .BlueBar {
    width: 100%;
    height: 35px;
    background-color: #c0d1ed;
    color: #4666b3;
    padding-left: 10px;
    padding-top: 10px;
    font-weight: bold;
}

.ClassLightBlueBar {
    height: 35px;
    background-color: #c0d1ed;
    color: #4666b3;
    padding-left: 10px;
    padding-top: 10px;
    font-weight: bold;
}

.ClassDarkBlueBar {
    background-color: #4666b3;
    color: #c0d1ed;
    font-weight: bold;
    height: 55px;
    padding-left: 10px;
    padding-top: 10px;
}

#campagneVetrina #PromozioneText .PromozioTextArea {
    padding: 25px 0;
}
#tabellaOpzioni  
{
    width: 101%;
}
#tabellaOpzioni tr:hover td 
{
    background: #d0dafd;
}
#intestazioneOpzioni {
    background: #c0d1ed;
    font-size: small;
    color: #4666b3;
}
.descrizioneArticolo {
    width: 36%;
}
.valoreNominale {
    width: 15%;
    text-align: right;
    color: red;
    font-weight: bold
    /*background-image: '../Content/Images/coupon non validabile.jpg'*/
}
.valoreAcquisto 
{
    width: 15%;
    text-align: right;
    font-weight: bold;
    color : black
}
.periodoUtilizzabile {
    width: 20%;
}
.disponibile {
    text-align: right;
}
.acquista {
    text-align: center;
}
#campagneVetrina #PromozioneText .PromozioTextArea li {
    list-style: circle;
    list-style-position: inside;
    padding-left: 5px;
}

#campagneVetrina #PromozioneText #CondizioniUtilizzo {
    font-size: 85%;
}

#campagneVetrina #PromozioneSubmit {
    margin-top: 15px;

    
}

#campagneVetrina #PromozioneSubmit .panelsubmmit div {
    padding-top: 35px;
}

#campagneVetrina #PromozioneSubmit .panelsubmmit a
{
    background-color: #E8E8E8;
    border: 1px solid #333333;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    color: #000;
    display: inline-block;
    height: 17px;
    margin: 0;
    min-width: 0;
    padding-top: 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
    width: 130px;
}

#campagneVetrina #PromozioneSubmit .panelsubmmit a:hover {
    background-color: #EEE;   
}

#campagne {
    width: 270px;
    height: 155px;
    overflow: inherit;
    padding-top: 15px;
    padding-right: 15px;
    display: inline-table;
}

.divCampagna
{
	border: solid 10px #e6e6e6;
	padding: 5px 5px;
    overflow: hidden;
}
.divCampagna:hover
{
	border: solid 10px #E8C334;
}
.divCampagna #campagnaImage {
    width: 110px;
    height: 110px;
    overflow: hidden;
    
    float: left;
}

.divCampagna #campagnaImage img {
    width: 110px;
}

.divCampagna #campagnaDescr {
    width: 110px;
    height: 110px;
    float: right;
    background-color: #E8E8E8;
    padding: 5px;
    color: #000;
}

.divCampagna #campagnaDescr  #descrizione
{
    height: 60px;
    
}   

.divCampagna #campagnaDescr #validita
{
    
}   
    

.divCampagna #campagnaRange {
    clear: both;
}

.divCampagna #campagnaRange span{
    color: #000;
}

.redBold {
    color: #FF0000 !important;
    font-weight: bold;
}

#HeaderContentDati {
    width: 1150px;
    margin: 0 auto;   
}

#HeaderContentDati #HeaderImg {
    width: 890px;
    height: 95px;
    float: left;
    background-image: url(images/header-clienti.png);
    background-repeat: no-repeat;
}

#HeaderContentDati  #HeaderSlogan {
   color: #999999;
    padding-left: 90px;
    padding-top: 100px;
    text-align: left;
    display: none;
}

#HeaderContentDati #MenuLogin{
    width: 220px;
    height: 125px;
    float: left;
    overflow: hidden;
    font-size: 85%;
}

#HeaderContentDati #MenuLogin #LabelLogIn {
    float: left;
    width: 100px;
    color: #6473a1;
}

#HeaderContentDati #MenuLogin #InputLogin {
    float: left;
    width: 170px;
}

#HeaderContentDati #MenuLogin #InputLogin input{
    width: 150px;
}

#HeaderContentDati #MenuLogin #InputLogin div {
    padding-top: 6px;
}

#HeaderContentDati #MenuLogin #SubmitLogin 
{
    width: 50px;
    height: 65px;
    float: left;
}

#HeaderContentDati #MenuLogin #SubmitLogin input {
    width: 50px;
    height: 65px;
    background-image: url(images/btn_next_off.jpg);
    
    border: none;
    border-radius: none;
    box-shadow: none;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    margin:0;
    min-width: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    
} 

#HeaderContentDati #MenuLogin #SubmitLogin input:hover 
{
    background-image: url(images/btn_next_on.jpg);
}

#HeaderContentDati #MenuLogin #LostPassword {
    padding: 0;
}

#HeaderContentDati #MenuLogin #LostPassword a 
{
    color: #000000;
    font-size: 85%;
    font-weight: bold;
}

#HeaderContentDati #MenuLogin #LinkRegistrazione {
    padding-top: 0;
}
#HeaderContentDati #MenuLogin #LinkRegistrazione a {
    color: #000;
    font-size: 85%;
    font-weight: bold;
}

#HeaderContentDati #MenuLoggedOperatore
{
    text-align: right;
    right: 0;
    line-height: 19px;
    padding-right: 5px;
    color: #6481b9;
}

#HeaderContentDati #MenuLoggedOperatore #NomeOperatore {
    color: #6481B9;
}

#HeaderContentDati #MenuLoggedOperatore #LogOutOperatore a
{
    width: 50px;
    height: 65px;
    background-image: url(images/btn_logout_off.jpg);
    
    border: none;
    border-radius: none;
    box-shadow: none;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    margin:0;
    min-width: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
}

#HeaderContentDati #MenuLoggedOperatore #LogOutOperatore a:hover {

    background-image: url(images/btn_logout_on.jpg);
}



#HeaderContentDati #MenuLogin #MenuLogged 
{
    text-align: right;
    right: 0;
    line-height: 19px;
    padding-right: 5px;
    color: #6481b9;
}

#HeaderContentDati #MenuLogin #MenuLogged #NomeUser {
    color: #6481B9;
}

#HeaderContentDati #MenuLogin #MenuLogged #AreaRiser 
{
    color: #e84700;
}

#HeaderContentDati #MenuLogin #MenuLogged #AreaRiser a
{
    color:  #FF8C00;
}

#HeaderContentDati #MenuLogin #LogOut {
    
}

#HeaderContentDati #MenuLogin #LogOut a {
    width: 50px;
    height: 65px;
    background-image: url(images/btn_logout_off.jpg);
    
    border: none;
    border-radius: none;
    box-shadow: none;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    margin:0;
    min-width: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
}

#HeaderContentDati #MenuLogin #LogOut a:hover {

    background-image: url(images/btn_logout_on.jpg);
}

.panel {
    border:none;
    width: 100%;
    height: 135px;
}


#Content .panelsubmmit {
    background: none;
    width: 100%;
    border:none;
}

#FooterContentDati {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8)!important;
    padding-top: 15px;
}


#Footer {
    border: none;
    padding: 0;
}

.MenuRaggruppamentoVetrinaDiv ul
{
    height: 25px;

}

.MenuRaggruppamentoVetrinaDiv ul li {
   float: left; 
   height: 100%; 
   position: relative;
   display: block; 
   height: 12px;
   text-decoration: none; 
   text-align: left; 
   font-weight: bold; 
   text-transform: uppercase; 
   line-height: 25px;
   padding: 0 5px; 
}
.MenuRaggruppamentoVetrinaDiv ul li a 
{
   color: #2491CA;    
   display: block;
   font-family: 'oswald';
    font-size: 1.1em;
    text-transform: uppercase;
    color: #999; 
   padding: 0 5px; 
}
.MenuRaggruppamentoVetrinaDiv ul li.linkdisattivato a {
   color: #cccccc;
}

#ContainerFooter {
    width: 1150px;
    margin: 0 auto;
    font-size: 0.9em;
}

#ContainerFooter #FLeft ul li.first {
    padding-left: 0;
}

#ContainerFooter #FLeft ul li.last {
    border-right-width: 0;
}

#ContainerFooter #FLeft ul li {
    border-right: 1px solid #666666;
    display: inline;
    float: left;
    margin: 0;
    padding: 0 0.8em;
}

#Footer {
    margin: 0;
    background: url("images/footer-inner-bg-top.png") repeat-x scroll left top #333333;
    border-top: 1px solid #222222;
    color: #DDDDDD;
    height: 230px;
    
}

#Footer #FLeft 
{
    padding: 5px 0 0 0 ;
    float: left;
    width: 33%;
}

#Footer #FCenter 
{
    padding: 5px 0 0 0 ;
    float: left;
    width: 15%;
}

#Footer #FRight 
{
    padding: 5px 0 0 0 ;
    float: left;
    width: 50%;
    font-size: 0.9em;
}


#DescrizioneEstesaDiv {
    width:99%;
    height:150px;
}

#SceltaOpzione {
    padding-top: 15px;
    margin-bottom: 10px;
}

#SceltaOpzione #SceltaOpzioneHeader {
    width: 97%;
    padding-right:-10px;
}

#SceltaOpzione #SceltaOpzioneHeader #SceltaOpzioneImage
{
    position: absolute;
    padding-left: 980px;
}

#SceltaOpzione #SceltaOpzioneHeader #SceltaOpzioneDescrizione {
    width: 100%;
    height: 55px;
    background-color: #4666B3;
    color: #C0D1ED;
    padding-left: 10px;
    padding-top: 10px;
    font-weight: bold;
}

#SceltaOpzione #SceltaOpzioneHeader #SceltaOpzioneScegli {
    width: 100%;
    height: 35px;
    background-color: #C0D1ED;
    color: #4666B3;
    padding-left: 10px;
    padding-top: 10px;
    font-weight: bold;
}


#SceltaOpzione #divSceltaOpzione table{
    width: 96%;
}

#SceltaOpzione #divSceltaOpzione table thead tr{
    border: none;
}

/*#SceltaOpzione #divSceltaOpzione table thead td{
    color: #ff8c00;
    font-weight: bold;
    border: none;
}*/

#SceltaOpzione #divSceltaOpzione table td{
    border: none;
}

#SceltaOpzione #divSceltaOpzione table tr{
    border: none;
}


#divFatturazione 
{
    width: 45%;
    float: left;
    
}

#divFatturazione #FatturezioneHeader {
    width: 100%;
    height: 35px;
    background-color: #C0D1ED;
    color: #4666B3;
    padding-left: 10px;
    padding-top: 10px;
    font-weight: bold;
    margin-bottom: 15px;
}



#divFatturazione #FatturazioneForm {
    
}

#divFatturazione #FatturazioneForm #divDatiFattura label {
    clear: both;
    margin: 2px 0;
    overflow: hidden;
    padding: 0 20px 0 0;
    position: inherit;
    width: 130px !important;
}

#divFatturazione #FatturazioneForm #divDatiFattura input {
    width: 100%;
}

.FatturazioneValidationError{
    vertical-align: top !important;
    font-size: 0.8em;
    color: #ff0000;
}

#divTipiPagamento 
{
    width: 45%;
    float: left;
    margin-left: 5%;
}

#divTipiPagamento img {
    /*width: 100px;*/
    margin-bottom: 10px;
    vertical-align: middle;
}

#divTipiPagamento #TipiPagamentoHeader {
    width: 100%;
    height: 35px;
    background-color: #C0D1ED;
    color: #4666B3;
    padding-left: 10px;
    padding-top: 10px;
    font-weight: bold;
    margin-bottom: 15px;
}

#CondizioniAcquisto {
    clear: both;
    width: 100%;
    background: url(images/cart_bottomArrow.png);
    background-repeat: no-repeat;
    background-position: center;
}

#CondizioniAcquisto div {
    margin: 0 auto;
    padding-top: 85px;
    color: #666666;
    text-align: center;
}


#OffertaSubmit {
    clear: both;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

#OffertaSubmit div {
    margin: 0 auto;
    width: 130px;
    margin-top:10px;
}

#OffertaSubmit div input {
    background-color: #356191;
    border: 1px solid #000;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    color: #FFF;
    display: inline-block;
    height: 27px;
    margin: 0 5px 10px;
    min-width: 0;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
    width: 130px;
}

#OffertaSubmit div input:hover {
    background-color: #FFF;
    color: #356191;
}

#LogOnbuttonLogin {
    background-color: #FFFFFF;
    border: 1px solid #333333;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    color: #666666;
    display: inline-block;
    height: 27px;
    margin: 0 5px 10px;
    min-width: 0;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
    width: 130px;
}

#LogOnbuttonLogin:hover {
    background-color: #EEE;
}

#SlidePrev span
{
    position: absolute;
    left: 100px;
    width: 15px;
    height: 21px;
    display: block;
    cursor: pointer;
    background-image: url(images/slide_prev_off.png);
}

#SlidePrev span:hover {
     background-image: url(images/slide_prev_on.png)
}

#SlidePage {
    float: left;
    margin: 0 auto;
    width:150px;
    padding-left: 320px;
}

#SlidePage span{
    background-image: url(images/slide_bullet_off.png);
    width: 15px;
    height: 21px;
    background-repeat: no-repeat;
    display: block;
    float: left;
}

#SlidePage #PageCurrent {
    background-image: url(images/slide_bullet_on.png);
    width: 15px;
    height: 21px;
    background-repeat: no-repeat;
    display: block;
    float: left;
}

#SlideNext span
{
    position: absolute;
    right: 25px;
    width: 15px;
    height: 21px;
    display: block;
    cursor: pointer;
    background-image: url(images/slide_next_off.png);
}

#SlideNext span:hover {
     background-image: url(images/slide_next_on.png)
}

#AreaRiservataLogin,
#ReportOperatoreBuoniArea {
    padding-top: 15px;
}

#AreaRiservataLogin #ButtonAreaRiservata {
    margin: 0 auto;
    width: 300px;
}

#AreaRiservataLogin #ButtonAreaRiservata input
{
    background-color: #356191;
    border: 1px solid #000;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    color: #FFF;
    display: inline-block;
    height: 27px;
    margin: 0 5px 10px;
    min-width: 0;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
    width: 130px;
    float: left;
}

#AreaRiservataLogin #ButtonAreaRiservata input:hover {
    background-color: #FFF;
    color: #356191;
}

#AreaRiservataLogin #ButtonAreaRiservata a
{
  background-color: #356191;
    border: 1px solid #000;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    color: #FFF;
    display: inline-block;
    float: left;
    font-weight: bold;
    height: 20px;
    margin: 0 5px 10px;
    min-width: 0;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    width: 110px;
    float: left;
}

#AreaRiservataLogin #ButtonAreaRiservata a:hover {
    background-color: #FFF;
    color: #356191;
}

#InvalidaCouponArea {
    padding-top: 15px;
    min-height: 200px;
}

#InvalidaCouponArea input {
    background-color: #FFFFFF;
    border: 1px solid #333333;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    color: #666666;
    display: inline-block;
    height: 27px;
    margin: 0 5px 10px;
    min-width: 0;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
    width: 130px;
}

#InvalidaCouponArea input:hover {
    background-color: #EEE;
}

#InvalidaCouponArea input[type="submit"] {
    background-color: #356191;
    border: 1px solid #000;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    color: #FFF;
    display: inline-block;
    height: 27px;
    margin: 0 5px 10px;
    min-width: 0;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
    width: 130px;
}

#InvalidaCouponArea input[type="submit"]:hover {
    background-color: #FFF;
    color: #356191;
}

#InvalidaCouponArea #InvalidaLogOut,
#ReportOperatoreBuoniArea #InvalidaLogOut  {
    width: 100%;
    text-align: center;
}

#InvalidaCouponArea #InvalidaLogOut a,
#ReportOperatoreBuoniArea #InvalidaLogOut a,
.FiltraReportBuoniButton  {
    background-color: #356191;
    border: 1px solid #000;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    color: #FFF;
    display: inline-block;
    height: 27px;
    margin: 0 5px 10px;
    min-width: 0;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
    width: 130px;
}

#InvalidaCouponArea #InvalidaLogOut a:hover,
#ReportOperatoreBuoniArea #InvalidaLogOut a:hover,
.FiltraReportBuoniButton:hover{
    background-color: #FFF;
    color: #356191;
}

#InvalidaCouponArea #CouponValido 
{
    text-align: center;
    
}

.BgArrow {
    background-image: url(images/cart_bottomArrow.png);
    width: 297px;
    height: 39px;
    display: block;
    margin: 0 auto;
    
}

#CouponSucces {
    font-weight: bold;
    margin: 0 auto;
    padding-bottom: 15px;
    width: 250px;
}

.ErrorCoupon 
{
    color: #FF0000;
    font-weight: bold;
    margin: 0 auto;
    padding-bottom: 15px;
    width: 450px;
}

#KoPagamento  {
    /*background-image: url("images/coupon non validabile.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    padding-left: 80px;
    width: 100%;*/
}

#KoPagamento #HeaderKo {
    width: 95%;
}

#KoPagamento #MenuMessaggi {
    width: 95%;
}

#KoPagamento #Messaggio {
    padding-left: 5px;
    padding-top: 5px;
    min-height: 200px;
}

#KoPagamento #ImageKoHead 
{
    width: 80px;
    height: 80px;
    margin-left: 1000px;
    position: absolute;
    background-image: url('images/coupon non validabile Trasparente.png');
    background-repeat: no-repeat;
    background-size: contain;
}


#OkPagamento  {
/*    background-image: url("images/coupon non validabile.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    padding-left: 80px;
    width: 100%;
    */
}

#OkPagamento {
    padding-top: 15px;
}

#OkPagamento #PagamentoOk p {
}

#OkPagamento #HeaderOk {
    width: 95%;
}

#OkPagamento #MenuMessaggi {
    width: 95%;
}

#OkPagamento #Messaggio {

    padding-left: 5px;
    padding-top: 5px;
}

#OkPagamento #ImageOkHead 
{
    width: 80px;
    height: 80px;
    margin-left: 1000px;
    position: absolute;
    background-image: url('images/coupon validabile Trasparente.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.PuntiVenditaTable
{
	width:100%;
}

.PuntiVenditaTable thead th
{
	background-color: #1F7CAD;
	color: #FFF;
	border: solid 1px #FFF;
}

.PuntiVenditaTable tbody td
{
	border-bottom: 1px solid #1F7CAD;
    padding: 2px 5px;
    vertical-align: top;
}

.PromozioniAcquistateTable
{
	width:98%;
}

.PromozioniAcquistateTable thead th
{
	background-color: #c0d1ed;
	color: #4666b3;
	border: solid 1px #4666b3;
}

.PromozioniAcquistateTable tbody td
{
	border-bottom: 1px solid #4666b3;
    padding: 2px 5px;
    vertical-align: top;
}

.PromozioniPrenotateSisalTable
{
	width:98%;
	margin-bottom: 10px;
}

.PromozioniPrenotateSisalTable thead th
{
	background-color: #c0d1ed;
	color: #4666b3;
	border: solid 1px #4666b3;
}

.PromozioniPrenotateSisalTable tbody td
{
	border-bottom: 1px solid #4666b3;
    padding: 2px 5px;
    vertical-align: top;
}

#FiltroRicercaUtentiDiv {
    padding-top: 15px;
}

#FiltroRicercaUtentiDiv div {
    padding:5px 0;
}

#CercaUtenteSubmitDiv input {
    background-color: #356191;
    border: 1px solid #000;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    color: #FFF;
    display: inline-block;
    height: 27px !important;
    margin: 0 5px 10px;
    min-width: 0;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
    width: 130px;
}

#CercaUtenteSubmitDiv input:hover {
    background-color: #FFF;
    color: #356191;
}


#CouponPrint {
    background-color: #FFF;
}

#CouponPrint #HeaderPrint 
{
    height: 100px;
    
}

#CouponPrint #Left 
{
    padding-left: 45px;
    float: left;
    width: 550px;
    height: 350px;
    font-size: 18px;
}

#CouponPrint #Right {
    float: left;
    width: 550px;
    height: 350px;
}

#CouponPrint #Bottom 
{
    clear: both;
    padding-left: 45px;
    
}

#CouponPrint #QrCode {
    /*width: 30px;
    margin: 0 auto;
    height: 180px;
    text-align: center;*/
}

#CouponPrint #BarCodeDiv {
    margin: 0 auto;
    height: 180px;
    text-align: center;
    /*position: relative;
    width: 300px;*/
}

#CouponPrint #BarCodeDiv img {
    margin-top: 70px;
}

#CouponPrint #ImportoDiv 
{
    background-image: url(images/priceBackGround.jpg);
    width: 300px;
    height: 70px;
    font-size: 40px;
    font-weight: bold;
    color: #FFF;
    margin: 0 auto;
    text-align: center;
    padding-top: 40px;
}


#CouponPrint #ScadenzaDiv 
{
    padding-top: 5px;
    margin: 0 auto;
    width: 300px;
    text-align: center;
    color: #4666b3;
    font-weight: bold;
    font-size: 16px;
}

#CouponPrint #BottomScadenza {
    margin: 0 auto;
    width: 350px;
    text-align: center;   
}

.InformativaSisalDiv {
    padding:5px 5px;
    margin-top:10px;
    border:solid 1px #000;
}

.RiepilogoPrenotazioneSisalDiv 
{
    padding: 5px 5px;
}

@media print
  {
      #BodyContentDati {
          margin: 0;
          padding: 0;
          width: 100%;
          line-height: 30px;
      }
      
      .contentdati {
          margin: 0;
          padding: 0;
          width: 100%;
      }
      
      .vetrina {
          margin: 0;
          padding: 0;
          width: 100%;
      }
      
      #PromotionMenuContent {
          display: none;
      }
      
      #LogInContent {
          display: none;
      }
      
      #Footer {
          display: none;
      }
      
      .PuntiVenditaTable thead tr th{
          border: 1px solid #000;
      }
      .PuntiVenditaTable td {
          border: 1px solid #000;
      }
      
      .page-break   
      {
      	display: block; 
      	page-break-after: always; 
      }
      
      .RiepilogoPrenotazioneSisalDiv {
          width: 90%;
      }
      
      .InformativaSisalDiv {
        padding:5px 5px;
        margin-top:10px;
        border:solid 1px #000;
        width: 90%;
    }
  }

  
  
  
#StampaCouponDiv
{
	margin-bottom: 10px;
	text-align: center;
}
  
#StampaCouponDiv a 
{
	background-color: #356191;
    border: 1px solid #000;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    color: #FFF !important;
    display: inline-block;
    height: 30px;
    margin: 0;
    min-width: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
    width: 200px;
    font-weight: bold;
    vertical-align: middle;
}

.TableCarrello {
    width: 100%;
    border-collapse:separate; 
    border-spacing:1px 5px;
}

#Carrello table tbody td
{
    border-bottom: solid 1px #C0D1ED;
    padding: 5px 0;
}

#IntestazioniCarrello,
#SceltaOpzione #divSceltaOpzione table thead td {
    background: #c0d1ed;
    font-size: small;
    color: #4666b3;
}

.TitoloCarrello {
width: 100%;
height: 55px;
background-color: #4666b3;
color: #c0d1ed;
padding-left: 10px;
padding-top: 10px;
font-weight: bold;
font-size: 200%;
}

#TableBuoniAcquistoCarrello {
    margin-bottom: 20px;
}

#TableBuoniAcquistoCarrello tbody td
{
    /*border-bottom: solid 1px #C0D1ED !important;*/
    padding: 3px 0;
}

.QuantitaDropDownList {
    width: 70px;
}

.QuantitaRiepilogoAcquisto {
    text-align: center;
}

.AcquistoItemNotifica {
    text-align: center;
}

.AcquistoItemRegalo {
    text-align: center;
}

input[readonly] {
    background-color: #dddddd;
    color: #a9a9a9;
}

.ValidationErrorAcquistoItem{
    vertical-align: top !important;
    font-size: 0.8em;
    color: #ff0000;
}

#TableBuoniValidatiOperatore {
    width: 100%;
    border-collapse:separate; 
    border-spacing:1px 0;
    border: solid 1px #C0D1ED;
}

#TableBuoniValidatiOperatore thead tr {
    background: #c0d1ed;
    font-size: small;
    color: #4666b3;
}

#TableBuoniValidatiOperatore tbody td {
    border-bottom: solid 1px #C0D1ED;
    padding: 3px 3px;
    
}
#TableBuoniValidatiOperatore tbody tr {
    font-size: small;
    
}

#TableBuoniValidatiOperatore tfoot tr {
    font-size: small;
    background: #c0d1ed;
    color: #4666b3;
}

#TableBuoniValidatiOperatore tfoot img {
    vertical-align: bottom !important;
}

#FiltroRicercaBuoniOperatore {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.DivFiltroReportBuoni {
    float:left;
    width:25%;
}


.DivFiltroReportBuoni label {
    width: 200px !important;
    padding-right: 10px !important;
}


#Carrello #AcquirenteCarrelloDiv, #AcquirenteAcquistoDiv {
    padding: 10px 0;
    border-bottom: solid 1px #C0D1ED;
    width: 90%;
    margin-bottom: 10px;
}

#Carrello #AcquirenteCarrelloDiv span, #AcquirenteAcquistoDiv span{
    font-size: 1.5em !important;
    font-weight: bold;
}

.TitoloCercaUtente {
width: 100%;
height: 55px;
background-color: #4666b3;
color: #c0d1ed;
padding-left: 10px;
padding-top: 10px;
font-weight: bold;
font-size: 200%;
}

#ElencoUtentiRicercaDiv table thead th {
    background: #c0d1ed;
    font-size: small;
    color: #4666b3;
}

#ElencoUtentiRicercaDiv table tbody td {
    border-bottom: solid 1px #C0D1ED;
}

.field-validation-error {
    vertical-align: top !important;
    font-size: 1em;
    color: #ff0000;
}

.TitoloReportBuoniVenduti {
width: 100%;
height: 55px;
background-color: #4666b3;
color: #c0d1ed;
padding-left: 10px;
padding-top: 10px;
font-weight: bold;
font-size: 200%;
}

#ModificaPasswordOs {
    /*background-image: url(images/icon_lock.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;
    vertical-align: top;*/
}

#divConfermaSisal {
    padding:5px 5px;
    font-size: 80%;
}

#divConfermaSisal ul li{
    padding-left: 20px !important;
}

#divConfermaSisal button {
    display: none !Important;
}

#dssLogo img
{
    display: block;
    height: 50px;
    vertical-align: middle;
}

.noFloat label {
    float: none;
    width: 100%;
    display: inline;
}

.infoBody{
    margin: 0 300px;
}