/* =====================================================================
 *  Normalize.css
 *  Introduced by HTML5 Boilerplate
 *  https://raw.github.com/necolas/normalize.css/master/normalize.css
 * ===================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  font-size: 13px;
  line-height: 1.231; }

/*body, button, input, select, textarea { font-family:sans-serif; color:#7d7d7d}*/
body, button, input, select, textarea {
  font-family: sans-serif;
  color: #bbb; }

::-moz-selection {
  background: #8c5ecd;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #8c5ecd;
  color: #fff;
  text-shadow: none; }

a:link {
  color: inherit;
  -webkit-transition: color .5s ease-out;
  -moz-transition: color .5s ease-out;
  transition: color .5s ease-out; }

.ie6 a:link, .ie7 a:link {
  color: #7d7d7d;
  /*IE7- not support ineritance, so give it a fair color */ }

a:visited {
  color: inherit; }

a:focus, a:hover {
  /*color:#fc0*/
  color: #8c5ecd; }

a:active {
  color: #555; }

a:hover, a:focus, a:active {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

pre, code, kbd, samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before, q:after {
  content: "";
  content: none; }

small {
  font-size: 85%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

label {
  cursor: pointer; }

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal;
  *overflow: visible; }

table button, table input {
  *overflow: auto; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

input:invalid, textarea:invalid {
  background-color: #f0dddd; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

/* =====================================================================
 * Primary styles
 * Author:Albert Lan Design
 * ===================================================================== */
/* ---------------------------------------------------------------------
 * Base
 * ------------------------------------------------------------------ */
body, button, input, select, textarea {
  font-family: Arial, Helvetica, sans-serif; }

.rgba body {
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1); }

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

ul, ol, dl, dd, dt {
  margin: 0;
  padding: 0;
  list-style: none; }

p {
  margin: 0 0 1em;
  padding: 0; }

small {
  font-size: 100%; }

#header .sectiontitle.grid_6, #header .menu.grid_6 {
  width: auto; }

/*
@font-face{font-family:'GillSansRegular';src:url('font/gillsans-webfont.eot');src:url('font/gillsans-webfont.eot?#iefix') format('embedded-opentype'),url('font/gillsans-webfont.woff') format('woff'),url('font/gillsans-webfont.ttf') format('truetype'),url('font/gillsans-webfont.svg#GillSansRegular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'GillSansItalic';src:url('font/gillsansstd-italic-webfont.eot');src:url('font/gillsansstd-italic-webfont.eot?#iefix') format('embedded-opentype'),url('font/gillsansstd-italic-webfont.woff') format('woff'),url('font/gillsansstd-italic-webfont.ttf') format('truetype'),url('font/gillsansstd-italic-webfont.svg#GillSansItalic') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'GillSansBold';src:url('font/gillsansstd-bold-webfont.eot');src:url('font/gillsansstd-bold-webfont.eot?#iefix') format('embedded-opentype'),url('font/gillsansstd-bold-webfont.woff') format('woff'),url('font/gillsansstd-bold-webfont.ttf') format('truetype'),url('font/gillsansstd-bold-webfont.svg#GillSansBold') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'GillSansBoldItalic';src:url('font/gillsansstd-bolditalic-webfont.eot');src:url('font/gillsansstd-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),url('font/gillsansstd-bolditalic-webfont.woff') format('woff'),url('font/gillsansstd-bolditalic-webfont.ttf') format('truetype'),url('font/gillsansstd-bolditalic-webfont.svg#GillSansBoldItalic') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'GillSansLight';src:url('font/gillsansstd-light-webfont.eot');src:url('font/gillsansstd-light-webfont.eot?#iefix') format('embedded-opentype'),url('font/gillsansstd-light-webfont.woff') format('woff'),url('font/gillsansstd-light-webfont.ttf') format('truetype'),url('font/gillsansstd-light-webfont.svg#GillSansLight') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'GillSansLightItalic';src:url('font/gillsansstd-lightitalic-webfont.eot');src:url('font/gillsansstd-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),url('font/gillsansstd-lightitalic-webfont.woff') format('woff'),url('font/gillsansstd-lightitalic-webfont.ttf') format('truetype'),url('font/gillsansstd-lightitalic-webfont.svg#GillSansLightItalic') format('svg');font-weight:normal;font-style:normal}
*/
@font-face {
  font-family: 'GillSansRegular';
  src: url("font/gillsans-webfont.eot");
  src: url("font/gillsans-webfont.eot?#iefix") format("embedded-opentype"), url("font/gillsans-webfont.woff") format("woff"), url("font/gillsans-webfont.ttf") format("truetype"), url("font/gillsans-webfont.svg#GillSansRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'GillSansItalic';
  src: url("font/gillsans-webfont.eot");
  src: url("font/gillsans-webfont.eot?#iefix") format("embedded-opentype"), url("font/gillsans-webfont.woff") format("woff"), url("font/gillsans-webfont.ttf") format("truetype"), url("font/gillsans-webfont.svg#GillSansRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'GillSansBold';
  src: url("font/gillsans-webfont.eot");
  src: url("font/gillsans-webfont.eot?#iefix") format("embedded-opentype"), url("font/gillsans-webfont.woff") format("woff"), url("font/gillsans-webfont.ttf") format("truetype"), url("font/gillsans-webfont.svg#GillSansRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'GillSansBoldItalic';
  src: url("font/gillsans-webfont.eot");
  src: url("font/gillsans-webfont.eot?#iefix") format("embedded-opentype"), url("font/gillsans-webfont.woff") format("woff"), url("font/gillsans-webfont.ttf") format("truetype"), url("font/gillsans-webfont.svg#GillSansRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'GillSansLight';
  src: url("font/gillsansstd-light-webfont.eot");
  src: url("font/gillsansstd-light-webfont.eot?#iefix") format("embedded-opentype"), url("font/gillsansstd-light-webfont.woff") format("woff"), url("font/gillsansstd-light-webfont.ttf") format("truetype"), url("font/gillsansstd-light-webfont.svg#GillSansLight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'GillSansLightItalic';
  src: url("font/gillsansstd-light-webfont.eot");
  src: url("font/gillsansstd-light-webfont.eot?#iefix") format("embedded-opentype"), url("font/gillsansstd-light-webfont.woff") format("woff"), url("font/gillsansstd-light-webfont.ttf") format("truetype"), url("font/gillsansstd-light-webfont.svg#GillSansLight") format("svg");
  font-weight: normal;
  font-style: normal; }

/* ---------------------------------------------------------------------
 * Common 
 * [color] 
 * grey gradient [#7d7d7d, #555, #363636]
 * purple grzadient [#8c5ecd, #7044ae, #56029b, #53178d, #4f2d7f, #32015a]
 * ------------------------------------------------------------------ */
.blockseperate {
  width: 100%;
  height: 8px;
  background: url(../img/common/blockseperate.png) no-repeat center top;
  background-size: 100% 100%; }

.wideseperate {
  width: 100%;
  height: 10px;
  background: url(../img/common/wideseperate.png) no-repeat center top;
  /*background-size:100% 100%*/ }

.supertitle {
  margin-bottom: .26315em;
  /*10px*/
  font-size: 2.92307em;
  /*13xN=38*/
  font-family: 'GillSansItalic';
  color: white; }

.sectiontitle {
  font-size: 2em;
  /*13xN=26*/
  font-family: 'GillSansLight';
  text-transform: uppercase;
  color: #fff; }

.blocktitle {
  font-size: 1.38461em;
  /*13xN=18*/
  font-family: 'GillSansLight';
  text-transform: uppercase;
  color: #fff; }

.articletitle {
  margin-bottom: .238em;
  font-size: 1.61538em;
  /*13xN=21*/
  font-family: 'GillSansItalic';
  color: #fff; }

.articleentry {
  font-size: 1.07692em;
  /*13xN=14*/
  line-height: 1.4285;
  /*20/14*/
  color: #7d7d7d; }

p.articleentry, .articleentry p:last-child {
  margin-bottom: 0; }

.articleentry a:link, .articleentry a:visited {
  color: #7044ae; }

.articleentry a:focus, .articleentry a:hover {
  color: #8c5ecd; }

.video .thumb img {
  width: auto;
  height: 107px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

/* IE8,7,6 smoothing font-face
http://allcreatives.net/2009/12/05/smoother-font-face-embedding-in-ie-7-8/
 */
.ie8- .supertitle,
.ie8- .sectiontitle, .ie8- .blocktitle, .ie8- .articletitle,
.ie8- .pagination,
.ie8- .filter,
.ie8- .ent-link,
.ie8- .stm-front,
.ie8- .vis-title, .ie8- .vis-descr, .ie8- .vis-tagline,
.ie8- .piw-label,
.ie8- #header .branding,
.ie8- .section-product-front .doors h2 {
  /*zoom:1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/common/trans.png,sizingMethod=crop);*/ }

.list1 {
  margin-left: 1em;
  list-style: disc outside; }

/*.list1 li { margin-bottom:.523em; font-style:oblique}*/
.list1 li {
  margin-bottom: .523em; }

.list1 li a:link, .list1 li a:visited {
  color: inherit;
  text-decoration: underline; }

.list1 li a:hover, .list1 li a:focus {
  color: #fff; }

.pagination {
  text-align: center;
  font-family: 'GillSansItalic';
  font-size: 1.23076em;
  /*13xN=16*/ }

.pagination .tlc-link {
  margin: 0 .2em;
  color: #555; }

.newslist {
  /*margin-bottom:2.46153em;*/
  /*32px*/ }

.newslist li {
  padding-bottom: 3.53846em;
  /*46px*/
  margin-bottom: 2.07692em;
  /*27px*/
  background: url(../img/common/blockseperate.png) no-repeat 50% 100%;
  background-size: 100% auto; }

.newslist .ent-time {
  margin-bottom: 1em; }

.newslist .ent-content {
  margin-bottom: 1em; }

.newslist .ent-time + .ent-figure {
  margin-bottom: 1.23076em; }

.photolist {
  /*margin-bottom:2.46153em;*/
  /*32px*/ }

.photolist .piw {
  padding-bottom: 2.07692em;
  /*27px*/
  margin-bottom: 2.07692em;
  /*27px*/
  background: url(../img/common/blockseperate.png) no-repeat 50% 100%;
  background-size: 100% auto; }

.tagcloud .sdb-header {
  display: none; }

.tagcloud .sdb-content a {
  text-decoration: none; }

.tagcloud .size1 {
  font-size: .75em; }

.tagcloud .size2 {
  font-size: .85em; }

.tagcloud .size3 {
  font-size: 1em; }

.tagcloud .size4 {
  font-size: 1.25em; }

.tagcloud .size5 {
  font-size: 1.5em; }

.tagcloud .size6 {
  font-size: 2em; }

.topstory {
  margin-bottom: 2.30769em;
  /*30*/ }

.topstory .content {
  position: relative;
  min-height: 350px;
  margin-bottom: 3.07692em;
  /*40*/ }

.ie6 .content {
  height: 350px; }

.topstory figure {
  position: absolute;
  top: 0;
  left: 0; }

.topstory .overlay {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url(../img/common/alpha-black-65.png);
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.rgba .overlay {
  background: rgba(0, 0, 0, 0.65); }

.cssgradients.rgba .overlay {
  background: -moz-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.65) 80%, black 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, black), color-stop(20%, rgba(0, 0, 0, 0.65)), color-stop(50%, rgba(0, 0, 0, 0.65)), color-stop(80%, rgba(0, 0, 0, 0.65)), color-stop(100%, black));
  background: -webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.65) 80%, black 100%);
  background: -o-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.65) 80%, black 100%);
  background: -ms-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.65) 80%, black 100%);
  background: linear-gradient(left, black 0%, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.65) 80%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000',GradientType=1 ); }

.topstory .overlay-wrap {
  padding: 1.53846em;
  /*20*/ }

.topstory .blockseperate {
  width: 106%;
  margin-left: -3%; }

.topstory a {
  text-decoration: none; }

.topstory a:hover .overlay {
  background: #000;
  padding: .5em 0; }

.filter {
  margin-bottom: 2em;
  padding: .55555em 0;
  border: 1px solid #363636;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 1.38461em;
  /*13xN=18*/
  font-family: 'GillSansItalic';
  color: #555; }

.filter label {
  margin: 0 .33333em; }

.filter input {
  margin-right: .5em; }

.bookshelf .ent {
  position: relative; }

.bookshelf figure {
  position: relative;
  min-height: 12.76923em;
  /*166*/
  margin-bottom: 0 !important;
  text-align: center; }

.ie6 .bookshelf figure {
  height: 12.76923em; }

.bookshelf figure:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  top: 3em;
  left: -2.5769em;
  width: 125%;
  /*327px*/
  height: 100%;
  background: url(../img/common/backlit.png) no-repeat center center;
  background-size: contain; }

/*.bookshelf .xl2420t { background:url(../img/product/xl/xl2420t-front-small-shade.png) no-repeat 50% 149px}*/
/*.bookshelf .xl2410t { background:url(../img/product/xl/xl2410t-front-small-shade.png) no-repeat 50% 148px/*138+10*/
/*}*/
/*.bookshelf .xl2410t figure { top:10px}*/
.bookshelf .tutorial figure {
  top: -.61538em;
  /*8*/
  left: -0.6923em; }

.bookshelf .ent-content {
  min-height: 4.2855em; }

.compare {
  letter-spacing: -3px;
  word-spacing: -3px;
  white-space: nowrap; }

.compare figure {
  position: relative;
  display: inline-block;
  letter-spacing: 0;
  word-spacing: 0;
  vertical-align: top; }

.compare figure img {
  position: relative; }

.compare figcaption {
  position: absolute;
  top: 11.64285em;
  /*163*/
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 1.07692em;
  /*13xN=14*/
  font-family: 'GillSansRegular'; }

.compare-center {
  margin: 0 auto;
  /*8*/ }

.compare-left {
  margin-right: .61538em;
  /*8*/ }

.compare-left img {
  top: .84615em;
  /*11*/ }

.specsheet dd {
  margin-bottom: 2em; }

.spectb {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px; }

.spectb th, .spectb td {
  width: 50%;
  vertical-align: middle;
  font-size: 1.23076em;
  /*13xN=16*/
  font-weight: normal; }

.spectb th {
  padding: .625em 1.125em .628em 0;
  background: #1e1e1e;
  text-align: right;
  color: #555; }

.spectb td {
  padding: .625em 0 .628em 1.125em;
  background: #252525;
  color: #7d7d7d; }

.compatible .wrap {
  overflow: hidden;
  padding: 1.84615em;
  /*24*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: url(../img/common/bg-noise.png); }

.rgba .compatible .wrap {
  -moz-box-shadow: inset 0 0 29px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 29px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 29px rgba(0, 0, 0, 0.3); }

.compatible ul {
  overflow: auto;
  width: 100%; }

.compatible li {
  position: relative;
  float: left;
  width: 50%; }

.compatible figure {
  position: absolute;
  left: 0;
  top: 0;
  /*top:4.5em;*/
  /*2xline-height+margin-bottom*/ }

.compatible .windows7 {
  width: 21.46153em;
  /*279*/
  padding-left: 9em; }

.compatible .windows8 {
  width: auto;
  padding-left: 9em;
  height: 115px; }

.compatible .windows8-half {
  width: 21.46153em;
  /*279*/
  padding-left: 9em; }

.compatible .energystar {
  float: right;
  width: 18.38461em;
  /*239*/
  padding-left: 8.15384em; }

.compatible .ecofacts {
  clear: both;
  width: auto;
  min-height: 146px;
  padding-left: 21.23076em;
  /*276*/ }

.compatible .ecofacts figure {
  left: 0;
  top: 0; }

.compatible .blockseperate {
  margin: 2em 0 1.69em; }

.logo-ecofacts {
  border-radius: 10px;
  box-shadow: 1px 1px 6px #111, 0 0 50px #2b2b2b; }

.notes {
  font-size: 1.07692em;
  /*13xN=14*/
  color: #363636; }

.bgcover {
  position: fixed;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover; }

.ie6 .bgcover {
  position: absolute; }

.imgeffect {
  display: block;
  position: relative; }

.imgeffect-draw {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

.ie6 .imgeffect-draw {
  width: 99%;
  height: 99%; }

.imgframe .imgeffect-draw {
  border: 1px solid #56029B;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-opacity: .35;
  -moz-opacity: .35;
  opacity: .35;
  background: rgba(0, 0, 0, 0.4); }

.ie8- .imgframe .imgeffect-draw {
  filter: alpha(opacity=30); }

.imgframe img {
  border-radius: 5px; }

.imginnershade .imgeffect-draw {
  -webkit-box-shadow: inset 0 0 10px #000;
  -moz-box-shadow: inset 0 0 10px #000;
  box-shadow: inset 0 0 10px #000;
  -webkit-opacity: .5;
  -moz-opacity: .5;
  opacity: 0.5; }

a:hover .imgframe .imgeffect-draw {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  border-width: 3px;
  background: rgba(0, 0, 0, 0); }

.ie8- a:hover .imgframe .imgeffect-draw {
  filter: alpha(opacity=40); }

.records li {
  position: relative;
  padding-left: 1.8em;
  margin-bottom: 1.15384em;
  /*15*/
  color: #fff;
  white-space: nowrap; }

.records .year {
  position: absolute;
  left: 0;
  font-size: .6923em;
  /*13xN=9*/
  line-height: 4; }

.records .title {
  font-size: 1.76923em;
  /*13xN=23*/ }

.records .quote {
  font-size: 1.07692em;
  /*13xN=14*/
  color: #7d7d7d; }

.records .place {
  display: inline-block;
  width: 2.55555em;
  /*23*/
  font-size: .6923em;
  /*13xN=9*/
  white-space: normal; }

.records a {
  text-decoration: none; }

.ashes {
  position: absolute;
  z-index: 0;
  width: 50.61538em;
  height: 55.53846em;
  background: url(../img/esports/ashes.png) no-repeat;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.doors li {
  color: #fff;
  text-align: center; }

.doors a {
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  text-decoration: none;
  text-shadow: 0 -1px 1px #333; }

.doors a:hover, .doors a:focus {
  color: #fff;
  text-shadow: 0 1px 2px #111; }

.doors h2 {
  margin-bottom: .24701em;
  font-size: 1.86848em;
  font-family: 'GillSansLightItalic';
  text-transform: uppercase; }

.doors h2 strong {
  font-family: 'GillSansBoldItalic'; }

.doors p {
  font-size: 1.38461em;
  /*13xN=18*/
  font-family: 'GillSansLightItalic'; }

.doors:after {
  content: '';
  height: 0;
  width: 0;
  overflow: hidden; }

/* preload button hover bg img */
/* ---------------------------------------------------------------------
 * Modules
 * ------------------------------------------------------------------ */
/*********************
 * Entry                     *
 *********************/
.ent a {
  text-decoration: none; }

.ent-leading-figure {
  margin-bottom: 1.61538em;
  /*13xN=21*/ }

.ent-content a:link {
  text-decoration: underline; }

.ent-actiontop, .ent-actionbtm {
  overflow: hidden;
  /*floated children*/ }

.ent-actiontop {
  margin-bottom: 1em; }

.ent-action-left {
  float: left; }

.ent-action-right {
  float: right;
  text-align: right; }

.ent-link {
  font-size: 1.15384em;
  /*13*N=15*/
  font-family: 'GillSansItalic';
  color: #7044ae;
  text-decoration: underline;
  white-space: nowrap; }

a.ent-link {
  color: #7044ae;
  text-decoration: underline; }

.ent-time {
  font-size: .84615em;
  /*13*N=11*/
  color: #555;
  white-space: nowrap; }

.ent a:hover .ent-link, a.ent-link:hover {
  color: #8c5ecd; }

.ent a:hover .ent-content {
  color: #fff; }

/* transition */
.ent-link, .ent-content {
  -webkit-transition: color .2s ease-out;
  -moz-transition: color .2s ease-out;
  transition: color .2s ease-out; }

/************************
 * Primary Navigation   *
 ************************/
.pmn-holder {
  position: relative;
  width: 561px;
  height: 48px;
  overflow: hidden; }

.pmn-item {
  position: relative;
  z-index: auto;
  float: left;
  height: 100%; }

.pmn-item a {
  display: block;
  height: 48px;
  /*overflow:hidden; */
  background-repeat: no-repeat;
  text-align: left;
  text-indent: -999em; }

.pmn-nth1 a {
  width: 140px;
  background-image: url(../img/common/pmn-nth1.png); }

.pmn-nth2 a {
  width: 163px;
  background-image: url(../img/common/pmn-nth2.png); }

.pmn-nth3 a {
  width: 75px;
  background-image: url(../img/common/pmn-nth3.png); }

.pmn-nth4 a {
  width: 141px;
  background-image: url(../img/common/pmn-nth4.png); }

/* hover item */
.pmn-item a:before {
  display: block;
  content: '';
  position: absolute;
  z-index: 2;
  left: -2px;
  top: 0;
  height: 48px;
  background-repeat: no-repeat;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0; }

.pmn-nth1 a:before {
  left: 0;
  width: 142px;
  background-image: url(../img/common/pmn-nth1-on.png); }

.pmn-nth2 a:before {
  width: 166px;
  background-image: url(../img/common/pmn-nth2-on.png); }

.pmn-nth3 a:before {
  width: 78px;
  background-image: url(../img/common/pmn-nth3-on.png); }

.pmn-nth4 a:before {
  left: -1px;
  width: 142px;
  background-image: url(../img/common/pmn-nth4-on.png); }

.pmn-item a:hover:before {
  -moz-opacity: .5;
  -webkit-opacity: .5;
  opacity: .5; }

.pmn-item a:active:before {
  -moz-opacity: .2;
  -webkit-opacity: .2;
  opacity: .2; }

/* current item */
.pmn-current a {
  /*cursor:default*/ }

.pmn-current a:before {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1; }

/* split */
.pmn-item {
  padding-right: 1px;
  background: url(../img/common/pmn-split.png) no-repeat 100% 0; }

.pmn-last {
  padding-right: 0;
  background: none; }

/* transition */
.pmn-item a:active:before {
  -webkit-transition-duration: .05s;
  -moz-transition-duration: .05s;
  transition-duration: .05s; }

.pmn-item a:before {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

/* ie fix */
.ie8- .pmn-item a:before {
  display: none; }

.ie8- .pmn-item a:hover:before, .ie8- .pmn-current a:before {
  display: block; }

/*********************
 * Product nav       *
 *********************/
.pdn {
  width: 303px;
  overflow: hidden;
  margin: 0 auto 3.84615em;
  /*50*/ }

.pdn-holder {
  width: 305px; }

.pdn-item {
  float: left; }

.pdn-item a {
  display: block;
  height: 35px;
  overflow: hidden;
  text-align: left;
  text-indent: -999em; }

.pdn-item-nth1 a {
  width: 96px;
  background: url(../img/product/prodnav-nth1.png); }

.pdn-item-nth2 a {
  width: 124px;
  background: url(../img/product/prodnav-nth2.png); }

.pdn-item-nth3 a {
  width: 82px;
  background: url(../img/product/prodnav-nth3.png); }

.pdn-current a, .pdn-item a:hover {
  background-position: 0 -35px; }

/*********************
 * Slidebar box      *
 *********************/
.sdb {
  padding: 1.53846em;
  /*20px*/
  margin-bottom: 2.30769em;
  /*30px*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #252525; }

.sdb:last-child {
  margin-bottom: 0; }

.sdb-header {
  margin-bottom: .61111em; }

/*********************
 * Text link chain   *
 *********************/
.tlc-link {
  text-decoration: none; }

a.tlc-link:focus, a.tlc-link:hover {
  text-decoration: underline;
  color: inherit; }

span.tlc-link {
  cursor: default; }

.tlc-current {
  color: #8c5ecd !important; }

.tlc-split {
  padding: 0 .25em; }

/*********************
 * Breadcrumb        *
 *********************/
.bdc {
  margin-bottom: 1em;
  font-family: 'GillSans';
  color: #555;
  /*text-transform:uppercase*/ }

.bdc a {
  text-decoration: none; }

.bdc span {
  color: #7d7d7d; }

/***************
 * Share tool  *
 ***************/
.sha {
  text-align: right; }

.sha-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  margin: 0 .1em;
  background-repeat: no-repeat;
  text-align: left;
  text-indent: -999em; }

.sha-icon-head {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  margin: 0 .1em;
  background-repeat: no-repeat;
  text-align: left;
  text-indent: -999em; 
  background-image: url(../img/common/ico-facebook-color.png); 
}

.sha-icon-head:hover {
    background-image: url(../img/common/ico-facebook-on.png) !important;
}

.sha .twitter {
  background-image: url(../img/common/ico-twitter-color.png); }

.sha .facebook {
  background-image: url(../img/common/ico-facebook-color.png); }

.sha .gplus {
  background-image: url(../img/common/ico-gplus-color.png); }

.sha .twitter:hover {
  background-image: url(../img/common/ico-twitter-on.png) !important; }

.sha .facebook:hover {
  background-image: url(../img/common/ico-facebook-on.png) !important; }

.sha .gplus:hover {
  background-image: url(../img/common/ico-gplus-on.png) !important; }

/*********************
 * Site Map                *
 *********************/
.stm {
  padding: 2em 0;
  background: #111111; }

.stm-holder {
  overflow: hidden; }

.stm a {
  text-decoration: none; }

.stm-category {
  float: left;
  margin-left: 2.2em; }

.stm-front {
  font-size: 1.23076em;
  /*13xN=16*/
  font-family: 'GillSansBoldItalic';
  line-height: 1.625;
  /*26*/
  color: #555555; }

.stm-sub {
  font-family: Arial;
  line-height: 1.38461;
  /*18*/
  color: #363636; }

/*********************
 * Visual (product)  *
 *********************/
.vis {
  position: relative;
  width: 76.923076em;
  /*1000*/
  height: 34.93207;
  /*454*/
  overflow: hidden;
  margin: 0 auto 3.15384em;
  /*41*/ }

.vis-intro {
  position: absolute;
  top: 4.8em;
  left: 46em;
  width: 25.76923em;
  /*335*/
  text-shadow: 1px 1px 10px #000; }

.vis-title {
  margin-bottom: .13157em;
  /*5*/
  font-size: 2.92307em;
  /*13xN=38*/
  font-family: 'GillSansItalic';
  line-height: 1;
  color: #fff; }

.vis-tagline {
  font-size: 1.61538em;
  /*13xN=21*/
  font-family: 'GillSansItalic';
  color: #7d7d7d; }

.vis-descr {
  font-size: 1.38461em;
  /*13xN=18*/
  font-family: 'GillSansLight';
  color: #fff; }

.vis-img {
  display: block; }

.vis-video {
  float: left;
  position: relative; }

.vis-video-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(../img/common/ico-play-small.png) no-repeat center center;
  text-align: left;
  text-indent: -9999em;
  -moz-opacity: .8;
  -webkit-opacity: .8;
  opacity: .8; }

.vis-video img {
  display: block;
  border: 3px solid #56029b;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.vis-video:hover .vis-video-icon {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1; }

/*********************
 * Picture Wall      *
 *********************/
.piw-holder {
  width: 100%;
  /*overflow:hidden*/ }

.piw-list {
  letter-spacing: -4px;
  word-spacing: -4px; }

.piw-item {
  display: inline-block;
  margin: 0 1.53846em 1.84615em 0;
  vertical-align: top;
  letter-spacing: 0;
  word-spacing: 0; }

.ie6 .piw-item, .ie7 .piw-item {
  display: inline;
  zoom: 1; }

.piw-item a {
  position: relative;
  text-decoration: none; }

.piw-item:hover, .piw-current {
  color: #fff; }

.piw-item:hover .piw-pic:after, .piw-current .piw-pic:after {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1; }

.ie8- .piw-item:hover .piw-pic:after, .ie8- .piw-current .piw-pic:after {
  display: block; }

.piw-list-4inrow {
  width: 68.6923em;
  /*880px*/ }

.piw-list-4inrow .piw-item {
  width: 15.38461em;
  /*200px*/ }

.piw-list-2inrow {
  width: 21.5379em;
  /*280px*/ }

.piw-list-2inrow .piw-item {
  width: 120px;
  /*120px*/ }

.section-videos .piw-list-2inrow .piw-item {
  width: 150px; }

.piw-pic {
  position: relative;
  margin-bottom: .5em; }

.piw-pic:after {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  width: 100%;
  height: 100%;
  border: 3px solid #56029b;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0; }

.ie8- .piw-pic:after {
  display: none; }

.piw-label {
  font-family: 'GillSansItalic';
  font-size: 1.23076em;
  /*13xN=16*/
  line-height: 1.0625; }

/* transition */
.piw-item a {
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.section-videos .alb-display.grid_8 {
  width: 670px; }

.section-videos .album .articletitle {
  position: relative;
  background: #000;
  opacity: .85;
  padding: 10px; }

.alb-title .related {
  color: #fff;
  font-family: 'GillSansItalic';
  font-size: 18px;
  padding-bottom: 20px; }

.section-videos .alb-display-img {
  margin-bottom: 1em;
  position: relative;
  display: block;
  width: 670px;
  height: 407px;
  overflow: hidden; }

.section-videos .alb-display-img img {
  display: block;
  position: absolute; }

.alb-display-img .playvideo img {
  left: 288px;
  top: 156px; }

.alb-action {
  text-align: right; }

.alb-list-page {
  min-height: 32.15384em;
  /*418*/ }

.alb-total-list .piw-item {
  width: 150px;
  margin: 0 11px 24px; }

.alb-total-list {
  width: 884px;
  margin: 0 auto;
  padding-left: 5px; }

.alb-category {
  margin-top: 75px;
  padding: 0 0 0 18px; }

.alb-category-button {
  position: relative;
  float: left;
  margin-right: 3px;
  margin-bottom: 35px;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out;
  background: url(../img/media/alb-category-on.jpg); }

.alb-category-button span {
  background: url("../img/media/alb-category.jpg");
  content: ".";
  display: block;
  left: 0;
  opacity: 1;
  transition: opacity .15s ease-in-out .15s;
  position: absolute;
  width: 100%;
  height: 100%;
  text-indent: 999em;
  top: 0;
  left: 0; }

.alb-category-button.current-category span {
  opacity: 0; }

.alb-category-button:hover span {
  opacity: .2; }

.alb-category-button a {
  position: relative;
  text-align: center;
  color: #fff;
  font-family: 'GillSansItalic';
  font-size: 18px;
  width: 150px;
  height: 40px;
  display: block;
  line-height: 40px;
  text-decoration: none;
  transition: opacity .2s ease-in-out .2s; }

.alb-descr {
  margin-top: 1em; }

/*********************
 * Gallery (product) *
 *********************/
.gly {
  width: 43.07692em;
  /*560*/
  overflow: hidden; }

.gly-hero {
  position: relative;
  margin-bottom: .76923em;
  /*10px*/ }

.gly-hero-img img {
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.gly-hero-overlay {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url(../img/common/alpha-black-65.png);
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.rgba .gly-hero-overlay {
  background: rgba(0, 0, 0, 0.65); }

.cssgradients.rgba .gly-hero-overlay {
  background: -moz-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.65) 80%, black 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, black), color-stop(20%, rgba(0, 0, 0, 0.65)), color-stop(50%, rgba(0, 0, 0, 0.65)), color-stop(80%, rgba(0, 0, 0, 0.65)), color-stop(100%, black));
  background: -webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.65) 80%, black 100%);
  background: -o-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.65) 80%, black 100%);
  background: -ms-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.65) 80%, black 100%);
  background: linear-gradient(left, black 0%, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.65) 80%, black 100%); }

.gly-hero-overlay-wrap {
  padding: 1em;
  /*20px*/
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all 0.2s ease-out; }

.gly-hero:hover .gly-hero-overlay {
  opacity: 0; }

.gly-hero:hover .gly-hero-overlay-wrap {
  padding: .5em 1em; }

.gly-thumbs {
  width: 100%;
  overflow: hidden; }

.gly-thumbs-holder {
  overflow: hidden;
  width: 9999em; }

.gly-thumb-item {
  position: relative;
  float: left;
  margin-right: .38461em;
  /*5*/ }

/*.gly-thumb-item:hover .gly-thumb-pic:after,*/
.gly-thumb-current .gly-thumb-focus {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100); }

.gly-thumb-pic {
  position: relative; }

.gly-thumb-pic img {
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.gly-thumb-focus {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 102px;
  height: 65px;
  border: 3px solid #56029b;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0); }

.gly-large {
  width: 100%; }

.gly-large .gly-hero {
  margin-bottom: 1.53846em; }

.gly-large .gly-thumb-item {
  margin-right: 1.15384em;
  /*15*/ }

.gly-large .gly-thumb-focus {
  width: 104px;
  height: 56px; }

.gly-control {
  padding-top: 1em; }

.gly-pagination {
  text-align: center; }

.gly-pagination a {
  display: inline-block;
  width: 1em;
  height: 1em;
  overflow: hidden;
  margin: 0 .5em;
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  text-decoration: none;
  text-align: left;
  text-indent: -999em; }

.gly-pagination a:hover {
  background-color: #eee;
  background-color: rgba(255, 255, 255, 0.5); }

.gly-pagination a:active {
  background-color: #ddd;
  background-color: rgba(255, 255, 255, 0.3); }

.gly-pagination a.current {
  background: #fff;
  color: #888;
  text-decoration: none; }

/*********************
 * Shelfslide              *
 *********************/
.shf {
  position: relative;
  width: 95%;
  height: 26.84615em;
  /*349*/
  padding-bottom: 5em;
  overflow: hidden;
  margin: 0 auto; }

.shf-holder {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 26.84615em; }

.shf-item {
  position: absolute;
  left: 200%;
  float: left;
  width: 18.15384em;
  /*234*/
  height: 100%;
  /*349*/
  padding: 0 2em;
  background: url(../img/esports/covershade.png) no-repeat;
  background-size: 100% 100%; }

.ie .shf-item
.shf-img {
  width: 100%;
  height: 100%; }

.shf-scroller {
  position: relative;
  top: 100%;
  z-index: 2;
  width: 62.3%;
  margin: 0 auto; }

.shf-scroller-pane {
  height: 5em; }

.debug .shf {
  background: pink; }

.debug .shf-holder {
  background: blue; }

.debug .shf-scroller {
  background: yellow; }

/*********************
 * SimpleSlide         *
 *********************/
.sps {
  position: relative; }

.sps-prev, .sps-next {
  position: absolute;
  top: 50%;
  margin-top: -2.75em; }

.sps-prev a, .sps-next a {
  display: block;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5;
  font-size: 1.5em;
  text-align: center; }

.sps-prev a, .sps-next a, .sps-buffering {
  background-color: #111;
  -moz-box-shadow: 0 0 10px #32015a, 0 0 15px #000;
  -webkit-box-shadow: 0 0 10px #32015a, 0 0 15px #000;
  box-shadow: 0 0 10px #32015a, 0 0 15px #000; }

.sps-prev a:hover, .sps-next a:hover {
  color: #fff;
  background-color: #32015a; }

.sps-prev {
  left: 0; }

.sps-prev a {
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0; }

.sps-next {
  right: 0; }

.sps-next a {
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px; }

.sps-hero {
  min-height: 10em;
  margin-bottom: 1em;
  text-align: center; }

.sps-hero img {
  max-width: 520px; }

.sps-menu {
  text-align: center; }

.sps-menu li {
  display: inline-block;
  margin: 0 .4em; }

.sps-menu li a {
  display: block;
  width: .5em;
  height: .5em;
  overflow: hidden;
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  border-radius: .5em;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  text-decoration: none;
  text-align: left;
  text-indent: -999em; }

.sps-menu a:hover {
  background-color: #eee;
  background-color: rgba(255, 255, 255, 0.5); }

.sps-menu a:active {
  background-color: #ddd;
  background-color: rgba(255, 255, 255, 0.3); }

.sps-menu li.current a {
  background: #fff;
  color: #888;
  text-decoration: none; }

.sps-buffering {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8em;
  height: 2em;
  margin: -1em 0 0 -4em;
  border-radius: 5px;
  line-height: 2;
  text-align: center; }

/* ---------------------------------------------------------------------
 * Layout 
 * ------------------------------------------------------------------ */
html {
  background: black url(../img/common/bg-tile.jpg) 50% 630px repeat-y; }

body {
  background: url(../img/common/bg-top.jpg) 50% 0 no-repeat; }

#wrap {
  position: relative;
  z-index: 1;
  padding-bottom: 3.53846em; }

#content {
  padding-top: 2.61538em;
  /*34px*/
  padding-bottom: 3.61537em;
  /*47px*/ }

#header {
  position: relative;
  z-index: 2;
  padding-bottom: 1em;
  /*height:3.53846em;13xN=178*/ }

#header .siteheader {
  position: relative;
  height: 10.15384em;
  /*132px*/ }

#header .branding {
  position: absolute;
  left: 0;
  top: 1.958334em;
  /*24xN=47*/
  font-size: 1.84615em;
  /*13xN=24*/
  font-family: 'GillSansItalic';
  color: #fff;
  white-space: nowrap; }

#header .branding img {
  float: left; }

#header .branding span {
  float: left;
  margin-top: .8333em;
  margin-left: 10px;
  text-shadow: 1px 1px 5px #000;
  cursor: default; }

#header .primarynav {
  width: 515px;
  position: absolute;
  right: 0;
  /*13xN=3*/
  top: 4.6923em; }

#header .links {
  position: absolute;
  right: 0;
  top: 32px;
  text-align: right;
  font-size: 1.0769em;
  font-family: 'GillSansRegular';
  color: #7d7d7d; }

#header .led {
  width: 5.276em;
  /*13xN=66*/
  height: 1.3076em;
  /*13xN=17*/
  margin: -0.153em 0 0 0.6923em; }

#header .sha .twitter {
  background-image: url(../img/common/ico-twitter.png); }

#header .sha .facebook {
  background-image: url(../img/common/ico-facebook.png); }

#header .sha .gplus {
  background-image: url(../img/common/ico-gplus.png); }

.sectionheader .menu {
  padding-top: .4em;
  /*verticle align with title*/
  text-align: right;
  font-size: 1.38461em;
  /*13xN=18*/
  font-family: 'GillSansLight'; }

.sectionheader .menu .tlc-current {
  font-family: 'GillSansRegular'; }

.sectionheader .supertitle {
  margin-bottom: .1em; }

.sectionheader .descr {
  font-size: 1.38461em;
  /*13xN=18*/
  font-family: 'GillSansLight';
  color: #fff; }

#header .wideseperate {
  position: absolute;
  bottom: 0; }

#footer .sitemap {
  margin-bottom: 1.7693em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #161616;
  -webkit-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.6);
  box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.6); }

#footer .links, #footer .legal {
  font-size: .92307;
  color: #555; }

#footer .legal {
  text-align: right; }

/* ---------------------------------------------------------------------
 * Section
 * ------------------------------------------------------------------ */
/*********************
 * Section: Home       *
 *********************/
.section-home #header {
  padding-bottom: 0; }

.section-home #content {
  padding-top: 3.53846em;
  /*46*/
  margin-top: 38.30769em;
  /*498*/
  background: url(../img/common/mastseperate.png) center top no-repeat; }

.section-home .visual {
  position: absolute;
  z-index: 1;
  top: 0; }

.section-home .visual .nth2 .title {
  width: 30em; }

.section-home .visual .nth3 .title {
  width: 30em; }

.section-home .visual .title {
  color: #fff;
  text-shadow: 0 0 10px #000; }

.section-home .visual .title .supertitle {
  line-height: 1; }

.section-home .visual .title p {
  font-size: 1.38461em;
  /*13xN=18*/
  font-family: 'GillSansRegular'; }

.section-home .visual .cfa {
  display: block;
  height: 21px;
  padding-right: 2em;
  background: url(../img/common/ico-cfa-arrow.png) no-repeat 100% 0;
  line-height: 21px;
  font-size: 1.07692em;
  /*13xN=14*/
  font-family: 'GillSansRegular';
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 0 10px #000; }

.section-home .visual .cfa:hover {
  color: #8c5ecd; }

.section-home .ent .ent-content {
  min-height: 4.2855em; }

.section-home .halloffame .ent-content {
  min-height: inherit; }

.section-home .halloffame img {
  border-radius: 5px;
  -webkit-box-shadow: inset 1px 1px 6px #000; }

.section-home .sectiontitle {
  margin-bottom: 20px; }

.section-home .blockseperate {
  margin-top: 3.07692em;
  /*40*/
  margin-bottom: 2.76923em;
  /*36*/ }

.section-home .morenews .ent {
  margin-top: .77777em;
  /*14*/
  padding-left: 2.6923em;
  /*35px*/
  background: url(../img/common/blockvertseperate.png) no-repeat 0 center;
  background-size: auto 100%; }

.section-home .morenews .list1 li {
  color: #fff; }

.section-home .morenews .blocktitle {
  margin-bottom: 1em;
  /*5*/ }
.section-home .slide-box {
  display: none;
  }
/******************************
 * Section: Media | News        *
 ******************************/
.section-news-front .sidebar {
  padding-top: 4.23076em; }

.section-news-list .supertitle {
  display: none; }

.section-news-view .ent-actiontop {
  margin-bottom: 1.53em;
  /*20*/ }

.section-news-view .ent-actionbtm {
  padding-top: 1.53em;
  /*20*/ }

.section-news-view article.ent .ent-figure {
  margin-bottom: 1.23076em; }

/* temp */
.section-news .tagcloud {
  display: none; }

.section-news .sdb .sdb-footer {
  display: none; }

.cd-dropdown ul {
  position: absolute;
  top: 0px;
  width: 100%; }

.cd-dropdown > span,
.cd-dropdown ul li {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.cd-dropdown ul li {
  position: absolute;
  width: 100%;
  pointer-events: none; }

.cd-active.cd-dropdown > span,
.cd-active.cd-dropdown > span:hover {
  color: #7044ae;
  opacity: 1; }

.cd-dropdown > span:hover {
  color: #7044ae;
  opacity: 0.8; }

.cd-active.cd-dropdown ul li {
  pointer-events: auto;
  padding-bottom: 0; }

.cd-active.cd-dropdown ul li span {
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s; }

.cd-active.cd-dropdown ul li span:hover {
  background: #000;
  color: #7044ae;
  opacity: 1; }

.cd-dropdown,
.cd-select {
  position: relative;
  width: 300px;
  margin: 0 0 0 90px;
  display: block; }

.cd-dropdown > span {
  width: 220px;
  height: 41px;
  line-height: 44px;
  color: #6b6b6b;
  font-weight: 700;
  font-size: 21px;
  background: #151515;
  display: block;
  padding: 0 50px 0 30px;
  position: relative;
  cursor: pointer; }

.cd-dropdown > span:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #7044AE;
  content: "";
  height: 0;
  right: 13px;
  top: 17px;
  white-space: nowrap;
  position: absolute;
  width: 0; }

.cd-dropdown.cd-active > span:after {
  border-top: 0;
  border-bottom: 6px solid #7044ae; }

.cd-dropdown ul {
  list-style-type: none;
  margin: -46px 0 0;
  padding: 0;
  display: block;
  position: relative; }

.cd-dropdown ul li {
  display: block; }

.cd-dropdown ul li span {
  font-size: 21px;
  padding: 0 30px 0 40px;
  width: 230px;
  color: #6b6b6b;
  background: #000;
  line-height: 60px;
  display: block;
  cursor: pointer;
  font-weight: 700;
  opacity: .96; }

.cd-dropdown > span,
.cd-dropdown ul li span {
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.cd-dropdown > span span[class^="icon-"],
.cd-dropdown > span span[class*=" icon-"] {
  padding: 0 30px 0 45px; }

/* Select fallback styling */
.cd-select {
  border: 1px solid #ddd; }

.section-news .filter {
  border-radius: 0;
  border: 0;
  height: 41px; }

.section-news .filter .category {
  cursor: pointer;
  display: block;
  float: left;
  width: 108px;
  height: 41px;
  padding: 10px;
  background: url(/html/en/img/media/category_bg.png) no-repeat;
  position: relative;
  z-index: 1005;
  color: #151515; }

/******************************
 * Section: Media | Photos    *
 ******************************/
.section-photos .filter {
  display: inline-block; }

.section-photos .supertitle {
  display: none; }

.section-photos-view .seperate {
  margin-top: 3.07692em;
  /*40*/
  margin-bottom: 2.76923em;
  /*36*/ }

/******************************
 * Section: Products                *
 ******************************/
.debug .content-wrap section > section {
  background-color: rgba(255, 222, 211, 0.2); }
.content-wrap .products ul li {
    height:300px
}
.section-product-front .bgcover {
  background-image: url(../img/product/visual-landing.jpg); }

.section-product-front .intro {
  margin-bottom: 3.1538em;
  /*41*/
  text-align: center;
  text-shadow: 1px 1px 10px #000; }

.section-product-front .intro p {
  font-size: 1.38461em;
  /*13xN=18*/
  font-family: 'GillSansLight';
  line-height: 1.23;
  color: #fff; }

.section-product-front .doors a {
  width: 20.07629em;
  /*261*/
  height: 7.76923em;
  /*101*/
  padding-top: 1.84615em;
  /*24*/
  background-image: url(../img/product/glossybutton.png); }

.section-product-front .doors a:hover,
.section-product-front .doors:after {
  background-image: url(../img/product/glossybutton-ov.png); }

/*
.section-product-front #content  { padding-bottom:13.92307em;}//181
*/
.section-product-front #content {
  padding-bottom: 0px;
  /*181*/ }

.section-product-front #footer .links, .section-product-front #footer .legal {
  text-shadow: 0 0 10px #000; }

.section-product-front #footer {
  margin-top: -20px; }

.section-product #content {
  padding-top: 0; }

.section-product .galleryintro {
  margin-bottom: 1.5em; }

.section-product .notes {
  margin-top: 3.85714em;
  /*14*/ }

.section-xl-front .seperate, .section-rl-front .seperate {
  margin-top: 3.07692em;
  /*40*/
  margin-bottom: 2.76923em;
  /*36*/ }

.section-product ul.teams {
  text-align: center;
  width: 750px;
  margin: 0 auto; }

.section-product ul.teams li {
  width: 100px;
  padding-left: 20px;
  padding-top: 20px; }

.section-product ul.teams li.row {
  margin-left: 65px; }

.section-product-front .awards {
  background: url(../img/awards-logo/shadow.png) no-repeat center center;
  margin-top: 100px;
  height: 130px; }

.section-product-front .awards ul {
  margin-left: 25px; }

.section-product-front .awards li {
  float: left;
  padding-right: 12px;
  height: 74px;
  padding-top: 26px; }

.section-product-front .awards li.last {
  padding-right: 0px; }

/******************************
 * Section: Products | XL         *
 ******************************/
.section-xl-xl2720t .vis-intro {
  top: 2.76923em;
  /*36*/
  width: 28.7692em;
  /*374*/ }

.section-xl-xl2720t .equalizer,
.section-xl-xl2720z .equalizer {
  width: 49.23076em;
  /*640*/
  margin: 0 auto 5.76923em;
  text-align: center; }

.section-xl-xl2720t .equalizer .articleentry,
.section-xl-xl2720z .equalizer .articleentry {
  margin-bottom: 1em; }

.section-xl-xl2720t .equalizer .compare-left figcaption,
.section-xl-xl2720z .equalizer .compare-left figcaption {
  width: auto;
  text-align: left;
  left: 2em; }

.section-xl-xl2720t .equalizer .compare-right figcaption,
.section-xl-xl2720z .equalizer .compare-right figcaption {
  width: auto;
  text-align: right;
  left: auto;
  right: 3em; }

.section-xl-xl2720t .sswitch,
.section-xl-xl2720z .sswitch {
  min-height: 20.38461em;
  /*265*/
  padding-top: 5.6923em;
  /*74*/
  margin-bottom: 2.38461em;
  /*31*/
  background: url(../img/product/xl/xl2420t/s-switch.png) no-repeat 50% 0; }
  
.section-xl-xl2720z .sswitch { background: none; }

.section-xl-xl2720t .ui .container_12,
.section-xl-xl2720z .ui .container_12 {
  background: url(../img/product/xl/xl2420t/osd-screenshots.png) 1.53846em 11.92307em no-repeat; }

.section-xl-xl2720t .ui .text,
.section-xl-xl2720z .ui .text {
  padding-top: 1.46153em;
  /*19*/ }

.section-xl-xl2720t .gamemode {
  margin-top: 0em;
  /*23*/ }

.section-xl-xl2720t .gamemode .text {
  padding-top: 6.5em;
  /*110*/ }

.section-xl-xl2720t .fpsmode {
  margin-top: 6.5em;
  /*23*/ }

.section-xl-xl2720t .fpsmode .text {
  padding-top: 1em;
  /*110*/
  margin-bottom: 12em;
  /*86*/ }

.section-xl-xl2720t .displaymode,
.section-xl-xl2720z .displaymode {
  padding-top: 6em;
  margin-bottom: 6.61538em;
  /*86*/ }

.section-xl-xl2720z .displaymode { padding-top:20em; }

.section-xl-xl2720t .displaymode .container_12,
.section-xl-xl2720z .displaymode .container_12 {
  position: relative; }

.section-xl-xl2720t .displaymode .text1,
.section-xl-xl2720t .displaymode .text2,
.section-xl-xl2720z .displaymode .text1,
.section-xl-xl2720z .displaymode .text2 {
  position: relative;
  z-index: 2; }

.section-xl-xl2720t .displaymode .text3,
.section-xl-xl2720z .displaymode .text3 {
  position: relative;
  z-index: 2; }

.section-xl-xl2720t .displaymode .text1,
.section-xl-xl2720z .displaymode .text1 {
  margin-bottom: 1em; }

.section-xl-xl2720t .displaymode .text2,
.section-xl-xl2720z .displaymode .text2 {
  margin-bottom: 1em; }

.section-xl-xl2720t .displaymode figure,
.section-xl-xl2720z .displaymode figure {
  position: absolute;
  left: -5.07692em;
  /*66*/
  top: -13.53846em;
  /*176*/ }
.section-xl-xl2720z .displaymode figure { left: -6.07692em; }

.section-xl-xl2720t .refreshrate {
  margin-bottom: 6.76923em;
  /*88*/ }

.section-xl-xl2720t .refreshrate .text {
  position: relative;
  top: 1.76923em;
  /*23*/ }

.section-xl-xl2720t .responsetime {
  margin-bottom: 6.76923em;
  /*88*/ }

.section-xl-xl2720t .responsetime .text {
  position: relative;
  top: 1.07692em;
  /*14*/ }

.section-xl-xl2720t .nvidia-3d-vision-2 {
  margin-bottom: 6.76923em;
  /*88*/ }

.section-xl-xl2720t .nvidia-3d-vision-2 .text {
  position: relative;
  top: 1.07692em;
  /*14*/ }

.section-xl-xl2720t .ultra-flexible-height-adjustment-stand {
  margin-bottom: -0.23077em;
  /*88*/ }

.section-xl-xl2720t .ultra-flexible-height-adjustment-stand .text {
  position: relative;
  top: 3.07692em;
  /*14*/ }

.section-xl-xl2720t .iem {
  margin-bottom: 6.76923em;
  /*88*/ }

.section-xl-xl2720t .iem .text {
  position: relative;
  top: 1.07692em;
  /*14*/ }


/*---- xl2720z ----*/
.section-xl-xl2720z .vis-intro {
  top: 2.76923em;
  left: 40em;
  width: 32.7692em;
 }

.section-xl-xl2720z .vis-descr.all-txt { display:none; }
#more-txt { font-style:italic; display:inline-block; color:#8c5ecd; font-weight:bold; font-size:0.9em; }

/*.section-xl-xl2720z .articletitle { font-style:italic; }*/

.section-xl-xl2720z .motion-blur {
  width: 55.23076em;
  margin: 0 auto 5.76923em;
  text-align: center;
  position:relative;
}

.section-xl-xl2720z .motion-blur .articleentry {
  margin-bottom: 2em; }
  
.section-xl-xl2720z .motion-blur .compare-left figcaption {
  width: auto;
  text-align: left;
  left: 10em; }

.section-xl-xl2720z .motion-blur .compare figcaption { top: 17.64285em; }
.section-xl-xl2720z .compare-left img { top:0; }

.section-xl-xl2720z .motion-blur .compare-right figcaption {
  width: auto;
  text-align: right;
  left: auto;
  right: 8.5em; }
  
.section-xl-xl2720z .desc-title { font-size:15px; font-style:italic; color:#bbb; line-height:2; margin-top:20px;}
.section-xl-xl2720z .desc-text,.section-xl-xl2720z .desc-text2 { color:#7d7d7d; line-height:1.4285; font-size: 1.07692em; }
.section-xl-xl2720z .desc-text2 { margin-top:20px; }
.section-xl-xl2720z .sectionbg1 { position:absolute; left:-200px; top:-350px; z-index:-1; }
.section-xl-xl2720z .eye-safty .container_12 { position:relative; padding-top: 100px;
height: 500px; }
.section-xl-xl2720z .img-safty { position:absolute; z-index:-1; left:40px; top:-50px; }
.section-xl-xl2720z .img-gamemode { position:absolute; z-index:-1; left:500px; top:-60px; }
.section-xl-xl2720z .gamemode.style2 .img-gamemode { left:-80px; top:0; }
.section-xl-xl2720z .img-display-pilot { position:absolute; z-index:-1; left:10px; top:-330px; }
.section-xl-xl2720z .img-response { position:absolute; z-index:-1; left:400px; top:-120px; }
.section-xl-xl2720z .img-switch { position:absolute; z-index:-1; left:-170px; top:-130px; }
.section-xl-xl2720z .img-ui { position:absolute; z-index:-1; left:350px; top:0; }
.section-xl-xl2720z .img-ultra-flexible { position:absolute; z-index:-1; left:470px; top:-110px; }
.section-xl-xl2720z .img-fpsmode { position:absolute; z-index:-1; left:10px; top:0; }
.section-xl-xl2720z .img-nvidia { position:absolute; z-index:-1; left:620px; top:-50px; }
.section-xl-xl2720z .img-esea { position:absolute; z-index:-1; left:-10px; top:-120px; }

.section-xl-xl2411t .img-esea { position:absolute; z-index:-1; left:-10px; top:-120px; }
.section-xl-xl2411t .esea { margin: 0 auto 5.76923em; }
.section-xl-xl2411t .esea .container_12 { position:relative;  height:150px;}

.section-xl-xl2720z .flicker-free,
.section-xl-xl2720z .refresh-rate,
.section-xl-xl2720z .gamemode,
.section-xl-xl2720z .display-pilot,
.section-xl-xl2720z .fast-response,
.section-xl-xl2720z .ultra-flexible,
.section-xl-xl2720z .fpsmode,
.section-xl-xl2720z .nvidia,
.section-xl-xl2720z .esea { margin: 0 auto 5.76923em; }
.section-xl-xl2720z .refresh-rate .text { padding-top:20px; }
.section-xl-xl2720z .gamemode .container_12,
.section-xl-xl2720z .display-pilot .container_12,
.section-xl-xl2720z .fast-response .container_12,
.section-xl-xl2720z .sswitch .container_12,
.section-xl-xl2720z .ui .container_12,
.section-xl-xl2720z .ultra-flexible .container_12,
.section-xl-xl2720z .fpsmode .container_12,
.section-xl-xl2720z .nvidia .container_12,
.section-xl-xl2720z .esea .container_12 { position:relative; }
.section-xl-xl2720z .display-pilot .container_12 { height:500px; }
.section-xl-xl2720z .fast-response .container_12 { height:150px; }
.section-xl-xl2720z .ui .container_12 { height:400px; }
.section-xl-xl2720z .ultra-flexible .container_12 { height:250px; }
.section-xl-xl2720z .fpsmode .container_12 { height:300px; }
.section-xl-xl2720z .esea .container_12 { height:150px; }
.section-xl-xl2720z .display-pilot .text { padding-top:80px; }

body.section-xl-xl2720z.download { background:none; }
.section-xl-xl2720z .gamemode.style2 .container_12 { padding-top:80px; height:130px; }
.section-xl-xl2720z .gamemode.style2 .articletitle { color:#fff; font-size:38px; font-style:italic; }
.section-xl-xl2720z .gamemode.style2 .articleentry { color:#fff; font-size:17px; }

.section-product.section-xl-xl2720z ul.teams li { width:auto; padding-left:0; margin-right:60px; }
.section-product.section-xl-xl2720z ul.teams li.first { margin-left:50px; }
.section-product.section-xl-xl2720z ul.teams li.last { margin-right:0; }
.section-product.section-xl-xl2720t ul.teams li { width:auto; padding-left:0; margin-right:60px; }
.section-product.section-xl-xl2720t ul.teams li.first { margin-left:50px; }
.section-product.section-xl-xl2720t ul.teams li.last { margin-right:0; }
.section-product.section-xl-xl2420t ul.teams li { width:auto; padding-left:0; margin-right:60px; }
.section-product.section-xl-xl2420t ul.teams li.first { margin-left:50px; }
.section-product.section-xl-xl2420t ul.teams li.last { margin-right:0; }
.section-product.section-xl-xl2411t ul.teams li { width:auto; padding-left:0; margin-right:60px; }
.section-product.section-xl-xl2411t ul.teams li.first { margin-left:50px; }
.section-product.section-xl-xl2411t ul.teams li.last { margin-right:0; }
.section-product.section-rl-rl2455hm ul.teams li { width:auto; padding-left:0; margin-right:60px; }
.section-product.section-rl-rl2455hm ul.teams li.first { margin-left:50px; }
.section-product.section-rl-rl2455hm ul.teams li.last { margin-right:0; }
.section-product.section-rl-rl2450ht ul.teams li { width:auto; padding-left:0; margin-right:60px; }
.section-product.section-rl-rl2450ht ul.teams li.first { margin-left:50px; }
.section-product.section-rl-rl2450ht ul.teams li.last { margin-right:0; }
.section-product.section-rl-rl2240he ul.teams li { width:auto; padding-left:0; margin-right:60px; }
.section-product.section-rl-rl2240he ul.teams li.first { margin-left:50px; }
.section-product.section-rl-rl2240he ul.teams li.last { margin-right:0; }
.section-product.section-rl-rl2240h ul.teams li { width:auto; padding-left:0; margin-right:60px; }
.section-product.section-rl-rl2240h ul.teams li.first { margin-left:50px; }
.section-product.section-rl-rl2240h ul.teams li.last { margin-right:0; }


.section-xl-xl2720z .select-steps { padding:0 0 45px 10px; background:url(../img/sepline.png) no-repeat center bottom; margin-bottom:35px; }
.section-xl-xl2720z .select-steps:last-child { background:none; margin-bottom:0; }
.section-xl-xl2720z .select-steps h4 { font-size:38px; font-style:italic; margin-bottom:35px; color:#fff; }
.section-xl-xl2720z .select-model:after,
.section-xl-xl2720z .select-game:after { content:'.'; display:block; clear:both; visibility:hidden; overflow:hidden; line-height:0; height:0; }
.section-xl-xl2720z .select-model { /*background:url(../img/down-1-navbg.png) no-repeat;*/ height:87px; }
.section-xl-xl2720z .select-model li { 
    float:left; 
    /*width:284px;*/ 
    /*width:289px;*/ 
    /*margin-left:1px;*/ 
    display:block; 
    line-height:87px; 
    font-size:50px; 
    font-style:italic; 
}
.section-xl-xl2720z .select-game li { float:left; width:280px; height:83px; display:block; margin:0 5px 10px 0; font-size:28px; line-height:83px; }
.section-xl-xl2720z .select-model li a,
.section-xl-xl2720z .select-game li a { display:block; width:100%; height:100%; text-align:center; }

/* =====================================================================
 *  select-model Single-button
 * ===================================================================== */
.section-xl-xl2720z .select-model.single-button li { width:289px; margin-left:1px; }
.section-xl-xl2720z .select-model.single-button li a { background:url(../img/down-1-navbg2.png) no-repeat center 0; }
.section-xl-xl2720z .select-model.single-button li a i { background:url(../img/down-1-navbg2.png) no-repeat center -88px; }

/* =====================================================================
 *  select-model Multi-button
 * ===================================================================== */
.section-xl-xl2720z .select-model.multi-button li { width:287px; margin-left:0px; }
.section-xl-xl2720z .select-model.multi-button li:first-child a { background:url(../img/down-1-navbg.png) no-repeat 1px 0; }
.section-xl-xl2720z .select-model.multi-button li:nth-child(2) a { background:url(../img/down-1-navbg.png) no-repeat -287px 0; }
.section-xl-xl2720z .select-model.multi-button li.nth2 a { background:url(../img/down-1-navbg.png) no-repeat -287px 0; }
.section-xl-xl2720z .select-model.multi-button li:nth-child(3) a { background:url(../img/down-1-navbg.png) no-repeat -573px 0; }
.section-xl-xl2720z .select-model.multi-button li.nth3 a { background:url(../img/down-1-navbg.png) no-repeat -573px 0; }
.section-xl-xl2720z .select-model.multi-button li:first-child a i { background:url(../img/down-1-navbg.png) no-repeat 0 -88px; }
.section-xl-xl2720z .select-model.multi-button li:nth-child(2) a i { background:url(../img/down-1-navbg.png) no-repeat center -88px; }
.section-xl-xl2720z .select-model.multi-button li.nth2 a i { background:url(../img/down-1-navbg.png) no-repeat center -88px; }
.section-xl-xl2720z .select-model.multi-button li:nth-child(3) a i { background:url(../img/down-1-navbg.png) no-repeat -574px -88px; }
.section-xl-xl2720z .select-model.multi-button li.nth3 a i { background:url(../img/down-1-navbg.png) no-repeat -574px -88px; }

.section-xl-xl2720z .select-model li a { 
    color:#d2d2d2; 
    text-decoration:none; 
    position:relative;
    -webkit-backface-visibility:hidden;
}
.section-xl-xl2720z .select-model li a i{ 
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    display: none;
    opacity:0;
    transition:opacity 0.2s ease-in;
    -webkit-transition:opacity 0.2s ease-in;
    -moz-transition-property:opacity;
    -moz-transition-duration:0.2s;
    -moz-transition-timing-function:ease-in;
}

.section-xl-xl2720z .select-model li a:hover i{
    opacity:0.5;
    display: block;
    transition-duration:0.25s;
    -webkit-transition-duration:0.25s;
    -moz-transition-duration:0.25s;
}

.select-model li a.active i{
    opacity: 1;
    display: block;
    transition-duration:0.25s;
    -webkit-transition-duration:0.25s;
    -moz-transition-duration:0.25s;
}


.section-xl-xl2720z .select-model li a span{ position:relative; }

/*.section-xl-xl2720z .select-model li.m1 { width:285px; }
.section-xl-xl2720z .select-model li.m2 { width:284px; }
.section-xl-xl2720z .select-model li.m3 { width:290px; margin-left:2px; }
.section-xl-xl2720z .select-model li.m1 a { background-position:0 0; }
.section-xl-xl2720z .select-model li.m2 a { background-position:-287px 0; }
.section-xl-xl2720z .select-model li.m3 a { background-position:-574px 0; }
.section-xl-xl2720z .select-model li.m1 a:hover { background-position:0 -88px; }
.section-xl-xl2720z .select-model li.m2 a:hover { background-position:-288px -88px; }
.section-xl-xl2720z .select-model li.m3 a:hover { background-position:-575px -88px; }*/

.section-xl-xl2720z .select-game li a {
    position: relative; 
    color:#d2d2d2; 
    text-decoration:none; 
    -webkit-backface-visibility:hidden;
    background:url(../img/down-2-navbg.png) no-repeat center 0; 
}

.section-xl-xl2720z .select-game li a i {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display: none;
    opacity:0;
    background:url(../img/down-2-navbg.png) no-repeat center -83px;
     transition:opacity 0.2s ease-in-out;
    -webkit-transition:opacity 0.2s ease-in-out;
    -moz-transition-property:opacity;
    -moz-transition-duration:0.2s;
    -moz-transition-timing-function:ease-in-out;
}

.section-xl-xl2720z .select-game li a:hover i {
    opacity:0.5;
    display: block;
    transition-duration:0.25s;
    -webkit-transition-duration:0.25s;
    -moz-transition-duration:0.25s;
}

.select-game li a.active i {
    opacity: 1;
    display: block;
    transition-duration:0.25s;
    -webkit-transition-duration:0.25s;
    -moz-transition-duration:0.25s;
}

.section-xl-xl2720z .select-game li a span { position:relative; }

.section-xl-xl2720z .select-steps h5 { margin-bottom:10px; }
.section-xl-xl2720z .select-download li { background:url(../img/icon-arrow.png) no-repeat 5px 11px; padding-left:25px; font-size:18px; line-height:1.8; }
.section-xl-xl2720z .select-download li a { color:#7044ae; font-weight:bold; }
.section-xl-xl2720z .select-download li a:hover { color:#fff;  }
.section-xl-xl2720z .select-download li span { color:#6c6c6d; display:inline-block; padding-left:10px; }
.section-xl-xl2720z .select-download li p { line-height:20px; font-size:13px; color:#7d7d7d; width:540px; }
.section-xl-xl2720z .nonetxt { color:#6c6c6d; font-size:18px; line-height:1.8; }



.section-xl-xl2420t .vis-intro {
  top: 2.76923em;
  /*36*/
  width: 28.7692em;
  /*374*/ }

.section-xl-xl2420t .equalizer {
  width: 49.23076em;
  /*640*/
  margin: 0 auto 5.76923em;
  text-align: center; }

.section-xl-xl2420t .equalizer .articleentry {
  margin-bottom: 1em; }

.section-xl-xl2420t .equalizer .compare-left figcaption {
  width: auto;
  text-align: left;
  left: 2em; }

.section-xl-xl2420t .equalizer .compare-right figcaption {
  width: auto;
  text-align: right;
  left: auto;
  right: 3em; }

.section-xl-xl2420t .sswitch {
  min-height: 20.38461em;
  /*265*/
  padding-top: 5.6923em;
  /*74*/
  margin-bottom: 2.38461em;
  /*31*/
  background: url(../img/product/xl/xl2420t/s-switch.png) no-repeat 50% 0; }

.section-xl-xl2420t .ui .container_12 {
  background: url(../img/product/xl/xl2420t/osd-screenshots.png) 1.53846em 11.92307em no-repeat; }

.section-xl-xl2420t .ui .text {
  padding-top: 1.46153em;
  /*19*/ }

.section-xl-xl2420t .gamemode {
  margin-top: -1.76923em;
  /*23*/ }

.section-xl-xl2420t .gamemode .text {
  padding-top: 8.46153em;
  /*110*/ }

.section-xl-xl2420t .fpsmode {
  margin-top: 5em;
  /*23*/ }

.section-xl-xl2420t .fpsmode .text {
  padding-top: 4em;
  /*110*/
  margin-bottom: 12em;
  /*86*/ }

.section-xl-xl2420t .displaymode {
  padding-top: 12.6923em;
  margin-bottom: 6.61538em;
  /*86*/ }

.section-xl-xl2420t .displaymode .container_12 {
  position: relative; }

.section-xl-xl2420t .displaymode .text1,
.section-xl-xl2420t .displaymode .text2 {
  position: relative;
  z-index: 2; }

.section-xl-xl2420t .displaymode .text1 {
  margin-bottom: 1em; }

.section-xl-xl2420t .displaymode figure {
  position: absolute;
  left: -5.07692em;
  /*66*/
  top: -13.53846em;
  /*176*/ }

.section-xl-xl2420t .refreshrate {
  margin-bottom: 6.76923em;
  /*88*/ }

.section-xl-xl2420t .refreshrate .text {
  position: relative;
  top: 1.76923em;
  /*23*/ }

.section-xl-xl2420t .responsetime {
  margin-bottom: 6.76923em;
  /*88*/ }

.section-xl-xl2420t .responsetime .text {
  position: relative;
  top: 1.07692em;
  /*14*/ }

.section-xl-xl2420t .nvidia-3d-vision-2 {
  margin-bottom: 6.76923em;
  /*88*/ }

.section-xl-xl2420t .nvidia-3d-vision-2 .text {
  position: relative;
  top: 1.07692em;
  /*14*/ }

.section-xl-xl2420t .iem {
  margin-bottom: 6.76923em;
  /*88*/ }

.section-xl-xl2420t .iem figure {
  margin-left: 45px; }

.section-xl-xl2420t .iem .text {
  position: relative;
  top: 1.07692em;
  /*14*/ }

.section-xl-xl2410t .vis-intro {
  left: 5.38461em;
  /*70*/
  right: auto;
  top: 5.15384em;
  /*67*/
  width: 25.76923em;
  /*335*/ }

.section-xl-xl2410t .vis-title img {
  position: relative;
  left: -.18421em; }

.section-xl-xl2410t .led {
  width: 44.61538em;
  /*580*/
  margin: 0 auto 4.76923em;
  text-align: center; }

.section-xl-xl2410t .led figure {
  margin-bottom: 1em; }

.section-xl-xl2410t .refreshrate {
  margin-bottom: 4.76923em;
  /*62*/ }

.section-xl-xl2410t .responsetime {
  margin-bottom: 5.46153em;
  /*71*/ }

.section-xl-xl2410t .responsetime .text {
  position: relative;
  top: 1.07692em;
  /*14*/ }

.section-xl-xl2410t .displaymode {
  margin-bottom: 4.76923em;
  /*62*/ }

.section-xl-xl2410t .displaymode .container_12 {
  position: relative; }

.section-xl-xl2410t .displaymode figure {
  float: left;
  position: absolute;
  right: 0;
  top: 0; }

.section-xl-xl2410t .fpsmode {
  margin-top: 5em;
  /*23*/ }

.section-xl-xl2410t .fpsmode .text {
  padding-top: 2em;
  /*110*/
  margin-bottom: 12em;
  /*86*/ }

.section-xl-xl2410t .pbp {
  min-height: 28.46153em;
  /*370*/ }

.section-xl-xl2410t .pbp .container_12 {
  position: relative; }

.section-xl-xl2410t .pbp .monitor {
  position: absolute;
  left: -1.1em;
  top: -4.76923em;
  /*62*/ }

.section-xl-xl2410t .pbp .interfaces {
  margin-top: 1.61538em;
  /*21*/
  text-align: right; }

/******************************
 * Section: Products | RL         *
 ******************************/
.section-rl-front .vis-intro {
  left: 5.38461em;
  /*70*/
  right: auto;
  top: 5.92307em;
  /*77*/
  width: 23.07692em;
  /*300*/ }

.section-rl-front .vis-title img {
  position: relative;
  left: -.18421em; }

.section-rl-rl2455hm .vis-intro {
  left: 5.38461em;
  /*70*/
  right: auto;
  top: 2.76923em;
  /*36*/
  width: 23.07692em;
  /*300*/ }

.section-rl-rl2455hm .vis-title img {
  position: relative;
  left: -.18421em; }

.section-rl-rl2455hm .equalizer {
  width: 49.23076em;
  /*640*/
  margin: 0 auto 5.76923em;
  margin-top: 5.7em;
  text-align: center; }

.section-rl-rl2455hm .equalizer .articleentry {
  margin-bottom: 1em; }

.section-rl-rl2455hm .rtsmode {
  margin-top: 5em;
  margin-bottom: 12em;
  /*127*/ }

.section-rl-rl2455hm .rtsmode .text {
  position: relative;
  top: 1.07692em;
  text-align: center;
  /*14*/ }

.section-rl-rl2455hm .displaymode {
  margin-bottom: 9.23076em;
  /*120*/ }

.section-rl-rl2455hm .displaymode .container_12 {
  position: relative; }

.section-rl-rl2455hm .displaymode .text {
  position: relative;
  z-index: 2; }

.section-rl-rl2455hm .displaymode .text1 {
  margin-bottom: 1em; }

.section-rl-rl2455hm .displaymode figure {
  position: absolute;
  left: 1.53846em;
  /*20*/
  top: -7.6923em;
  /*100*/ }

.section-rl-rl2455hm .responsetime {
  margin-bottom: 5.61538em;
  /*73*/ }

.section-rl-rl2455hm .responsetime .text {
  position: relative;
  top: 3.84615em;
  /*50*/ }

.section-rl-rl2455hm .iem {
  margin-bottom: 6.76923em;
  /*88*/ }

.section-rl-rl2455hm .iem .text {
  position: relative;
  top: 1em;
  /*53*/ }

.section-rl-rl2455hm .compatible .windows8 {
  width: 267px;
  padding-left: 9em;
  height: 115px; }

.section-rl-rl2450ht .vis-intro {
  left: 5.38461em;
  /*70*/
  right: auto;
  top: 2.76923em;
  /*36*/
  width: 23.07692em;
  /*300*/ }

.section-rl-rl2450ht .vis-title img {
  position: relative;
  left: -.18421em; }

.section-rl-rl2450ht .equalizer {
  width: 49.23076em;
  /*640*/
  margin: 0 auto 5.76923em;
  text-align: center; }

.section-rl-rl2450ht .equalizer .articleentry {
  margin-bottom: 1em; }

.section-rl-rl2450ht .rtsmode {
  margin-bottom: 12.61538em;
  /*112*/ }

.section-rl-rl2450ht .rtsmode .text {
  text-align: center;
  position: relative;
  top: 1.07692em;
  /*14*/ }

.section-rl-rl2450ht .displaymode {
  margin-bottom: 9.23076em;
  /*120*/ }

.section-rl-rl2450ht .displaymode .container_12 {
  position: relative; }

.section-rl-rl2450ht .displaymode .text {
  position: relative;
  z-index: 2; }

.section-rl-rl2450ht .displaymode .text1 {
  margin-bottom: 1em; }

.section-rl-rl2450ht .displaymode figure {
  position: absolute;
  left: 1.53846em;
  /*20*/
  top: -7.6923em;
  /*100*/ }

.section-rl-rl2450ht .responsetime {
  margin-bottom: 5.61538em;
  /*73*/ }

.section-rl-rl2450ht .responsetime .text {
  position: relative;
  top: 3.84615em;
  /*50*/ }

.section-rl-rl2450ht .iem {
  margin-bottom: 6.76923em;
  /*88*/ }

.section-rl-rl2450ht .iem .text {
  position: relative;
  top: 1em;
  /*53*/ }

.section-rl-rl2240h .equalizer {
  width: 49.23076em;
  /*640*/
  margin: 5.76923em auto 5.76923em;
  text-align: center; }

.section-rl-rl2240h .equalizer .articleentry {
  margin-bottom: 1em; }

.section-rl-rl2240h .rtsmode {
  margin-bottom: 12.61538em;
  /*112*/ }

.section-rl-rl2240h .rtsmode .text {
  text-align: center;
  position: relative;
  top: 2.23076em;
  /*29*/ }

.section-rl-rl2240h .displaymode {
  margin-bottom: 6.76923em;
  /*88*/ }

.section-rl-rl2240h .displaymode .container_12 {
  position: relative; }

.section-rl-rl2240h .displaymode figure {
  float: left;
  position: absolute;
  right: 0;
  top: -5.38461em; }

.section-rl-rl2240h .responsetime {
  margin-bottom: 6.76923em;
  /*88*/ }

.section-rl-rl2240h .responsetime .text {
  position: relative;
  top: 4.07692em;
  /*53*/ }

/**********************************************
***    rl2460ht                     ********
***********************************************/
.section-rl-rl2460ht .content-wrap .container_12 section{
    margin-bottom:60px;
}

.section-rl-rl2460ht .content-wrap .container_12 .hdmi-output .grid_6 img{
    margin-left:-60px;
}

.section-rl-rl2460ht .content-wrap .container_12 .fighting-mode img{
    margin-top:-40px
}

.section-rl-rl2460ht .content-wrap .container_12 .duo-setup img{
    margin: -340px 0 0 310px;
}

.section-rl-rl2460ht .content-wrap .container_12 .low-blue-light img{
    margin-top:-210px;
}

.section-rl-rl2460ht .content-wrap .container_12 .flicker-free img{
    margin-top:10px;
}

.section-rl-rl2460ht .content-wrap .container_12 .display-pilot .txt{
    margin-top:140px;
}

.section-rl-rl2460ht .content-wrap .container_12 .display-pilot img{
    margin:-240px 0 0 -170px;
}

.section-rl-rl2460ht .content-wrap .container_12 .equalizer .grid_10{
    text-align:center;margin-top:-150px
}
.section-rl-rl2460ht .content-wrap .container_12 .equalizer .compare{
    margin-top:10px
}

.section-rl-rl2460ht .content-wrap .container_12 .gamemode-loader {
    z-index:1;
    position:relative;
}

.section-rl-rl2460ht .content-wrap .container_12 .displaymode .text1{
    margin-top:190px
}

.section-rl-rl2460ht .content-wrap .container_12 .displaymode img{
    margin:-455px 0 0 -210px
}

.section-rl-rl2460ht .content-wrap .container_12 .fast-response-time{
    margin-top: -50px
}

.section-rl-rl2460ht .content-wrap .container_12 .gamemode-loader figure{
    height:170px;
}
.section-rl-rl2460ht .content-wrap .container_12 .gamemode-loader img{
    margin-left: -45px;
    margin-top: -60px;
}

.section-rl-rl2460ht .vis-intro {
    left: 42em;
    width: 32.769em;
}

/**********************************************
***    end rl2460ht                     ********
***********************************************/



/******************************
 * Section: Download              *
 ******************************/
.section-download .sectiontitle {
  margin-bottom: 0.3em;
  /*18*/ }

.section-download .tlc,
.section-download .list1 li {
  font-size: 1.38461em;
  /*13xN=18*/
  font-family: 'GillSansLight'; }

.section-download .list1 li {
  font-style: normal; }

.section-download .gamemode p {
  margin-bottom: 2em; }

.section-download .gamemode article {
  margin-bottom: 2em; }

.section-download .gamemode .articletitle {
  margin-bottom: .2em;
  font-style: italic; }

.section-download .ebrochure .item {
  margin-bottom: 1em; }

.section-download .wallpaper ul {
  width: 32.5em;
  overflow: hidden;
  margin-top: 115px; }

.section-download .wallpaper li {
  float: left;
  margin: 0 1.92307em 20px 0; }

/*.section-download .ebrochure .item { float:left}*/
.section-download .ebrochure .item {
  float: none;
  width: 103px; }

.section-download .gamemode .updateinfo {
  white-space: nowrap;
  margin-left: 5px;
  color: #6c6c6d;
  font-size: 1em;
  font-family: 'GillSansLight'; }

.gamemode .sectionlogo {
  background: url("/html/en/img/downloads/game_mode_loader.png") repeat scroll 0 0 transparent;
  display: block;
  height: 250px;
  width: 370px;
  left: -102px;
  position: absolute;
  text-indent: -5000px;
  top: 0.3em; }

.gamemode .sectionlogo a {
  width: 100%;
  height: 100%;
  display: block; }

.gamemode .sectiontitle {
  line-height: 1em;
  margin-bottom: 0.3em;
  padding: .4em 0 0 6em;
  width: 6em; }

/*
.gamemode .articleentry
{
    margin-bottom: 2em;
    padding-left: 11.2em;
    width: 17em;
}*/
.gamemode article .tlc .lnktxt {
  position: relative; }

.gamemode article .tlc {
  display: block;
  margin: 0 0 5px 20px;
  position: relative;
  font-size: 18px;
  font-family: 'GillSansLight'; }

.gamemode .arrow-down {
  display: block;
  height: 20px;
  left: -20px;
  position: absolute;
  width: 20px; }

.gamemode .arrow-sub {
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
  position: absolute;
  top: 8px; }

.gamemode .arrow2.arrow-sub {
  top: 12px; }

.gamemode .arrow-sub-sub {
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  border-top: 2px solid #000000;
  left: -2px;
  position: absolute;
  top: -4px;
  width: 0; }

.wallpaper .wallpapertitle {
  background: url("/html/en/img/downloads/wallpapers.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 205px;
  left: -90px;
  padding: 30px 0 0 190px;
  position: absolute;
  width: 275px; }

.wallpaper .hint {
  color: #7D7D7D;
  font-family: arial;
  font-size: 1.07692em;
  padding: 0 0 0 0.15em; }

.manual .manuallist {
  width: 29em;
  margin-left: 1em;
  list-style: disc outside; }

.manual .manuallist li {
  float: left;
  margin-right: 55px;
  width: 370px;
  margin-bottom: .523em; }

.manual .manuallist li {
  font-family: 'GillSansLight';
  font-size: 18px;
  color: inherit;
  text-decoration: underline; }

.section-download .space33 {
  margin-top: 43px;
  margin-bottom: 33px; }

/* =====================================================================
 * Third party
 * ===================================================================== */
/********************************
 * Slideshow                                        *
 * @albertlan.com                               *
 ********************************/
.sls {
  position: absolute;
  width: 100%;
  height: 630px;
  overflow: hidden; }

.sls-holder {
  height: 100%; }

.sls-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.sls-item {
  top: -999em; }

/* Avoid unwanted exposure */
.sls-clip {
  position: relative;
  left: 50%;
  margin: 0 auto; }

.sls-mask {
  position: relative;
  overflow: hidden; }

.sls-mask .sls-img {
  position: relative; }

.sls-child {
  position: absolute;
  z-index: 1; }

.sls-control {
  position: absolute;
  width: 100%;
  bottom: 1em; }

.sls-pagination {
  text-align: center; }

.sls-pagination a {
  display: inline-block;
  width: 1em;
  height: 1em;
  overflow: hidden;
  margin: 0 .5em;
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  text-decoration: none;
  text-align: left;
  text-indent: -999em; }

.sls-pagination a:hover {
  background-color: #eee;
  background-color: rgba(255, 255, 255, 0.5); }

.sls-pagination a:active {
  background-color: #ddd;
  background-color: rgba(255, 255, 255, 0.3); }

.sls-pagination a.current {
  background: #fff;
  color: #888;
  text-decoration: none; }

/********************************
 * 960 Grid System                          *
 * 900px width with 12 columns  *
 ********************************/
body {
  min-width: 900px; }

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 900px; }

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 20px;
  margin-right: 20px; }

.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 {
  position: relative; }

.alpha {
  margin-left: 0; }

.omega {
  margin-right: 0; }

.container_12 .grid_1 {
  width: 35px; }

.container_12 .grid_2 {
  width: 110px; }

.container_12 .grid_3 {
  width: 185px; }

.container_12 .grid_4 {
  width: 260px; }

.container_12 .grid_5 {
  width: 335px; }

.container_12 .grid_6 {
  width: 410px; }

.container_12 .grid_7 {
  width: 485px; }

.container_12 .grid_8 {
  width: 560px; }

.container_12 .grid_9 {
  width: 635px; }

.container_12 .grid_10 {
  width: 710px; }

.container_12 .grid_11 {
  width: 785px; }

.container_12 .grid_12 {
  width: 860px; }

.container_12 .prefix_1 {
  padding-left: 75px; }

.container_12 .prefix_2 {
  padding-left: 150px; }

.container_12 .prefix_3 {
  padding-left: 225px; }

.container_12 .prefix_4 {
  padding-left: 300px; }

.container_12 .prefix_5 {
  padding-left: 375px; }

.container_12 .prefix_6 {
  padding-left: 450px; }

.container_12 .prefix_7 {
  padding-left: 525px; }

.container_12 .prefix_8 {
  padding-left: 600px; }

.container_12 .prefix_9 {
  padding-left: 675px; }

.container_12 .prefix_10 {
  padding-left: 750px; }

.container_12 .prefix_11 {
  padding-left: 825px; }

.container_12 .suffix_1 {
  padding-right: 75px; }

.container_12 .suffix_2 {
  padding-right: 150px; }

.container_12 .suffix_3 {
  padding-right: 225px; }

.container_12 .suffix_4 {
  padding-right: 300px; }

.container_12 .suffix_5 {
  padding-right: 375px; }

.container_12 .suffix_6 {
  padding-right: 450px; }

.container_12 .suffix_7 {
  padding-right: 525px; }

.container_12 .suffix_8 {
  padding-right: 600px; }

.container_12 .suffix_9 {
  padding-right: 675px; }

.container_12 .suffix_10 {
  padding-right: 750px; }

.container_12 .suffix_11 {
  padding-right: 825px; }

.container_12 .push_1 {
  left: 75px; }

.container_12 .push_2 {
  left: 150px; }

.container_12 .push_3 {
  left: 225px; }

.container_12 .push_4 {
  left: 300px; }

.container_12 .push_5 {
  left: 375px; }

.container_12 .push_6 {
  left: 450px; }

.container_12 .push_7 {
  left: 525px; }

.container_12 .push_8 {
  left: 600px; }

.container_12 .push_9 {
  left: 675px; }

.container_12 .push_10 {
  left: 750px; }

.container_12 .push_11 {
  left: 825px; }

.container_12 .pull_1 {
  left: -75px; }

.container_12 .pull_2 {
  left: -150px; }

.container_12 .pull_3 {
  left: -225px; }

.container_12 .pull_4 {
  left: -300px; }

.container_12 .pull_5 {
  left: -375px; }

.container_12 .pull_6 {
  left: -450px; }

.container_12 .pull_7 {
  left: -525px; }

.container_12 .pull_8 {
  left: -600px; }

.container_12 .pull_9 {
  left: -675px; }

.container_12 .pull_10 {
  left: -750px; }

.container_12 .pull_11 {
  left: -825px; }

.container_12:before, .container_12:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.clearfix:after {
  clear: both; }

.container_12 {
  zoom: 1; }

.debug .container_12 {
  background-color: rgba(255, 255, 255, 0.05); }

.debug .grid_1, .debug .grid_2, .debug .grid_3, .debug .grid_4, .debug .grid_5, .debug .grid_6, .debug .grid_7, .debug .grid_8, .debug .grid_9, .debug .grid_10, .debug .grid_11, .debug .grid_12 {
  background-color: rgba(255, 255, 255, 0.08); }

/********************************
 * jScrollPanel                           *
 ********************************/
.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 13px;
  height: 100%; }

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 13px; }

.jspVerticalBar *, .jspHorizontalBar * {
  margin: 0;
  padding: 0; }

.jspHorizontalBar .jspCap {
  width: 20%;
  height: 100%; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  position: relative;
  background: #d3d3d4;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  box-shadow: inset -1px 2px 4px #7d7d7e; }

.jspTrack:hover {
  background: #eee; }

.jspDrag {
  position: relative;
  top: 0;
  left: 0;
  height: 11px !important;
  border: 1px solid #4f2572;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
  background: #56029b;
  background: -moz-linear-gradient(top, #673f8a 0%, #5d397b 46%, #3e1e59 53%, #371a4f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #673f8a), color-stop(46%, #5d397b), color-stop(53%, #3e1e59), color-stop(100%, #371a4f));
  background: -webkit-linear-gradient(top, #673f8a 0%, #5d397b 46%, #3e1e59 53%, #371a4f 100%);
  background: -o-linear-gradient(top, #673f8a 0%, #5d397b 46%, #3e1e59 53%, #371a4f 100%);
  background: -ms-linear-gradient(top, #673f8a 0%, #5d397b 46%, #3e1e59 53%, #371a4f 100%);
  background: linear-gradient(top, #673f8a 0%, #5d397b 46%, #3e1e59 53%, #371a4f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#673f8a', endColorstr='#371a4f',GradientType=0 ); }

.jspDrag:hover {
  background: #7044ae;
  background: -moz-linear-gradient(top, #673f8a 0%, #5e3e7a 46%, #532d71 53%, #532d71 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #673f8a), color-stop(46%, #5e3e7a), color-stop(53%, #532d71), color-stop(100%, #532d71));
  background: -webkit-linear-gradient(top, #673f8a 0%, #5e3e7a 46%, #532d71 53%, #532d71 100%);
  background: -o-linear-gradient(top, #673f8a 0%, #5e3e7a 46%, #532d71 53%, #532d71 100%);
  background: -ms-linear-gradient(top, #673f8a 0%, #5e3e7a 46%, #532d71 53%, #532d71 100%);
  background: linear-gradient(top, #673f8a 0%, #5e3e7a 46%, #532d71 53%, #532d71 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#673f8a', endColorstr='#532d71',GradientType=0 ); }

.jspDrag:active {
  background: #53178d;
  background: -moz-linear-gradient(top, #371a4f 0%, #462165 46%, #532d71 53%, #532d71 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #371a4f), color-stop(46%, #462165), color-stop(53%, #532d71), color-stop(100%, #532d71));
  background: -webkit-linear-gradient(top, #371a4f 0%, #462165 46%, #532d71 53%, #532d71 100%);
  background: -o-linear-gradient(top, #371a4f 0%, #462165 46%, #532d71 53%, #532d71 100%);
  background: -ms-linear-gradient(top, #371a4f 0%, #462165 46%, #532d71 53%, #532d71 100%);
  background: linear-gradient(top, #371a4f 0%, #462165 46%, #532d71 53%, #532d71 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#371a4f', endColorstr='#532d71',GradientType=0 );
  cursor: move; }

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  display: block;
  background: none;
  text-indent: -20000px;
  cursor: pointer; }

.jspArrow.jspDisabled {
  cursor: default;
  background: none; }

.jspVerticalBar .jspArrow {
  height: 13px; }

.jspHorizontalBar .jspArrow {
  float: left;
  width: 13px;
  height: 100%; }

.jspVerticalBar .jspArrow:focus {
  outline: none; }

.jspCorner {
  float: left;
  height: 100%;
  background: none; }

* html .jspCorner {
  margin: 0 -3px 0 0; }

/* transition */
.jspTrack, .jspDrag {
  -moz-transition: background-color .2s ease-out;
  -webkit-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out; }

.jspContainer:focus, .jspContainer *:focus {
  outline: 0; }

/* =====================================================================
 * Non-semantic helpers
 * ===================================================================== */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }

.ir br {
  display: none; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/* =====================================================================
 *  Media Queries
 * ===================================================================== */
/* =====================================================================
 *  Print styles
 * ===================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
.section-xl-xl2411t .vis-intro {
  left: 5.38461em;
  /*70*/
  right: auto;
  top: 5.15384em;
  /*67*/
  width: 25.76923em;
  /*335*/ }
.section-xl-xl2411t .vis-title img {
  position: relative;
  left: -.18421em; }
.section-xl-xl2411t .content-wrap section {
  margin: 0 auto 5.76923em; }
.section-xl-xl2411t .equalizer {
  margin: 0 auto 5.76923em;
  text-align: center;
  width: 49.2308em; }
.section-xl-xl2411t .displaymode .container_12 {
  position: relative; }

.section-xl-xl2411t section.displaymode {
  margin-bottom: 11em;
}
.section-xl-xl2411t section.displaymode .text {
  margin-top:150px;
}



.section-xl-xl2411t .fps-mode .text  {
 margin-top: 28px;
}

.section-xl-xl2411t .grom .text  {
 margin-top: 65px;
}
.section-xl-xl2411t .grom .text h3 {
 position: absolute;
 top: 32px;
 left:130px;
}
.section-xl-xl2411t .grom .text img {
   position: absolute;
   top: 0px;
   left:0px;
}
.section-xl-xl2411t .grom .text p {
 margin-top: 123px;
}


.section-xl-xl2411t .displaymode figure {
  float: left;
  position: absolute;
  right: 0;
  top: 0; 
}

.section-xl-xl2411t .ultra-smooth {
  text-align: center;
}

.section-xl-xl2411t .ultra-smooth p{
  width:600px;
}



.section-xl-xl2411t .benq-x-professional-cs-gamers .text{
  margin-top: 30px;
}


.section-xl-xl2411t .best-combat-positioning figure{
margin-top: 10px;
margin-left: 24px;
}



.section-xl-xl2411t .compatible .windows {
width: auto;
padding-left: 9em;
height: 115px;
}
.section-xl-xl2411t .windows p{
  width:670px;
}



/***/
.section-xl-xl2420t .flickr-free  {
 margin-top: 65px;
 margin-bottom: 95px;
}
.section-xl-xl2420t .grom .text  {
 margin-top: 65px;
}
.section-xl-xl2420t .grom .text h3 {
 position: absolute;
 top: 32px;
 left:130px;
}
.section-xl-xl2420t .grom .text img {
   position: absolute;
   top: 0px;
   left:0px;
}
.section-xl-xl2420t .grom .text p {
 margin-top: 123px;
}


/* 2013/9/11 add: RL2240HE */
.section-rl-rl2240he .vis-intro {left:200px;}
.section-rl-rl2240he .equalizer {
  width: 49.23076em;
  /*640*/
  margin: 5.76923em auto 5.76923em;
  text-align: center; }

.section-rl-rl2240he .equalizer .articleentry {
  margin-bottom: 1em; }
.section-rl-rl2240he .rtsmode {
  margin-bottom: 12.61538em;
  /*112*/ }

.section-rl-rl2240he .rtsmode .text {
  text-align: center;
  position: relative;
  top: 2.23076em;
  /*29*/ }

.section-rl-rl2240he .displaymode {
  margin-bottom: 6.76923em;
  /*88*/ }

.section-rl-rl2240he .displaymode .container_12 {
  position: relative; }

.section-rl-rl2240he .displaymode figure {
  float: left;
  position: absolute;
  right: 0;
  top: -5.38461em; }

.section-rl-rl2240he .responsetime {
  margin-bottom: 6.76923em;
  /*88*/ }

.section-rl-rl2240he .responsetime .text {
  position: relative;
  top: 4.07692em;
  /*53*/ }

/* 20131203 add */
.section-xl-xl2420z .vis-intro,
.section-xl-xl2411z .vis-intro {left:44px; top:95px;}

/* 20131213 add */
.section-home .product-wrap ul#product-con li.nth4 {
    padding-top:0px;
}