/* reset CSS first */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Standard styles */
body {
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
  color: white;
  background-color: white;
  height: 100%; }

a:link, a:visited {
  color: #d51f4c; }

a:hover {
  text-decoration: none; }

p:after {
  content: url('../_media/after.png');
  padding-left: 3px; }

h2, h3 {
  color: #d51f4c; }

#wrapper {
  position: absolute;
  width: 100%;
  height: 100%; }

#container {
  width: 955px;
  position: absolute;
  left: 50%;
  top: 90px;
  height: 360px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: -478px; }
  #container #data {
    display: none;
    width: 100%;
    float: left;
    color: #4c3f42;
    line-height: 20px; }
  #container #newsblock {
    width: 100%;
    float: left;
    background-color: #7c7779;
    background-repeat: repeat; }
    #container #newsblock p {
      margin: 10px 10px;
      font-size: 12px;
      line-height: 30px; }

#sidenav {
  float: left;
  width: 190px;
  min-height: 375px;
  background-color: transparent;
  background-image: url('../_media/sidetile.png');
  background-repeat: repeat; }
  #sidenav ul {
    min-height: 190px; }
  #sidenav li {
    float: left;
    position: relative;
    width: 90px;
    height: 90px;
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 0; }
    #sidenav li a {
      position: relative;
      display: block;
      color: white;
      text-decoration: none;
      background-color: #535353;
      width: 100%;
      height: 100%; }
      #sidenav li a span {
        position: absolute;
        display: block;
        left: 5px;
        bottom: 5px; }
      #sidenav li a:hover {
        background-color: #d9d8d7;
        color: #d51f4c; }
      #sidenav li a.minor {
        color: #7c7779; }
        #sidenav li a.minor:hover {
          color: #312f30; }
      #sidenav li a.current {
        color: white;
        background-color: #d51f4c; }
        #sidenav li a.current:hover {
          cursor: default;
          background-color: #d51f4c; }
      #sidenav li a.eview:hover {
        background-image: url('../_media/ecatside.png');
        background-repeat: no-repeat;
        background-position: 0 0; }
      #sidenav li a.edown:hover {
        background-image: url('../_media/ecatside.png');
        background-repeat: no-repeat;
        background-position: 0 -90px; }

.presscovers a {
  text-align: center;
  display: block;
  float: left;
  width: 90px;
  height: 90px;
  margin: 0;
  border-right: 5px solid white;
  border-bottom: 5px solid white; }
  .presscovers a:hover {
    cursor: help; }

#menu {
  position: absolute;
  z-index: 2000; }
  #menu li {
    position: absolute;
    display: none;
    opacity: 0;
    top: 0;
    left: 0;
    width: 90px;
    height: 90px;
    margin: 0;
    border-right: 5px solid white;
    border-bottom: 5px solid white; }
    #menu li a {
      float: left;
      width: 100%;
      height: 100%;
      background-color: #535353;
      color: white;
      text-decoration: none; }
      #menu li a span {
        position: absolute;
        display: block;
        left: 5px;
        bottom: 5px; }
      #menu li a:hover {
        background-color: #d9d8d7;
        color: black;
        text-shadow: none; }
      #menu li a.close {
        text-indent: -5000px;
        background-image: url('../_media/back1.png');
        background-position: 0 -90px; }
        #menu li a.close:hover {
          background-color: #1d1718;
          background-position: 0 0; }

#subcontent {
  z-index: 0;
  position: relative;
  width: 755px;
  min-height: 375px;
  color: white;
  overflow: hidden;
  background-color: transparent; }
  #subcontent #holder {
    background-color: white;
    overflow: auto; }
    #subcontent #holder p {
      margin: 30px 30px; }
      #subcontent #holder p.meta {
        margin: -15px 30px 30px 30px;
        color: #666; }
      #subcontent #holder p.download {
        margin: 0 30px; }
    #subcontent #holder h2 {
      margin: 0 30px 0 30px;
      font-size: 21px;
      text-shadow: white 1px 1px 2px; }
      #item #subcontent #holder h2 {
        float: left;
        display: inline; }
    #subcontent #holder h3 {
      margin: 20px 30px 0 30px;
      font-size: 18px;
      text-shadow: white 1px 1px 2px; }
      #subcontent #holder h3.date {
        color: black;
        margin: 5px 0 0 30px;
        font-size: 12px; }
    #subcontent #holder .event p {
      margin: 10px 30px; }
      #subcontent #holder .event p.data {
        color: black;
        font-weight: bold;
        padding-bottom: 20px; }
  #subcontent .text {
    color: white; }
    #subcontent .text h2 {
      text-shadow: black 1px 1px 2px !important; }
  #subcontent #basicslider {
    width: 755px;
    height: 470px; }
    #subcontent #basicslider .cj_slideshow_caption_wrapper {
      background: rgba(0,0,0,0.7);
      color: white;
      width: 100%;
      line-height: 24px;
      position: absolute;
      bottom: 0;
      text-align: center;
      padding: 5px 0; }
    #subcontent #basicslider .cj_slideshow_pause_wrapper {
      position: absolute;
      width: 90px;
      height: 90px;
      line-height: 90px;
      text-align: center;
      left: 50%;
      top: 50%;
      margin-left: -45px;
      margin-top: -45px;
      background: rgba(0,0,0,0.6);
      color: white; }
  #subcontent #textblock {
    color: black;
    overflow: auto;
    width: 50%;
    height: 100%;
    float: right;
    font-size: 12px;
    line-height: 20px;
    background-color: #fff; }
  #subcontent #wideblock {
    color: black;
    overflow: auto;
    width: 100%;
    height: 470px;
    float: right;
    font-size: 12px;
    line-height: 20px;
    background-color: #fff; }
    #subcontent #wideblock h4, #subcontent #wideblock h5 {
      margin-left: 30px; }
    #subcontent #wideblock h3 {
      width: 80%;
      clear: both; }
    #subcontent #wideblock .address {
      float: left;
      width: 30%;
      overflow: hidden; }
    #subcontent #wideblock .top {
      clear: both; }
  #subcontent .filler {
    float: left;
    position: relative;
    background-color: #535353;
    height: 100%; }
    #subcontent .filler p {
      color: white;
      font-size: 12px;
      line-height: 18px;
      margin: 10px 10px !important; }

#item #holder h2, #item #holder p {
  margin-left: 95px !important; }
#item #holder h2 {
  color: #d51f4c;
  font-weight: normal; }

::-webkit-scrollbar {
  width: 20px;
  height: 20px; }

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
  display: block; }

::-webkit-scrollbar-button:start:increment, ::-webkit-scrollbar-button:end:decrement {
  display: none; }

::-webkit-scrollbar-button:end:increment {
  background-image: url('../_media/ui/scroll_cntrl_dwn.png'); }

::-webkit-scrollbar-button:start:decrement {
  background-image: url('../_media/ui/scroll_cntrl_up.png'); }

::-webkit-scrollbar-track-piece:vertical:start {
  background-image: url('../_media/ui/scroll_gutter_top.png'), url('../_media/ui/scroll_gutter_mid.png');
  background-repeat: no-repeat, repeat-y; }

::-webkit-scrollbar-track-piece:vertical:end {
  background-image: url('../_media/ui/scroll_gutter_btm.png'), url('../_media/ui/scroll_gutter_mid.png');
  background-repeat: no-repeat, repeat-y;
  background-position: bottom left, 0 0; }

::-webkit-scrollbar-thumb:vertical {
  height: 56px;
  -webkit-border-image: url('../_media/ui/scroll_thumb.png') 8 0 8 0 stretch stretch;
  border-width: 10 0 10 0; }

#footer {
  position: fixed;
  height: 270px;
  width: 100%;
  background: #312f30;
  opacity: 0.7;
  bottom: -240px;
  z-index: 200;
  border-top: 5px solid white; }
  #footer #stickout {
    width: 955px;
    overflow: auto;
    margin: 0 auto 0 auto;
    line-height: 30px; }
    #footer #stickout div {
      line-height: 30px; }
      #footer #stickout div a {
        color: white; }
        #footer #stickout div a:link, #footer #stickout div a:visited {
          text-decoration: none; }
        #footer #stickout div a:hover {
          color: white; }
      #footer #stickout div#poolpull {
        float: left; }
        #footer #stickout div#poolpull a {
          display: block;
          line-height: 30px;
          background-color: #110e0e;
          background-image: url('../_media/quickarrows.png');
          background-position: -3px 0;
          background-repeat: no-repeat;
          padding: 0 9px 0 25px; }
          #footer #stickout div#poolpull a:hover {
            background-position: -3px -30px; }
      #footer #stickout div#address {
        float: right; }
        #footer #stickout div#address a.selected {
          color: white; }
        #footer #stickout div#address a:hover {
          color: #d51f4c; }
  #footer.open #stickout #poolpull a {
    background-position: -3px -60px; }
    #footer.open #stickout #poolpull a:hover {
      background-position: -3px -90px; }
  #footer #linkpool {
    width: 955px;
    margin: 0 auto;
    padding-top: 40px; }
    #footer #linkpool div {
      float: left;
      min-height: 160px;
      margin-right: 45px; }
      #footer #linkpool div li a:hover {
        color: white; }
      #footer #linkpool div h4 {
        font-size: 14px;
        line-height: 15px;
        margin-bottom: 10px;
        max-width: 90px; }
        #footer #linkpool div h4 a {
          color: white;
          text-decoration: none; }

.open #stickout {
  opacity: 0.4; }

.main #logo {
  width: 338px;
  height: 375px;
  bottom: -17px;
  right: 10px;
  text-indent: -5000px;
  background-image: url('/_media/biglogo.png');
  position: absolute;
  z-index: 10; }

.sub #logo {
  float: left;
  width: 185px;
  height: 185px;
  text-indent: -5000px;
  background-image: url('/_media/medlogo.png'); }

.display h2 {
  line-height: 95px;
  margin: 0 0 0 10px !important; }
.display h3 {
  font-size: 14px;
  color: #666;
  margin: 40px 10px 10px 0; }
.display p {
  color: black; }
.display #holder {
  float: left;
  width: 570px; }
  .display #holder img {
    margin: 0 0 0 5px;
    float: left; }
  .display #holder p {
    clear: both;
    float: left;
    margin: 20px 45px 10px 10px !important; }
.display #extranav {
  float: left;
  position: relative;
  width: 185px;
  background-color: white;
  text-align: right; }
  .display #extranav #sidemenu {
    height: 285px;
    overflow: hidden;
    position: relative; }
    .display #extranav #sidemenu ul {
      margin: 0 10px 0 0;
      padding-top: 10px;
      top: 0;
      position: relative; }
      .display #extranav #sidemenu ul li {
        line-height: 18px;
        display: block; }
        .display #extranav #sidemenu ul li a {
          display: inline;
          color: #535353;
          text-decoration: none; }
          .display #extranav #sidemenu ul li a:hover {
            color: #d51f4c; }
  .display #extranav ul.productnav {
    margin-top: 45px;
    float: right; }
    .display #extranav ul.productnav li {
      float: left;
      display: block;
      width: 45px;
      height: 45px; }
      .display #extranav ul.productnav li a {
        display: block;
        text-indent: 5000px;
        width: 45px;
        height: 45px;
        background-image: url('../_media/productnav.png');
        background-repeat: no-repeat; }
        .display #extranav ul.productnav li a.prev {
          background-position: 0 0; }
          .display #extranav ul.productnav li a.prev:hover {
            background-position: 0 -45px; }
        .display #extranav ul.productnav li a.next {
          background-position: -45px 0; }
          .display #extranav ul.productnav li a.next:hover {
            background-position: -45px -45px; }
.display #subcontent {
  background-color: white !important; }

.column {
  width: 33%;
  float: left;
  overflow: hidden;
  padding-bottom: 90px; }

.specs {
  float: left;
  clear: both;
  margin: 45px 45px 0 95px; }
  .specs th {
    color: #535353;
    font-weight: normal;
    text-align: left;
    height: 23px -1;
    padding-right: 10px;
    border-bottom: 1px solid #999; }
  .specs th.headrow {
    color: black;
    font-weight: bold; }
  .specs td {
    color: black;
    border-bottom: 1px solid #999; }

.extralinks {
  margin: 45px 0 0 0;
  float: left;
  height: 90px; }
  .extralinks li {
    line-height: 27px;
    height: 27px;
    margin-bottom: 5px; }
    .extralinks li a {
      line-height: 27px;
      height: 27px;
      display: block;
      padding-left: 27px;
      background-image: url('../_media/mini-icons.png');
      background-repeat: no-repeat; }
      .extralinks li a.zoom {
        background-position: 0 -27px; }
      .extralinks li a.pdfdown {
        background-position: 0 0; }

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

.block {
  float: left;
  position: relative;
  margin-top: 0;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 0;
  color: #d51f4c;
  overflow: hidden; }

.last {
  margin-right: 0 !important; }

.shutter {
  z-index: 10;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000; }

.cover {
  z-index: 20;
  position: absolute;
  width: 100%;
  height: 100%; }
  .cover ul {
    margin: 25px 0 0 10px;
    display: block;
    float: left; }
    .cover ul li {
      display: block;
      float: left;
      clear: both;
      line-height: 45px; }
      .cover ul li#eonline a {
        background-image: url('../_media/ecatalogue-online.png');
        background-repeat: no-repeat; }
      .cover ul li#edownload a {
        background-image: url('../_media/ecatalogue-offline.png');
        background-repeat: no-repeat; }
      .cover ul li a {
        position: relative;
        display: block;
        float: left;
        color: #fff;
        font-size: 18px;
        font-weight: normal;
        padding: 0 0 0 50px; }
        .cover ul li a:hover {
          color: #d51f4c; }
  .cover a {
    text-decoration: none;
    position: absolute;
    width: 100%;
    height: 100%; }
    .cover a span {
      position: absolute;
      bottom: 10px;
      left: 10px;
      font-size: 24px;
      font-weight: normal;
      line-height: 24px;
      color: #fff;
      opacity: 1; }
      .cover a span:link, .cover a span:visited {
        text-decoration: none; }
      .list .cover a span {
        bottom: 2px;
        left: 0;
        color: black;
        width: 100%;
        text-align: center;
        line-height: 11px;
        font-size: 11px;
        font-weight: normal; }

.single .cover {
  opacity: 0.5; }
  .single .cover a span {
    color: black; }

.single .cache {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #d9d8d7; }

.product {
  background-color: #eee; }

.description {
  color: black;
  line-height: 90px;
  text-align: center; }

.productblock {
  float: left; }
  .productblock p:after {
    content: ''; }

.link {
  background: #fff; }

.single {
  width: 90px;
  height: 90px; }

.double {
  width: 185px;
  height: 185px; }

.grid {
  float: left; }

.last {
  margin-right: 0 !important; }

.extras {
  float: left; }
  .extras .block {
    background: none;
    text-align: center; }
    .extras .block span {
      font-size: 12px; }
  .extras a {
    left: 0; }
    .extras a span {
      bottom: 2px;
      left: 0;
      color: black;
      width: 100%;
      text-align: center;
      line-height: 11px;
      font-size: 11px;
      font-weight: normal; }

.display #holder .extras {
  margin-left: 95px; }
  .display #holder .extras img {
    margin: 0; }
  .display #holder .extras span {
    left: 0;
    width: 100%;
    text-align: center; }

#geo {
  width: 280px;
  height: 375px;
  margin: 0 5px 5px 0;
  float: left;
  position: relative; }
  #geo #identity {
    background: #535353;
    float: left;
    position: relative;
    height: 90px;
    width: 375px;
    margin: 0 0 5px 0 !important;
    padding: 0  !important; }
    #geo #identity h3 {
      color: white;
      text-shadow: none !important;
      margin: 5px 0 0 5px !important;
      padding: 0  !important; }
    #geo #identity p {
      color: #eee;
      margin: 5px; }
      #geo #identity p:after {
        content: ''; }
  #geo #map {
    margin: 0;
    padding: 0;
    background: white;
    display: block;
    width: 280px;
    height: 280px;
    position: relative;
    float: left; }

#show {
  background: #312f30;
  width: 470px;
  height: 375px;
  margin: 0 0 5px 0;
  float: left;
  position: relative;
  overflow: hidden !important; }

#knowshow {
  background: #312f30;
  width: 375px;
  height: 470px;
  margin: 0 0 5px 0;
  float: left;
  position: relative;
  overflow: hidden !important; }

#description {
  float: left;
  color: black;
  background: #f8f8f8;
  overflow: hidden;
  width: 100%; }
  #description .contractnav {
    margin: 0 10px 0 0;
    float: right; }
    #description .contractnav li {
      float: left;
      display: block;
      width: 22px;
      height: 22px; }
      #description .contractnav li a {
        display: block;
        text-indent: 5000px;
        width: 22px;
        height: 22px;
        background-image: url('../_media/miniarrows.png');
        background-repeat: no-repeat; }
        #description .contractnav li a.prev {
          background-position: 0 0; }
          #description .contractnav li a.prev:hover {
            background-position: 0 -22px; }
        #description .contractnav li a.next {
          background-position: -22px 0;
          margin-left: 5px; }
          #description .contractnav li a.next:hover {
            background-position: -22px -22px; }

#agents #textblock p, #agents #wideblock p {
  margin: 0 0 20px 35px; }
#agents #textblock h3, #agents #wideblock h3 {
  font-size: 18px;
  margin: 0 0 15px 20px;
  padding-top: 10px;
  color: black; }
#agents #textblock h4, #agents #wideblock h4 {
  font-size: 14px;
  margin: 0 0 5px 30px;
  color: black; }
#agents #textblock h5, #agents #wideblock h5 {
  font-size: 12px;
  margin: 0 0 5px 25px;
  color: #333333; }
#agents #textblock .top, #agents #wideblock .top {
  text-align: right;
  line-height: 18px;
  padding: 0 10px 0 0; }
  #agents #textblock .top a, #agents #wideblock .top a {
    text-decoration: none;
    line-height: 18px;
    padding-left: 20px;
    background-image: url('../_media/top.png');
    background-repeat: no-repeat;
    background-position: 0 -3px; }
    #agents #textblock .top a:hover, #agents #wideblock .top a:hover {
      text-decoration: underline; }

.countries {
  padding: 15px 20px;
  margin-bottom: 15px;
  float: left;
  clear: both;
  background: rgba(255,255,255,0.5); }
  .countries li {
    float: left;
    padding-right: 5px; }
    .countries li:after {
      content: '|';
      padding-left: 5px;
      color: #312f30; }

#majorblock {
  color: black;
  overflow: auto;
  width: 100%;
  height: 100%;
  float: right;
  font-size: 12px;
  line-height: 20px;
  background-color: #fff; }
  #majorblock h2 {
    line-height: 90px;
    margin: 0 0 5px 20px !important; }
  #majorblock p {
    margin: 0 0 5px 20px !important; }
  #majorblock .imagestrip {
    margin: 0 0 5px 20px !important; }
    #majorblock .imagestrip img {
      margin: 0 5px 0 0 !important; }

.minimal {
  font-size: 11px;
  color: #312f30;
  padding-top: 10px; }

#modal-overlay {
  position: fixed;
  z-index: 500;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #fff;
  display: none; }

#modal-window {
  position: fixed;
  z-index: 502;
  display: none;
  top: 50%;
  left: 50%; }

#modal-window img {
  display: block; }

#contactform {
  margin: 5px 30px; }
  #contactform div {
    padding: 0 0 5px 0; }
  #contactform input {
    width: 360px; }
  #contactform textarea {
    width: 364px; }
  #contactform label {
    display: inline-block;
    width: 70px;
    padding-right: 10px;
    vertical-align: top;
    text-align: right; }
    #contactform label.error {
      color: #d51f4c;
      display: inline;
      font-weight: bold;
      padding-left: 12px; }
    #contactform label.required {
      font-weight: bold; }
  #contactform #submit {
    margin-left: 90px;
    width: 60px; }

dl {
  margin: 10px 20px; }
  dl dt {
    font-weight: bold; }
  dl dd {
    margin-bottom: 10px; }

/* debug */
.debug1 {
  outline: 1px solid #f00; }

.debug2 {
  outline: 1px solid #0f0; }

.debug3 {
  outline: 1px solid #00f; }

/* suitmymind */
.last_line {
  margin-bottom: 0; }

.display #holder img.color-image {
  margin-left: 95px; }

p.no-after:after {
  content: ''; }