<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Welcome to Compass. Use this file to write IE specific override styles.
 * Import this file using the following HTML or equivalent:
 * &lt;!--[if IE]&gt;
 *   &lt;link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" /&gt;
 * &lt;![endif]--&gt; */
/*+++++++++++++++++++++++++++++
big area
++++++++++++++++++++++++++++++*/
#example {
  width: 655px;
  height: 280px;
  position: relative;
}

#ribbon {
  position: absolute;
  top: -3px;
  left: -5px;
  z-index: 500;
}

#frame {
  position: absolute;
  z-index: 0;
  width: 739px;
  height: 341px;
  top: -3px;
  left: -42px;
}

/*
    Slideshow
*/
#slides {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 100;
}

/*
    Slides container
    Important:
    Set the width of your slides container
    Set to display none, prevents content flash
*/
#slides .slides_container {
  width: 643px;
  overflow: hidden;
  position: relative;
  display: none;
}

/*
    Each slide
    Important:
    Set the width of your slides
    If height not specified height will be set by the slide content
    Set to display block
*/
#slides .slides_container a {
  width: 643px;
  height: 268px;
  display: block;
}

#slides .slides_container a img {
  display: block;
}

/*
    Next/prev buttons
*/
#slides .next, #slides .prev {
  position: absolute;
  top: 107px;
  left: -39px;
  width: 24px;
  height: 43px;
  display: block;
  z-index: 101;
}

#slides .next {
  left: 585px;
}

/*
    Pagination
*/
#slides .pagination {
  margin: 20px auto 0 auto;
  width: 140px;
}

#slides .pagination li {
  display: block;
  float: left;
  margin: 0 1px;
  list-style: none;
}

#slides .pagination li a {
  display: block;
  width: 12px;
  height: 0;
  padding-top: 12px;
  background-image: url(../img/pagination.png);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}

#slides .pagination li.current a {
  background-position: 0 -12px;
}

/*+++++++++++++++++++++++++++++
small area
++++++++++++++++++++++++++++++*/
#slides2 {
  margin-top: 40px;
  margin-left: 18px;
  height: 165px;
  position: relative;
}

/*  Slides container
    Important:
    Set the width of your slides container
    Set to display none, prevents content flash
*/
#slides2 .slides_container {
  width: 618px;
  display: none;
}

/*
    Each slide
    Important:
    Set the width of your slides
    If height not specified height will be set by the slide content
    Set to display block
*/
#slides2 .slides_container div.slide {
  width: 655px;
  height: 170px;
  display: block;
}

/*
    Set the size of your carousel items
*/
#slides2 .slides_container .item a {
  float: left;
  width: 196px;
  height: 147px;
  margin: 0 5px;
  background: #ffffff;
}

/*
    Optional:
    Reset list default style
*/
#slides2 .pagination {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
    Optional:
    Show the current slide in the pagination
*/
#slides2 .pagination .current a {
  color: red;
}

#slides2 .next, #slides2 .prev {
  position: absolute;
  top: 53px;
  left: -19px;
  width: 24px;
  height: 43px;
  display: block;
  z-index: 101;
}

#slides2 .next {
  left: 613px;
}
</pre></body></html>