.outerratio {
  width:100%;
  padding-bottom:145%;
  position: relative;
}
.innerratio {
  position: absolute;
  width:100%;
  height: 100%;
}

.selector {
  display:none;
}
.selector.t6 {
  display: block;
}
.selector.digitalt {
  position: relative;
  overflow: hidden;
  background: #CAD9DE;
}
.selector.digitalt .formatname {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
}
.selector.digitalt img {
  width:100%;
  display: none;
}
.selector.digitalt .inner {
  position: absolute;
  top:0;
  transition:top ease 1000ms;
  width: 100%;
}



.selector.fixed {
  background:top center no-repeat;
  background-size: 100% auto;
}

.selector .outline,
.selector .ghost {
  position: absolute;
  background: #CF2C2D;
  left:0;
  bottom: 0;
  cursor: pointer;
  color:#fff;
  padding:5px;
  font-size:12px;
  display:none;
}
.selector .outline {
  opacity: 0.4;
  transition: right 200ms, top 200ms;
  z-index: 100;
}
.selector .ghost {
  opacity: 0.7;
  z-index: 50;
}
.selector .row:after {
  content: "";
  display: table;
  clear: both;
}

.selector .row {
  height:11.28%;
  margin-top:2%;
}
.selector.double .row {
  height:5.64%;
  margin-top:2%;
}
.selector .row:first-child {
  margin-top:0;
}

.selector .row .box {
  background: #ccc;
  margin-left:2%;
  height:100%;
  float:left;
  position: relative;
  text-align: right;
}
.selector.t5 .row .box {
  width:18.4%;
}
.selector.t5x2 .row .box {
  width:8.2%;
}
.selector.t6 .row .box {
  width:15%;
}
.selector.t7 .row .box,
.selector.t7mm .row .box {
  width:12.57%;
}
/*.selector.t7mm .row {
  height:100%;
}
*/

.selector.t5 .f22 .C {
  height:70%;
  top:30%;
}

.selector.mag .row {
  height:100%;
}
.selector.mag .row .box {
  width:100%;
}

.selector .row .box:first-child,
.selector.mag .row .box {
  margin-left:0;
}
.selector .row .box > div {
  left:0;
  height:50%;
  width: 100%;
  position: absolute;
}
.selector .row .box .A div,
.selector .row .box .B div {
  display: inline-block;
  font-size:20px;
  font-weight: bold;
  padding-right: 5px;
  border-top:solid 2px #000;
  border-right:solid 2px #000;
}
.selector .row .box.full .A {
  height:100%;
}
.selector .row .box .B {
  top:50%;
  background: #666;
}
.selector .row .box.full.selectB .A {
/*  height:50%;
*/}
.selector .row .box.full.selectB .B {
  display: none;
}
.selector .row .box.disabled,
.selector .row .box .disabled {
  display: none;
}

.selector .pagedivider {
  top:0;
  left:49.7%;
  height: 55%;
  position: absolute;
  width: 0.6%;
  background:#aaa;
}

.selector.mag .row .box {
  background: transparent;
}
.selector.mag .box .A {
  background:center top no-repeat;
  background-size: 100% auto;
}
.selector.mag .box.fbilar .A {
  background-image:url("/gfx/magasin/Alltombilar.jpg");
}
.selector.mag .box.fresor .A {
  background-image:url("/gfx/magasin/Alltomresor.jpg");
}
.selector.mag .box.fhalso .A {
  background-image:url("/gfx/magasin/Halsoliv.jpg");
}
.selector.mag .box.fleva .A {
  background-image:url("/gfx/magasin/Levabo.jpg");
}
.selector.mag .box.fkok .A {
  background-image:url("/gfx/magasin/Mittkok.jpg");
}

@media(max-width: 700px) {
  .selector .row .box .A div, .selector .row .box .B div {
    font-size: 14px;
  }

  .selector .outline {
    display:none !important;
  }
}

@media(max-width: 430px) {
  .selector .row .box .A div, .selector .row .box .B div {
    font-size: 10px;
  }
}