html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

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

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

a { color: #3c3c3c; }
a:hover { color: #3b8dbd; }

body { color: #3c3c3c; }

.slogan { color: #c52033; }

.red { color: red; }

.white { background-color: white; }

.blue { color: #236DAA; }

.orange { color: #FF6600; }

.grey, .gray { color: #666666; }

.m { font-weight: bold; color: #00a650; }

.p { font-weight: bold; color: #007bb8; }

.h { color: #aa8c3d; }

.v { color: #596935; }

@media (min-width: 0px) { .row { overflow: hidden; *zoom: 1; max-width: 100%; margin-left: auto; margin-right: auto; height: 100%; overflow: hidden; } }
@media (min-width: 640px) { .row { overflow: hidden; *zoom: 1; max-width: 960px; margin-left: auto; margin-right: auto; margin: 0 auto; } }
@media (min-width: 1280px) { .row { overflow: hidden; *zoom: 1; max-width: 960px; margin-left: auto; margin-right: auto; } }

.columns.three { width: 28.0%; float: left; margin-left: 1%; margin-right: 1%; }
.columns.four { width: 38%; float: left; margin-left: 1%; margin-right: 1%; }
.columns.five { width: 48%; float: left; margin-left: 1%; margin-right: 1%; }
.columns.six { width: 58.0%; float: left; margin-left: 1%; margin-right: 1%; }
.columns.seven { width: 68%; float: left; margin-left: 1%; margin-right: 1%; }

html { font-size: 16px; line-height: 24px; }

html { line-height: 96px; font-variant: normal; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: 400; zoom: 1; -webkit-font-smoothing: antialiased; -webkit-font-variant-ligatures: normal; }

body { cursor: default; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: 400; font-size: 13px; line-height: 24px; }

p { font-size: 14px; line-height: 24px; font-style: normal; font-variant: normal; }

.x-small { font-size: x-small; }

html, body { height: 100%; }

a { text-decoration: none; outline: 0; }
a:hover, a:focus, a:active, a:visited { text-decoration: underline; }
a img { border: 0; }

hr { margin: 20px 0; border-color: rgba(70, 70, 70, 0.2); border-bottom: none; }

img { height: auto !important; max-width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

table img { vertical-align: middle; }

address { font-style: normal; }

strong, b { font-weight: bold; }

ol { list-style: decimal; }

em { font-weight: bold; font-style: italic; }

dl { display: table; overflow: auto; }

dt, dd { display: table-cell; }

dt { font-weight: bold; }

sup { font-size: x-small; vertical-align: super; }

.justify { text-align: justify !important; }

.bold { font-weight: bold !important; }

.no-bold { font-weight: normal !important; }

.top { vertical-align: top !important; }

.middle { vertical-align: middle !important; }

.bottom { vertical-align: bottom !important; }

.center { text-align: center !important; }

.left { text-align: left !important; }

.right { text-align: right !important; }

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

.no-width { width: auto !important; }

.float-left { float: left !important; }

.float-right { float: right !important; }

.no-float { float: none !important; }

.clear { clear: both !important; }

.pos-relative { position: relative !important; }

.pos-absolute { position: absolute !important; }

.no-pos { position: static !important; }

.hide, .hidden { display: none !important; }

.nowrap { white-space: nowrap !important; }

.break-word { word-wrap: break-word !important; }

.block { display: block !important; }

.inline { display: inline !important; }

.inline-block { display: inline-block !important; }

.error { color: red !important; }

.table { display: table; }

.tr { display: table-row; }

.td { display: table-cell; vertical-align: middle; margin: 2px 0px; }

.lower-alpha { list-style-type: lower-alpha; }

.decimal { list-style-type: decimal; }

.no-margin { margin: 0; }

.no-padding { padding: 0; }

.line { border-bottom: solid #4978A9 1px; width: 90%; padding: 3px 0; }

.sub { font-size: x-small; vertical-align: sub; }

.pointer { cursor: pointer; }

.relative { position: relative; }

.absolute { position: absolute; }

.margin-trailer { margin-bottom: 24px; }

.padding-trailer { padding-bottom: 24px; }

#home .slider .sliderimg { float: left; }
#home .slider .sliderimg .banner { height: 312px; background-repeat: no-repeat; background-size: auto 100%; }
#home .products-wrapper > .row { background-color: #f4f3ec; }
#home .products-info { padding: 24px; }
@media (min-width: 640px) { #home .products-info { padding: 0 24px; } }
@media (min-width: 0px) { #home .products-info li { margin-top: 24px; margin-bottom: 24px; }
  #home .products-info li a { display: block; }
  #home .products-info li img { -webkit-box-shadow:  0 1px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow:  0 1px 10px rgba(0, 0, 0, 0.5); -o-box-shadow:  0 1px 10px rgba(0, 0, 0, 0.5); box-shadow:  0 1px 10px rgba(0, 0, 0, 0.5); width: 100%; height: auto; }
  #home .products-info li img:hover { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } }
@media (min-width: 640px) { #home .products-info li { width: 31.66667%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; } }

#rkp .banner-wrapper > .row { background: url("/imgs/lcd-console-drawer/banner.jpg") top center/960px 209px no-repeat; height: 216px; }
#rkp .products-info > li { position: relative; }
@media (min-width: 0px) { #rkp .products-info > li { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow:  0 1px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow:  0 1px 4px rgba(0, 0, 0, 0.5); -o-box-shadow:  0 1px 4px rgba(0, 0, 0, 0.5); box-shadow:  0 1px 4px rgba(0, 0, 0, 0.5); background-color: #eeece1; margin: 12px 0; width: 100%; float: left; } }
@media (min-width: 640px) { #rkp .products-info > li { width: 48.33333%; margin-left: 0.83333%; margin-right: 0.83333%; } }
@media (min-width: 960px) { #rkp .products-info > li { width: 31.66667%; } }
#rkp .products-info .product { padding-top: 12px; overflow: hidden; *zoom: 1; }
@media (min-width: 0px) { #rkp .products-info .image { width: 40%; float: left; margin-left: 5%; margin-right: 5%; max-width: 122px; height: 96px; } }
#rkp .products-info .caption { min-height: 120px; }
@media (min-width: 0px) { #rkp .products-info .caption { width: 50%; float: right; } }
#rkp .products-info .model { font-weight: bold; color: inherit; font-size: 15px; line-height: 24px; }
#rkp .products-info .data-sheet { overflow: hidden; *zoom: 1; line-height: 48px; }
#rkp .products-info .data-sheet .button { width: 50%; float: left; text-align: center; }
#rkp .products-info .data-sheet .button > a { background-color: #9a3a3b; color: white; padding: 5px 10px; }
#rkp a.more { background: url("/imgs/lcd-console-drawer/more.png") center center/100% 100% no-repeat; }
#rkp a.kit { background-color: #39a1e9; color: white; padding: 0 10px; margin-top: 4px; float: right; }

#kvm .banner-wrapper > .row { background: url("/imgs/kvm-switch/banner.jpg") top center/960px 209px no-repeat; height: 216px; }
@media (min-width: 0px) { #kvm .products-info { width: 100%; float: left; } }
@media (min-width: 960px) { #kvm .products-info { width: 31.66667%; margin-left: 0.83333%; margin-right: 0.83333%; } }
#kvm .products-info > li { position: relative; font-size: 12px; }
@media (min-width: 0px) { #kvm .products-info > li { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow:  0 1px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow:  0 1px 4px rgba(0, 0, 0, 0.5); -o-box-shadow:  0 1px 4px rgba(0, 0, 0, 0.5); box-shadow:  0 1px 4px rgba(0, 0, 0, 0.5); background-color: #eeece1; margin: 12px 0; width: 100%; float: left; overflow: hidden; *zoom: 1; } }
@media (min-width: 640px) { #kvm .products-info > li { width: 48.33333%; margin-left: 0.83333%; margin-right: 0.83333%; } }
@media (min-width: 960px) { #kvm .products-info > li { width: 100%; margin-left: 0; margin-right: 0; } }
#kvm .products-info .product { padding-top: 12px; min-height: 120px; }
@media (min-width: 0px) { #kvm .products-info .image { width: 40%; float: left; margin-left: 5%; margin-right: 5%; max-width: 122px; height: 120px; } }
@media (min-width: 640px) { #kvm .products-info .image { max-width: auto; } }
#kvm .products-info .caption { min-height: 120px; }
@media (min-width: 0px) { #kvm .products-info .caption { width: 50%; float: right; } }
#kvm .products-info .model { font-weight: bold; color: inherit; font-size: 15px; line-height: 24px; }
#kvm .products-info .data-sheet { overflow: hidden; *zoom: 1; line-height: 48px; }
#kvm .products-info .data-sheet .button { width: 50%; float: left; text-align: center; }
#kvm .products-info .data-sheet .button > a { background-color: #0c4874; color: white; padding: 5px 10px; }
#kvm a.more { background: url("/imgs/kvm-switch/more.png") center center/100% 100% no-repeat; }

#rp .banner-wrapper > .row { background: url("/imgs/rackmount-display/banner.jpg") top center/960px 209px no-repeat; height: 216px; }
@media (min-width: 0px) { #rp .products-info { width: 100%; float: left; } }
@media (min-width: 960px) { #rp .products-info { width: 31.66667%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; } }
#rp .products-info > li { position: relative; font-size: 12px; }
@media (min-width: 0px) { #rp .products-info > li { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow:  0 1px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow:  0 1px 4px rgba(0, 0, 0, 0.5); -o-box-shadow:  0 1px 4px rgba(0, 0, 0, 0.5); box-shadow:  0 1px 4px rgba(0, 0, 0, 0.5); background-color: #eeece1; margin: 12px 0; width: 100%; float: left; } }
@media (min-width: 640px) { #rp .products-info > li { width: 48.33333%; margin-left: 0.83333%; margin-right: 0.83333%; } }
@media (min-width: 960px) { #rp .products-info > li { width: 100%; margin-left: 0; margin-right: 0; } }
@media (min-width: 0px) { #rp .products-info .product { padding: 12px; overflow: hidden; *zoom: 1; }
  #rp .products-info .product .image { width: 50%; float: left; min-height: 96px; text-align: center; }
  #rp .products-info .product .image img { max-height: 96px; vertical-align: middle; }
  #rp .products-info .product .caption { width: 50%; float: left; min-height: 96px; text-align: center; }
  #rp .products-info .product .caption > ul.spec { display: inline-block; }
  #rp .products-info .product .caption > ul.spec li { text-align: left; } }
@media (min-width: 960px) { #rp .products-info .product .image { width: 45%; margin-right: 5%; }
  #rp .products-info .product .caption { width: 50%; text-align: left; } }
#rp .products-info .model { font-weight: bold; color: inherit; font-size: 15px; line-height: 24px; }
#rp .products-info .data-sheet { overflow: hidden; *zoom: 1; line-height: 48px; }
#rp .products-info .data-sheet .button { width: 50%; float: left; text-align: center; }
#rp .products-info .data-sheet .button > a { background-color: #95bb4e; color: white; padding: 5px 10px; }
#rp .products-info:nth-child(1) .data-sheet a { background-color: #5b7130; }
#rp .products-info:nth-child(1) a.more { background: url("/imgs/rackmount-display/more-01.png") center center/100% 100% no-repeat; }
#rp .products-info:nth-child(2) .data-sheet a { background-color: #657f35; }
#rp .products-info:nth-child(2) a.more { background: url("/imgs/rackmount-display/more-02.png") center center/100% 100% no-repeat; }
#rp .products-info:nth-child(3) .data-sheet a { background-color: #94bc4c; }
#rp .products-info:nth-child(3) a.more { background: url("/imgs/rackmount-display/more-03.png") center center/100% 100% no-repeat; }

#contact h1 { font-size: 24px; line-height: 48px; font-weight: bold; }
#contact h2 { font-size: 18px; line-height: 24px; font-weight: bold; }
@media (min-width: 0px) { #contact .address_info { font-size: 14px; line-height: 24px; width: 98.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
  #contact .address_info > section { margin: 24px 0; }
  #contact #map-canvas { width: 98.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; } }
@media (min-width: 640px) { #contact .address_info { width: 33.33333%; float: left; }
  #contact .address_info > section { width: 98.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
  #contact #map-canvas { width: 56.66667%; float: right; margin-left: 0.83333%; margin-right: 0.83333%; } }

a.more { width: 100%; float: right; display: inline-block; width: 60px; height: 36px; color: white; text-indent: 100%; }

@media (min-width: 0px) { #wrapper header > .header-info .logo { width: 100%; float: left; text-align: center; height: 100%; }
  #wrapper header > .header-info .logo > img { height: 96px; }
  #wrapper header > .header-info .slogan { display: none; } }
@media (min-width: 640px) { #wrapper header > .header-info .logo { text-align: left; width: 23.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
  #wrapper header > .header-info .slogan { font-size: 20px; line-height: 24px; width: 73.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; margin-top: 10px; word-spacing: 4px; display: inline-block; font-weight: bold; font-style: italic; }
  #wrapper header > .header-info .slogan a:hover, #wrapper header > .header-info .slogan a:visited, #wrapper header > .header-info .slogan a:focus, #wrapper header > .header-info .slogan a:active { text-decoration: none; }
  #wrapper header > .header-info .slogan img { vertical-align: text-bottom; margin-left: 3px; } }
@media (min-width: 960px) { #wrapper header > .header-info .logo { text-align: left; width: 23.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
  #wrapper header > .header-info .slogan { width: 73.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; } }
@media (min-width: 640px) { #wrapper #top-nav { background: url("/imgs/top-nav/bg.png") left top/100% 100% no-repeat; } }
@media (min-width: 0px) { #wrapper #top-nav li.menu-item { width: 100%; float: left; font-weight: bold; background: url("/imgs/top-nav/bg.png") left top/100% 100% no-repeat; border-bottom: 1px solid white; } }
@media (min-width: 640px) { #wrapper #top-nav li.menu-item { float: left; width: auto; background: url("/imgs/top-nav/bg-border.png") left top no-repeat; border-bottom: 0; }
  #wrapper #top-nav li.menu-item:nth-child(1) { background: none; } }
#wrapper #top-nav li.menu-item.selected > a { text-decoration: underline; }
#wrapper #top-nav li.menu-item a { display: block; padding: 0 18px; color: white; }
#wrapper footer > .footer-info { color: #c52033; }
@media (min-width: 0px) { #wrapper footer > .footer-info { margin-top: 24px; border-top-width: 2px; border-top-style: solid; padding-top: -2px; border-color: #c52033; text-align: center; }
  #wrapper footer > .footer-info .flag { display: inline-block; max-width: 24px; padding-left: 5px; }
  #wrapper footer > .footer-info .flag img { vertical-align: middle; border: 1px solid black; } }
#wrapper footer > .footer-info a { color: #c52033; }
#wrapper footer > .footer-info a:hover { color: inherit; }