.clearfix {
  zoom: 1;
}
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
body {
  background: #000105 url(../img/info-bg.png) repeat-x left top;
  text-align: center;
/*  font-family: "FuturaStdLight", sans-serif;*/
  font-family: Tahoma, sans-serif;
}
#info, #shop {
  width: 100%;
}
.wrapper {
  margin: 0 auto;
  text-align: left;
  width: 870px;
  zoom: 1;
}
.wrapper:before {
  content: "";
  display: table;
}
.wrapper:after {
  content: "";
  display: table;
  clear: both;
}
#header {
  height: 156px;
  width: 950px;
  margin: 0 auto;
  background: url(../img/header.png) no-repeat left top;
}
#header h1 {
  text-indent: -9999px;
}
#info {
  /*	background: #000105 url(../img/info-bg.png) repeat-x left top;*/

  background: url(../img/dog.jpg) no-repeat center bottom;
  color: #fff;
  height: 605px;
}
#info.clean {
  background: none;
}
#info #sidebar {
  float: left;
  width: 264px;
  height: 420px;
  padding: 0 35px 0 0;
  background: url(../img/sidebar-divider.png) repeat-y right top;
}
#info #sidebar p {
  font-size: 14px;
  line-height: 24px;
  margin: 0 0 40px;
}
#info #sidebar .nav {
  list-style: none;
}
#info #sidebar .nav a {
  width: 264px;
  height: 31px;
  display: block;
  text-indent: -9999px;
  margin: 0 0 15px;
}
#info #sidebar .nav a.jam_prev_tech {
  background: url(../img/sprite-hover.png) no-repeat 0 -1660px;
}
#info #sidebar .nav a.jam_prev_tech:hover, #info #sidebar .nav a.jam_prev_tech.active {
  background: url(../img/sprite-hover.png) no-repeat 0 -1619px;
}
#info #sidebar .nav a.sup_innov {
  background: url(../img/sprite-hover.png) no-repeat 0 -1742px;
}
#info #sidebar .nav a.sup_innov:hover, #info #sidebar .nav a.sup_innov.active {
  background: url(../img/sprite-hover.png) no-repeat 0 -1701px;
}
#info #sidebar .nav a.quality_support {
  background: url(../img/sprite-hover.png) no-repeat 0 -1825px;
}
#info #sidebar .nav a.quality_support:hover, #info #sidebar .nav a.quality_support.active {
  background: url(../img/sprite-hover.png) no-repeat 0 -1783px;
}
#info #sidebar .nav a.learn_more {
  background: url(../img/sprite-hover.png) no-repeat 0 -1908px;
}
#info #sidebar .nav a.learn_more:hover, #info #sidebar .nav a.learn_more.active {
  background: url(../img/sprite-hover.png) no-repeat 0 -1867px;
}
#info #main {
  float: right;
  width: 540px;
}
#info #main h2, #info #main h3, #info #main h4 {
  line-height: 24px;
  color: #fdb913;
  /*font-family: "FuturaStdMedium", sans-serif;*/
  font-family: Tahoma, sans-serif;
  padding: 0 0 10px;
}
#info #main h2 {
  font-size: 22px;
}
#info #main h3 {
  font-size: 18px;
}
#info #main h4 {
  font-size: 16px;
  padding: 0px;
}
#info #main p {
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
}
#info #main #content_jam_prev_tech {
  position: relative;
}
#info #main #content_jam_prev_tech .type {
  zoom: 1;
  margin: 20px 0 0;
}
#info #main #content_jam_prev_tech .type:before {
  content: "";
  display: table;
}
#info #main #content_jam_prev_tech .type:after {
  content: "";
  display: table;
  clear: both;
}
#info #main #content_jam_prev_tech .type a {
  width: 237px;
  height: 251px;
  text-indent: -9999px;
}
#info #main #content_jam_prev_tech .type a.advanced {
  float: left;
  background: url(../img/sprite-hover.png) no-repeat 0 -515px;
}
#info #main #content_jam_prev_tech .type a.advanced:hover {
  background: url(../img/sprite-hover.png) no-repeat 0 -254px;
}
#info #main #content_jam_prev_tech .type a.basic {
  float: right;
  background: url(../img/sprite-hover.png) no-repeat 0 -1037px;
}
#info #main #content_jam_prev_tech .type a.basic:hover {
  background: url(../img/sprite-hover.png) no-repeat 0 -776px;
}
#info #main #content_jam_prev_tech .content_more {
  zoom: 1;
  position: absolute;
  background: #000105;
  right: 0;
  top: 0;
  width: 540px;
  height: 430px;
  display: none;
  padding: 0 0 0 10px;
}
#info #main #content_jam_prev_tech .content_more:before {
  content: "";
  display: table;
}
#info #main #content_jam_prev_tech .content_more:after {
  content: "";
  display: table;
  clear: both;
}
#info #main #content_jam_prev_tech .content_more.active {
  display: none;
}
#info #main #content_jam_prev_tech .content_more .txt {
  float: left;
  width: 340px;
}
#info #main #content_jam_prev_tech .content_more .txt p {
  line-height: 20px;
}
#info #main #content_jam_prev_tech .content_more .side {
  float: right;
  width: 170px;
}
#info #main #content_jam_prev_tech .content_more .side .i img {
  display: block;
}
#info #main #content_jam_prev_tech .content_more .side .t {
  position: absolute;
  text-indent: -9999px;
}
#info #main #content_jam_prev_tech .content_more .side .back {
  display: block;
  text-decoration: none;
  color: #fff;
  margin: 20px 0 0;
  width: 74px; height: 17px;
  text-indent: -9999px;
  background: url(../img/back_button.png) no-repeat left top;
  text-transform: uppercase;
}
#info #main #content_jam_prev_tech .content_more .side .back:hover {
  background: url(../img/back_button.png) no-repeat left bottom;
}
#info #main #content_jam_prev_tech .content_more .action {
  display: block;
  width: 120px;
  height: 22px;
  background: url(../img/sprite-hover.png) no-repeat 0 -32px;
  text-indent: -9999px;
  margin: 10px 0 0;
}
#info #main #content_jam_prev_tech .content_more .action:hover {
  background: url(../img/sprite-hover.png) no-repeat 0 0;
}
#info #main #content_jam_prev_tech .content_more .level {
  padding: 10px 0 0 65px;
  position: relative;
}
#info #main #content_jam_prev_tech .content_more .level img {
  display: block;
  position: absolute;
  left: 0;
  top: 15px;
}
#info #main #content_sup_innov .scroller {
  position: relative;
  overflow: hidden;
  width: 540px;
  height: 190px;
}
#info #main #content_sup_innov .scroller img {
  display: block;
  margin: 40px 0;
}
#info #main #content_sup_innov .simply-scroll-container {
  position: relative;
  margin: 20px 0 0 0;
  width: 540px;
  height: 190px;
  padding: 0 0 60px;
}
#info #main #content_sup_innov .simply-scroll-container .mask {
  width: 540px;
  height: 60px;
  position: absolute;
  left: 0;
  z-index: 4;
}
#info #main #content_sup_innov .simply-scroll-container .mask.top {
  top: 0;
  background: url(../img/mask-top.png) no-repeat left top;
}
#info #main #content_sup_innov .simply-scroll-container .mask.bottom {
  bottom: 40px;
  background: url(../img/mask-bottom.png) no-repeat left top;
}
#info #main #content_sup_innov .simply-scroll-container .simply-scroll-btn {
  display: block;
  position: absolute;
  bottom: 0;
  width: 43px;
  height: 42px;
  cursor: pointer;
}
#info #main #content_sup_innov .simply-scroll-container .simply-scroll-btn.simply-scroll-btn-up {
  background: url(../img/sprite-hover.png) no-repeat 0 -1454px;
  left: 217px;
}
#info #main #content_sup_innov .simply-scroll-container .simply-scroll-btn.simply-scroll-btn-up:hover {
  background: url(../img/sprite-hover.png) no-repeat 0 -1402px;
}
#info #main #content_sup_innov .simply-scroll-container .simply-scroll-btn.simply-scroll-btn-down {
  background: url(../img/sprite-hover.png) no-repeat 0 -1350px;
  left: 280px;
}
#info #main #content_sup_innov .simply-scroll-container .simply-scroll-btn.simply-scroll-btn-down:hover {
  background: url(../img/sprite-hover.png) no-repeat 0 -1298px;
}
#info #main #content_sup_innov .simply-scroll-container .simply-scroll-clip {
  position: relative;
  overflow: hidden;
  z-index: 2;
  width: 540px;
  height: 200px;
}
#info #main #content_quality_support .block {
  zoom: 1;
}
#info #main #content_quality_support .block:before {
  content: "";
  display: table;
}
#info #main #content_quality_support .block:after {
  content: "";
  display: table;
  clear: both;
}
#info #main #content_quality_support .block.alt {
  margin: 0 0 40px;
}
#info #main #content_quality_support .block .txt {
  float: left;
  width: 315px;
}
#info #main #content_quality_support .block img {
  float: right;
}
#info #main #content_learn_more .options {
  zoom: 1;
  background: url(../img/learn-more-pic.png) no-repeat left top;
  height: 270px;
  margin: 40px 0 0;
}
#info #main #content_learn_more .options:before {
  content: "";
  display: table;
}
#info #main #content_learn_more .options:after {
  content: "";
  display: table;
  clear: both;
}
#info #main #content_learn_more .options a {
  padding: 175px 0px 0;
  text-align: center;
  float: left;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  color: #fff;
}
#info #main #content_learn_more .options a strong {
  color: #fdb913;
}
#info #main #content_learn_more .options a.showcase {
  width: 160px;
  margin: 0 35px 0 5px;
}
#info #main #content_learn_more .options a.central {
  width: 165px;
  margin: 0 20px 0 0;
}
#info #main #content_learn_more .options a.review {
  width: 155px;
}
.main_part {
  visibility: hidden;
  position: absolute;
}
.main_part.active {
  display: block;
}
#shop {
  color: #000;
  background: #fff;
  border-top: 1px solid #ffb500;
}
#shop .intro {
  /*font-family: "FuturaStdMedium", sans-serif;*/
  font-family: Tahoma, sans-serif;
  position: relative;
  height: 120px;
  width: 560px;
  padding: 0 290px 0 0;
  background: url(../img/intro-delim.png) repeat-x left bottom;
  margin: 0 0 40px;
}
#shop .intro .guide {
  display: block;
  position: absolute;
  right: 80px;
  top: 40px;
  background: url(../img/sprite-hover.png) no-repeat 0 -186px;
  text-indent: -9999px;
  width: 196px;
  height: 58px;
}
#shop .intro .guide:hover {
  background: url(../img/sprite-hover.png) no-repeat 0 -118px;
}
#shop .intro h5 {
  font-size: 34px;
  padding: 10px 0 5px;
}
#shop .intro p {
  font-size: 14px;
  line-height: 20px;
}
#shop .shop_all {
  width: 850px;
  height: 41px;
  text-indent: -9999px;
  display: block;
  background: url(../img/sprite-hover.png) no-repeat 0 -1506px;
  margin: 30px 0;
}
#shop .shop_all:hover {
  background: url(../img/sprite-hover.png) no-repeat 0 -1557px;
}
#shop .group {
  float: left;
}
#shop .group .head {
  text-align: center;
  font-size: 14px;
  margin: 0 0 10px;
  /*font-family: "FuturaStdMedium", sans-serif;*/
  font-family: Tahoma, sans-serif;
}
#shop .group .head .label {
  display: block;
  margin: 0 auto 5px;
  height: 26px;
  text-indent: -9999px;
}
#shop .group .figure {
  display: block;
  margin: 0 0 10px;
}
#shop .group .product {
  float: left;
  text-align: center;
}
#shop .group .product.alt {
  padding: 0px !important;
}
#shop .group .product .info {
  display: block;
  font-size: 10px;
}
#shop .group .product .info strong {
  font-size: 14px;
}
#shop .group .product .buy, #shop .group .product .demo {
  display: block;
  width: 74px;
  height: 17px;
  text-align: left;
  text-indent: -9999px;
  margin: 0 auto;
}
#shop .group .product .buy {
  background: url(../img/sprite-hover.png) no-repeat 0 -91px;
  margin: 10px auto;
}
#shop .group .product .buy:hover {
  background: url(../img/sprite-hover.png) no-repeat 0 -64px;
}
#shop .group .product .demo {
  background: url(../img/sprite-hover.png) no-repeat 0 -1976px;
}
#shop .group .product .demo:hover {
  background: url(../img/sprite-hover.png) no-repeat 0 -1949px;
}
#shop .group.deskside, #shop .group.pro {
  padding: 0 2px 0 0;
  background: url(../img/group-divider.png) repeat-y right top;
}
#shop .group.deskside {
  width: 265px;
}
#shop .group.deskside .head .label {
  background: url(../img/label-deskside.png) no-repeat center top;
}
#shop .group.deskside .product {
  padding: 0 60px 0 10px;
}
#shop .group.pro {
  width: 294px;
}
#shop .group.pro .head .label {
  background: url(../img/label-pro.png) no-repeat center top;
}
#shop .group.pro .product {
  padding: 0 50px;
}
#shop .group.commercial {
  width: 307px;
}
#shop .group.commercial .head .label {
  background: url(../img/label-commercial.png) no-repeat center top;
}
#shop .group.commercial .product {
  padding: 0 70px 0 50px;
}