/* global formats */
body {
  margin: 0px 0px 5px 0px;
  padding: 0px;
  font-family: "Arial", sans-serif;
  font-size: 8pt;
  color: #006799;
  background-color: #fdfdfd;
}

h3 {
  font-size: 1.4em;
}

h4 {
  font-size: 1.2em;
}

a {
  color: #ff0000;
  text-decoration: underline;
}
a:hover {
  color: #ad0000;
  text-decoration: none;
}
a:visited {
  color: #ad0000;
}

p {
  margin: 1em 0 1em;
}
form {
  margin: 0;
  padding: 0;
}

abbr {
  cursor: help;
}

strong {
  color: #4d6474;
}

div.container {
  position: relative;
  min-width: 920px;
}

/* layout elements */
div.hr {
  height: 1px;
  border: 1px solid #ffffff;
}
  div.hr.menu {
    height: 21px;
    background-color: #bf0000;
    border-width: 1px 0px;
  }
  div.hr.dark {
    background-color: #bf0000;
  }
  div.hr.light {
    background-color: #0080c9;
  }
  div.hr hr {
    display: none;
  }

/* top header */
div.header {
  height: 71px;
  border-bottom: 1px solid #bf0000;
  background: #ffffff url(../images/wheader.png) repeat-x left top;
}
  div.header h1 {
    display: none;
  }
  div.header a.title {
    display: block;
    width: 209px;
    padding: 11px 0px 0px 19px;
    background: url(../images/wheaderframe.png) no-repeat left top;
  }
    div.header a.title img {
      border: 0px;
    }
  div.header blockquote {
    display: block;
    position: absolute;
    margin: 0px;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: top left;
  }
    div.header blockquote div {
      display: none;
    }
  /* language selection buttons */
  div.header ul.glink {
    display: block;
    position: absolute;
    top: 23px;
    right: 0px;
    width: 145px;
    height: 39px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
  }
    div.header ul.glink li {
      display: inline;
    }
    div.header ul.glink a {
      display: block;
      float: left;
      height: 39px;
      background-repeat: no-repeat;
      background-position: left top;
    }
      div.header ul.glink a span {
        display: none;
      }
      div.header ul.glink #glink_it {
        width: 37px;
        background-image: url(../images/lang_it.png);
      }
      div.header ul.glink #glink_en {
        width: 35px;
        background-image: url(../images/lang_en.png);
      }
      div.header ul.glink #glink_es {
        width: 35px;
        background-image: url(../images/lang_es.png);
      }
      div.header ul.glink #glink_fr {
        width: 37px;
        background-image: url(../images/lang_fr.png);
      }

/* menubar */
div.wlink {
  position: relative;
  width: 880px;
  margin: 0 auto;
}
  div.specialbg {
    position: absolute;
    top: -22px;
    left: 756px;
    width: 115px;
    height: 21px;
    background: url(../images/wlink_special_bg.png) no-repeat left top;
    z-index: 1;
  }
    div.specialbg.oneless {
      left: 630px;
    }
  /* for the JS-animated slider */
  div.active {
    position: absolute;
    top: -33px;
    left: 0px;
    width: 125px;
    height: 34px;
    z-index: 2;
  }
    div.active div {
      width: 125px;
      height: 34px;
      background: url(../images/wlink_active.png) no-repeat left bottom;
    }
  ul.wlink {
    position: absolute;
    top: -33px;
    bottom: 0px;
    padding: 0px;
    list-style-type: none;
    display: block;
    height: 34px;
    width: 880px;
    margin: 0px auto 0px auto;
    z-index: 4;
  }
    ul.wlink li {
      /* the following display hack is just to take out the space used by the
       * empty list items on IE6, as their content is absolutely positioned */
      display: inline;
    }
    ul.wlink a {
      display: block;
      float: left;
      width: 125px;
      height: 22px;
      padding-top: 12px;
      color: #ffffff;
      text-decoration: none;
      text-align: center;
      font-family: "Tahoma", "Arial", sans-serif;
      font-size: 11pt;
      font-weight: bold;
    }
      ul.wlink a:hover,
      ul.wlink a:visited {
        color: #ffffff;
      }
      ul.wlink li.active a {
        background: url(../images/wlink_active.png) no-repeat left bottom;
        color: #006799;
      }
      ul.wlink li.active a:hover,
      ul.wlink li.active a:visited {
        color: #006799;
      }

/* searchbar */
div.searchbar {
  overflow: hidden;
  height: 25px;
  padding: 1px 4px 1px 0px;
  border-width: 1px 0px;
  border-style: solid;
  border-color: #bf0000;
  background-color: #ffffff;
  font-family: "Verdana", sans-serif;
  font-size: 8pt;
  text-align: center;
  white-space: nowrap;
  color: #4d6474;
  cursor: default;
}
  div.searchbar label {
    vertical-align: middle;
  }
  div.searchbar .form_text {
    width: 92px;
    margin-right: 8px;
    vertical-align: middle;
    border-color: #c10000 #c396ac #c396ac #c10000;
    background-image: url(../images/form_text_bg_search.png);
  }
    div.searchbar .form_text:focus {
      background: #fafafa;
    }
  div.searchbar .form_button {
    margin-top: 1px;
    padding: 1px 5px;
    vertical-align: middle;
  }
  div.searchbar a,
  div.searchbar a:hover,
  div.searchbar a:visited {
    font-size: 0.8em;
    margin-left: 2ex;
    color: #4d6474;
  }

/* body */
div.body {
  padding-top: 10px;
  padding-left: 258px;
  padding-right: 258px;
  /* the following padding is required for avoiding margin collapsing on the
   * bottom, pushing the footer away from the end of body block */
  padding-bottom: 1px;
  /* remember the min-height hack that's in layout_ie6.css */
  min-height: 890px;
}
  div.body h2 {
    height: 34px;
    margin: 0px 0px 1px 0px;
    padding: 0px 0px 0px 15px;
    background: #b0b9c0 url(../images/h2bg.png) repeat-x left top;
    line-height: 32px;
    font-family: "Tahoma", "Arial", sans-serif;
    font-weight: bold;
    font-size: 9pt;
    color: #fdfdfd;
    cursor: default;
  }
    div.body h2 span.left {
      height: 34px;
      display: block;
      background: url(../images/h2bg_left.png) no-repeat left top;
    }
    div.body h2 span.right {
      padding-left: 15px;
      height: 34px;
      display: block;
      background: url(../images/h2bg_right.png) no-repeat right top;
    }

  div.body div.content {
    border-width: 0px 1px;
    border-style: solid;
    border-color: #a7cbe0;
    background-color: #f8fcfe;
    /* very important to avoid margin collapsing here */
    padding: 1px 0px;
  }
    div.body div.content.padded {
      padding: 4px 10px 10px 10px;
      overflow: hidden;
    }
  div.body div.content_footer {
    height: 1px;
    border-color: #f9fdff #a7cbe0 #a7cbe0 #a7cbe0;
    border-width: 1px;
    border-style: solid;
    background-color: #f4f8fa;
  }


/* sidebars */
div.sidebar {
  text-align: left;
  padding-top: 10px;
}
  div.sidebar.left {
    position: absolute;
    top: 124px;
    left: 0px;
    /* 241px (block size) + 9px (margin) */
    width: 250px;
  }
  div.sidebar.right {
    position: absolute;
    top: 124px;
    right: 0px;
    /* 241px (block size) + 9px (margin) */
    width: 250px;
  }
  /* note that the minimum height of the body is 86 px for the gradient */
  div.sidebar .block {
    width: 241px;
    margin: 0px 0px 9px 0px;
  }
    div.sidebar .block h3 {
      width: 229px;
      height: 34px;
      margin: 0px 0px 1px 0px;
      padding: 0px 0px 0px 12px;
      background-repeat: no-repeat;
      background-position: left bottom;
      background-color: #0b6295;
      font-size: 9pt;
      line-height: 32px;
      font-family: "Tahoma", "Arial", sans-serif;
      font-weight: bold;
      text-align: left;
      color: #fdfdfd;
      cursor: default;
    }
      div.sidebar .block.blue h3 {
        background-image: url(../images/wblock_header_blue.png);
      }
      div.sidebar .block.darkblue h3 {
        background-image: url(../images/wblock_header_darkblue.png);
      }
      div.sidebar .block.orange h3 {
        background-image: url(../images/wblock_header_orange.png);
      }
      div.sidebar .block.yellow h3 {
        background-image: url(../images/wblock_header_yellow.png);
      }
      div.sidebar .block.grey h3 {
        background-image: url(../images/wblock_header_grey.png);
      }
      div.sidebar .block.red h3 {
        background-image: url(../images/wblock_header_red.png);
      }
      div.sidebar .block.green h3 {
        background-image: url(../images/wblock_header_green.png);
      }
      div.sidebar .block.olive h3 {
        background-image: url(../images/wblock_header_olive.png);
      }
      div.sidebar .block.darkred h3 {
        background-image: url(../images/wblock_header_darkred.png);
      }
    div.sidebar .block .block_body {
      /* note that: border-left + padding-left + width + padding-right + border-right = 241px */
      /* width: 239px; -- ma non serve! perché non semplicemente 100%? */
      padding: 1px 0px 1px 0px;
      border-width: 0px 1px;
      border-style: solid;
      border-color: #a7cbe0;
      background: #ffffff url(../images/wblock_body.png) repeat-x left top;
      color: #006799;
      cursor: default;
    }
      div.sidebar .block .block_body.padded {
        padding: 1px 8px 1px 10px;
      }
    div.sidebar .block .block_footer {
      width: 239px;
      height: 1px;
      border-color: #f9fdff #a7cbe0 #a7cbe0 #a7cbe0;
      border-width: 1px;
      border-style: solid;
      background-color: #f4f8fa;
      /* nota che per un vecchio hack usavo mettere "overflow: hidden" ma in questo
       * non posso per via dell'hack del rounded corner, se scopro qual era il browser
       * che dava problemi posso sempre rimetterlo e poi via JS togliere border
       * e mettere height 3px in modo da starci dentro. */
    }
    div.sidebar .block strong {
      color: #4d6474;
    }

    /* sidebar definitions for left and right columns */
    div.sidebar.left .block {
      margin-left: 9px;
    }
    div.sidebar.right .block {
      margin-right: 9px;
    }

    /* specific block: news */
    div.sidebar .block.latestNews {
      position: relative;
    }
    div.sidebar .block.latestNews .block_body {
      overflow: auto;
    }
    div.sidebar .block.latestNews p {
      margin: 6px 3px 0px 0px;
    }
    div.sidebar .block.latestNews a.title {
      color: #006799;
      text-decoration: none;
      font-weight: bold;
    }
    div.sidebar .block.latestNews p.last {
      margin-bottom: 40px;
    }
    div.sidebar .block.latestNews img {
      border: 1px solid #cc0000;
      background-color: #ffffff;
      padding: 1px;
      float: left;
      margin: 6px 10px 10px 7px;
    }
    div.sidebar .block.latestNews .linkbutton {
      position: absolute;
      right: 13px;
      bottom: 13px;
      width: 95px;
    }

    /* specific block: autenticazione (global layout, homepage overrides) */
    div.sidebar .block.autenticazione form {
      background: url(../images/icon_form.png) no-repeat 3% 100%;
      height: 135px;
    }
    div.sidebar .block.autenticazione label {
      display: block;
      float: left;
      clear: both;
      margin: 8px 0px 0px 8px;
      line-height: 2em;
      width: 60px;
    }
    div.sidebar .block.autenticazione .form_text {
      margin: 8px 0px 0px 0px;
      width: 154px;
    }
    div.sidebar .block.autenticazione .form_button {
      margin: 0px 0px 0px 115px;
      width: 60px;
    }
    div.sidebar .block.autenticazione div.first {
      padding-bottom: 5px;
    }
    div.sidebar .block.autenticazione div.second p {
      margin: 3px 0px 5px 64px;
    }
    div.sidebar .block.autenticazione div.third p {
      margin: 3px 0px 0px 15px;
    }
    div.sidebar .block.autenticazione ul {
      margin: 0px 0px 0px 7px;
      padding: 0px;
      list-style-type: none;
      overflow: auto;
    }
      div.sidebar .block.autenticazione ul li {
        display: block;
        float: left;
        width: 90px;
        padding-left: 10px;
        margin: 0px 1px 1px 0px;
      }
        div.sidebar .block.autenticazione li a {
          color: #000000;
          padding: 0px 1px;
          font-family: "Verdana", "Arial", sans-serif;
          font-size: 7pt;
          line-height: 20px;
          text-decoration: none;
        }
          div.sidebar .block.autenticazione li a:hover {
            color: #000000;
            text-decoration: underline;
            background-color: #a7cbe0;
          }

    div.sidebar .block.cart .block_body {
      /* this is to extend the height to contain the floated elements in case
       * of english language which is shorter */
      overflow: hidden;
    }
    div.sidebar .block.cart p.first {
      color: #4d6474;
      margin: 7px 8px 5px 8px;
      padding-bottom: 3px;
    }
    div.sidebar .block.cart a img {
      float: left;
      margin: 7px 12px 10px 5px;
    }
    div.sidebar .block.cart p {
      margin: 0px 5px 7px 0px;
    }

    div.sidebar .block.multimedia a {
      text-decoration: none;
      color: inherit;
    }
    div.sidebar .block.multimedia p.icon {
      background: url(../images/icon_multimedia.png) no-repeat left bottom;
      padding-left: 70px;
      line-height: 1.6em;
      text-align: justify;
      cursor: default;
    }
    /* required for the retarded IE */
    div.sidebar .block.multimedia p.icon a,
    div.sidebar .block.multimedia p.icon a:hover,
    div.sidebar .block.multimedia p.icon a:visited {
      color: #006799;
    }
    div.sidebar .block.quiz ul {
      background: url(../images/icon_quiz.png) no-repeat left bottom;
      padding-left: 70px;
      margin: 0px 0px 6px 0px;
      list-style-type: none;
    }
    div.sidebar .block.quiz a {
      color: #006799;
      text-decoration: none;
    }
      div.sidebar .block.quiz a:hover {
        text-decoration: underline;
      }
    div.sidebar .block.spedizioni {
      text-align: center;
    }
      div.sidebar .block.spedizioni .block_body {
        padding-top: 5px;
        padding-bottom: 5px;
      }

/* footer */
div.footer {
  margin: 6px 0px 4px 0px;
  border-width: 1px 0px;
  border-style: solid;
  border-color: #bf0000;
  padding: 1px 0px;
  background-color: #ffffff;
  text-align: center;
  cursor: default;
  line-height: 23px;
}
  div.footer span {
    display: block;
    background-color: #bf0000;
    color: #fdfdfd;
  }
  div.footer a {
    color: #fdfdfd;
    text-decoration: none;
  }
    div.footer a:hover {
      color: #fdfdfd;
      text-decoration: underline;
    }
p.credits {
  margin: 0px 0px 3px 0px;
  text-align: center;
}

div.topshadow {
  border-top: 1px solid #b7b7b7;
  height: 1px;
  overflow: hidden;
  background-color: #e0e0e0;
  border-bottom: 1px solid #f9f9f9;
}

div.content div.hr {
  overflow: hidden;
  height: 1px;
  font-size: 0pt;
  border: 0px;
  line-height: 0pt;
  background-color: #a7cbe0;
}
  div.content div.hr hr {
    display: none;
  }

div.content h3 {
  cursor: default;
}
  div.content h3.area {
    clear: both;
    margin: 1em 0em 0.5em 0em;
    padding: 0px;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #a7cbe0;
    background-color: #aab6be;
    font-weight: bold;
    font-size: 11pt;
    height: 27px;
    color: #ffffff;
  }
    div.content h3.area span {
      display: block;
      padding: 3px 0ex 0ex 1ex;
      height: 22px;
      border: 1px solid #ffffff;
    }

  /* italian and default value */
  div.header blockquote {
    left: 233px;
    top: 39px;
    width: 473px;
    height: 28px;
    background-image: url(../images/wblockquote_it.png);
  }
  /* english */
  .lang_en div.header blockquote {
    width: 445px;
    height: 28px;
    background-image: url(../images/wblockquote_en.png);
  }
  /* french */
  .lang_fr div.header blockquote {
    width: 460px;
    height: 27px;
    background-image: url(../images/wblockquote_fr.png);
  }
  /* spanish */
  .lang_es div.header blockquote {
    width: 543px;
    height: 27px;
    background-image: url(../images/wblockquote_es.png);
  }