/*------------------------------------------------------------------------------------
sub navigation styles
------------------------------------------------------------------------------------*/
#subnavbottomcontainer {
  text-align: center;
  position: relative;
}
#subnavbottom {
  margin: 0 auto;
  line-height: normal;
}
#subnavbottom ul {
  margin: 0;
  list-style-type: none;
  display: inline-block;
}
#subnavbottom ul li { float: left; }
#subnavbottom ul li a { 
  background-image: url("https://images.blackmagicdesign.com/css/images/prefooter/subnavbot.png?v=3");
  background-size: 296px 53px;
  width: 27px;
  height: 26px;
  display: block;
  text-indent: -999em;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min-resolution: 2dppx),
only screen and ( min-resolution: 192dpi) {
  #subnavbottom ul li a { background-image: url("https://images.blackmagicdesign.com/css/images/prefooter/subnavbot@2x.png?v=3"); }
}
#subnavbottom li:nth-child(1) a { background-position: 0 0; }
#subnavbottom li:nth-child(2) a { background-position: -27px 0; }
#subnavbottom li:nth-child(3) a { background-position: -54px 0; }
#subnavbottom li:nth-child(4) a { background-position: -81px 0; }
#subnavbottom li:nth-child(5) a { background-position: -108px 0; }
#subnavbottom li:nth-child(6) a { background-position: -135px 0; }
#subnavbottom li:nth-child(7) a { background-position: -162px 0; }
#subnavbottom li:nth-child(8) a { background-position: -189px 0; }
#subnavbottom li:nth-child(9) a { background-position: -216px 0; }
#subnavbottom li:nth-child(10) a { background-position: -243px 0; }
#subnavbottom li:last-child a {
  background-position: -270px 0;
  width: 26px;
}
#subnavbottom li:nth-child(1) a.inactive { background-position: 0 -27px; }
#subnavbottom li:nth-child(2) a.selected { background-position: -27px -27px; }
#subnavbottom li:nth-child(3) a.selected { background-position: -54px -27px; }
#subnavbottom li:nth-child(4) a.selected { background-position: -81px -27px; }
#subnavbottom li:nth-child(5) a.selected { background-position: -108px -27px; }
#subnavbottom li:nth-child(6) a.selected { background-position: -135px -27px; }
#subnavbottom li:nth-child(7) a.selected { background-position: -162px -27px; }
#subnavbottom li:nth-child(8) a.selected { background-position: -189px -27px; }
#subnavbottom li:nth-child(9) a.selected { background-position: -216px -27px; }
#subnavbottom li:nth-child(10) a.selected { background-position: -243px -27px; }
#subnavbottom li:last-child a.inactive {
  background-position: -270px -27px;
  width: 26px;
}
#subnavbottom p {
  font-size: 11px;
  color: #C65D00;
  margin-top: 10px;
}

/*------------------------------------------------------------------------------------
matrix styles
------------------------------------------------------------------------------------*/
#matrix {
  width: 940px;
  margin: 0 auto;
  color: #fff;
  line-height: 16px;
  position: relative;
}
#matrix #matrixtop {
  background-image: url("https://images.blackmagicdesign.com/css/images/prefooter/matrixtop.png?v=3");
  background-size: 940px 11px;
  background-repeat: no-repeat;
  height: 11px;
}
#matrix #matrixbottom {
  background-image: url("https://images.blackmagicdesign.com/css/images/prefooter/matrixbottom.png?v=3");
  background-size: 940px 15px;
  background-repeat: no-repeat;
  height: 15px;
}
#matrix a.matrixdownload {
  display: block;
  text-indent: -999em;
  background-image: url("https://images.blackmagicdesign.com/css/images/prefooter/matrixdownload.png?v=3");
  background-size: 107px 25px;
  background-repeat: no-repeat;
  width: 107px;
  height: 25px;
}
#matrix a.matrixfindreseller {
/*  display: block;
  text-indent: -999em;
  background-image: url("https://images.blackmagicdesign.com/css/images/prefooter/matrixfindreseller.png?v=3");
  background-size: 107px 25px;
  background-repeat: no-repeat;
  width: 107px;
  height: 25px;*/
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min-resolution: 2dppx),
only screen and ( min-resolution: 192dpi) {
  #matrix a.matrixdownload { background-image: url("https://images.blackmagicdesign.com/css/images/prefooter/matrixdownload@2x.png?v=3"); }
  /*#matrix a.matrixfindreseller { background-image: url("https://images.blackmagicdesign.com/css/images/prefooter/matrixfindreseller@2x.png?v=3"); }*/
}
#matrix #matrixproducts table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-left: 15px;
  width: 910px;
  font-size: 11px;
}
#matrix #matrixproducts table td {
  vertical-align: middle;
  text-align: left;
  border-bottom: solid 1px #606060;
  padding: 2px 0;
  height: 29px;
}
#matrix #matrixproducts table td.producttitle {
  color: #f0a11e;
  padding: 0 15px;
  white-space: nowrap;
  width: 10%;
}
#matrix #matrixproducts table td.productprice {
  text-align: right;
  padding-right: 5px;
  padding-left: 5px;
  white-space: nowrap;
}
#matrix #matrixproducts table td.productaction {
  width: 107px;
  padding: 0 13px;
  text-align: right;
  color: #f69a00;
}
#matrix #matrixproducts table td.productaction a {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 22px;
  line-height: 20px;
  float: right;
}
#matrix #matrixproducts table td.productaction a:hover {
  text-decoration: none;
}
#matrix #matrixproducts table td.productstatus {
  width: 133px;
  color: #f0a11e;
  text-align: center;
}
#matrix #matrixtitlebar {
  width: 100%;
  height: 37px;
  position: relative;
  background-image: url('https://images.blackmagicdesign.com/css/images/prefooter/matrixtitlebar.png?v=3');
  background-size: 940px 37px;
}
#matrix #matrixtitle {
  width: 320px;
  height: 37px;
  position: absolute;
  background-image: url('https://images.blackmagicdesign.com/css/images/prefooter/matrixtitles-en.png?v=3');
  background-size: 320px 814px;
  left: 20px;
  text-indent: -999em;
  background-repeat: no-repeat;
}

.chinese #matrix #matrixtitle { background-image: url('https://images.blackmagicdesign.com/css/images/prefooter/matrixtitles-cn.png?v=3'); }
.french #matrix #matrixtitle { background-image: url('https://images.blackmagicdesign.com/css/images/prefooter/matrixtitles-fr.png?v=3'); }
.german #matrix #matrixtitle { background-image: url('https://images.blackmagicdesign.com/css/images/prefooter/matrixtitles-de.png?v=3'); }
.japanese #matrix #matrixtitle { background-image: url('https://images.blackmagicdesign.com/css/images/prefooter/matrixtitles-jp.png?v=3'); }
.spanish #matrix #matrixtitle { background-image: url('https://images.blackmagicdesign.com/css/images/prefooter/matrixtitles-es.png?v=3'); }

#matrix.atem #matrixtitle { background-position: 0 0; }
#matrix.atemtelevisionstudio #matrixtitle { background-position: 0 0; }
#matrix.davinciresolve #matrixtitle { background-position: 0 -37px; }
#matrix.davincirevival #matrixtitle { background-position: 0 -74px; }
#matrix.decklink #matrixtitle { background-position: 0 -111px; }
#matrix.decklinkquad #matrixtitle { background-position: 0 -111px; }
#matrix.dviextender #matrixtitle { background-position: 0 -148px; }
#matrix.h264prorecorder #matrixtitle { background-position: 0 -185px; }
#matrix.hdlink #matrixtitle { background-position: 0 -222px; }
#matrix.hyperdeckshuttle #matrixtitle { background-position: 0 -259px; }
#matrix.hyperdeckstudio #matrixtitle { background-position: 0 -259px; }
#matrix.intensity #matrixtitle { background-position: 0 -296px; }
#matrix.miniconverters #matrixtitle { background-position: 0 -333px; }
#matrix.multibridge #matrixtitle { background-position: 0 -370px; }
#matrix.opengearconverters #matrixtitle { background-position: 0 -407px; }
#matrix.smartview #matrixtitle { background-position: 0 -444px; }
#matrix.ultrascope #matrixtitle { background-position: 0 -481px; }
#matrix.ultrastudiopro #matrixtitle { background-position: 0 -518px; }
#matrix.ultrastudiosdi #matrixtitle { background-position: 0 -518px; }
#matrix.ultrastudio3d #matrixtitle { background-position: 0 -518px; }
#matrix.videohub #matrixtitle { background-position: 0 -555px; }
#matrix.universalvideohub #matrixtitle { background-position: 0 -592px; }
#matrix.videorecorder #matrixtitle { background-position: 0 -629px; }
#matrix.batteryconverters #matrixtitle { background-position: 0 -666px; }
#matrix.blackmagiccinemacamera #matrixtitle { background-position: 0 -703px; }
#matrix.miniconverterheavyduty #matrixtitle { background-position: 0 -740px; }
#matrix.teranex #matrixtitle { background-position: 0 -777px; }
#matrix.ultrastudio4k #matrixtitle { background-position: 0 -518px; }
#matrix.ultrastudio #matrixtitle { background-position: 0 -518px; }
#matrix.decklink4kextreme #matrixtitle { background-position: 0 -111px; }

#matrix #matrixproducts {
  background-image: url('https://images.blackmagicdesign.com/css/images/prefooter/matrixtile.png?v=3');
  background-size: 940px 15px;
  background-repeat: repeat-y;
}
#subnavbottomcontainer { 
  margin-top: -170px;
  margin-bottom: 30px;
}
#matrix {
  margin-bottom: 29px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min-resolution: 2dppx),
only screen and ( min-resolution: 192dpi) {
  #matrix #matrixtop { background-image: url("https://images.blackmagicdesign.com/css/images/prefooter/matrixtop@2x.png?v=3"); }
  #matrix #matrixbottom { background-image: url("https://images.blackmagicdesign.com/css/images/prefooter/matrixbottom@2x.png?v=3"); }
  #matrix #matrixproducts { background-image: url("https://images.blackmagicdesign.com/css/images/prefooter/matrixtile@2x.png?v=3"); }
  #matrix #matrixtitlebar { background-image: url("https://images.blackmagicdesign.com/css/images/prefooter/matrixtitlebar@2x.png?v=3"); }
  .english #matrix #matrixtitle { background-image: url("https://images.blackmagicdesign.com/css/images/prefooter/matrixtitles-en@2x.png?v=3"); }
  .chinese #matrix #matrixtitle { background-image: url('https://images.blackmagicdesign.com/css/images/prefooter/matrixtitles-cn@2x.png?v=3'); }
  .french #matrix #matrixtitle { background-image: url('https://images.blackmagicdesign.com/css/images/prefooter/matrixtitles-fr@2x.png?v=3'); }
  .german #matrix #matrixtitle { background-image: url('https://images.blackmagicdesign.com/css/images/prefooter/matrixtitles-de@2x.png?v=3'); }
  .japanese #matrix #matrixtitle { background-image: url('https://images.blackmagicdesign.com/css/images/prefooter/matrixtitles-jp@2x.png?v=3'); }
  .spanish #matrix #matrixtitle { background-image: url('https://images.blackmagicdesign.com/css/images/prefooter/matrixtitles-es@2x.png?v=3'); }
}

/*------------------------------------------------------------------------------------
------------------------------------------------------------------------------------*/

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */