#sb-container #sb-nav-previous {
  position: absolute;
  right: 50%;
  margin-right: 2px;
}

#sb-container #sb-nav-next {
  position: absolute;
  left: 50%;
  margin-left: 2px;
}

#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
  font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: #fff;
}

#sb-container {
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: left;
  visibility: hidden;
  display: none;
}

#sb-overlay {
  position: relative;
  height: 100%;
  width: 100%;
}

#sb-wrapper {
  position: absolute;
  visibility: hidden;
  width: 100px;
}

#sb-wrapper-inner {
  position: relative;
  border: 1px solid #303030;
  overflow: hidden;
  height: 100px;
}

#sb-body {
  position: relative;
  height: 100%;
}

#sb-body-inner {
  position: absolute;
  height: 100%;
  width: 100%;
}

#sb-player.html {
  height: 100%;
  overflow: auto;
}

#sb-body img {
  border: none;
}

#sb-loading {
  position: relative;
  height: 100%;
}

#sb-loading-inner {
  position: absolute;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  width: 100%;
  text-align: center;
}

#sb-loading-inner span {
  padding-left: 34px;
  display: inline-block;
}

#sb-body, #sb-loading {
  background-color: #060606;
}

#sb-title, #sb-info {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#sb-title, #sb-title-inner {
  height: 26px;
  line-height: 26px;
}

#sb-title-inner {
  font-size: 16px;
}

#sb-info, #sb-info-inner {
  height: 30px;
  line-height: 30px;
}

#sb-info-inner {
  font-size: 12px;
}

#sb-nav {
  float: right;
  height: 30px;
  padding: 2px 0;
  width: 45%;
}

#sb-nav a {
  display: block;
  float: right;
  height: 30px;
  width: 30px;
  margin-left: 3px;
  cursor: pointer;
  background-repeat: no-repeat;
}

#sb-counter {
  float: left;
  width: 45%;
}

#sb-counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}

#sb-counter a.sb-counter-current {
  text-decoration: underline;
}

div.sb-message {
  font-size: 12px;
  padding: 10px;
  text-align: center;
}

div.sb-message a:link, div.sb-message a:visited {
  color: #fff;
  text-decoration: underline;
}

.center {
  width: 1220px;
  margin-left: auto;
  margin-right: auto;
}

.dn {
  display: none;
}

.db, .mkiidetailfoot-logo, .mkiioptions-img > img {
  display: block;
}

.dib, .masthead-navitem, .masthead-navitem > a, .twocol-col, .field, .mkiidetail-image, .mkiidetail-text, .mkiidetailfoot-nav > li, .mkiidetailfoot-nav > li > a, .mkiioptions-option, .mkiioptions-option.logolight .logolight-color, .galleryintro-image img, .galleryintro-imagepaircontainer img {
  display: inline-block;
  vertical-align: top;
}

.billboard {
  min-width: 1220px;
  overflow: hidden;
  position: relative;
}

.imgreplace, .masthead-navitem > a, .mbxmkii-header, .mkii-detail .mkiibb-h3, .mkiipre-header, .mkiipre-heading, .aboutpage h3, .contactpage h3 {
  text-indent: 150%;
  white-space: nowrap;
  overflow: hidden;
}

.m0, .mp0 {
  margin: 0;
}

.p0, .mp0 {
  padding: 0;
}

.mt0 {
  margin-top: 0;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt40 {
  margin-top: 40px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb40 {
  margin-bottom: 40px;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.usn, .masthead, .mkiidetail-image, .mkiioptions-img > img, .mkiioptions-foot {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ush::-moz-selection, .billboard::-moz-selection, .mkiioptions-img > img::-moz-selection, .mkiioptions-foot::-moz-selection {
  background: none;
}

.ush::selection, .billboard::selection, .mkiioptions-img > img::selection, .mkiioptions-foot::selection {
  background: none;
}

.fff {
  color: #fff;
}

.smooth, .mkiidetail-text > h3 {
  -webkit-font-smoothing: antialiased;
}

.split {
  text-align: right;
}
.split > .left {
  float: left;
  text-align: left;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

::-moz-selection {
  background: #900;
  background: rgba(180, 0, 0, 0.5);
  color: #ccc;
}

::selection {
  background: #900;
  background: rgba(180, 0, 0, 0.5);
  color: #ccc;
}

body {
  background: #1a1a1a;
  color: #999;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
}

a {
  color: #bbb;
  text-decoration: none;
  transition: color 600ms;
}
a:hover {
  transition: color 200ms;
  color: #eee;
}
a.tdu {
  text-decoration: underline;
}
a.tdu:hover {
  text-decoration: none;
}
a.red {
  color: #c0202b;
}

p {
  line-height: 20px;
  margin: 0 0 10px;
}

ul, ol {
  margin: 0 0 10px;
  padding: 0;
}

ul {
  list-style-position: inside;
}
ul.outside {
  list-style-position: outside;
}

h1 {
  color: #fff;
  margin: 40px 0 20px;
}

h3 {
  color: #ccc;
  margin: 30px 0 10px;
}

.masthead {
  background: #181818;
  border-top: 2px solid #555;
  border-bottom: 1px solid #2c2c2c;
}
.masthead-inner {
  background: url(/assets/images/masthead_background.gif) no-repeat 55px 0;
  position: relative;
}
.masthead-logo {
  background: url(/assets/images/masthead_logo_2.png) no-repeat 50% 50%;
  margin: 27px 0 33px 165px;
  width: 170px;
}
.masthead-logo > a {
  display: block;
  height: 38px;
  text-indent: -9999px;
}
.masthead-nav {
  float: right;
  margin: 30px 40px 0 0;
  padding: 0;
}
.masthead-navitem {
  list-style: none;
  text-transform: uppercase;
}
.masthead-navitem > a {
  text-indent: 200%;
  background: url(/assets/images/sprites/masthead_nav.png) no-repeat 0 0;
  opacity: 0.6;
  padding: 10px 30px;
  transition: opacity 400ms;
  width: 128px;
}
.masthead-navitem > a:hover, .masthead-navitem.current > a {
  opacity: 1;
}
.masthead-navitem.nth-0 > a {
  background-position: 0 0px;
}
.masthead-navitem.nth-1 > a {
  background-position: 0 -40px;
}
.masthead-navitem.nth-2 > a {
  background-position: 0 -80px;
}
.masthead-navitem.nth-3 > a {
  background-position: 0 -120px;
}
.masthead-navitem.nth-4 > a {
  background-position: 0 -160px;
}
.masthead-navitem.nth-5 > a {
  background-position: 0 -200px;
}

.pagefoot {
  background: #222;
  border-top: 1px solid #1a1a1a;
  color: #5a5a5a;
  padding: 9px 0 10px;
  font-size: 11px;
  text-align: center;
}
.pagefoot a {
  color: #777;
  margin: 0 5px;
}
.pagefoot a:hover {
  color: #aaa;
}

.debug-width {
  width: 1075px;
  border: 1px solid #4affff;
  height: 12000px;
  position: absolute;
  top: -1px;
  left: 50%;
  margin-left: -537.5px;
  z-index: 1002;
  pointer-events: none;
}

.arr, .arr::after, .arr:after {
  background: url(/assets/images/sprites/arrows.png) no-repeat;
  display: inline-block;
  height: 30px;
  width: 30px;
}
.arr::after, .arr:after {
  content: "";
  background-position: -30px 0;
  opacity: 0;
  transition: opacity 600ms ease-out;
  position: relative;
  z-index: 10;
}
.arr:hover::after, .arr:hover:after, a:hover .arr::after, a:hover .arr:after, .a:hover .arr::after, .a:hover .arr:after {
  transition-duration: 200ms;
  opacity: 1;
}
.arr.left {
  background-position: 0 -30px;
}
.arr.left::after, .arr.left:after {
  background-position: -30px -30px;
}
.arr.up {
  background-position: 0 -60px;
}
.arr.up::after, .arr.up:after {
  background-position: -30px -60px;
}
.arr.down {
  background-position: 0 -90px;
}
.arr.down::after, .arr.down:after {
  background-position: -30px -90px;
}
.arr.gallery {
  background-position: 0 -120px;
}
.arr.gallery::after, .arr.gallery:after {
  background-position: -30px -120px;
}
.arr.x {
  background-position: 0 -150px;
}
.arr.x::after, .arr.x:after {
  background-position: -30px -150px;
}
.arr.power {
  background-position: 0 -180px;
}
.arr.power::after, .arr.power:after {
  background-position: -30px -180px;
}
.arr.red, .arr.red::after, .arr.red:after {
  background-image: url(/assets/images/sprites/arrows_red.png);
}
.arr.inline {
  margin: -20px 0 0;
  position: relative;
  top: 10px;
}
.arr.oal {
  margin-left: -5px;
  margin-right: 3px;
}
.arr.oar {
  margin-right: -5px;
  margin-left: 3px;
}

.arr.small, .arr.small::after, .arr.small:after {
  background-image: url(/assets/images/sprites/arrows_small.png);
  height: 21px;
  width: 21px;
}
.arr.small::after, .arr.small:after {
  background-position: -21px 0;
}
.arr.small.left {
  background-position: 0 -21px;
}
.arr.small.left::after, .arr.small.left:after {
  background-position: -21px -21px;
}
.arr.small.up {
  background-position: 0 -42px;
}
.arr.small.up::after, .arr.small.up:after {
  background-position: -21px -42px;
}
.arr.small.down {
  background-position: 0 -63px;
}
.arr.small.down::after, .arr.small.down:after {
  background-position: -21px -63px;
}
.arr.small.gallery {
  background-position: 0 -84px;
}
.arr.small.gallery::after, .arr.small.gallery:after {
  background-position: -21px -84px;
}
.arr.small.x {
  background-position: 0 -105px;
}
.arr.small.x::after, .arr.small.x:after {
  background-position: -21px -105px;
}
.arr.small.power {
  background-position: 0 -126px;
}
.arr.small.power::after, .arr.small.power:after {
  background-position: -21px -126px;
}
.arr.small.inline {
  margin: -10px 0 0;
  position: relative;
  top: 6px;
}
.arr.small.oal {
  margin-left: -4px;
  margin-right: 5px;
}
.arr.small.oar {
  margin-right: -4px;
  margin-left: 5px;
}

.twocol, .onecol {
  margin: 0 auto;
  width: 1000px;
}
.twocol-col {
  width: 480px;
}
.twocol-col:first-child {
  margin-right: 40px;
}

input, .input {
  transition: all 0.5s ease-out;
  background: #393939;
  border: 1px solid #000;
  color: #ccc;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 28px;
  padding: 0 5px;
  outline: none;
}
input[readonly], input[readonly]:focus, input.readonly, input.readonly:focus, .input[readonly], .input[readonly]:focus, .input.readonly, .input.readonly:focus {
  background: #222 !important;
  border-color: #393939 !important;
}
input:focus, .input:focus {
  transition: all 0.2s ease-out;
  color: #fff;
  background: #777;
}
input.ng-invalid, .input.ng-invalid {
  background: #6f3232;
}
input.ng-pristine.ng-invalid, .input.ng-pristine.ng-invalid {
  background: #393939;
  box-shadow: -6px 0 0 0 #6F3232 inset;
}
input.ng-pristine.ng-invalid:focus, .input.ng-pristine.ng-invalid:focus {
  transition: all 0.2s ease-out;
  color: #fff;
  background: #777;
}
input[type=checkbox].ng-invalid, input[type=checkbox].ng-pristine.ng-invalid, input[type=radio].ng-invalid, input[type=radio].ng-pristine.ng-invalid, .input[type=checkbox].ng-invalid, .input[type=checkbox].ng-pristine.ng-invalid, .input[type=radio].ng-invalid, .input[type=radio].ng-pristine.ng-invalid {
  background: auto;
  box-shadow: none;
}

button.btn {
  background: #ccc;
  border: 1px solid #393939;
  color: #393939;
  line-height: 28px;
  padding: 0 10px;
  transition: all 600ms ease-out;
}
button.btn:hover, button.btn:focus {
  background: #fff;
  color: #000;
  transition: all 200ms ease-out;
}
button.btn[disabled] {
  background: #333 !important;
  color: #666 !important;
  transition: all 200ms ease-out;
}

.field {
  margin-bottom: 10px;
  margin-right: 10px;
}
.field:last-child {
  margin-right: 0;
}
.field-label {
  font-size: 12px;
}

.countryfield {
  position: relative;
}
.countryfield select {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  background: #fff;
  height: 30px !important;
  width: 100%;
  position: absolute;
  top: 20px;
  z-index: 1;
}

.mkiisplash {
  background: #0e0e0e;
}

.mkiibb-text {
  position: absolute;
  left: 50%;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  z-index: 2;
}

.mkiibb-masthead-image {
  background: url(/assets/images/mbx_mkii/splash/section_masthead.jpg) no-repeat 50% 0;
  height: 785px;
  margin-left: -266px;
}

.mkiibb-intro-image {
  background: url(/assets/images/mbx_mkii/splash/section_intro.jpg) no-repeat 50% 0;
  height: 736px;
  margin-right: -414px;
}
.mkiibb-intro-text {
  top: 200px;
  margin-left: -535px;
  width: 274px;
}

.mkiibb-unibody-image {
  background: url(/assets/images/mbx_mkii/splash/section_unibody.jpg) no-repeat 50% 0;
  height: 759px;
  margin-left: -512px;
}
.mkiibb-unibody-text {
  top: 220px;
  margin-left: 176px;
  width: 362px;
}

.mkiibb-motherboard_tray-image {
  background: url(/assets/images/mbx_mkii/splash/section_motherboard_tray.jpg) #060606 no-repeat 50% 0;
  height: 781px;
  margin-right: -141px;
}
.mkiibb-motherboard_tray-text {
  top: 100px;
  margin-left: -535px;
  width: 350px;
}

.mkiibb-modular_front_structure-image {
  background: url(/assets/images/mbx_mkii/splash/section_modular_front_structure.jpg) no-repeat 50% 0;
  height: 900px;
  margin-left: -214px;
  position: relative;
  z-index: 1;
}
.mkiibb-modular_front_structure-text {
  top: 140px;
  margin-left: 168px;
  width: 361px;
}

.mkiibb-printed_circuit_boards-image {
  background: url(/assets/images/mbx_mkii/splash/section_printed_circuit_board.jpg) no-repeat 50% 100%;
  height: 866px;
  margin-right: -329px;
}
.mkiibb-printed_circuit_boards-text {
  top: 220px;
  margin-left: -535px;
  width: 350px;
}

.mkiibb-cable_management-image {
  background: url(/assets/images/mbx_mkii/splash/section_cable_management.jpg) no-repeat 50% 0;
  height: 575px;
  margin-left: -297px;
}
.mkiibb-cable_management-text {
  top: 80px;
  margin-left: 247px;
  width: 283px;
}

.mkiibb-side_panels-image {
  background: url(/assets/images/mbx_mkii/splash/section_side_panels.jpg) no-repeat 50% 0;
  height: 711px;
  margin-right: -368px;
}
.mkiibb-side_panels-text {
  top: 120px;
  margin-left: -535px;
  width: 294px;
}

.mkiibb-mount_plates-image {
  background: url(/assets/images/mbx_mkii/splash/section_mount_plates.jpg) no-repeat 50% 0;
  height: 650px;
  margin-left: -430px;
}
.mkiibb-mount_plates-text {
  top: 120px;
  margin-left: 205px;
  width: 330px;
}

.mkiibb-front_grill-image {
  background: url(/assets/images/mbx_mkii/splash/section_front_grill.jpg) no-repeat 50% 0;
  height: 725px;
  margin-right: -239px;
}
.mkiibb-front_grill-text {
  top: 160px;
  margin-left: -535px;
  width: 297px;
}

.mkiibb-add_on_options-image {
  background: url(/assets/images/mbx_mkii/splash/section_add_on_options.jpg) no-repeat 50% 0;
  height: 900px;
  margin-left: -268px;
}
.mkiibb-add_on_options-text {
  top: 200px;
  margin-left: 71px;
  width: 327px;
}

.mkiibb-add_on_development-image {
  background: url(/assets/images/mbx_mkii/splash/section_add_on_development.jpg) no-repeat 50% 0;
  height: 801px;
  margin-right: -234px;
}
.mkiibb-add_on_development-text {
  top: 180px;
  margin-left: -535px;
  width: 288px;
}

.mkiibb-masterpiece-image {
  background: url(/assets/images/mbx_mkii/splash/section_masterpiece.jpg) no-repeat 50% 0;
  height: 876px;
  margin-left: -310px;
}
.mkiibb-masterpiece-text {
  top: 240px;
  margin-left: 251px;
  width: 284px;
}

.mkiibb-finale-image {
  background: url(/assets/images/mbx_mkii/splash/section_finale.jpg) no-repeat 50% 0;
  height: 950px;
  margin-right: -98px;
}
.mkiibb-finale > a {
  display: block;
  position: absolute;
  top: 320px;
  left: 50%;
  margin-left: -500px;
  width: 370px;
  height: 160px;
}
.mkiibb-finale > a > .arr {
  position: absolute;
  top: 70px;
  right: 0;
}

.mbxmkii-header {
  background: url(/assets/images/mbx_mkii/splash/headers_sprite.png) no-repeat;
  height: 75px;
  margin: 0;
}
.mbxmkii-header.tccr {
  background-position: 0 0px;
}
.mbxmkii-header.au {
  background-position: 0 -80px;
}
.mbxmkii-header.mt {
  background-position: 0 -160px;
}
.mbxmkii-header.dsa {
  background-position: 0 -240px;
}
.mbxmkii-header.pcb {
  background-position: 0 -320px;
}
.mbxmkii-header.cm {
  background-position: 0 -400px;
}
.mbxmkii-header.sp {
  background-position: 0 -480px;
}
.mbxmkii-header.mp {
  background-position: 0 -560px;
}
.mbxmkii-header.sfg {
  background-position: 0 -640px;
}
.mbxmkii-header.aoo {
  background-position: 0 -720px;
}
.mbxmkii-header.aod {
  background-position: 0 -800px;
}
.mbxmkii-header.pcm {
  background-position: 0 -880px;
}

.mkiidetailhead-outer {
  background: #141414;
  position: relative;
}
.mkiidetailhead {
  background: url(/assets/images/mbx_mkii/detail/logo.png) no-repeat 285px 50%;
}
.mkiidetailhead-a {
  position: absolute;
  top: 40px;
  left: 230px;
  padding: 35px 0;
  width: 330px;
  z-index: 1;
}
.mkiidetailhead-sprite {
  background: url(/assets/images/sprites/mbx_mkii_details_headings.png) no-repeat 60px 0;
  border-left: 1px solid #ccc;
  height: 60px;
  margin: 60px 0 60px 629px;
}
.mkiidetailhead-sprite.unibody {
  background-position: 60px 0px;
}
.mkiidetailhead-sprite.motherboard_tray {
  background-position: 60px -60px;
}
.mkiidetailhead-sprite.modular_front_structure {
  background-position: 60px -120px;
}
.mkiidetailhead-sprite.printed_circuit_boards {
  background-position: 60px -180px;
}
.mkiidetailhead-sprite.cable_management {
  background-position: 60px -240px;
}
.mkiidetailhead-sprite.side_panels {
  background-position: 60px -300px;
}
.mkiidetailhead-sprite.mount_plates {
  background-position: 60px -360px;
}
.mkiidetailhead-sprite.front_grill {
  background-position: 60px -420px;
}
.mkiidetailhead-sprite.add_on_options {
  background-position: 60px -480px;
}
.mkiidetailhead-sprite.add_on_development {
  background-position: 60px -540px;
}

.mkii-detail .mkiibb-text {
  color: #b4b4b4;
}

.mkii-detail .mkiibb-h3 {
  background-repeat: no-repeat;
  height: 56px;
  margin: 0;
  min-width: 400px;
}

.add_on_options-detail .mkiibb-h3 {
  background-image: url("/assets/images/sprites/headings_add_on_options.png");
}

.add_on_options-1-billboard {
  background: #060606;
}

.add_on_options-1-image {
  margin-right: -351px;
  background: url("/assets/images/mbx_mkii/details/add_on_options/background_1.jpg") no-repeat 50% 0;
  height: 700px;
}

.add_on_options-1-text {
  top: 160px;
  margin-left: -520px;
  width: 402px;
}
.add_on_options-1-text > h3 {
  background-position: 0 0px;
}

.add_on_options-2-billboard {
  background: #060606;
}

.add_on_options-2-image {
  margin-left: -290px;
  background: url("/assets/images/mbx_mkii/details/add_on_options/background_2.jpg") no-repeat 50% 0;
  height: 700px;
}

.add_on_options-2-text {
  top: 160px;
  margin-left: 45px;
  width: 478px;
}
.add_on_options-2-text > h3 {
  background-position: 0 -60px;
}

.add_on_options-3-billboard {
  background: #060606;
}

.add_on_options-3-image {
  margin-right: -283px;
  background: url("/assets/images/mbx_mkii/details/add_on_options/background_3.jpg") no-repeat 50% 0;
  height: 700px;
}

.add_on_options-3-text {
  top: 240px;
  margin-left: -520px;
  width: 421px;
}
.add_on_options-3-text > h3 {
  background-position: 0 -120px;
}

.add_on_options-4-billboard {
  background: #000;
}

.add_on_options-4-image {
  margin-left: -491px;
  background: url("/assets/images/mbx_mkii/details/add_on_options/background_4.jpg") no-repeat 50% 0;
  height: 700px;
}

.add_on_options-4-text {
  top: 200px;
  margin-left: 41px;
  width: 483px;
}
.add_on_options-4-text > h3 {
  background-position: 0 -180px;
}

.add_on_options-5-billboard {
  background: #0c0c0c;
}

.add_on_options-5-image {
  margin-right: -277px;
  background: url("/assets/images/mbx_mkii/details/add_on_options/background_5.jpg") no-repeat 50% 0;
  height: 700px;
}

.add_on_options-5-text {
  top: 240px;
  margin-left: -520px;
  width: 344px;
}
.add_on_options-5-text > h3 {
  background-position: 0 -240px;
}

.add_on_options-6-billboard {
  background: #060606;
}

.add_on_options-6-image {
  margin-left: -398px;
  background: url("/assets/images/mbx_mkii/details/add_on_options/background_6.jpg") no-repeat 50% 0;
  height: 700px;
}

.add_on_options-6-text {
  top: 120px;
  margin-left: 147px;
  width: 377px;
}
.add_on_options-6-text > h3 {
  background-position: 0 -300px;
}

.add_on_options-7-billboard {
  background: #060606;
}

.add_on_options-7-image {
  margin-right: -319px;
  background: url("/assets/images/mbx_mkii/details/add_on_options/background_7.jpg") no-repeat 50% 0;
  height: 700px;
}

.add_on_options-7-text {
  top: 140px;
  margin-left: -520px;
  width: 384px;
}
.add_on_options-7-text > h3 {
  background-position: 0 -360px;
}

.add_on_options-8-billboard {
  background: #0c0c0c;
}

.add_on_options-8-image {
  margin-right: -257px;
  background: url("/assets/images/mbx_mkii/details/add_on_options/background_8.jpg") no-repeat 50% 0;
  height: 700px;
}

.add_on_options-8-text {
  top: 160px;
  margin-left: -520px;
  width: 365px;
}
.add_on_options-8-text > h3 {
  background-position: 0 -420px;
}

.add_on_options-9-billboard {
  background: #040404;
}

.add_on_options-9-image {
  margin-left: -175px;
  background: url("/assets/images/mbx_mkii/details/add_on_options/background_9.jpg") no-repeat 50% 0;
  height: 700px;
}

.add_on_options-9-text {
  top: 80px;
  margin-left: 103px;
  width: 436px;
}
.add_on_options-9-text > h3 {
  background-position: 0 -480px;
}

.add_on_options-10-billboard {
  background: #0c0c0c;
}

.add_on_options-10-image {
  margin-right: -237px;
  background: url("/assets/images/mbx_mkii/details/add_on_options/background_10.jpg") no-repeat 50% 0;
  height: 700px;
}

.add_on_options-10-text {
  top: 160px;
  margin-left: -520px;
  width: 339px;
}
.add_on_options-10-text > h3 {
  background-position: 0 -540px;
}

.add_on_options-11-billboard {
  background: #060606;
}

.add_on_options-11-image {
  margin-left: -385px;
  background: url("/assets/images/mbx_mkii/details/add_on_options/background_11.jpg") no-repeat 50% 0;
  height: 700px;
}

.add_on_options-11-text {
  top: 160px;
  margin-left: 152px;
  width: 367px;
}
.add_on_options-11-text > h3 {
  background-position: 0 -600px;
}

.add_on_options-12-billboard {
  background: #0c0c0c;
}

.add_on_options-12-image {
  margin-right: -278px;
  background: url("/assets/images/mbx_mkii/details/add_on_options/background_12.jpg") no-repeat 50% 0;
  height: 700px;
}

.add_on_options-12-text {
  top: 180px;
  margin-left: -520px;
  width: 339px;
}
.add_on_options-12-text > h3 {
  background-position: 0 -660px;
}

.add_on_options-13-billboard {
  background: #0c0c0c;
}

.add_on_options-13-image {
  margin-left: -305px;
  background: url("/assets/images/mbx_mkii/details/add_on_options/background_13.jpg") no-repeat 50% 0;
  height: 700px;
}

.add_on_options-13-text {
  top: 160px;
  margin-left: 72px;
  width: 447px;
}
.add_on_options-13-text > h3 {
  background-position: 0 -720px;
}

.add_on_options-14-billboard {
  background: #060606;
}

.add_on_options-14-image {
  margin-right: -47px;
  background: url("/assets/images/mbx_mkii/details/add_on_options/background_14.jpg") no-repeat 50% 0;
  height: 700px;
}

.add_on_options-14-text {
  top: 160px;
  margin-left: -520px;
  width: 428px;
}
.add_on_options-14-text > h3 {
  background-position: 0 -780px;
}

.add_on_options-15-billboard {
  background: #121212;
}

.add_on_options-15-image {
  margin-left: -144px;
  background: url("/assets/images/mbx_mkii/details/add_on_options/background_15.jpg") no-repeat 50% 0;
  height: 700px;
}

.add_on_options-15-text {
  top: 280px;
  margin-left: 167px;
  width: 354px;
}
.add_on_options-15-text > h3 {
  background-position: 0 -840px;
}

.add_on_development-detail .mkiibb-h3 {
  background-image: url("/assets/images/sprites/headings_add_on_development.png");
}

.add_on_development-1-billboard {
  background: #0e0e0e;
}

.add_on_development-1-image {
  margin-right: -209px;
  background: url("/assets/images/mbx_mkii/details/add_on_development/background_1.jpg") no-repeat 50% 0;
  height: 700px;
}

.add_on_development-1-text {
  top: 220px;
  margin-left: -520px;
  width: 330px;
}
.add_on_development-1-text > h3 {
  background-position: 0 0px;
}

.add_on_development-2-billboard {
  background: #000;
}

.add_on_development-2-image {
  margin-left: -246px;
  background: url("/assets/images/mbx_mkii/details/add_on_development/background_2.jpg") no-repeat 50% 0;
  height: 700px;
}

.add_on_development-2-text {
  top: 240px;
  margin-left: 130px;
  width: 384px;
}
.add_on_development-2-text > h3 {
  background-position: 0 -60px;
}

.add_on_development-3-billboard {
  background: #0e0e0e;
}

.add_on_development-3-image {
  margin-right: -137px;
  background: url("/assets/images/mbx_mkii/details/add_on_development/background_3.jpg") no-repeat 50% 0;
  height: 750px;
}

.add_on_development-3-text {
  top: 220px;
  margin-left: -520px;
  width: 384px;
}
.add_on_development-3-text > h3 {
  background-position: 0 -120px;
}

.cable_management-detail .mkiibb-h3 {
  background-image: url("/assets/images/sprites/headings_cable_management.png");
}

.cable_management-1-billboard {
  background: #141414;
}

.cable_management-1-image {
  margin-left: -19px;
  background: url("/assets/images/mbx_mkii/details/cable_management/background_1.jpg") no-repeat 50% 0;
  height: 700px;
}

.cable_management-1-text {
  top: 80px;
  margin-left: -500px;
  width: 379px;
}
.cable_management-1-text > h3 {
  background-position: 0 0px;
}

.cable_management-2-billboard {
  background: #080808;
}

.cable_management-2-image {
  margin-left: -166px;
  background: url("/assets/images/mbx_mkii/details/cable_management/background_2.jpg") no-repeat 50% 0;
  height: 700px;
}

.cable_management-2-text {
  top: 140px;
  margin-left: 128px;
  width: 392px;
}
.cable_management-2-text > h3 {
  background-position: 0 -60px;
}

.cable_management-3-billboard {
  background: #1a1a1a;
}

.cable_management-3-image {
  margin-right: -273px;
  background: url("/assets/images/mbx_mkii/details/cable_management/background_3.jpg") no-repeat 50% 0;
  height: 700px;
}

.cable_management-3-text {
  top: 80px;
  margin-left: -520px;
  width: 436px;
}
.cable_management-3-text > h3 {
  background-position: 0 -120px;
}

.cable_management-4-billboard {
  background: #1a1a1a;
}

.cable_management-4-image {
  margin-left: -10px;
  background: url("/assets/images/mbx_mkii/details/cable_management/background_4.jpg") no-repeat 50% 0;
  height: 700px;
}

.cable_management-4-text {
  top: 100px;
  margin-left: 145px;
  width: 380px;
}
.cable_management-4-text > h3 {
  background-position: 0 -180px;
}

.modular_front_structure-detail .mkiibb-h3 {
  background-image: url("/assets/images/sprites/headings_modular_front_structure.png");
}

.modular_front_structure-1-billboard {
  background: #0e0e0e;
}

.modular_front_structure-1-image {
  margin-right: -296px;
  background: url("/assets/images/mbx_mkii/details/modular_front_structure/background_1.jpg") no-repeat 50% 0;
  height: 700px;
}

.modular_front_structure-1-text {
  top: 160px;
  margin-left: -520px;
  width: 358px;
}
.modular_front_structure-1-text > h3 {
  background-position: 0 0px;
}

.modular_front_structure-2-billboard {
  background: #080808;
}

.modular_front_structure-2-image {
  margin-left: -313px;
  background: url("/assets/images/mbx_mkii/details/modular_front_structure/background_2.jpg") no-repeat 50% 0;
  height: 800px;
}

.modular_front_structure-2-text {
  top: 240px;
  margin-left: 85px;
  width: 441px;
}
.modular_front_structure-2-text > h3 {
  background-position: 0 -60px;
}

.modular_front_structure-3-billboard {
  background: #080808;
}

.modular_front_structure-3-image {
  margin-right: -286px;
  background: url("/assets/images/mbx_mkii/details/modular_front_structure/background_3.jpg") no-repeat 50% 0;
  height: 800px;
}

.modular_front_structure-3-text {
  top: 240px;
  margin-left: -520px;
  width: 429px;
}
.modular_front_structure-3-text > h3 {
  background-position: 0 -120px;
}

.modular_front_structure-4-billboard {
  background: #080808;
}

.modular_front_structure-4-image {
  margin-left: -327px;
  background: url("/assets/images/mbx_mkii/details/modular_front_structure/background_4.jpg") no-repeat 50% 0;
  height: 700px;
}

.modular_front_structure-4-text {
  top: 180px;
  margin-left: 95px;
  width: 425px;
}
.modular_front_structure-4-text > h3 {
  background-position: 0 -180px;
}

.modular_front_structure-5-billboard {
  background: #0e0e0e;
}

.modular_front_structure-5-image {
  margin-right: -287px;
  background: url("/assets/images/mbx_mkii/details/modular_front_structure/background_5.jpg") no-repeat 50% 0;
  height: 700px;
}

.modular_front_structure-5-text {
  top: 180px;
  margin-left: -520px;
  width: 420px;
}
.modular_front_structure-5-text > h3 {
  background-position: 0 -240px;
}

.modular_front_structure-6-billboard {
  background: #0e0e0e;
}

.modular_front_structure-6-image {
  margin-left: -449px;
  background: url("/assets/images/mbx_mkii/details/modular_front_structure/background_6.jpg") no-repeat 50% 0;
  height: 600px;
}

.modular_front_structure-6-text {
  top: 140px;
  margin-left: 188px;
  width: 340px;
}
.modular_front_structure-6-text > h3 {
  background-position: 0 -300px;
}

.motherboard_tray-detail .mkiibb-h3 {
  background-image: url("/assets/images/sprites/headings_motherboard_tray.png");
}

.motherboard_tray-1-billboard {
  background: #080808;
}

.motherboard_tray-1-image {
  margin-right: -218px;
  background: url("/assets/images/mbx_mkii/details/motherboard_tray/background_1.jpg") no-repeat 50% 0;
  height: 700px;
}

.motherboard_tray-1-text {
  top: 140px;
  margin-left: -520px;
  width: 375px;
}
.motherboard_tray-1-text > h3 {
  background-position: 0 0px;
}

.motherboard_tray-2-billboard {
  background: #080808;
}

.motherboard_tray-2-image {
  margin-left: -173px;
  background: url("/assets/images/mbx_mkii/details/motherboard_tray/background_2.jpg") no-repeat 50% 0;
  height: 700px;
}

.motherboard_tray-2-text {
  top: 120px;
  margin-left: 95px;
  width: 424px;
}
.motherboard_tray-2-text > h3 {
  background-position: 0 -60px;
}

.motherboard_tray-3-billboard {
  background: #060606;
}

.motherboard_tray-3-image {
  margin-right: -215px;
  background: url("/assets/images/mbx_mkii/details/motherboard_tray/background_3.jpg") no-repeat 50% 0;
  height: 600px;
}

.motherboard_tray-3-text {
  top: 140px;
  margin-left: -520px;
  width: 334px;
}
.motherboard_tray-3-text > h3 {
  background-position: 0 -120px;
}

.mount_plates-detail .mkiibb-h3 {
  background-image: url("/assets/images/sprites/headings_mount_plates.png");
}

.mount_plates-1-billboard {
  background: #080808;
}

.mount_plates-1-image {
  margin-left: -182px;
  background: url("/assets/images/mbx_mkii/details/mount_plates/background_1.jpg") no-repeat 50% 0;
  height: 700px;
}

.mount_plates-1-text {
  top: 140px;
  margin-left: 115px;
  width: 405px;
}
.mount_plates-1-text > h3 {
  background-position: 0 0px;
}

.mount_plates-2-billboard {
  background: #080808;
}

.mount_plates-2-image {
  margin-right: -364px;
  background: url("/assets/images/mbx_mkii/details/mount_plates/background_2.jpg") no-repeat 50% 0;
  height: 700px;
}

.mount_plates-2-text {
  top: 180px;
  margin-left: -425px;
  width: 455px;
}
.mount_plates-2-text > h3 {
  background-position: 0 -60px;
}

.mount_plates-3-billboard {
  background: #080808;
}

.mount_plates-3-image {
  margin-left: -304px;
  background: url("/assets/images/mbx_mkii/details/mount_plates/background_3.jpg") no-repeat 50% 0;
  height: 700px;
}

.mount_plates-3-text {
  top: 220px;
  margin-left: 65px;
  width: 454px;
}
.mount_plates-3-text > h3 {
  background-position: 0 -120px;
}

.mount_plates-4-billboard {
  background: #080808;
}

.mount_plates-4-image {
  margin-right: -287px;
  background: url("/assets/images/mbx_mkii/details/mount_plates/background_4.jpg") no-repeat 50% 0;
  height: 700px;
}

.mount_plates-4-text {
  top: 240px;
  margin-left: -520px;
  width: 353px;
}
.mount_plates-4-text > h3 {
  background-position: 0 -180px;
}

.printed_circuit_boards-detail .mkiibb-h3 {
  background-image: url("/assets/images/sprites/headings_printed_circuit_boards.png");
}

.printed_circuit_boards-1-billboard {
  background: #080808;
}

.printed_circuit_boards-1-image {
  margin-right: -237px;
  background: url("/assets/images/mbx_mkii/details/printed_circuit_boards/background_1.jpg") no-repeat 50% 0;
  height: 700px;
}

.printed_circuit_boards-1-text {
  top: 160px;
  margin-left: -520px;
  width: 397px;
}
.printed_circuit_boards-1-text > h3 {
  background-position: 0 0px;
}

.printed_circuit_boards-2-billboard {
  background: #080808;
}

.printed_circuit_boards-2-image {
  margin-left: -277px;
  background: url("/assets/images/mbx_mkii/details/printed_circuit_boards/background_2.jpg") no-repeat 50% 0;
  height: 700px;
}

.printed_circuit_boards-2-text {
  top: 200px;
  margin-left: 125px;
  width: 391px;
}
.printed_circuit_boards-2-text > h3 {
  background-position: 0 -60px;
}

.printed_circuit_boards-3-billboard {
  background: #080808;
}

.printed_circuit_boards-3-image {
  margin-right: -161px;
  background: url("/assets/images/mbx_mkii/details/printed_circuit_boards/background_3.jpg") no-repeat 50% 0;
  height: 700px;
}

.printed_circuit_boards-3-text {
  top: 180px;
  margin-left: -520px;
  width: 473px;
}
.printed_circuit_boards-3-text > h3 {
  background-position: 0 -120px;
}

.printed_circuit_boards-4-billboard {
  background: #080808;
}

.printed_circuit_boards-4-image {
  margin-left: -158px;
  background: url("/assets/images/mbx_mkii/details/printed_circuit_boards/background_4.jpg") no-repeat 50% 0;
  height: 700px;
}

.printed_circuit_boards-4-text {
  top: 160px;
  margin-left: 75px;
  width: 441px;
}
.printed_circuit_boards-4-text > h3 {
  background-position: 0 -180px;
}

.front_grill-detail .mkiibb-h3 {
  background-image: url("/assets/images/sprites/headings_front_grill.png");
}

.front_grill-1-billboard {
  background: #000000;
}

.front_grill-1-image {
  margin-right: -246px;
  background: url("/assets/images/mbx_mkii/details/front_grill/background_1.jpg") no-repeat 50% 0;
  height: 700px;
}

.front_grill-1-text {
  top: 220px;
  margin-left: -520px;
  width: 315px;
}
.front_grill-1-text > h3 {
  background-position: 0 0px;
}

.side_panels-detail .mkiibb-h3 {
  background-image: url("/assets/images/sprites/headings_side_panels.png");
}

.side_panels-1-billboard {
  background: #080808;
}

.side_panels-1-image {
  margin-right: -233px;
  background: url("/assets/images/mbx_mkii/details/side_panels/background_1.jpg") no-repeat 50% 0;
  height: 600px;
}

.side_panels-1-text {
  top: 140px;
  margin-left: -520px;
  width: 337px;
}
.side_panels-1-text > h3 {
  background-position: 0 0px;
}

.side_panels-2-billboard {
  background: #101010;
}

.side_panels-2-image {
  margin-left: -346px;
  background: url("/assets/images/mbx_mkii/details/side_panels/background_2.jpg") no-repeat 50% 0;
  height: 700px;
}

.side_panels-2-text {
  top: 180px;
  margin-left: 165px;
  width: 356px;
}
.side_panels-2-text > h3 {
  background-position: 0 -60px;
}

.side_panels-3-billboard {
  background: #101010;
}

.side_panels-3-image {
  margin-right: -374px;
  background: url("/assets/images/mbx_mkii/details/side_panels/background_3.jpg") no-repeat 50% 0;
  height: 700px;
}

.side_panels-3-text {
  top: 200px;
  margin-left: -520px;
  width: 362px;
}
.side_panels-3-text > h3 {
  background-position: 0 -120px;
}

.unibody-detail .mkiibb-h3 {
  background-image: url("/assets/images/sprites/headings_unibody.png");
}

.unibody-1-billboard {
  background: #0e0e0e;
}

.unibody-1-image {
  margin-right: -332px;
  background: url("/assets/images/mbx_mkii/details/unibody/background_1.jpg") no-repeat 50% 0;
  height: 700px;
}

.unibody-1-text {
  top: 140px;
  margin-left: -520px;
  width: 355px;
}
.unibody-1-text > h3 {
  background-position: 0 0px;
}

.unibody-2-billboard {
  background: #0e0e0e;
}

.unibody-2-image {
  margin-left: -253px;
  background: url("/assets/images/mbx_mkii/details/unibody/background_2.jpg") no-repeat 50% 0;
  height: 700px;
}

.unibody-2-text {
  top: 120px;
  margin-left: 120px;
  width: 403px;
}
.unibody-2-text > h3 {
  background-position: 0 -60px;
}

.unibody-3-billboard {
  background: #080808;
}

.unibody-3-image {
  margin-right: -254px;
  background: url("/assets/images/mbx_mkii/details/unibody/background_3.jpg") no-repeat 50% 0;
  height: 700px;
}

.unibody-3-text {
  top: 320px;
  margin-left: -520px;
  width: 403px;
}
.unibody-3-text > h3 {
  background-position: 0 -120px;
}

.unibody-4-billboard {
  background: #080808;
}

.unibody-4-image {
  margin-left: -326px;
  background: url("/assets/images/mbx_mkii/details/unibody/background_4.jpg") no-repeat 50% 0;
  height: 700px;
}

.unibody-4-text {
  top: 160px;
  margin-left: 140px;
  width: 382px;
}
.unibody-4-text > h3 {
  background-position: 0 -180px;
}

.unibody-5-billboard {
  background: #0e0e0e;
}

.unibody-5-image {
  margin-right: -326px;
  background: url("/assets/images/mbx_mkii/details/unibody/background_5.jpg") no-repeat 50% 0;
  height: 700px;
}

.unibody-5-text {
  top: 160px;
  margin-left: -520px;
  width: 466px;
}
.unibody-5-text > h3 {
  background-position: 0 -240px;
}

.unibody-6-billboard {
  background: #0e0e0e;
}

.unibody-6-image {
  margin-left: -274px;
  background: url("/assets/images/mbx_mkii/details/unibody/background_6.jpg") no-repeat 50% 0;
  height: 700px;
}

.unibody-6-text {
  top: 160px;
  margin-left: 165px;
  width: 355px;
}
.unibody-6-text > h3 {
  background-position: 0 -300px;
}

.unibody-7-billboard {
  background: #141414;
}

.unibody-7-image {
  margin-right: -3px;
  background: url("/assets/images/mbx_mkii/details/unibody/background_7.jpg") no-repeat 50% 0;
  height: 700px;
}

.unibody-7-text {
  top: 180px;
  margin-left: -520px;
  width: 393px;
}
.unibody-7-text > h3 {
  background-position: 0 -360px;
}

.cable_management-1-text {
  color: #ccc !important;
}

.panel-powered {
  margin: 0;
  opacity: 0;
  transition: opacity 450ms ease-out;
}
.is-on .panel-powered {
  opacity: 1;
}
.is-on.first-on .panel-powered {
  transition: opacity 850ms ease-out;
  opacity: 1;
}

.luminuous_panel_white-powered {
  background-image: url("/assets/images/mbx_mkii/details/add_on_options/panel_white_powered.jpg");
}

.luminuous_panel_black-powered {
  background-image: url("/assets/images/mbx_mkii/details/add_on_options/panel_black_powered.jpg");
}

.mkiidetailbanner {
  background: url(/assets/images/mbx_mkii/details/banner_background.gif) repeat-y 50% 0;
}
.mkiidetailbanner-image {
  background: #000 repeat-y 50% 0;
  border: 2px solid #000;
  box-shadow: 0 4px 30px #000 inset;
  height: 250px;
  margin: 1px 0;
}

.mkiidetail {
  width: 1000px;
  margin: 0 auto;
  padding: 40px 0;
}
.mkiidetail-image {
  background: #fff;
  box-shadow: 3px 3px 9px #000, 0 0 30px 5px #999 inset;
  margin-right: 50px;
  position: relative;
}
.mkiidetail-image .arr {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
}
.mkiidetail-image img {
  display: block;
  width: 425px;
  transition: opacity 600ms;
  opacity: 1;
}
.mkiidetail-image img:hover {
  transition: opacity 200ms;
  opacity: 0.9;
}
.mkiidetail-text {
  width: 525px;
}
.mkiidetail-text > h3 {
  color: #fff;
  font-size: 20px;
  margin: 10px 0 20px;
}
.mkiidetail-hr {
  background: url(/assets/images/mbx_mkii/details/divider_background.gif) repeat-y 50% 0;
  height: 2px;
}

.mkiidetailfoot-logo {
  background: url(/assets/images/mbx_mkii/detail/logo_le.png) no-repeat 100% 50%;
  height: 73px;
  margin: 50px auto 10px;
  padding: 21px 0 0;
  width: 330px;
}
.mkiidetailfoot-nav {
  margin: 0 auto 30px;
}
.mkiidetailfoot-nav > li {
  list-style: none;
  padding: 10px 4px;
}
.mkiidetailfoot-nav > li.pipe {
  color: #777;
}

.mkiipre {
  background: #0d0d0d;
  padding-top: 60px;
}

.mkiipre-header {
  background: url(/assets/images/mbx_mkii/preorder/header.png) no-repeat 50% 0;
  height: 40px;
  margin: 0;
  position: relative;
  z-index: 2;
}

.mkiipre-splash {
  background: url(/assets/images/mbx_mkii/preorder/splash.jpg) no-repeat 50% 0;
  height: 1050px;
  margin: -40px 0 -16px -23px;
}

.mkiipre-heading {
  background: url(/assets/images/sprites/mbx_mkii_preorder_headings.png) no-repeat 0 0;
  height: 60px;
  margin: 0;
}
.mkiipre-heading.fs {
  background-position: 0 0px;
}
.mkiipre-heading.mp {
  background-position: 0 -60px;
}
.mkiipre-heading.of {
  background-position: 0 -120px;
}
.mkiipre-heading.oaoo {
  background-position: 0 -180px;
}
.mkiipre-heading.os {
  background-position: 0 -240px;
}
.mkiipre-heading.ci {
  background-position: 0 -300px;
}
.mkiipre-heading.op {
  background-position: 0 -360px;
}
.mkiipre-heading.pd {
  background-position: 0 -420px;
}
.mkiipre-heading.q {
  background-position: 0 -480px;
}
.mkiipre-heading.contact {
  background-position: 0 -540px;
}

.mkiioptions {
  margin: 0 auto;
  width: 1000px;
}
.mkiioptions-option {
  background: #393939;
  box-shadow: 3px 3px 9px #000;
  margin: 0 40px 40px 0;
}
.mkiioptions-option.nth-2, .mkiioptions-option.nth-5, .mkiioptions-option.nth-8, .mkiioptions-option.nth-11, .mkiioptions-option.nth-14, .mkiioptions-option.nth-17, .mkiioptions-option.is-3rd {
  margin-right: 0;
}
.mkiioptions-option.disabled .mkiioptions-img img {
  opacity: 0.5 !important;
  cursor: default !important;
}
.mkiioptions-option.disabled .mkiioptions-foot {
  cursor: default !important;
}
.mkiioptions-img {
  position: relative;
  background: #000;
}
.mkiioptions-img > img {
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.5s ease-out;
  width: 300px;
  height: 199px;
}
.mkiioptions-img:hover > img, .selected .mkiioptions-img img {
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
.mkiioptions-img > .arr {
  position: absolute;
  top: 2px;
  right: 2px;
}
.mkiioptions-foot {
  -webkit-font-smoothing: antialiased;
  border-top: 1px solid #000;
  color: #ccc;
  cursor: pointer;
  font-weight: bold;
  font-size: 12px;
  text-align: right;
  transition: all 0.5s ease-out;
  padding: 5px 6px;
}
.selected .mkiioptions-foot {
  background: #ccc;
  color: #111;
  transition: all 0.2s ease-out;
}
.mkiioptions-field {
  float: left;
}
.mkiioptions-usd {
  font-size: 11px;
  font-weight: normal;
}

.mkiioptions-option.logolight {
  display: block;
  margin: 0 0 40px;
}
.mkiioptions-option.logolight .mkiioptions-img {
  height: 360px;
}
.mkiioptions-option.logolight .mkiioptions-img img {
  opacity: 0;
  transition: opacity 1ms ease-in;
  transition-delay: 300ms;
  cursor: default;
  height: 360px;
  width: 1000px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.mkiioptions-option.logolight .mkiioptions-img img.show {
  transition: opacity 300ms ease-out;
  opacity: 1;
  z-index: 2;
}
.mkiioptions-option.logolight .mkiioptions-foot {
  cursor: default;
}
.mkiioptions-option.logolight .logolight-color {
  transition: background 300ms ease-out;
  border-radius: 16px;
  height: 14px;
  margin: 3px 3px 0 3px;
  width: 14px;
}

.logolight .a {
  cursor: pointer;
}
.logolight .dropmenu {
  position: relative;
}
.dropmenu-show .logolight-menu {
  opacity: 1;
}
.logolight-menu {
  transition: opacity 250ms ease-out;
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: 30px;
  width: 120px;
  z-index: 5;
}
.logolight-menuitem {
  color: #666;
  margin-bottom: 5px;
}
.logolight-menuitem .logolight-color {
  margin-left: 6px !important;
  opacity: 0.22;
}
.logolight-menuitem:hover, .logolight-menuitem.selected {
  color: #fff;
}
.logolight-menuitem:hover .logolight-color, .logolight-menuitem.selected .logolight-color {
  opacity: 1;
}

.mkiicolors {
  transition: opacity 200ms ease-out;
}
.mkiicolors .mkiioptions-option {
  border-radius: 10px 0 0 0;
}

.mkiioptions-color {
  transition: box-shadow 300ms ease-out;
  border-radius: 10px 0 0 0;
  box-shadow: -320px 0 200px -50px rgba(0, 0, 0, 0.9) inset;
  height: 10px;
  width: 300px;
}
.selected .mkiioptions-color {
  box-shadow: -170px 0 200px -50px rgba(0, 0, 0, 0.6) inset;
}

.mkiipre-tally {
  border-bottom: 1px solid #999;
  margin-bottom: 9px;
}
.mkiipre-tally > li {
  padding: 0 5px 0 3px;
  clear: both;
}
.mkiipre-tally > li.odd {
  background: #222;
}
.mkiipre-tally-name {
  color: #ccc;
}
.mkiipre-tally-price {
  float: right;
}
.mkiipre-tally-number {
  color: #ccc;
  padding-right: 3px;
}
.mkiipre-tally-usd {
  font-size: 10px;
}

.mkiipre-tallytotal {
  color: #ccc;
  font-size: 16px;
  text-align: right;
  margin-bottom: 30px;
}
.mkiipre-tallytotal-total {
  margin-right: 5px;
  text-transform: uppercase;
  font-size: 12px;
}
.mkiipre-tallytotal-usd {
  color: #999;
  font-size: 12px;
  margin-right: 4px;
}

.mkiipre-total {
  -webkit-font-smoothing: antialiased;
  background: #333;
  border-top: 1px solid #555;
  box-shadow: -10px 0 10px #000;
  font-size: 18px;
  padding: 10px 0 12px;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 3000px;
  margin-left: -1500px;
  z-index: 20;
}
.mkiipre-total > .price {
  color: #fff;
}
.mkiipre-total > .usd {
  font-size: 12px;
  margin-right: 60px;
}
.mkiipre-total-continue {
  border: 1px solid #666;
  font-size: 16px;
  padding: 2px 6px;
}

.mkiipre-fields .field {
  width: 235px;
}
.mkiipre-fields .field input {
  display: block;
  width: 100%;
}
.mkiipre-fields .field.full {
  display: block;
  width: 100%;
}
.mkiipre-fields .field.full input {
  display: block;
  width: 100%;
}

.finito {
  background: #353535;
  border-radius: 4px;
  padding: 20px 0 15px;
  margin: 0 -20px 40px;
}

#gallery {
  height: 700px;
  min-width: 1020px;
  max-width: 1220px;
  margin: 20px auto;
}

.galleries .wrapper-banner-outer {
  background: url(/assets/images/galleries/banner_background.gif) repeat-y 50% 0;
  line-height: 0;
  padding: 2px 0;
  position: relative;
}
.galleries .wrapper-banner-inner {
  display: block;
  background-color: #000;
  background-position: 50% 0;
  background-repeat: no-repeat;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
.galleries .wrapper-banner-inner:hover .over, .galleries .wrapper-banner-inner:focus .over, .galleries .wrapper-banner-inner:active .over {
  transition: all 0.5s;
  opacity: 1;
}
.galleries .banner {
  height: 300px;
  overflow: hidden;
}
.galleries .banner img {
  height: 300px;
  position: relative;
  left: 50%;
  margin-left: -1020px;
}
.galleries .banner .over {
  transition: all 1.5s;
  opacity: 0;
  top: -300px;
  z-index: 2;
}
.galleries .banner-shadow {
  box-shadow: 0 4px 30px #000 inset;
  height: 300px;
  position: absolute;
  top: 4px;
  left: 0;
  width: 100%;
  z-index: 1;
}

.galleryintro {
  overflow: hidden;
  padding-top: 10px;
}

.galleryintro-image {
  position: relative;
  left: 50%;
  margin: 0 0 10px -677.5px;
}
.galleryintro-image img + img {
  margin-left: 11px;
}

.galleryintro-imagepair {
  overflow: hidden;
  position: relative;
  width: 1355px;
}

.galleryintro-imagepaircontainer {
  width: 1500px;
  position: relative;
  left: 50%;
  margin-left: -750px;
  text-align: center;
}

.galleryintro-continue {
  background: url(/assets/images/galleries/view_complete_gallery.gif) 0 50% no-repeat;
  display: block;
  height: 30px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999px;
  width: 245px;
}

.aboutpage {
  background: #0e0e0e;
}
.aboutpage h3 {
  background: no-repeat;
  height: 60px;
  margin: 0;
}
.aboutpage .who {
  background-image: url(/assets/images/about_us/heading_who.png);
}
.aboutpage .what {
  background-image: url(/assets/images/about_us/heading_what.png);
  margin-top: 40px;
}
.aboutpage .thanks {
  background-image: url(/assets/images/about_us/heading_thanks.png);
}

.about-text {
  position: absolute;
  left: 50%;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  z-index: 2;
}

.about-1-image {
  background: url(/assets/images/about_us/background_1.jpg) no-repeat 50% 0;
  height: 850px;
  margin-left: -565px;
}
.about-1-text {
  top: 70px;
  margin-left: 40px;
  width: 463px;
}

.about-2-image {
  background: url(/assets/images/about_us/background_2.jpg) no-repeat 50% 0;
  height: 859px;
  margin-right: -435px;
}
.about-2-text {
  top: 70px;
  margin-left: -570px;
  width: 447px;
}
.about-2 .sig {
  background: url(/assets/images/about_us/sig.gif) no-repeat 95% 0;
  height: 40px;
  margin-top: 20px;
}

.contactpage {
  background: #0e0e0e;
}
.contactpage h3 {
  background: url(/assets/images/contact/heading_contact.png) no-repeat;
  height: 60px;
  margin: 0;
}

.contact-text {
  position: absolute;
  left: 50%;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  z-index: 2;
}

.contact-splash-image {
  background: url(/assets/images/contact/background.jpg) no-repeat 50% 0 #060606;
  height: 800px;
  margin-right: -81px;
}
.contact-splash-text {
  top: 380px;
  margin-left: -570px;
  width: 463px;
}

.sitesplash {
  background: #0a0a0a;
  overflow: hidden;
}
.sitesplash-image {
  margin-right: -488px;
  background: no-repeat 50% 0;
  height: 820px;
}
.sitesplash-image.bg-1 {
  background-image: url(/assets/images/splash/bg_1.jpg);
}
.sitesplash-image.bg-2 {
  background-image: url(/assets/images/splash/bg_2.jpg);
}
.sitesplash-image.bg-3 {
  background-image: url(/assets/images/splash/bg_3.jpg);
}
.sitesplash-image.bg-4 {
  background-image: url(/assets/images/splash/bg_4.jpg);
}
.sitesplash-image.bg-5 {
  background-image: url(/assets/images/splash/bg_5.jpg);
}
.sitesplash-image.bg-6 {
  background-image: url(/assets/images/splash/bg_6.jpg);
}
.sitesplash-image.bg-7 {
  background-image: url(/assets/images/splash/bg_7.jpg);
}
.sitesplash-image.bg-8 {
  background-image: url(/assets/images/splash/bg_8.jpg);
}
.sitesplash-image.bg-9 {
  background-image: url(/assets/images/splash/bg_9.jpg);
}
.sitesplash-image.bg-10 {
  background-image: url(/assets/images/splash/bg_10.jpg);
}
.sitesplash-texthead {
  background: url(/assets/images/splash/presenting_mbxmkii.png) no-repeat 50% 0;
  height: 103px;
  margin-bottom: 20px;
}
.sitesplash-text {
  position: absolute;
  top: 320px;
  left: 50%;
  margin-left: -520px;
  width: 382px;
}
.sitesplash-texthead, .sitesplash .tac {
  margin-right: 20px;
}

.glowbtn {
  transition: all, 0.5s ease-out;
  -webkit-font-smoothing: antialiased;
  background: #4c4c4c;
  border: 1px solid #000;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  font-size: 16px;
  margin: 0;
  padding: 5px 15px;
}
.glowbtn:focus, .glowbtn:hover, .glowbtn:active {
  transition: all, 0.3s ease-out;
  background: #ccc;
  color: #111;
}