ul.safe { list-style-position: inside; }


table.vetrina {
  background-color: #592f93;
  color: white;
}

table.vetrina p {
  font-family: arial, verdana, helvetica, serif;
  font-size:   11px;
  text-align: left; 
  margin-top: 0px; 
  color: white;
}

table.vetrina tr.white {
  background-color: white;
  text-align:  right;
}

table.vetrina td.white {
  background-color: white;
}

table.vetrina td.desc {
  padding: 4px 0 4px 4px;
  vertical-align: top;
}

table.vetrina a,          table.vetrina a:link,  table.vetrina a:active, 
table.vetrina a:visited,  table.vetrina a:hover {
  font-family:     arial, verdana, helvetica, serif;
  font-size:       11px;
  color:           #592f93;
  text-decoration: none;
 font-weight: bold;
}

td.preview {
  padding: 6px 0px 4px 2px;
}

td.preview img {
  border: 1px solid black;
}

table.catalogo td,  table.catalogo th {
  font-family: arial, verdana, helvetica, serif;
  font-size:   13px;
  text-align:  left;
}
table.catalogo th {
  font-weight: bold;
}  
table.catalogo td.descr {
  border-bottom: 1px solid #aaaaaa;
  text-align:  justify;
}

img.catalogo {
  float: left;
  margin-right: 10px;
}

table.carrello td {
  font-family: arial, verdana, helvetica, serif;
  font-size:   13px;
  text-align:  left;
  color:       #666666;
  border-bottom: 1px solid #aaaaaa;
}

table.carrello td.bold {
  font-weight: bold;
}


table.carrello td.boldblack {
  font-family: arial, verdana, helvetica, serif;
  font-size:   13px;
  font-weight: bold;
  color: black;
  font-variant: small-caps;  
  letter-spacing: 3px;
}


table.prodotto tr {
  vertical-align: top;
}

table.prodotto th, table.prodotto td {
  font-family: arial, verdana, helvetica, serif;
  font-size:   13px;
  font-weight: normal;
  text-align: left;
}

table.prodotto th {
  font-variant: small-caps;
}

input {
    font-family:      arial, verdana, helvetica, serif;
    font-size:        13px;
    background-color: white;
    border: 1px solid #937bb9;
}

input.file, input.button {
    font-family:      arial, verdana, helvetica, serif;
    font-size:        13px;
    font-weight:      normal;
    text-decoration:  none;
    color:            black;
    padding-top:      2px;
    padding-bottom:   2px;
    padding-left:     10px;
    padding-right:    10px;
    border:           1px solid #aaaaaa;
    background-color: white;
}

input.submit {     
  border:           1px solid #592f93;
   background-color: #c8b3de;
  color: #592f93;
  font-weight: bold;
}

input.submit:hover {     
   background-color: #592f93;
   color: #c8b3de;

}


select {
    font-family:      arial, verdana, helvetica, serif;
    font-size:        13px;
    background-color: white;
    border-color: #99CCCC;
    border-width: 1px;
}
textarea {
    font-family:      arial, verdana, helvetica, serif;
    font-size:        13px;
    background-color: white;
    border: 1px #99CCCC solid;
}
.formerr {
  color:         #592f93; 
  background-color:    #fff592;
  font-family:   arial, verdana, helvetica, serif;
  font-size:     13px;
  font-weight:   bold
}

body {
  background-image:  url('../img/bg.jpg');
  background-repeat: repeat-x;
  padding:           7px 14px 7px 14px;
}

div#page {
  background-color: white;
  min-height: 550px;
  height: auto !important;
  height: 550px;
}

div#content {
  background-color: white;
  margin: 0 5px 0 241px;
  margin-left: 241px;
  min-height: 520px;
  height: auto !important;
  height: 520px;
}


div#footer {
  clear: both;
  margin-top: 10px;
  margin-left: 7px;
  background-image:  url('../img/bottom_bg.gif');
  background-repeat: repeat-x;
  height: 6px;
  text-align: right;
}

p#hpheader {
  margin-top: 0;
  border-bottom: 3px solid #592f93;
  padding-left: 100px;
  background-position: center left;
  background-repeat: no-repeat;
  background-image:  url('../img/logo_quad.gif');
  height: 87px;
  padding-top: 15px;
}

div#sidebar {
  margin: 0;
  padding: 0;
  float: left;
  width: 241px;
  background: white;
  height: 400px;
}



div#menu {
  margin: 0;
  padding: 0;
  width: 241px;
}

div#menu div {
  margin:            0;
  padding-top:       0;
  padding-bottom:    0;
  padding-left:      15px;
  background-repeat: no-repeat;
  vertical-align:    middle;
}

  div#a {
    background-image: url('../img/menu_a.gif');
    height: 25px;
  }
  div#a a {
    display: block;
    line-height: 22px;
  }
  
  div#b {
    background-image: url('../img/menu_b.gif');
    height: 25px;
  }
  div#b a {
    display: block;
    line-height: 22px;
  }
  
  div#c {
    background-image: url('../img/menu_c.gif');
    height: 25px;
  }
  div#c a {
    display: block;
    line-height: 22px;
  }
  
  div#d {
    background-image: url('../img/menu_d.gif');
    height: 25px;
  }
  div#d a {
    display: block;
    line-height: 22px;
  }
  
  div#e {
    background-image: url('../img/menu_e.gif');
    height: 32px;
  }
  div#e a {
    display: block;
    line-height: 22px;
  }
  
  div#f {
    background-image: url('../img/menu_f.gif');
    height: 25px;
  }
  div#f a {
    display: block;
    line-height: 22px;
  }
  
  div#g {
    background-image: url('../img/menu_g.gif');
    height: 25px;
  }
  div#g a {
    display: block;
    line-height: 22px;
  }
  
  div#h {
    background-image: url('../img/menu_h.gif');
    height: 25px;
  }
  div#h a {
    display: block;
    line-height: 22px;
  }
  
  div#i {
    background-image: url('../img/menu_i.gif');
    height: 25px;
  }
  div#i a {
    display: block;
    line-height: 22px;
  }
  
  div#l {
    background-image: url('../img/menu_l.gif');
    height: 34px;
  }
  div#l a {
    display: block;
    line-height: 15px;
  }
  
  div#m {
    background-image: url('../img/menu_m.gif');
    height: 34px;
  }
  div#m a {
    display: block;
    line-height: 15px;
  }
  
  div#n {
    background-image: url('../img/menu_n.gif');
    height: 25px;
  }
  div#n a {
    display: block;
    line-height: 22px;
  }
  
div#menu a, div#menu a:link, div#menu a:visited, 
div#menu a:active {
  font-family: arial, verdana, helvetica, serif;
  font-size:       12px;
  font-weight: bold;
  text-decoration: none;
  color: white;
}

div#menu a:hover {
  color: black;
}

div#bottom {
  background-image: url('../img/menu_bottom.gif');
  height: 119px;
}

div#bottom p {
  font-family: arial, verdana, helvetica, serif;
  font-size:       12px;
  margin-top: 0;
  padding-top: 5px;
}

div#bottom a, div#bottom a:link, div#bottom a:visited, 
div#bottom a:active {
  font-family: arial, verdana, helvetica, serif;
  font-size:       11px;
  text-decoration: none;
  color: black;
  font-weight: normal;
  letter-spacing: 0;
}

div#bottom a:hover {
  text-decoration: underline;
}

p.center {
    text-align: center
}

p.strong, p.strong a {
  font-weight: bold;
}

ul {
  font-family: arial, verdana, helvetica, serif;
  font-size:       14px;
  list-style-type: square;
}


h1 {
  font-family: arial, verdana, helvetica, serif;
  font-variant: small-caps;
  font-size:       16px;
  font-weight: bold;
  letter-spacing: 4px;
  text-align: right;
  margin-top: 0;
  margin-bottom: 30px;
}

div#h1 {
  width:  76px;
  height: 14px;
  background-color: #592f93;
  position: absolute;
  right: 27px;
  top: 40px;
  padding: 0;
}

h2, span.h2 {
  font-family: arial, verdana, helvetica, serif;
  font-size:   16px;
  font-variant: small-caps;
  color: #592f93;
  font-weight: bold;
}

h3 {
  font-family: arial, verdana, helvetica, serif;
  font-size:   16px;
  font-weight: normal;
  color: #592f93;

}

div.filter {
  margin: 0px 0 10px 0;
  border: 1px dotted #c8b3de;
  border-top: none;
  padding: 4px;
  font-family: arial, verdana, helvetica, serif;
  font-size: 13px;
}

div.hint {
  background-image:  url('../img_icons/lightbulb.gif');
  background-repeat: no-repeat;
  margin: 10px 50px 10px 50px;
  border: 2px dotted #e7b72a;
  padding: 4px 4px 4px 40px;
  font-family: arial, verdana, helvetica, serif;
  font-size: 13px;
}

h2.filter {
  background-color: #c8b3de;
  color: #592f93;
  font-family: arial, verdana, helvetica, serif;
  font-size: 14px;
  text-align: left;
  margin: 0;  
  font-variant: small-caps;
  letter-spacing: 3px;
  padding-left: 20px;
}

a, a:link, a:visited, a:active, a:hover {
  font-family: arial, verdana, helvetica, serif;
  font-size:       14px;
  color: #592f93;
  font-weight: normal;
  text-decoration: underline;
}


div.filter form {
  margin: 0px;
}

div.carrello { 
  margin: 0px 0 10px 0;
  border: 1px dotted #937bb9;
  border-top: none;
  padding: 4px;
  font-family: arial, verdana, helvetica, serif;
  font-size: 13px;
}

h2.carrello { 
  background-color: #937bb9;
  color: white;
  font-family: arial, verdana, helvetica, serif;
  font-size: 14px;
  text-align: left;
  margin: 0; 
  font-variant: small-caps;
  letter-spacing: 3px;
  background-image: url('../img_icons/carr_sm3.gif');
  background-repeat: no-repeat;
  padding-left: 30px;
  padding-top: 0;
  padding-bottom: 0;
  min-height: 22px;
  height: auto !important;
  height: 22px;
}






.form {
  font-family:      arial, verdana, helvetica, serif;
  font-size: 13px; color: black;
}

.formr {
  font-family:      arial, verdana, helvetica, serif;
  font-size: 13px; color: black;
  text-align: right
}

.formc {
  color: black;
  font-family:      arial, verdana, helvetica, serif;
  font-size: 13px;
  text-align: center
}

div.warning {
 border: 2px dotted red;
 margin: 5px 30px 5px 30px;
 padding: 5px;
}

p.right {
  text-align: right;
}

a.small, a.small:link, a.small:visited, a.small:active, a.small:hover {
  font-size:       13px;
  font-weight: bold;
}

span.importante {
  color: red;
  font-weight: bold;
}

img.right {
  float: right;
  margin: 0 0 10px 10px;
}


/* New */

h1 {
  font: normal small-caps bold 16pt Arial, Georgia; 

  letter-spacing: 4px;
  text-align: right;
  margin-top: 0;
  margin-bottom: 30px;
}


h2 a, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
  font: normal normal bold 15pt Arial, Georgia; 
}

p, td {
  font: normal normal normal 10pt  Verdana,Tahoma,sans-serif; 
  color: black;
}

p {
  text-align: justify; 
}


div#catalogo-browse p {
  margin-left: 10px;
}

img.imgleft {
  float: left;
  padding: 2px;
  margin: 0px 8px 4px 0;
  border: 1px solid #bbbbbb;
}

div.imgleft {
  margin-left: 120px;
  min-height:    120px;
  height:        auto !important;
  height:        120px;
  padding-bottom: 25px;
}
#tabnavcontainer ul {
  font: bold 11px verdana, arial, sans-serif;
  list-style-type: none;
  padding: 2px 0 24px 4px;
  border-bottom: 1px solid #999999;
  margin: 30px 0 5px 0;
}

#tabnavcontainer ul li
{
float: left;
height: 21px;
background-color: #d1c2dd;
margin: 2px 2px 0 2px;
border: 1px solid #999999;
}

ul#cont-tab-browse    li#tab-browse,
ul#cont-tab-search    li#tab-search {
  border-bottom: 1px solid #fff;
  background-color: #fff;
}

#tabnavcontainer ul a {
font: bold 11px verdana, arial, sans-serif;
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
font-weight: normal;
}

#tabnavcontainer ul a:hover { background: #fff; }

div.stack { 
  background-color: #ffffff; 
  padding: 0 20px 8px 15px; 
  border-bottom: 1px solid #999999; 
  margin: 0 0 20px 0;
}

.stack p {
  margin: 6px 0 0 0; 
  padding: 0;
}

p.small {
  font: normal normal normal 9pt  Verdana,Tahoma,sans-serif; 
  color: #555555;
}

p.imgleft {
  margin: 0 0 10px 0;
}


div#photobox {
  float: right;
  padding: 0 10px 0 10px;
  margin: 0;
}

div#photobox img {
  padding: 2px;
  margin: 10px 0 0 0;
  border: 1px solid #bbbbbb;
}


table.graylines tr, table.graylines-detail tr {
  vertical-align: top;
}

table.graylines th, table.graylines-detail th {
  border-bottom: 1px solid #cccccc;
  padding: 4px;
  text-align: left;
}

table.graylines th {
  font-size: 11pt;
  font-weight: bold;
  font-variant: small-caps;
  border-top: 1px solid #cccccc;
}
table.graylines-detail th {
  color: #666666;
}
table.graylines td, table.graylines-detail td  {
  border-bottom: 1px solid #cccccc;
  padding: 4px;
}
table.graylines td.first, table.graylines-detail td.first,  table.graylines-detail th.first {
  border-top: 1px solid #cccccc;
}

table.graylines td.noborder {
  border: 0;
}


/* From VH */

.aligned label { display:block; padding:0 1em 3px 0; float:left; width:8em; clear: left; }
.aligned label.inline { display:inline; float:none; }
.colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField { width:350px; }
form .aligned p, form .aligned ul { margin-left:7em; padding-left:30px; }
form .aligned table p { margin-left:0; padding-left:0; }
form .aligned p.help { padding-left:38px; }
.aligned .vCheckboxLabel { float:none !important; display:inline; padding-left:4px; }
.colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField { width:610px; }
.checkbox-row p.help { margin-left:0; padding-left:0 !important; }



.aligned div {
  padding: 4px 6px; 
  overflow:hidden; 
}
.aligned span
{

vertical-align: middle;
  margin-left: 20px;
}

form {
  margin-top: 20px;
}

form.login  {
 margin: 5px 0 0 10px;
}


div.primo-piano {
  margin-left: 2em;
  border: 1px dotted #999999;
  background-color: #eeeeee;
  padding: 4px;
}

div.primo-piano h3 {
  margin: 0 0 10px 0;
  padding: 0;
}

table.cart td, table.cart th {
  font-family: arial,verdana,helvetica,serif;
  font-size: 13px;
  text-align: left;
  color: #666666;
  border-top: 1px solid #aaaaaa;
}

table.cart th {
  font-weight: bold;
}

p.importante {
  border: 2px dotted #ff5900;
  padding: 3px;
  font-weight: bold;
}
p.importante2 {
  border-left: 8px solid #ff5900;
  padding: 6px;
  font-weight: bold;
  color: #ff5900;
}
span.importante3 {
  font-weight: bold;
  color: #ff5900;
}

.paginator { text-align: right; color:#666; overflow:hidden; font-size:12px; padding: 20px 0 0 0; line-height:22px; margin:0;  }
.paginator a:link, .paginator a:visited { padding:2px 6px; border:solid 1px #ccc; background:white; text-decoration:none; margin: 0 1px 0 0; }
.paginator a.showall { padding:0 !important; border:none !important; }
.paginator a.showall:hover { color:#036 !important; background:transparent !important; }
.paginator .end { border-width:2px !important; margin-right:6px; }
.paginator .curr { background-color: #592f93; color:white; padding: 0 6px; font-weight:bold; font-size:14px; vertical-align:top; border:1px solid #234f32; margin: 0 1px 0 0; } 
.paginator a:hover { color:#592f93; background:#c8b3de; border-color:#036; }
.paginator .prev-na, .paginator .next-na { padding:2px 6px;  color: #888888; background-color:#f9f9f9;  border:1px solid #ccc; }

.pages { overflow:hidden; line-height:22px; white-space: nowrap; }
.pages a:link, .pages a:visited { padding:1px 2px; border:solid 1px #ccc; background:white; text-decoration:none; margin: 0 1px 0 0; }
.pages a:hover { color:#b80901; background:#fdcc01; border-color:#036; }


.form {
  margin-bottom: 20px;
}


table.form-aoed td,  table.form-aoed th {
  font-family: arial, verdana, helvetica, serif;
  font-size:   13px;
  text-align:  left;
}
table.form-aoed th {
  font-weight: bold;
}  
table.form-aoed td.descr {
  border-bottom: 1px solid #aaaaaa;
  text-align:  justify;
}

ul.errorlist li {
  color: red;
  font-weight: bold;
}