body {
    background: url(/images/background/background_powdercoat.png);
    font-family: "Titillium Web", sans-serif;
    scroll-padding-top: 50px;
    scroll-snap-type: y mandatory;
    scroll-padding: 20px;
    overflow-x: hidden;
    overflow-y: scroll;
    scroll-snap-align: top;
}
html,
body,
div,
applet,
object,
iframe,
p,
blockquote,
button,
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,
textarea {
    margin: 0;
    padding: 0;
    font-weight: 100;
}
a,
a:link,
a:visited,
a:active,
a:hover,
a:focus {
    color: #890709;
    text-decoration: none;
    outline: none;
    -moz-outline-style: none;
    outline-style: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    outline: none;
}
/*
a img {outline:none;}
img {border:0;}
*/
address {
    color: #888;
    font-size: 16px;
    letter-spacing: 1px;
    font-style: normal;
    text-align: center;
}
address a {
    color: #888 !important;
    border-bottom: 1px dotted #a00000;
}
address a:hover {
    color: #fff !important;
}
strong {
    font-weight: 400;
    color: #333;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: 100;
}

/** H2 and H3 are for product page key features tab **/
h2 {
    font-size: 20px;
    letter-spacing: 1px;
    color: #000;
    padding: 0 0 5px 0;
    text-indent: 10px;
    width: 100%;
    border-bottom: 1px dotted #a00000;
}
h3 {
    font-size: 16px;
    color: #959595;
    text-indent: 10px;
    width: 100%;
    margin: 3px 0 3px 0;
    letter-spacing: 0.5px;
}

/** H4 is used where » with under lines **/
h4 {
    font-size: 26px;
    color: #333;
    text-indent: 10px;
    width: 100%;
    margin: 10px 0 7px 0;
    padding: 5px 0 7px 0;
    letter-spacing: 1px;
    border-bottom: 1px dotted #ccc;
}
h4:before,
h1:before {
    content: "» ";
    color: #a00000 !important;
}

/** H5 is used on drop down menus **/
.focus_products h5 {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 18px;
    color: #111;
    font-weight: 400;
    margin: 5px 0 10px 0;
    white-space: nowrap;
}
.focus_products h5 span {
    border-left: 1px solid #a00000;
    padding: 2px 6px;
    font-weight: 100;
    letter-spacing: 1px;
    white-space: nowrap;
    color: #959595;
    font-size: 14px;
}

/** H6 is used on OEM/ODM pages **/
h6 {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 36px;
    text-indent: 9px;
    color: #111;
    border-bottom: 1px solid #ccc;
}
h6 span {
    color: #a00000;
}

/** Dont fuck with H1 **/
h1 {
    font-size: 28px;
    letter-spacing: 1px;
    width: 100%;
    padding: 8px 0 5px 0;
    clear: both;
    text-indent: 10px;
    text-align: center;
    white-space: nowrap;
    color: #333;
}
h1 span,
h4 span {
    border-left: 1px solid #a00000;
    font-size: 28px;
    padding: 6px 9px;
    margin: 0 0 0 9px;
    letter-spacing: 1px;
    white-space: nowrap;
    color: #959595;
}

.mini-spacer {
    width: 100%;
    height: 20px;
    clear: both;
}
.spacer {
    width: 100%;
    height: 35px;
    clear: both;
}
/** Page Structure **/

#header_stripe {
    border-bottom: 2px solid #ccc;
    background: url(/images/background/background_powdercoat.png);
    width: 100%;
    z-index: 150 !important;
}
#header_center {
    width: 1250px;
    height: 75px;
    margin: 0 auto 0 auto;
    position: relative;
    text-align: left;
}

#logo {
    position: absolute;
    left: 0;
    top: 15px;
    height: 50px;
}

#contact_us {
    color: #111;
    position: absolute;
    right: -30px;
    top: 0;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
}
#contact_us a {
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#contact_us a:hover {
    cursor: pointer;
    color: #a00000;
}
#contact_us div {
    float: left;
    height: 19px;
    background: #fafafa;
}
#contact_us div.contact_us_left {
    padding: 5px 15px 0 12px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}
#contact_us div.contact_us_middle {
    padding: 5px 10px 0 10px;
    border-left: 1px solid #ccc;
}
#contact_us div.contact_us_right {
    border-left: 1px solid #ccc;
    padding: 5px 15px 0 12px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}
#contact_us div.contact_us_right div.cart_icon {
    display: block;
    width: 20px;
    height: 15px;
    float: left;
    margin: 0 10px 0 0;
    background: url(/images/cart.png);
}
#contact_us div.contact_us_right a:hover div.cart_icon {
    background: url(/images/cart_hover.png);
}

#plenum_title {
    letter-spacing: 1px;
    font-size: 28px;
    color: #ccc;
    padding: 0 10px 0 0;
    vertical-align: middle;
    height: 45px;
    font-weight: 100;
}
#plenum_posttitle {
    border-left: 2px solid #a00000;
    font-size: 28px;
    color: #fff;
    padding: 0 0 0 10px;
    vertical-align: middle;
    font-weight: 100;
}

#perforated_stripe {
    width: 100%;
    min-width: 1350px;
    height: 288px;
    background: url(/images/background/background_perforated.png) center;
    z-index: -300;
    -webkit-box-shadow: inset 1px 1px 27px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: inset 1px 1px 27px 0px rgba(0, 0, 0, 0.9);
    box-shadow: inset 1px 1px 27px 0px rgba(0, 0, 0, 0.9);
}
#perforated_center {
    width: 1250px;
    margin: 0 auto;
    padding: 14px 11px;
}

#perforated_stripe_homepage {
    width: 100%;
    min-width: 1350px;
    height: 610px;
    background: url(/images/background/background_perforated.png) center;
    z-index: -300;
    -webkit-box-shadow: inset 1px 1px 27px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: inset 1px 1px 27px 0px rgba(0, 0, 0, 0.9);
    box-shadow: inset 1px 1px 27px 0px rgba(0, 0, 0, 0.9);
}
#front_page_display {
    width: 1250px;
    height: 330px;
    padding-top: 10px;
    position: relative;
}

#perforated_stripe_OEM {
    width: 100%;
    min-width: 1350px;
    height: 364px;
    background: url(/images/background/background_perforated.png) center;
    z-index: -300;
    -webkit-box-shadow: inset 1px 1px 27px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: inset 1px 1px 27px 0px rgba(0, 0, 0, 0.9);
    box-shadow: inset 1px 1px 27px 0px rgba(0, 0, 0, 0.9);
}
#OEM_menu {
    position: relative;
}
#OEM_menu img {
    position: absolute;
    top: 25px;
    left: 0;
}

#content_stripe {
    min-width: 1350px;
    width: 100%;
    min-height: 500px;
    background: url(/images/background/shadow.png) repeat-x top #fff;
    padding: 20px 0 0 0;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    z-index: 100;
}
#content_center {
    width: 1350px;
    margin: -246px auto 0 auto;
    background: url(/images/background/content_center_background.png) top no-repeat;
}
#content {
    width: 1250px;
    min-height: 450px;
    padding: 30px 50px 0 50px;
}

#breadcrumbs_top {
    width: 100%;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #e7e7e7;
    font-size: 16px;
    color: #a00000;
    clear: both;
    letter-spacing: 0.5px;
    text-indent: 5px;
}
#breadcrumbs_top a {
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
    padding: 5px 5px 1px 5px;
}
#breadcrumbs_top a:hover {
    border-bottom: 1px solid #a00000;
}

#breadcrumbs_bottom {
    width: 100%;
    padding: 8px 0 15px 0;
    margin: 30px auto 0 auto;
    border-top: 1px solid #e7e7e7;
    font-size: 16px;
    color: #a00000;
    clear: both;
    letter-spacing: 0.5px;
    text-indent: 5px;
}
#breadcrumbs_bottom a {
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
    padding: 5px 5px 1px 5px;
}
#breadcrumbs_bottom a:hover {
    border-bottom: 1px solid #a00000;
}

#page_content {
    float: right;
    width: 1049px;
    min-height: 600px;
}
#fullpage_content {
    width: 100%;
    min-height: 700px;
    padding-bottom: 10px;
    margin-bottom: 5px;
}
#page_content_product {
    width: 1250px;
    position: relative;
    padding: 15px 0 0 0;
}

#footer_stripe {
    width: 100%;
    border-top: 1px solid #000;
    z-index: 500;
}
#footer_center {
    width: 1200px;
    clear: both;
    margin: 0 auto 0 auto;
    text-shadow: 1px 1px 0px #000000;
    padding: 15px 0;
}
#footer_center table {
    margin: 0 auto;
    clear: both;
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 1px;
    color: #888;
}
#footer_center table td,
#footer_center table th {
    padding: 0 8px;
    vertical-align: middle;
}
#footer_center table td {
    border-left: 1px solid #80171a;
}
#footer_center table a {
    color: #888;
}
#footer_center table a:hover,
#footer_center table a.active {
    color: #ccc;
}

/** Home Page Stuff **/

.news_block {
    width: 525px;
    height: 300px;
    float: right;
}
.news_block h1 {
    text-align: left;
    margin-bottom: 12px;
}
.news_item table {
    width: 400px;
}
.news_item th img {
    max-width: 160px;
    padding: 10px;
}
.news_item td img {
    max-width: 350px;
    padding: 10px;
}
.news_item td {
    vertical-align: top;
    padding: 10px;
}
.news_item li.news_title {
    font-size: 18px;
    border-bottom: 1px dotted #aaa;
    text-indent: 5px;
}
.news_item li.news_line {
    font-size: 14px;
    color: #888;
    padding: 0 0 0 5px;
}
.news_item li.news_story {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.3px;
    padding: 2px 15px 3px 0;
}
.news_item li.news_link {
    padding: 10px 0 0 0;
}
.news_item li.news_link a {
    color: #555;
    border-bottom: 1px dotted #ccc;
    padding: 0 5px;
}
.news_item li.news_link a:hover {
    color: #555;
    border-bottom: 1px solid #a00000;
}

.focus_products {
    width: 700px;
    height: 300px;
    float: left;
    margin-left: 50px;
    margin-right: -50px;
}
.focus_products h1 {
    text-align: left;
    margin-bottom: 12px;
}

.highlight_product {
    float: left;
    border: 2px solid #eee;
    margin: 8px 8px;
    width: 580px;
}
/* .highlight_product th {padding:8px 8px;height:90px;} */
.highlight_product th {
    padding: 8px 8px;
    height: 90px;
    width: 171px;
}
.highlight_product td {
    padding: 8px 8px;
}
.highlight_product:hover {
    border: 2px solid #ddd;
}
.highlight_product img {
    max-width: 120px;
    max-height: 80px;
}
.highlight_product li {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: #848484 !important;
}
.highlight_product li:before {
    content: "» ";
    color: #a00000;
}

/* Basic jQuery Slider essential styles */

ul.bjqs {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: none;
}
li.bjqs-slide {
    position: absolute;
    display: none;
}
ul.bjqs-controls {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 9999;
}
ul.bjqs-controls.v-centered li a {
    position: absolute;
}
ul.bjqs-controls.v-centered li.bjqs-next a {
    right: 0;
}
ul.bjqs-controls.v-centered li.bjqs-prev a {
    left: 0;
}
ol.bjqs-markers {
    list-style: none;
    width: 100%;
    padding-top: 5px;
}
ol.bjqs-markers.h-centered {
    text-align: center;
}
ol.bjqs-markers li {
    display: inline;
}
ol.bjqs-markers li a {
    display: inline-block;
}
ul.bjqs-controls.v-centered li a {
    display: block;
    padding: 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
}
ul.bjqs-controls.v-centered li a:hover {
    background: #000;
    color: #fff;
}
ol.bjqs-markers li a {
    padding: 5px 10px;
    background: #111;
    color: #fff;
    margin: 5px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover {
    background: #890709;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

/** Support Page Tiles **/

.root_option_tile {
    width: 335px;
    float: left;
    margin: 5px;
}
.root_option_tile li {
    margin: 15px 0;
}
.root_option_tile li a:before {
    content: " - ";
    color: #a00000;
}
.root_option_tile li a {
    margin: 0 0 0 27px;
    padding: 0 5px;
    border-bottom: 1px solid #fff;
    color: #999;
    letter-spacing: 0.6px;
}
.root_option_tile li a:hover {
    border-bottom: 1px solid #a00000;
    color: #555;
}

/** Horizontal Navigation w/ Dropdown **/

#primary_nav_wrap {
    position: absolute;
    bottom: 0;
    right: -28px;
    z-index: 100;
    height: 40px;
}

#primary_nav_wrap li.t1 {
    position: relative;
    display: block;
    padding-bottom: 10px;
    float: left;
}
#primary_nav_wrap li.t1 a.aa {
    border-right: 1px dotted #a00000;
    letter-spacing: 1.3px;
    color: #aaa;
    padding: 0 26px;
    font-size: 16px;
}
#primary_nav_wrap .last {
    border-right: none !important;
}
#primary_nav_wrap li.t1:hover > a {
    color: #fff;
}
#primary_nav_wrap .ula {
    list-style: none;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
}
#primary_nav_wrap .ula a {
    display: block;
    color: #aaa;
    text-decoration: none;
    font-size: 15px;
    line-height: 32px;
}
#primary_nav_wrap .ulb a.ab {
    text-indent: 30px;
    letter-spacing: 1px;
}
#primary_nav_wrap .ulb a.ac {
    letter-spacing: 1px;
    text-indent: 20px;
}
#primary_nav_wrap .ulb .ac span {
    color: #ccc;
    font-size: 24px;
    padding: 5px 15px;
}
#primary_nav_wrap .ulb li:hover a.ac span {
    color: #a00000;
}
#primary_nav_wrap .active {
    color: #fff !important;
}
#primary_nav_wrap ul ul li:hover a.ab {
    color: #fff;
}
#primary_nav_wrap .products {
    height: 500px;
}
#primary_nav_wrap .lister {
    padding: 0 15px 15px 0;
    vertical-align: top;
    position: relative;
}
#primary_nav_wrap .lister a {
    font-size: 14px;
}
#primary_nav_wrap .lister_table {
    background: url(/images/background/background_powdercoat.png);
    display: none;
    position: absolute;
    top: 40px;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-left: 2px solid #ccc;
}
#primary_nav_wrap .lister_shifter {
    left: -400px !important;
}
#primary_nav_wrap .lister_table th {
    text-indent: 20px;
    font-size: 20px;
    color: #eee;
    padding: 15px 0 15px 0;
    border-bottom: 1px dashed #333;
}
#primary_nav_wrap .lister_table li.navcat {
    font-size: 15px;
    color: #ccc;
    padding: 25px 0 5px 25px;
    white-space: nowrap;
}
#primary_nav_wrap .lister_table li.navcat span {
    color: #ccc;
}
#primary_nav_wrap ul li:hover table.lister_table {
    display: block !important;
}
#primary_nav_wrap .last_drop {
    right: 0 !important;
}
#primary_nav_wrap ul ul li {
    float: none;
}
#primary_nav_wrap ul ul a {
    line-height: 120%;
    padding: 0 25px 0 5px;
    min-width: 150px;
    white-space: nowrap;
}
#primary_nav_wrap ul ul ul {
    top: 0;
    left: 100%;
    padding-top: 0;
}
#primary_nav_wrap ul li:hover > ul {
    display: block;
}

/** Vertical Navigation **/

#product_menu {
    width: 190px;
    min-height: 585px;
    float: left;
    padding: 15px 0 55px 0;
    margin: 0 10px 0 0;
    border-right: 1px dotted #ccc;
}
#product_menu li {
    letter-spacing: 0.8px;
}
#product_menu .open {
    color: #444;
}
#product_menu .open:hover {
    color: #444 !important;
}
#product_menu .open:before {
    content: "»";
    color: #a00000;
    display: inline-block;
    width: 16px;
    font-size: 18px;
}
#product_menu .closed {
    color: #888;
}
#product_menu .closed:before {
    content: "-";
    color: #ccc;
    display: inline-block;
    width: 16px;
}
#product_menu .closed:hover:before {
    color: #a00000;
}
#product_menu a.active li.nav_t3 {
    color: #666;
    border-bottom: 1px dotted #a00000;
}

#product_menu .nav_t1 {
    font-size: 17px;
    padding: 12px 0 0 0;
    margin: 10px 0 12px 0;
    clear: both;
    border-top: 1px dotted #eee;
}
#product_menu .first {
    border-top: none !important;
}
#product_menu .nav_t1:hover {
    color: #444;
}
#product_menu .nav_t2 {
    color: #555;
    font-size: 15px;
    padding: 0 0 5px 20px;
    margin: 0;
    width: 100%;
    clear: both;
}
#product_menu .nav_t3 {
    font-size: 14px;
    padding: 3px 5px 3px 5px;
    margin: 0 0 3px 10px;
    color: #888;
    border-bottom: 1px solid #fff;
    float: left;
}
#product_menu .nav_t3:hover {
    border-bottom: 1px solid #a00000 !important;
    color: #666;
}
#product_menu .nav_t4 {
    font-size: 14px;
    padding: 3px 0 3px 5px;
    margin: 0 0 3px 30px;
    color: #888;
    border-bottom: 1px solid #fff;
    float: left;
}
#product_menu .nav_t4:hover {
    border-bottom: 1px solid #a00000 !important;
    color: #666;
}
#product_menu .clear_both {
    width: 100%;
    clear: both;
    height: 8px;
}

/** OEM Pages - Topmenu Walkthrough **/

#perforated_stripe {
    width: 100%;
    min-width: 1350px;
    height: 285px;
    background: url(/images/background/background_perforated.png) center;
    z-index: -300;
    -webkit-box-shadow: inset 1px 1px 27px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: inset 1px 1px 27px 0px rgba(0, 0, 0, 0.9);
    box-shadow: inset 1px 1px 27px 0px rgba(0, 0, 0, 0.9);
}
#perforated_stripe_extended {
    width: 100%;
    min-width: 1350px;
    height: 340px;
    background: url(/images/background/background_perforated.png) center;
    z-index: -300;
    -webkit-box-shadow: inset 1px 1px 27px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: inset 1px 1px 27px 0px rgba(0, 0, 0, 0.9);
    box-shadow: inset 1px 1px 27px 0px rgba(0, 0, 0, 0.9);
}
#perforated_center {
    width: 1250px;
    margin: 0 auto;
    padding: 11px;
}

.tabnav_full_three,
.tabnav_full_four,
.tabnav_full_five {
    width: 1182px;
    margin: 10px 34px 15px 34px;
}
.tabnav_full_three li {
    width: 392px;
}
.tabnav_full_four li {
    width: 292px;
}
.tabnav_full_five li {
    width: 230px;
}
.tabnav_full_six li {
    width: 197px;
}

.OEM_menu {
    position: relative;
}
.OEM_menu a {
    display: block;
    width: 166px;
    line-height: 26px;
    padding: 0 10px;
    font-size: 12px;
    letter-spacing: 1px;
    text-indent: 10px;
    background: #890709;
    border: 1px solid #111;
    color: #e1e1e1 !important;
    text-align: center;
    background: rgba(59, 59, 59, 1);
    background: -moz-linear-gradient(top, rgba(59, 59, 59, 1) 0%, rgba(51, 51, 51, 1) 100%);
    background: -webkit-gradient(
        left top,
        left bottom,
        color-stop(0%, rgba(59, 59, 59, 1)),
        color-stop(100%, rgba(51, 51, 51, 1))
    );
    background: -webkit-linear-gradient(top, rgba(59, 59, 59, 1) 0%, rgba(51, 51, 51, 1) 100%);
    background: -o-linear-gradient(top, rgba(59, 59, 59, 1) 0%, rgba(51, 51, 51, 1) 100%);
    background: -ms-linear-gradient(top, rgba(59, 59, 59, 1) 0%, rgba(51, 51, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(59, 59, 59, 1) 0%, rgba(51, 51, 51, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#333333', GradientType=0 );
    -webkit-box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
.OEM_menu a.active {
    background: #272727;
    -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
}
.OEM_menu a:hover {
    background: #272727 !important;
}

#fc_needs {
    position: absolute;
    left: -30px;
    top: 38px;
}
#fc_hw_design {
    position: absolute;
    left: 194px;
    top: 19px;
}
#fc_hw_engineer {
    position: absolute;
    left: 194px;
    top: 54px;
}
#fc_prototype {
    position: absolute;
    left: 417px;
    top: 38px;
}
#fc_opserve1 {
    position: absolute;
    left: 641px;
    top: 19px;
}
#fc_opserve2 {
    position: absolute;
    left: 641px;
    top: 54px;
}
#fc_production {
    position: absolute;
    left: 866px;
    top: 38px;
}
#fc_logistics {
    position: absolute;
    left: 1091px;
    top: 19px;
}
#fc_support {
    position: absolute;
    left: 1091px;
    top: 54px;
}

#OEM_navigation {
    width: 100%;
}
#OEM_navigation span {
    color: #888;
}
#OEM_navigation td {
    width: 50%;
    text-align: center;
    padding: 35px 15px 15px 15px;
}
#OEM_navigation button {
    width: 240px;
}
.OEM_navigation_left {
    text-align: left !important;
}
.OEM_navigation_right {
    text-align: right !important;
}

.listed_options_threeblock .listed_options_block {
    width: 406px;
}
.listed_options_fiveblock .listed_options_block {
    width: 240px;
}

.listed_options_block {
    float: left;
    margin: 5px;
}
.listed_options_block li {
    color: #555;
    font-size: 11px;
    padding: 5px 0 5px 1.4em;
    letter-spacing: 0.3px;
}
.listed_options_block li:hover {
    color: #a00000;
}
.listed_options_block .nav_category {
    color: #111;
    padding: 5px 0 5px 1em;
    margin: 10px 0 0 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.listed_options_block .nav_category:before {
    content: " + ";
    color: #a00000;
}
.listed_options_block .nav_subcategory {
    color: #777;
    padding: 5px 0 5px 3em;
}
.listed_options_block .nav_subcategory:before {
    content: " - ";
    color: #a00000;
}
.listed_options_block p {
    color: #aaa;
    font-size: 9px;
    padding: 3px 0 3px 1.2em;
}

/** Menu Rollover CSS **/

a.rollover div.rollover-title {
    position: absolute;
    bottom: -2px;
    left: 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: #111;
    line-height: 35px;
    height: 40px;
    border: none;
    letter-spacing: 1px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    border-top: 1px solid #ccc;
}
a.rollover:hover div.rollover-title {
    background: #890709;
}
a.rollover:hover {
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

a.rollover {
    width: 500px;
    height: 300px;
    display: block;
    text-decoration: none;
    float: left;
    margin: 11px;
}
a.rollover div {
    width: 500px;
    height: 300px;
    background-position: top;
    position: relative;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    z-index: 1;
}

a.mini-rollover {
    width: 300px;
    height: 180px;
    display: block;
    text-decoration: none;
    float: left;
    margin: 11px;
}
a.mini-rollover div {
    width: 300px;
    height: 180px;
    background-position: top;
    position: relative;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    z-index: 1;
}

#mr-2u {
    background-image: url(/products/rackmount/2u.jpg);
}
#mr-3u {
    background-image: url(/products/rackmount/3u.jpg);
}
#mr-4u {
    background-image: url(/products/rackmount/4u.jpg);
}
#mr-cxnas {
    background-image: url(/products/rackmount/nas.jpg);
}
#mr-systems {
    background-image: url(/images/rollovers/systems.png);
}
#mr-rackmounts {
    background-image: url(/images/rollovers/rackmounts.png);
}
#mr-wallmounts {
    background-image: url(/images/rollovers/wallmounts.png);
}
#mr-cases {
    background-image: url(/images/rollovers/cases.png);
}
#mr-atx {
    background-image: url(/images/rollovers/case_atx.png);
}
#mr-eeb {
    background-image: url(/images/rollovers/case_eeb.png);
}
#mr-4700 {
    background-image: url(/images/rollovers/case_rackmount_4u_nas.png);
}
#mr-3700 {
    background-image: url(/images/rollovers/case_rackmount_3u_nas.png);
}
#mr-3u15 {
    background-image: url(/images/rollovers/case_rackmount3u_15.png);
}
#mr-3u17 {
    background-image: url(/images/rollovers/case_rackmount3u_17.png);
}
#mr-3150 {
    background-image: url(/images/rollovers/case_rackmount3150.png);
}
#mr-3151 {
    background-image: url(/images/rollovers/case_rackmount3151.png);
}
#mr-3152 {
    background-image: url(/images/rollovers/case_rackmount3152.png);
}
#mr-3a_series {
    background-image: url(/images/rollovers/case_rackmount3a.png);
}
#mr-3i_series {
    background-image: url(/images/rollovers/case_rackmount3i.png);
}
#mr-3x_series {
    background-image: url(/images/rollovers/case_rackmount3x.png);
}
#mr-special_3uPPR {
    background-image: url(/images/rollovers/case_rackmount3u_ppr.png);
}

/** Listed Product Menu Pages CSS **/

.product_list {
    float: right;
}
.product_list .product_preview {
    width: 1019px;
    min-height: 230px;
    margin: 20px 10px 25px 10px;
}
.product_list .divider {
    width: 1039px;
    height: 1px;
    border-top: 1px solid #e7e7e7;
    margin: 0 0 25px 0;
}
.product_list .product_preview:hover .product_preview_button {
    background: #890709;
    cursor: pointer;
}
.product_list .product_preview:hover table {
    border-left: 1px dotted #555;
}
.product_list .product_preview_title,
.product_list .product_preview_subtitle {
    letter-spacing: 0.3px;
}
.product_list .product_preview_title {
    font-size: 20px;
    width: 1px;
    color: #111;
    padding: 2px 8px 4px 5px;
    line-height: 20px;
    white-space: nowrap;
    height: 1px;
}
.product_list .product_preview_subtitle {
    font-size: 18px;
    color: #666;
    border-left: 1px solid #a00000;
    padding: 3px 0 3px 8px;
    line-height: 20px;
}
.product_list .product_preview_icon {
    width: 240px;
    vertical-align: middle;
    text-align: center;
}
.product_list .product_preview_icon img {
    max-width: 240px;
    max-height: 300px;
    padding: 0 15px 0 0;
}
.product_list .product_preview_info {
    text-align: center;
    vertical-align: middle;
    width: 180px;
}
.product_list .product_preview_info table {
    width: 100%;
    height: 151px;
    border-left: 1px dotted #ccc;
}

.product_list .product_preview_empty {
    height: 20px;
}
.product_list .product_preview_startingat {
    color: #555;
    font-size: 14px;
    height: 30px;
}
.product_list .product_preview_price {
    color: #a00000;
    font-size: 24px;
    height: 30px;
}
.product_list .product_preview_price span {
    color: #999;
}
.product_list button,
.product_list input[type="button"] {
    background: #444;
    border: none;
    color: #fff;
    padding: 8px 10px;
    font-size: 14px;
    letter-spacing: 1px;
    width: 130px;
}
.product_list button:hover,
.product_list input[type="button"]:hover {
    background: #890709;
    cursor: pointer;
}
.product_list .product_preview_button span {
    color: #a00000;
}
.product_list .product_preview_features {
    vertical-align: top;
    padding-top: 5px;
}
.product_list .product_preview_features span {
    color: #a00000;
}
.product_list .product_preview_features p {
    padding: 10px 35px 10px 5px;
    color: #666;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.5px;
}
.product_list .product_preview_features ul {
    float: left;
}
.product_list .product_preview_features li {
    font-size: 14px;
    line-height: 25px;
    padding: 0 0 0 7px;
    color: #555;
    letter-spacing: 0.5px;
}
.product_list .product_preview_features li span {
    color: #888;
    font-size: 14px;
    display: inline-block;
    width: 90px;
}

.product_quickleader {
    width: 750px;
    padding: 15px 0 50px 15px;
    float: left;
}
.product_quickleader_image {
    float: left;
    padding: 50px 0 15px 0;
}
.product_quickleader_image img {
    max-width: 280px;
}
.category_paragraph {
    padding: 10px 35px 10px 5px;
    color: #666;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.5px;
}

/** Product Page CSS **/

#product_wrapper {
    width: 1050px;
    float: right;
}

.product_overview {
    margin: auto;
}

.product_overview_gallery {
    vertical-align: middle;
    text-align: center;
    width: 69px;
    padding: 10px 0 15px 0;
}
.product_overview_gallery img {
    margin: 2px;
    padding: 5px;
    border: 1px dotted #ccc;
    max-width: 110px;
    max-height: 60px;
    vertical-align: middle;
}
.product_overview_gallery img:hover {
    border: 1px solid #ccc;
}

.product_overview_mainimage {
    width: 240px;
    vertical-align: middle;
}
.product_overview_mainimage img {
    max-width: 450px;
    max-height: 525px;
    padding: 25px;
}

.product_overview_mainimage .hoverhint {
    width: 400px;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
    color: #666;
    font-style: italic;
}
.product_overview_mainimage .hoverimage {
    width: 425px;
    height: 325px;
}
.product_overview_mainimage .subimage {
    padding: 0 10px 0 50px;
}
.wm100 {
    background: url(products/wallmount/wm100_series/hoveron.png) no-repeat center;
    height: 470px !important;
    margin: 20px 20px 20px 0;
}
.wm100:hover {
    background: url(products/wallmount/wm100_series/hoveroff.png) no-repeat center;
}

.WM150 {
    background: url(products/wallmount/wm150_series/1.png) no-repeat center;
    height: 459px !important;
    margin: 20px 20px 20px 0;
}
.WM150:hover {
    background: url(products/wallmount/wm150_series/2.png) no-repeat center;
}

.WM190 {
    background: url(products/wallmount/wm190_series/1.png) no-repeat center;
    height: 459px !important;
    margin: 20px 20px 20px 0;
}
.WM190:hover {
    background: url(products/wallmount/wm190_series/2.png) no-repeat center;
}

.WM400 {
    background: url(products/wallmount/wm400_series/1.png) no-repeat center;
    height: 500px !important;
    margin: 20px 20px 20px 0;
}
.WM400:hover {
    background: url(products/wallmount/wm400_series/2.png) no-repeat center;
}

.product_overview_description {
    vertical-align: top;
    padding: 15px 0 30px 0;
}
.product_overview_title {
    font-size: 28px;
    width: 1px;
    color: #111;
    padding: 2px 8px 4px 5px;
    white-space: nowrap;
}
.product_overview_subtitle {
    font-size: 24px;
    color: #666;
    border-left: 1px solid #a00000;
    padding: 3px 0 3px 8px;
    white-space: nowrap;
}
.product_overview_features {
    vertical-align: top;
    padding: 5px 0 0 0;
}
.product_overview_features p {
    padding: 13px 35px 0 10px;
    color: #333;
    font-size: 16px;
    line-height: 22px;
    max-width: 600px;
    letter-spacing: 0.3px;
}
.product_overview_features li {
    color: #333;
    font-size: 16px;
    padding: 3px 0;
    text-indent: 15px;
    white-space: nowrap;
}
.product_overview_features li:before {
    content: "+ ";
    color: #a00000;
}
.product_overview_features li span {
    display: inline-block;
    color: #666;
    width: 150px;
}
.product_overview_features .us_flag_li:before {
    content: url("/images/usflag.png");
    padding-right: 5px;
}

.product_overview_image_block {
    width: 100%;
    clear: both;
    padding: 25px 0 0 10px;
}
.product_overview_image_block img {
    max-height: 200px;
    padding: 10px;
    border: 1px dotted #ccc;
    margin: 10px 10px 0 10px;
}
/* .product_overview_image_block a {} */

.rackmount_image_block {
    width: 100%;
    padding: 25px 0 0 0;
}
.rackmount_image_block img {
    max-width: 150px;
    max-height: 100px;
    vertical-align: middle;
    border: 1px dotted #ccc;
    margin: 5px;
    padding: 10px;
}
.rackmount_image_block a {
    height: 200px;
    white-space: nowrap;
}

#tabs h1 {
    border-bottom: none !important;
}
#tabs #diagram img {
    margin: 15px 100px;
}

#images,
#builds {
    width: 1038px;
    margin: 0 106px;
}

#images a,
#builds a {
    display: table-cell;
    margin: 12px;
    padding: 10px;
    border: 1px dotted #ccc;
    float: left;
    width: 300px;
    height: 220px;
    text-align: center;
}
#images a:hover,
#builds a:hover {
    border: 1px solid #ccc;
}
#images img,
#builds img {
    max-width: 300px;
    max-height: 220px;
}

#specifications {
    width: 1050px;
    padding: 0 100px;
}
#downloads {
    width: 1050px;
    padding: 0 100px;
}
.tab_content_narrow {
    width: 980px !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 300px;
}
.tab_content_narrow a {
    padding: 5px !important;
    margin: 5px !important;
}
.product_table {
    width: 100%;
    margin: 0 0 25px 0;
}
.product_table thead td,
.product_table thead th {
    color: #555;
    padding: 10px 20px;
    border-bottom: 1px solid #e7e7e7;
    letter-spacing: 1px;
    font-size: 24px;
    font-weight: 100;
    text-align: center;
}
.product_table tbody tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.product_table tbody tr:hover th {
    background: #f8f8f8;
}
.product_table tbody tr:hover td {
    background: #f8f8f8;
}
.product_table tbody th {
    letter-spacing: 1px;
    padding: 5px 15px 6px 15px;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 16px;
    text-align: right;
    width: 150px;
    font-weight: 100;
    border-right: 1px solid #a00000;
}
.product_table tbody td {
    padding: 10px 0;
    text-indent: 20px;
    font-size: 14px;
    border-left: 1px dotted #ddd;
    letter-spacing: 0.8px;
}
.product_table tbody td li {
    padding: 3px 0;
    letter-spacing: 0.5px;
    color: #555;
    margin: 2px 0;
}
.product_table tbody td li.title {
    font-size: 18px;
    font-weight: 400;
}
.product_table tbody td li.indent {
    text-indent: 0 !important;
    color: #999;
    padding: 2px 0 3px 30px;
}
.product_table tbody td li.option {
    text-indent: 28px;
    color: #999;
    font-style: italic;
}
.product_table tbody td li.variation {
    color: #a00000;
}
.product_table tbody td a {
    color: #555;
    border-bottom: 1px dotted #ccc;
    padding: 0 3px;
}
.product_table tbody th.integrator:before {
    display: none;
}
.product_table tbody th.integrator img:hover {
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
.product_table tbody td a:hover {
    border-bottom: 1px solid #a00000;
    color: #222;
}
.product_table tbody td span {
    color: #888;
}
.product_table .ptsub {
    font-size: 12px;
    width: 160px;
    letter-spacing: 0.8px;
}

.phead_item_three {
    width: 300px;
}
.bleftdot {
    border-left: 1px dotted #ddd;
}

#tabs .ui-tabs-panel {
    min-height: 425px;
}

/** Table to compare A and B chassis **/

.specs-comparison-table {
    width: 100%;
}
.specs-comparison-table thead td,
.specs-comparison-table thead th {
    color: #555;
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: 400;
    width: 150px;
}
.specs-comparison-table tbody tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.specs-comparison-table tbody tr:hover th {
    background: #f8f8f8;
}
.specs-comparison-table tbody tr:hover td {
    background: #f8f8f8;
}
.specs-comparison-table tbody th {
    letter-spacing: 1px;
    padding: 5px 15px 6px 15px;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 16px;
    text-align: right;
    width: 150px;
    font-weight: 100;
    border-right: 1px solid #a00000;
}
.specs-comparison-table td {
    padding: 10px 0 10px 0;
    margin-left: 20px;
    font-size: 14px;
    padding-left: 20px;
    border-left: 1px dotted #aaaaaa;
    letter-spacing: 0.8px;
    width: 50%;
}

.specs-comparison-table tbody tr.subrow {
    border: none;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.subrow td {
    padding-top: 0;
    padding-bottom: 0;
}

/** Removes the left border from the first two elements **/
.specs-comparison-table td:nth-child(-n + 2) {
    border-left: none;
}

.specs-comparison-table tbody td li {
    letter-spacing: 0.5px;
    color: #555;
    margin: 10px 0;
}

/* Slideshow container Default CSS to set up slideshow */
/* These classes are what fan_carousel.js targets and modifies */
.fan-carousel-container {
    min-height: 300px;
}

.fan-carousel-container img {
    text-align: center;
}

/* Hide the images by default */
.mySlides {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.mySlides.active {
    opacity: 1;
    visibility: visible;
    position: relative;
    display: flex;
    align-items: center;
}

/* Next & previous buttons */
.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 250px;
    padding: 15px;
    color: #555;
    border: 1px solid #e7e7e7;
    background: #fff;
    opacity: 50%;
    font-weight: bold;
    font-size: 18px;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
}

.prev {
    left: 0;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
    opacity: 90%;
    color: #555 !important;
}

a.prev,
a.next {
    display: block;
}

/* Caption text */
.text {
    color: black;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #555;
    border: 1px solid #e7e7e7;
    background: #fff;
    opacity: 30%;
    font-weight: bold;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: -15px;
    right: 0;
}

/*
.active, .dot:hover {
  background-color: #717171;
}
*/

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    70% {
        opacity: 1;
    }
    90% {
        opacity: 0;
    }
}

.fade-in-out {
    animation: fadeInOut 10s infinite; /* 8 seconds for a full cycle of fade-in and fade-out, repeating infinitely */
}

.paused {
    animation-play-state: paused;
}

.specs-comparison-table tbody td li.title {
    font-size: 18px;
    font-weight: 400;
}
.specs-comparison-table tbody td li.indent {
    margin-left: 10px;
    color: #999;
}
.specs-comparison-table tbody td li.option {
    margin-left: 10px;
    color: #999;
    font-style: italic;
}
.specs-comparison-table tbody td li.variation {
    color: #a00000;
}
.specs-comparison-table tbody td a {
    color: #555;
    border-bottom: 1px dotted #ccc;
    padding: 0 3px;
}
.specs-comparison-table tbody th.integrator:before {
    display: none;
}
.specs-comparison-table tbody th.integrator img:hover {
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
.specs-comparison-table tbody td a:hover {
    border-bottom: 1px solid #a00000;
    color: #222;
}
.specs-comparison-table tbody td span {
    color: #888;
}
.specs-comparison-table .ptsub {
    font-size: 12px;
    width: 160px;
    letter-spacing: 0.8px;
}

.purchase_table legend {
    font-size: 22px;
    letter-spacing: 1px;
    padding: 0 10px 5px 10px;
}
.purchase_table legend div.CIO-subtitle {
    font-size: 16px;
    color: #aaa;
}
.purchase_table fieldset {
    border: 1px solid #e7e7e7;
    padding: 13px;
}

.purchase_table {
    width: 1250px;
    position: relative;
    display: block;
}
.purchase_table .cart_option_fields fieldset {
    position: relative;
    border: 1px solid #e7e7e7;
    padding: 25px 13px;
    width: 960px;
    margin-bottom: 35px;
}
.purchase_table fieldset.cart_image_option label {
    width: 318px;
}
.purchase_table fieldset.cart-two-column label {
    width: 478px !important;
}
.purchase_table div.cart-option {
    position: relative;
    float: left;
    text-align: center;
}
.purchase_table fieldset.cart_image_option div.cart-option img {
    vertical-align: middle;
    max-width: 300px;
    height: auto;
}
.purchase_table fieldset.cart-two-column div.cart-option img {
    vertical-align: middle;
    max-width: 420px;
    height: auto;
    max-height: 500px;
}
.purchase_table label {
    cursor: pointer;
    border: 1px solid #fff;
    display: inline-block;
}
.purchase_table div.cart-option input[type="radio"]:checked + label div.co_label {
    color: #000 !important;
}
.purchase_table input[type="radio"],
.purchase_table input[type="checkbox"] {
    display: none;
}
.purchase_table div.cart-option div.co_label {
    display: inline-block;
    vertical-align: middle;
    margin: 19px 0 0 0;
}
.purchase_table div.radio {
    float: left;
    width: 21px;
    height: 21px;
    background: url(/images/radio-unchecked.png);
}
.purchase_table div.check {
    float: left;
    width: 21px;
    height: 21px;
    background: url(/images/unchecked.png);
}
.purchase_table div.chkdesc {
    float: left;
    line-height: 25px;
    font-size: 18px;
    color: #555;
    white-space: nowrap;
    padding-left: 11px;
}
.purchase_table div.chkprice {
    clear: both;
    text-align: center;
    color: #888;
    font-size: 20px;
    padding-top: 10px;
}
.purchase_table div.chkpriceneg {
    clear: both;
    text-align: center;
    color: #888;
    font-size: 20px;
    padding-top: 10px;
    font-style: italic;
}
.purchase_table input[type="radio"]:checked + label div.radio {
    background: url(/images/radio-checked.png);
}
.purchase_table input[type="radio"]:checked + label div.listprice,
.purchase_table input[type="checkbox"]:checked + label div.listprice,
.purchase_table input[type="checkbox"]:checked + label div.chkprice,
.purchase_table input[type="radio"]:checked + label div.chkprice {
    color: #060;
}
.purchase_table input[type="radio"]:checked + label div.chkpriceneg {
    color: #a00000;
}
.purchase_table label:hover div.radio {
    background: url(/images/radio-hover.png);
}
.purchase_table input[type="checkbox"]:checked + label div.check {
    background: url(/images/checked.png);
}
.purchase_table label:hover div.check {
    background: url(/images/checked-hover.png);
}
div.cart_preorder {
    width: 230px;
    text-align: center;
    color: #555;
    padding: 10px 5px;
    clear: both;
    line-height: 25px;
    letter-spacing: 0.2px;
    border: 1px solid #a00000;
}
div.cart_preorder span {
    color: #000;
    line-height: 25px;
    letter-spacing: 0.2px;
}
div.backorder_note {
    width: 230px;
    line-height: 25px;
    text-align: center;
    color: #555;
    margin: 25px 0 10px 0;
    padding: 10px 5px;
    border: 1px solid #a00000;
}
div.backorder_note span {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.2px;
}
div.cart_note {
    width: 100%;
    text-align: center;
    color: #555;
    padding-top: 20px;
    clear: both;
    line-height: 25px;
    letter-spacing: 0.2px;
}
div.cart_note span {
    color: #000;
    line-height: 25px;
    letter-spacing: 0.2px;
}
div.cart_note div.check {
    margin: 3px 10px 0 0;
}
div.cart_note label {
    width: auto !important;
}
div.cart_warning {
    border: 1px solid #a00000;
    padding: 20px;
    margin: 0 75px 35px 75px;
    text-align: center;
}
div.cart_warning p {
    font-size: 15px;
    padding: 15px 80px 0px 80px;
}
div.cart_warning h2 {
    border-bottom: none !important;
    padding: 0 !important;
    font-size: 25px;
}
div.cart_warning b {
    color: #a00000;
}
.purchase_table .cart-list {
    width: 530px;
    vertical-align: middle;
}
.purchase_table .cart-list td {
    height: 100%;
    vertical-align: middle;
}
.purchase_table .cart-list-image {
    width: 400px;
}
.purchase_table .cart-list-image img {
    max-width: 400px;
    height: auto;
}
.purchase_table .cart-list li {
    display: inline-block;
    width: 530px;
    clear: both;
    padding: 12px 0;
}
.purchase_table .cart-list-full li {
    width: 928px !important;
}
.purchase_table .cart-list label {
    width: 100% !important;
    border-bottom: 1px dashed #f1f1f1;
    padding: 0 0 5px 11px;
}
.purchase_table .cart-list .listprice {
    float: right;
    margin-right: 75px;
    color: #aaa;
    font-size: 20px;
}
.purchase_table a.config-prev,
.purchase_table a.config-next,
.purchase_table div.numbertext {
    display: none;
}
.purchase_table:hover a.config-prev,
.purchase_table:hover a.config-next,
.purchase_table:hover div.numbertext {
    display: block;
}

/*Overridding base slideshow conatiner to better fit in the configure tab */
.configure_tab .mySlides {
    height: 325px;
}

.configure_tab a.prev,
.configure_tab a.next,
.configure_tab div.numbertext {
    display: none;
}
.configure_tab:hover a.prev,
.configure_tab:hover a.next,
.configure_tab:hover div.numbertext {
    display: block;
}

.configure_tab a.prev,
.purchase_table a.next {
    position: absolute;
    top: 45%;
    height: 25px;
    width: 5px;
}

.configure_tab a.prev {
    left: 0px;
}

.configure_tab a.next {
    left: 375px;
}
.configure_tab:hover a.prev,
.configure_tab:hover a.next,
.configure_tab-master:hover div.numbertext {
    display: block;
}
.configure_tab input[type="radio"]:checked + label div.radio {
    background: url(/images/radio-checked.png);
}
.configure_tab input[type="radio"]:checked + label div.listprice,
.purchase_table input[type="checkbox"]:checked + label div.listprice,
.configure_tab input[type="checkbox"]:checked + label div.chkprice,
.purchase_table input[type="radio"]:checked + label div.chkprice {
    color: #060;
}
/*CSS for the add to cart box */
#cart_table {
    postion: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100px;
    text-align: center;
    float: right;
    margin-right: 150px;
    scroll-padding-top: 15px;
    scroll-snap-align: start;
    transition: padding-top 0.3s;
}
.scrolled {
    padding-top: 50px;
}

#cart_table p {
    font-size: 12px;
    line-height: 1.3;
    margin: 4px;
}

#cart_table span {
    line-height: 1.4;
}

.note_title_span {
    width: 230px;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
    margin-top: 15px;
    padding: 5px;
    border: 1px solid #a00000;
}

.scrolled {
    padding-top: 1.5;
}
.cart_qty_box {
    display: inline-block;
    width: 120px;
    margin: 0 50px;
    text-align: center;
}
.quantity_box {
    text-align: center;
    border: 1px solid #ccc;
    font-size: 18px;
}
.total_price {
    display: inline-block;
    line-height: 30px;
    font-size: 28px;
    color: #a00000;
    width: 100%;
    text-align: center;
    letter-spacing: 1px;
}
.price_note {
    display: inline-block;
    width: 100%;
    line-height: 30px;
    text-align: center;
    color: #060;
    margin-bottom: 10px;
}
.other_note {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #888;
    font-size: 14px;
    line-height: 20px;
}
.cart_add_box {
    display: inline-block;
    width: 100%;
    text-align: center;
}
#cart_table input[type="button"]:hover {
    background: #ddd;
    cursor: pointer;
    border: 1px solid #bbb;
}
#cart_table input[type="submit"]:hover {
    cursor: pointer;
    border: 1px solid #bbb;
    background: #fd961c; /* Old browsers */
    background: -moz-linear-gradient(top, #fd961c 0%, #fcb656 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fd961c 0%, #fcb656 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        #fd961c 0%,
        #fcb656 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd961c', endColorstr='#fcb656',GradientType=0 );
}
#cart_table input[type="submit"] {
    color: #333;
    padding: 8px 10px;
    font-size: 20px;
    margin: 15px 0 10px 0;
    width: 90%;
    border: 1px solid #ccc;
    letter-spacing: 1px;
    font-weight: 100;
    background: #fcb656; /* Old browsers */
    background: -moz-linear-gradient(top, #fcb656 0%, #fd961c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fcb656 0%, #fd961c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        #fcb656 0%,
        #fd961c 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb656', endColorstr='#fd961c',GradientType=0 ); /* IE6-9 */
}
#cart_table input[type="text"] {
    float: left;
    width: 80px;
    height: 60px;
}
#cart_table input[type="button"] {
    float: left;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    background: #f1f1f1;
    color: #000;
}
#cart_table .qtyplus {
    margin: 0 0 2px 3px;
}
#cart_table .qtyminus {
    margin: 2px 0 0 3px;
}
#cart_table img {
    text-align: center;
    margin-left: 25px;
}

/* CSS for the Parts tab  */
.APTC-master {
    position: relative;
    min-height: 500px;
    height: auto;
    margin: 0 8px 25px 8px;
    float: left;
}
.APTC-master:hover fieldset {
    border: 1px solid #ccc;
}
.APTC-master legend {
    font-size: 22px;
    letter-spacing: 1px;
    padding: 0 10px 5px 10px;
}
.APTC-master fieldset {
    border: 1px solid #e7e7e7;
    padding: 0 15px;
}
.APTC-master a.prev,
.APTC-master a.next,
.APTC-master div.numbertext {
    display: none;
}
.APTC-master:hover a.prev,
.APTC-master:hover a.next,
.APTC-master:hover div.numbertext {
    display: block;
}
.APTC-threecol {
    width: 400px;
}
.APTC-threecol img {
    padding: 15px 5% 20px 5%;
    max-width: 90%;
}
.APTC-halfwide {
    width: 609px;
}
.APTC-halfwide img {
    padding: 15px 5% 20px 5%;
    max-width: 90%;
}
.APTC-quarterwide {
    width: 300px;
}
.APTC-quarterwide img {
    padding: 15px 5% 20px 5%;
    max-width: 90%;
}
.APTC-full {
    width: 988px;
}
.APTC-full img {
    max-width: 650px;
    max-height: 700px;
}
.APTC-title {
    text-align: left;
    font-size: 22px;
    color: #555;
}
.APTC-subtitle {
    display: block;
    font-size: 15px;
    color: #aaa;
}
.APTC-textbody {
    color: #555;
    margin: 0 0 15px 0;
}
.APTC-keypoint {
    font-size: 15px;
    padding: 0 8px;
}
/* .APTC-keypoint p {} */
.APTC-keypoint ul {
    display: block;
    clear: both;
    margin-top: 10px;
}
.APTC-keypoint li {
    text-indent: 8px;
}
.APTC-keypoint li:before {
    content: "+ ";
    color: #a00000;
}
.APTC-keypoint li.APTC-dim {
    color: #999;
    text-indent: 20px;
}
.APTC-keypoint li.APTC-dim:before {
    content: none;
}
.APTC-buyitmeow {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    padding: 10px 0;
}
.APTC-price {
    position: relative;
    float: right;
    font-size: 24px;
    color: #aaa;
    text-align: right;
    height: 40px;
    padding: 0 28px 0 0;
}
/* .APTC-threecol .APTC-price {} */
/* .APTC-halfwide .APTC-price {} */

.APTC-button {
    position: relative;
    float: right;
}
.APTC-button input[type="submit"] {
    color: #333;
    padding: 8px 15px;
    font-size: 15px;
    border: 1px solid #ccc;
    background: #f1f1f1;
    letter-spacing: 0.5px;
    height: 38px;
    margin: 0 15px 0 0;
}
.APTC-button input[type="submit"]:hover {
    cursor: pointer;
    border: 1px solid #bbb;
    background: #ddd;
}

.APTC-table .APTC-button input[type="submit"] {
    margin: 0 40px 0 0 !important;
    width: 175px;
}
.APTC-table .APTC-button {
    width: 220px;
}
.APTC-table {
    width: 1100px;
    margin: 0 75px 25px 75px;
}
.APTC-table table {
    width: 100%;
}
.APTC-table td.APTC-radioimage {
    width: 500px;
}
.APTC-table td.APTC-radioimage img {
    width: 100%;
}
.APTC-table td.APTC-radiochoices {
    padding: 15px;
}
/* .APTC-table input[type="radio"]:checked {} */
.APTC-table input[type="radio"] {
    display: none;
}
.APTC-table .APTC-radio {
    float: left;
    width: 21px;
    height: 21px;
    background: url(/images/radio-unchecked.png);
}
.APTC-table label:hover div.APTC-radio {
    background: url(/images/radio-hover.png);
}
.APTC-table input[type="radio"]:checked + label div.APTC-radio {
    background: url(/images/radio-checked.png);
}
.APTC-table input[type="radio"]:checked + label div.APTC-radioprice {
    color: #060;
}
/* .APTC-table li {} */
.APTC-table li label {
    display: inline-block;
    width: 100%;
    border-bottom: 1px dashed #f1f1f1;
    padding: 10px 0 10px 15px;
    cursor: pointer;
}
.APTC-table div.APTC-radiodesc {
    float: left;
    line-height: 25px;
    font-size: 18px;
    color: #555;
    white-space: nowrap;
    padding-left: 11px;
}
.APTC-table div.APTC-radioprice {
    float: right;
    margin-right: 75px;
    color: #aaa;
    font-size: 20px;
}
.APTC-tablenote {
    width: 100%;
    text-align: center;
    color: #555;
    padding: 20px;
    clear: both;
    line-height: 25px;
    letter-spacing: 0.2px;
    border-top: 1px dotted #e7e7e7;
}

.APTC-imgdiv-threecol {
    width: 100%;
    height: 300px;
}

.APTC-imgdiv-halfwide {
    width: 100%;
    height: 450px;
}

.APTC-imgdiv-full {
    width: 100%;
    height: 300px;
}

.APTC-threecol.left-tabbed {
    margin-left: 75px;
}

/** Alternating Images for Product Highlights and OEM Pages **/

/* #tabs .numbered_steps {} */
#tabs .numbered_steps table {
    margin-bottom: 15px;
}
#tabs .numbered_steps img {
    padding: 0 10px;
}

.numbering {
    font-size: 72px;
    color: #ccc;
    padding: 0 10px 0 0 !important;
    text-align: right;
    width: 1px;
    border-right: 1px solid #ccc;
    text-align: top !important;
}

.numbered_steps {
    width: 100%;
}
.numbered_steps table {
    width: 100%;
}
.numbered_steps li {
    font-size: 14px;
    line-height: 18px;
    margin: 2px 0 0 0;
    padding: 2px 0 2px 0;
    color: #848484;
    text-indent: 12px;
    letter-spacing: 0.3px;
}
.numbered_steps li strong {
    border-bottom: 1px dashed #890709;
    font-weight: 100;
    color: #555;
}
ul.longlist li {
    float: left;
    width: 200px;
}
.numbered_steps li:before {
    content: "+ ";
    color: #a00000;
}
.numbered_steps a {
    color: #848484 !important;
    border-bottom: 1px dotted #a00000;
}
.numbered_steps a:hover {
    border-bottom: 1px solid #a00000;
}
.numbered_steps p {
    font-size: 15px;
    line-height: 22px;
    color: #848484;
    padding: 4px 0 4px 12px;
    clear: both;
}
.numbered_steps td {
    height: 1px;
    padding: 10px 10px 5px 10px;
}
.numbered_steps th {
    width: 1px;
    padding: 10px 0 0 0;
}
.numbered_steps th,
.numbered_steps td {
    vertical-align: top;
}
table.numbered_steps table {
    width: 100%;
}

/** Product Pages Tabbed Content Adjustments CSS - verified 7/29/14 **/

/* #tabs {} */
#tabs h1 {
    margin: 25px 0 25px 0;
    border-bottom: 1px dotted #ccc;
}
#tabs h1:before,
#tabs h1:after {
    display: none;
}
#tabs p.tab_footer {
    font-size: 13px;
    text-align: center;
    padding: 10px;
    color: #333;
    letter-spacing: 0.4px;
    font-style: italic;
    width: 100%;
    clear: both;
}
#tabs p.tab_footer a {
    color: #666;
}
#tabs p.tab_footer a:hover {
    border-bottom: 1px solid #a00000;
}

.tabnav_two,
.tabnav_three,
.tabnav_four,
.tabnav_five,
.tabnav_six,
.tabnav_seven {
    padding: 0 20px 0 20px;
    height: 40px;
    clear: both;
}
.tabnav_two li {
    width: 480px;
}
.tabnav_three li {
    width: 332px;
}
.tabnav_four li {
    width: 250px;
}
.tabnav_five li {
    width: 198px;
}
.tabnav_six li {
    width: 160px;
}
.tabnav_seven li {
    width: 140px;
}

.tabnav_OEM_two {
    width: 1182px;
    margin: 10px 34px 15px 34px;
    height: 50px;
}
.tabnav_OEM_two li {
    width: 508px;
    margin: 30px 40px;
}

.tabnav_OEM_five {
    width: 1182px;
    margin: 10px 34px 15px 34px;
    height: 50px;
}
.tabnav_OEM_five li {
    width: 230px;
}

#tab_navigation_OEM li {
    text-align: center;
    line-height: 40px;
    float: left;
    background: #222;
}
#tab_navigation_OEM li a {
    display: block;
    width: 100%;
    height: 40px;
    color: #fff;
    letter-spacing: 2px;
    font-size: 17px;
}
#tab_navigation_OEM li.ui-state-active {
    background: #9f2427;
}
#tab_navigation_OEM li.ui-state-hover {
    background: #f1f1f1;
}
#tab_navigation_OEM li.ui-state-active.ui-state-hover {
    background: #fff;
}

#tab_nav_container {
    width: 1250px;
    border-bottom: 1px solid #e7e7e7;
    margin: 25px 0 30px 0;
    background-image: linear-gradient(to right, #fff 0px, #fbfbfb 20px, #fbfbfb calc(100% - 20px), #fff 100%);
}

#tab_navigation {
    display: block;
    width: 1009px;
    margin: 0 100px;
}
#tab_navigation li {
    text-align: center;
    line-height: 40px;
    float: left;
    border-left: 1px solid #e7e7e7;
    background: #fbfbfb;
    border-bottom: 1px solid #e7e7e7;
}
#tab_navigation li.ui-state-active {
    border-bottom: 1px dotted #fff;
}
#tab_navigation li.ui-state-active a {
    color: #000;
}
#tab_navigation li a {
    display: block;
    width: 100%;
    height: 40px;
    color: #888;
    letter-spacing: 1px;
    font-size: 18px !important;
}
#tab_navigation li.ui-state-hover {
    border-bottom: 1px solid #efefef;
    background: #fefefe;
}
#tab_navigation li.right_end {
    border-right: 1px solid #e7e7e7;
}
#tab_navigation li.ui-state-active {
    background: #fff;
}
#tab_navigation li.ui-state-hover a {
    color: #a00000;
}
#tab_navigation li.ui-state-active.ui-state-hover a {
    color: #000;
}
#tab_navigation li.ui-state-active.ui-state-hover {
    border-bottom: 1px solid #fff;
}

div.quote {
    border: 1px solid #ccc;
    background: #f1f1f1;
    font-size: 13px;
    line-height: 15px;
    padding: 10px 10px 12px 10px;
    color: #777;
    text-align: center;
    letter-spacing: 0.8px;
    margin: 20px 0 0 0;
}

/** Support Pages Text Alignment **/

.support_table {
    width: 100%;
    margin: 15px 0;
}
/* .support_table thead td, .support_table thead th {} */
.support_table thead td {
    padding: 18px 20px;
    border-bottom: 1px dashed #a00000;
    letter-spacing: 1px;
    font-size: 24px;
}
.support_table tbody tr {
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}
.support_table tbody th {
    letter-spacing: 1px;
    padding: 5px 15px 6px 15px;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 14px;
    width: 150px;
}
.support_table tbody td {
    padding: 10px 0;
    text-indent: 20px;
    font-size: 12px;
    border-left: 1px dotted #ddd;
    letter-spacing: 0.8px;
}
.support_table tbody td span {
    color: #a00000;
}
.support_table .ptsub {
    font-size: 12px;
    width: 160px;
    letter-spacing: 0.8px;
}

.pluses li:before {
    content: "+ ";
    color: #a00000;
}

.support p {
    font-size: 14px;
    line-height: 18px;
    color: #848484;
    padding: 4px 0 4px 30px;
}
.support li {
    font-size: 14px;
    padding: 3px 0 8px 30px;
    letter-spacing: 0.5px;
    color: #848484;
}
.support .indent {
    text-indent: 34px;
    color: #999;
}
.support h6 {
    margin: 20px 0 5px 0;
    padding: 10px 0 5px 0;
    text-transform: uppercase;
    text-indent: 28px;
}
.support h3 {
    padding: 20px 0 5px 0;
    text-indent: 28px;
    border-bottom: 1px dotted #ccc;
}
.support ul.longlist li:before {
    content: "> ";
    color: #890709;
}
.support .shipping_center {
    margin: 20px;
}

/** Support Pages Text Alignment **/

.product_listing_table {
    width: 1000px;
    margin: 0 24px;
}
.product_listing_table thead th {
    text-align: left;
}
.product_listing_table thead th h4 {
    border-bottom: none;
}

.product_listing_table tbody tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.product_listing_table tbody th {
    letter-spacing: 1px;
    padding: 5px 15px;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 14px;
    text-align: center;
    width: 150px;
    font-weight: 100;
    background: #eee;
    border: 1px solid #ccc;
}

.product_listing_table tbody td {
    padding: 10px 0;
    text-indent: 20px;
    font-size: 12px;
    border-left: 1px solid #ddd;
    letter-spacing: 0.8px;
}
.product_listing_table tbody td li {
    padding: 3px 0;
    letter-spacing: 0.5px;
    color: #555;
}
.product_listing_table tbody td li.title {
    font-size: 18px;
    font-weight: 400;
}
.product_listing_table tbody td li.indent {
    text-indent: 28px;
    color: #999;
}
.product_listing_table tbody td li.option {
    text-indent: 28px;
    color: #999;
    font-style: italic;
}
.product_listing_table tbody td li.variation {
    color: #a00000;
}
.product_listing_table tbody td a {
    color: #555;
    border-bottom: 1px dotted #ccc;
    padding: 0 3px;
}

.product_listing_table tbody td a:hover {
    border-bottom: 1px solid #a00000;
    color: #222;
}
.product_listing_table tbody td span {
    color: #888;
}
.product_listing_table .ptsub {
    font-size: 12px;
    width: 160px;
    letter-spacing: 0.8px;
}

.text p {
    color: black;
    font-size: 18px;
}

.warning_note {
    text-align: center;
    font-size: 18px;
    width: 75%;
    border: 1px solid #a00000;
}

.focusable {
    border: 1px dotted #a00000;
}

/**focusable when element is on a dark background **/
.focusable_dark:focus {
    border: 1px dotted #bbb;
}

/** tab content **/
.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

/* Styling for: /support/trade_show_contact/ */
#trade_show_follow_up_title {
    text-align: center;
    font-size: 50px;
    border-bottom: 0px;
}

#img_container {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 750px;
    padding-left: 160px;
}

.trade_show_img {
    max-width: 220px;
    padding: 10px;
}

#trade_show_follow_up {
    margin-top: 20px;
    float: left;
    width: 600px;
    min-height: 600px;
    padding-left: 220px;
}

#trade_show_follow_up > a {
    padding: 4px 0 4px 30px;
}

#trade_show_form_container {
    margin: 0;
    padding: 0;
    /* background-color: #f4f4f9; */
    display: flex;
    justify-content: center;
    align-items: center;
}

#trade_show_form_container > div {
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    /* box-shadow: 0 0px 3px rgba(0, 0, 0, .1); */
    width: 100%;
    /* max-width: 500px; */
}

#trade_show_form_container > div > h2 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

#trade_show_form_container .form-group {
    margin-bottom: 15px;
}

#trade_show_form_container label {
    font-size: 14px;
    color: #848484;
    display: block;
    margin-bottom: 5px;
}

#trade_show_form_container input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

#trade_show_form_container input {
    color: #848484;
}

#trade_show_form_container input:focus {
    border-color: #4caf50;
}

#trade_show_form_container textarea {
    resize: vertical;
    min-height: 120px;
    color: #848484;
}

#trade_show_form_container .btn-submit {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #848484;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    font-size: 16px;
    margin-top: 10px;
}

#trade_show_form_container .btn-submit:hover {
    /* background-color: #45a049; */
}

#trade_show_form_container .form-group input,
.form-group textarea {
    margin-top: 5px;
}

#tabs #parts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
