@charset "utf-8";

/* ===== @FONT-FACE FONTS CSS =================================================================================== */

@font-face {
    font-family: 'HPEMetricRegular';
    src: url(/assets/fonts/hp/2016/Metric-Regular.eot);
    src: url(/assets/fonts/hp/2016/Metric-Regular?#iefix) format('embedded-opentype'), url(/assets/fonts/hp/2016/Metric-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'HPEMetricLight';
    src: url(/assets/fonts/hp/2016/Metric-Light.eot);
    src: url(/assets/fonts/hp/2016/Metric-Light?#iefix) format('embedded-opentype'), url(/assets/fonts/hp/2016/Metric-Light.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'HPEMetricMedium';
    src: url(/assets/fonts/hp/2016/Metric-Medium.eot);
    src: url(/assets/fonts/hp/2016/Metric-Medium?#iefix) format('embedded-opentype'), url(/assets/fonts/hp/2016/Metric-Medium.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'HPEMetricSemiBold';
    src: url(/assets/fonts/hp/2016/Metric-Semibold.eot);
    src: url(/assets/fonts/hp/2016/Metric-Semibold?#iefix) format('embedded-opentype'), url(/assets/fonts/hp/2016/Metric-Semibold.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'HPEMetricBold';
    src: url(/assets/fonts/hp/2016/Metric-Bold.eot);
    src: url(/assets/fonts/hp/2016/Metric-Bold?#iefix) format('embedded-opentype'), url(/assets/fonts/hp/2016/Metric-Bold.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'HPIcons';
    src: url('/assets/fonts/hp/hpe-icons.eot?hmecf4');
    src: url('/assets/fonts/hp/hpe-icons.eot?hmecf4#iefix') format('embedded-opentype'),
    url('/assets/fonts/hp/hpe-icons.ttf?hmecf4') format('truetype'),
    url('/assets/fonts/hp/hpe-icons.woff?hmecf4') format('woff'),
    url('/assets/fonts/hp/hpe-icons.svg?hmecf4#hpe-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.x-icon {
    font-family: 'HPIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* ===== END @FONT-FACE ============================================================================================================= */


/* ===== RESETS, ANCHOR OUTLINE REMOVAL, CLEARFIX =================================================================================== */

html,
body,
a,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,

/*sup,*/

var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    background: transparent;
    vertical-align: baseline;
    font-size: 100%;
}


/* ===== END RESETS, ANCHOR OUTLINE REMOVAL, CLEARFIX =================================================================================== */


/* ===== MAIN CSS =================================================================================== */


/*font icons*/

.icon-download2:before {
    content: "\e900";
}

.icon-arrow-down:before {
    content: "\e600";
}

.icon-arrow-up:before {
    content: "\e601";
}

.icon-image:before {
    content: "\e90d";
}

.icon-images:before {
    content: "\e90e";
}

.icon-film:before {
    content: "\e913";
}

.icon-podcast:before {
    content: "\e91c";
}

.icon-feed:before {
    content: "\e91d";
}

.icon-book:before {
    content: "\e91f";
}

.icon-books:before {
    content: "\e920";
}

.icon-file-text:before {
    content: "\e922";
}

.icon-profile:before {
    content: "\e923";
}

.icon-file-empty:before {
    content: "\e924";
}

.icon-files-empty:before {
    content: "\e925";
}

.icon-file-text2:before {
    content: "\e926";
}

.icon-file-picture:before {
    content: "\e927";
}

.icon-copy:before {
    content: "\e92c";
}

.icon-paste:before {
    content: "\e92d";
}

.icon-stack:before {
    content: "\e92e";
}

.icon-folder:before {
    content: "\e92f";
}

.icon-folder-open:before {
    content: "\e930";
}

.icon-folder-plus:before {
    content: "\e931";
}

.icon-folder-minus:before {
    content: "\e932";
}

.icon-price-tag:before {
    content: "\e935";
}

.icon-price-tags:before {
    content: "\e936";
}

.icon-ticket-r:before {
    content: "\e939";
}

.icon-cart:before {
    content: "\e93a";
}

.icon-envelop:before {
    content: "\e945";
}

.icon-clock2:before {
    content: "\e94e";
}

.icon-clock3:before {
    content: "\e94f";
}

.icon-calendar:before {
    content: "\e953";
}

.icon-printer:before {
    content: "\e954";
}

.icon-floppy-disk:before {
    content: "\e962";
}

.icon-spinner:before {
    content: "\e984";
}

.icon-search:before {
    content: "\e986";
}

.icon-zoom-in:before {
    content: "\e987";
}

.icon-zoom-out:before {
    content: "\e988";
}

.icon-lock:before {
    content: "\e98f";
}

.icon-unlocked:before {
    content: "\e990";
}

.icon-bin:before {
    content: "\e9ac";
}

.icon-clipboard:before {
    content: "\e9b8";
}

.icon-list-numbered:before {
    content: "\e9b9";
}

.icon-list:before {
    content: "\e9ba";
}

.icon-list2:before {
    content: "\e9bb";
}

.icon-tree:before {
    content: "\e9bc";
}

.icon-sphere:before {
    content: "\e9c9";
}

.icon-earth:before {
    content: "\e9ca";
}

.icon-link:before {
    content: "\e9cb";
}

.icon-flag:before {
    content: "\e9cc";
}

.icon-attachment:before {
    content: "\e9cd";
}

.icon-bookmark:before {
    content: "\e9d2";
}

.icon-bookmarks:before {
    content: "\e9d3";
}

.icon-star-empty:before {
    content: "\e9d7";
}

.icon-star-half:before {
    content: "\e9d8";
}

.icon-star-full:before {
    content: "\e9d9";
}

.icon-plus:before {
    content: "\ea0a";
}

.icon-minus:before {
    content: "\ea0b";
}

.icon-info:before {
    content: "\ea0c";
}

.icon-cancel-circle:before,
.icon-x-altx-alt:before {
    content: "\ea0d";
}

.icon-blocked:before {
    content: "\ea0e";
}

.icon-cross:before {
    content: "\ea0f";
}

.icon-checkmark:before {
    content: "\ea10";
}

.icon-checkmark2:before {
    content: "\ea11";
}

.icon-enter:before {
    content: "\ea13";
}

.icon-exit:before {
    content: "\ea14";
}

.icon-backward:before {
    content: "\ea1f";
}

.icon-forward:before {
    content: "\ea20";
}

.icon-previous:before {
    content: "\ea23";
}

.icon-next:before {
    content: "\ea24";
}

.icon-loop:before {
    content: "\ea2d";
}

.icon-loop2:before {
    content: "\ea2e";
}

.icon-circle-up:before {
    content: "\ea41";
}

.icon-circle-right:before {
    content: "\ea42";
}

.icon-circle-down:before {
    content: "\ea43";
}

.icon-circle-left:before {
    content: "\ea44";
}

.icon-checkbox-checked:before {
    content: "\ea52";
}

.icon-checkbox-unchecked:before {
    content: "\ea53";
}

.icon-radio-checked:before {
    content: "\ea54";
}

.icon-radio-checked2:before {
    content: "\ea55";
}

.icon-radio-unchecked:before {
    content: "\ea56";
}

.icon-share2:before {
    content: "\ea7d";
}

.icon-new-tab:before {
    content: "\ea7e";
}

.icon-file-pdf:before {
    content: "\eada";
}

.icon-file-word:before {
    content: "\eadc";
}

.icon-file-excel:before {
    content: "\eadd";
}

.icon-libreoffice:before {
    content: "\eade";
}

.icon-menu-list:before {
    content: "\f010";
}

.icon-right-zoom:before {
    content: "\f020";
}

.icon-left-zoom:before {
    content: "\f021";
}

.icon-wide-menu-list:before {
    content: "\f030";
}

.icon-remove:before {
    content: "\f040";
}

.icon-left-shopcart:before {
    content: "\f050";
}

.icon-right-shpcart:before {
    content: "\f051";
}

.icon-sq-expand:before {
    content: "\f060";
}

.icon-sq-collapse:before {
    content: "\f061";
}

.icon-arrow-right:before {
    content: "\f070";
}

.icon-arrow-left:before {
    content: "\f071";
}

.icon-hpe-arrow-up:before {
    content: "\f60b";
}

.icon-hpe-arrow-down:before {
    content: "\f60c";
}

.icon-hpe-arrow-left:before {
    content: "\f60d";
}

.icon-hpe-arrow-right:before {
    content: "\f60e";
}

.icon-hpe-menu-hamburg:before {
    content: "\f60f";
}

.icon-hpe-magnifying-glass:before {
    content: "\f610";
}

.icon-hpe-close-x:before {
    content: "\f611";
}

.icon-hpe-logo:before {
    content: "\f614";
}

.icon-hpe-logo-mark:before {
    content: "\f615";
}

.icon-hpe-magnifying-glass-rtl:before {
    content: "\f616";
}

.icon-hpe-social-instagram:before {
    content: "\f617";
}

.icon-hpe-social-linked-in:before {
    content: "\f618";
}

.icon-hpe-social-twitter:before {
    content: "\f619";
}

.icon-hpe-social-facebook:before {
    content: "\f61a";
}

.icon-hpe-social-youtube:before {
    content: "\f61b";
}


/* CSS Document */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline;
    zoom: 1
}

audio:not([controls]) {
    display: none;
    height: 0
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
    font-family: 'HPEMetricRegular', Arial, sans-serif
}

a:focus,
button:focus {
    outline: 0
}

a:hover,
a:active {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

pre,
code,
kbd,
samp {
    font-size: 1em;
    font-family: monospace, serif;
    -font-family: 'courier new', monospace
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:before,
q:after {
    content: none
}

small {
    font-size: 75%
}

sub,
sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
select,
textarea {
    vertical-align: middle;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    overflow: visible;
    cursor: pointer;
    -webkit-appearance: button
}

button[disabled],
input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    width: 13px;
    height: 13px;
    padding: 0
}

input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-spacing: 0;
    border-collapse: separate
}

.lt-ie8 table {
    border-collapse: collapse
}

body,
figure,
form {
    margin: 0
}

::-moz-selection,
::selection {
    background: #01A982;
    color: #fff;
    text-shadow: none
}

html,
button,
input,
select,
textarea {
    font-size: 16px;
    font-family: 'HPEMetricRegular', Arial, sans-serif;
    line-height: 1em
}

em {
    font-style: italic !important;
}

a {
    color: #01A982;
    text-decoration: none;
    cursor: pointer
}

a:hover {
    text-decoration: underline;
}

a:active {
    outline: 0
}

body {
    font-family: 'HPEMetricRegular', Arial, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'HPEMetricSemibold', Arial, sans-serif !important;
}

b,
strong {
    font-family: 'HPEMetricBold', Arial, sans-serif !important;
}

.img {
    border: 0px;
}

.floatright {
    float: right !important
}

.floatleft {
    float: left !important
}

.color000 {
    color: #000 !important
}

.ui-sprite,
.sort-arrows {
    background-image: url("../images/ui-sprite.png")
}

.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0
}

.rightText {
    text-align: right;
}

.display-none {
    display: none;
}

.fs10 {
    font-size: 10px;
}

.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.fs24 {
    font-size: 24px;
}

.fs32 {
    font-size: 32px;
}


/*.body a:hover{text-decoration: none !important;}*/

.background-blue {
    background-color: #01A982
}

.background-gray-dark {
    background-color: #5a5a5a
}

.background-gray {
    background-color: #ccc
}

.background-gray-light {
    background-color: #f2f2f2
}

.background-orange {
    background-color: #FF8D6D
}

.blue {
    color: #01A982
}

.blue-accessible {
    color: #01A982
}

.white {
    color: #fff
}

.black {
    color: #000
}

.gray-dark {
    color: #5a5a5a
}

.gray-medium {
    color: #425563
}

.gray {
    color: #ccc
}

.gray-light {
    color: #f2f2f2
}

.orange {
    color: #FF8D6D
}

.purple {
    color: #822980
}

.red,
.error {
    color: red
}

.red-light {
    color: #f7d7d7
}

.wrapper {
    width: 1000px;
    margin: 0px auto;
    font-family: 'HPEMetricRegular', Arial, sans-serif;
    min-height: 100%;
    position: relative;
}

.main-content-area {
    width: 1000px;
    padding-bottom: 43px;
    float: left;
}

.top-header {
    margin: 18px 0px 10px 0px;
    padding: 0px;
    position: relative;
}

.top-header .lockup {
    text-align: center;
    max-width: 826px;
    margin: 68px auto 38px auto;
}

.top-header .lockup h1 {
    margin: 0 0 24px 0;
}

.top-header .lockup span.date {
    font-size: 25px;
    font-family: 'HPEMetricLight', Arial, sans-serif;
    line-height: 31px;
}

.top-header .lockup p {
    margin-top: 24px;
    padding-left: 20px;
    padding-right: 20px;
}

.event-name {
    font-family: 'HPEMetricMedium', Arial, sans-serif !important;
}

.top-header .title-area {
    text-align: left;
    max-width: 1020px;
    margin: 28px auto 28px auto;
}


/*.top-header .title-area{ width:600px;}*/

.top-header .subtitle {
    width: 800px;
    font-family: 'HPEMetricSemiBold';
    font-size: 24px;
    line-height: 24px;
    margin: 8px 0px 0px 18px;
    color: #000000;
    clear: left
}

.top-header h1 {
    font-family: 'HPEMetricSemiBold';
    font-size: 40px;
    line-height: 40px;
    margin: 0px 0px 0px 18px;
    color: #000000;
    clear: both;
}

.top-header h1 span {
    font-family: 'HPEMetricSemiBold';
    font-size: 40px;
    line-height: 40px;
    color: #000000;
    clear: both;
}

.top-header h2 {
    font-family: 'HPEMetricRegular';
    font-size: 32px;
    line-height: 32px;
    margin: 0px 0px 0px 18px;
    color: #000000;
    clear: both;
    font-weight: bold;
}

.top-header .lockup h1 {
    font-size: 72px;
}

.top-header .menu-area {
    width: 700px;
    margin-right: 18px;
    height: 46px;
    margin: 16px 0 0 0;
    padding: 0;
}

.top-header .menu-area ul {
    width: 991px;
    list-style: none;
    height: 38px;
    top: 0px;
    right: 0px;
    padding: 0 0 0 9px;
    margin: 0px;
    border-bottom: 1px solid #cccccc;
}

.top-header .menu-area ul li {
    color: #425563;
    margin: 0px 10px;
    height: 34px;
    cursor: pointer;
    text-decoration: none;
    line-height: 38px;
    font-size: 1.1875em;
    overflow: visible;
    position: relative;
    float: left;
}

.top-header .menu-area ul li:hover {
    color: #000000;
    height: 34px;
    cursor: pointer;
    text-decoration: none;
}

.top-header .menu-area ul li a {
    color: #425563;
    text-decoration: none;
}

.top-header .menu-area ul li a:hover {
    color: #000000;
    cursor: pointer;
    text-decoration: none;
}

.top-header .menu-area ul .active a {
    color: #000000;
    text-decoration: none;
    line-height: 38px;
    border-bottom: 4px solid #01A982;
    height: 34px;
    z-index: 0;
    float: left
}

.top-header .menu-area ul .active a:hover {
    color: #000000;
    text-decoration: none;
    line-height: 38px;
    border-bottom: 4px solid #01A982;
    height: 34px;
    float: left
}

.top-header .menu-area ul li .activeLink {
    color: #000000;
}

.top-header .menu-area ul li .activeLink:hover {
    color: #000000;
}

.top-header .menu-area ul .button {
    background: #FF8D6D;
    font-weight: bold;
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    line-height: 36px;
    height: 36px;
    padding: 0px 10px;
}

.top-header .menu-area ul .button:hover {
    background: #ff8c6c;
    font-weight: bold;
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    line-height: 36px;
    height: 36px;
    padding: 0px 10px;
}

.secondary-navigation {
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
    min-height: 47px;
}

.secondary-navigation.sticky {
    margin-top: 0
}

.secondary-navigation .secondary-navigation-menu {
    height: 0;
    list-style: none;
    margin-top: 0;
    padding: 0 18px;
    line-height: 1em;
    margin: 0px auto;
    width: 980px;
}

.secondary-navigation .secondary-navigation-menu ul {
    position: absolute;
    display: none;
    z-index: 100;
    list-style: none;
}

.secondary-navigation .secondary-navigation-menu li {
    background-color: #fff;
    margin-left: 0 !important;
    float: left;
    padding-right: 30px;
    padding-top: 18px;
    padding-bottom: 10px;
    width: auto !important;
}

.secondary-navigation .secondary-navigation-menu li a {
    color: #425563;
    cursor: pointer;
    font-size: 1.1875em;
    line-height: 18px;
    padding: 9px 0;
    text-decoration: none;
}

.secondary-navigation .secondary-navigation-menu li a:hover {
    text-decoration: none;
    color: #000000;
}

.secondary-navigation .secondary-navigation-menu li:hover ul {
    display: block;
}


/*.secondary-navigation .secondary-navigation-menu li.active a {border:0 none; color:#000;}*/

.secondary-navigation .secondary-navigation-menu li.active>a {
    border-bottom: 4px solid #01a982;
    color: #000000;
    padding-bottom: 6px;
}

.secondary-navigation .secondary-navigation-submenu {
    background: url("../images/s.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 0 none;
    display: block;
    left: 0;
    position: relative;
    z-index: 1001;
}

.secondary-navigation .secondary-navigation-submenu li {
    padding: 0px;
}

.secondary-navigation .secondary-navigation-submenu ul,
.secondary-navigation .secondary-navigation-submenu li {
    width: 218px;
}

.secondary-navigation .secondary-navigation-submenu ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #fff;
    border-color: #ccc #ccc #01A982;
    border-image: none;
    border-style: solid;
    border-width: 2px 2px 4px;
    margin: 18px 0 0;
    padding: 14px 0 20px;
}

.secondary-navigation .secondary-navigation-menu ul li.secondary-navigation-header {
    font-family: 'HPEMetricSemiBold';
    line-height: 1em;
}

.secondary-navigation .secondary-navigation-menu ul li.secondary-navigation-header a {
    color: #000;
}

.secondary-navigation .secondary-navigation-submenu ul li a,
.secondary-navigation .secondary-navigation-submenu ul li span {
    background-color: #fff;
    display: block;
    float: none;
    font-size: 0.875em;
    padding: 6px 20px 4px;
    position: relative;
    width: 178px;
}

.secondary-navigation .secondary-navigation-submenu ul li a:hover {
    background: none repeat scroll 0 0 #01A982;
    /*color: #01a982;*/
    color: #fff;
}

.secondary-navigation .secondary-navigation-submenu ul li.omega {
    background: none repeat scroll 0 0 transparent;
}

.secondary-navigation .secondary-navigation-submenu ul .menu-carat {
    background-position: -176px -8px;
    height: 10px;
    left: 10px;
    position: absolute;
    top: -10px;
    width: 30px;
}

.secondary-navigation .secondary-navigation-submenu li.padding-top-small {
    padding-top: 11px;
}

#affiliated-secondary-navigation {
    margin-top: 0
}

ul.secondary-navigation.sticky {
    font-size: 18px;
    line-height: 1.5em;
}

.secondary-navigation.sticky .secondary-navigation-menu li.active>a {
    border-bottom: none
}

.secondary-navigation.sticky ul li.standalone {
    float: right;
    font-weight: bold;
    border: 1px solid #cecece;
    border-bottom: 4px solid #01A982;
    color: #333333;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.secondary-navigation.sticky ul li.standalone a {
    padding: 16px 25px 11px 25px;
    text-transform: uppercase;
}

.secondary-navigation.sticky ul li.standalone:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #01A982;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.secondary-navigation.sticky ul li.standalone:hover {
    border-color: #01A982;
}

.secondary-navigation.sticky ul li.standalone a:hover {
    color: #ffffff;
}

.secondary-navigation.sticky ul li.standalone:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    /*border: 4px solid #00b388;*/
}

.small-navigation {
    min-height: 44px;
    padding: 14px 21px;
    font-family: 'Metric Medium', Arial;
    font-size: 17px;
    color: #333333;
}

.nav-toggle {
    cursor: pointer;
}

.nav-toggle.icon-down,
.nav-toggle.icon-up {
    display: inline-block;
    width: 17px;
    height: 17px;
    float: right;
    color: #01A982;
}

.sticky {
    position: fixed;
    background-color: #ffffff;
    width: 100%;
    top: 0;
    z-index: 1001;
    border-top: 0;
    -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
    -moz-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
    box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #F2F2F2
}

.everything {
    background-color: #FFFFFF;
    *zoom: 1
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.header .hf_logo:before,
.header .shopping_icon:before,
.header .searchSubmit,
.header .search_icon:before,
.header .searchClear:before,
.header .searchClose:before,
.header .top_menu_widget .top_m_widget:after,
.header .top_menu_widget .top_m_widget:before,
.footer .worldmap a.cselectorbtn:before,
.footer .site_links a.ul_site_link_header .accordion-icn:before,
.header .hf_menu.level1>li>a:before,
.header .hf_menu.level3>li>a:after,
.header .hf_menu li.js_item>a:before,
.ac_results_hf li a:after,
.header .shop_widget .hf_close_btn:before,
.header .hf_menu.level2>li>a.no_submenu:after,
.footer .country_holder_mobile a.cs_region:after,
.header .hf_logo:after,
.ul_media_links .icn_fcb:before,
.ul_media_links .icn_sm_lkn:before,
.ul_media_links .icn_twt:before,
.ul_media_links .icn_ytb:before,
.ul_media_links .icn_sm_inst:before,
.footer .site_links .ul_site_links li a:after,
.footer .country_holder_mobile a.cs_region:after,
footer .country_holder_mobile a.cs_region.open:after,
.footer .cselector_wrapper .country_holder_mobile .cs_r_countries a:after {
    font-family: 'HPIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.header .hf_logo {
    position: relative
}

.header .hf_logo:before {
    width: 100%;
    position: absolute;
    left: -1px;
    content: "\F615";
    color: #01b187
}

.header .hf_logo:after {
    width: 100%;
    position: absolute;
    content: "\F614";
    color: #fff;
    margin-top: 4px;
    position: relative\0/;
    top: 8px\0/
}

.header .searchClear:before,
.header .searchClose:before,
.footer .worldmap a.cselectorbtn:before,
.header .shop_widget .hf_close_btn:before {
    content: "\f611"
}

.header .search_icon:before {
    content: "\f610"
}

.header .top_menu_widget .top_m_widget:after {
    content: "\F60F"
}

.footer .cselector_wrapper .country_holder_mobile .cs_r_countries a:after {
    content: "\F60E";
    float: right;
    font-size: 12px;
    color: #9d9d9d
}

.footer .site_links a.ul_site_link_header.open .accordion-icn:before,
.footer .country_holder_mobile a.cs_region.open:after {
    content: "\f60B"
}

.footer .site_links a.ul_site_link_header .accordion-icn:before,
.footer .country_holder_mobile a.cs_region:after {
    content: "\f60C"
}

.ul_media_links .icn_fcb:before {
    content: "\f61A"
}

.ul_media_links .icn_sm_lkn:before {
    content: "\f618"
}

.ul_media_links .icn_twt:before {
    content: "\f619"
}

.ul_media_links .icn_ytb:before {
    content: "\f61B"
}

.ul_media_links .icn_sm_inst:before {
    content: "\f617"
}

.ul_media_links .icn_fcb:hover:before,
.ul_media_links .icn_sm_lkn:hover:before,
.ul_media_links .icn_twt:hover:before,
.ul_media_links .icn_ytb:hover:before,
.ul_media_links .icn_sm_inst:hover:before {
    color: #b3aeae
}

.ul_media_links .icn_fcb:after,
.ul_media_links .icn_sm_lkn:after,
.ul_media_links .icn_twt:after,
.ul_media_links .icn_ytb:after,
.ul_media_links .icn_sm_inst:after {
    content: " "!important
}

.header.hf-not-fontface .hf_logo:before,
.header.hf-not-fontface .searchClear:before,
.header.hf-not-fontface .searchClose:before,
.footer.hf-not-fontface .worldmap a.cselectorbtn:before,
.header.hf-not-fontface .shop_widget .hf_close_btn:before,
.header.hf-not-fontface .search_icon:before,
.header.hf-not-fontface .top_menu_widget .top_m_widget:after,
.footer.hf-not-fontface .site_links a.ul_site_link_header.open .accordion-icn:before,
.footer.hf-not-fontface .site_links a.ul_site_link_header .accordion-icn:before,
.footer .site_links .ul_site_links li.first_li span a,
.footer .site_links .ul_site_links li.first_li span span {
    font-family: 'HPEMetricSemiBold';
    color: #333333;
    font-weight: bold
}

.header,
.footer {
    clear: both;
    width: 100%;
    font-size: 100%;
    font-family: 'HPEMetricRegular', Arial, sans-serif
}

.header a,
.footer a {
    text-decoration: none
}

.header a:focus,
.footer a:focus {
    outline: 1px dotted
}

.header ul,
.footer ul {
    list-style-type: none
}

.header p,
.footer p,
.footer h2,
.header ul,
.footer ul {
    margin: 0;
    padding: 0
}

.footer h2 {
    font-size: 100%
}

.hf_clf:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.hf_clf {
    display: inline-block;
    display: block\9
}

html .hf_clf {
    display: block
}

* html .hf_clf {
    height: 1%
}

.header .screenReading,
.footer .screenReading {
    font-size: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
    opacity: 0
}

.hidden {
    display: none;
    visibility: hidden
}

.hand {
    cursor: pointer
}

.header .hf_printable,
.footer .hf_printable {
    display: none;
    visibility: hidden
}

.header {
    height: 90px;
    padding: 0;
    margin: 0;
    width: 100%;
    background-color: #425563;
    line-height: initial!important;
    z-index: 1000
}

.header_container {
    position: relative;
    width: 100%;
    max-width: 1240px;
    height: 100%;
    padding-top: 0;
    font-size: 100%;
    margin: 0 auto
}

.footer_lang_container,
.footer_container,
#ladybug {
    width: 100%;
    max-width: 992px;
    margin: 0 auto
}

.footer_lang_section {
    padding: 20px 0 39px 0
}

.footer .home_link,
.footer .cselector_wrapper {
    line-height: 20px;
    display: inline-block;
    height: 20px
}

.header .hp_logo {
    float: left
}

.header .hp_logo a.hf_logo,
.header .hp_logo a.hf_logo:visited {
    height: auto;
    width: 120px;
    display: block;
    margin: 18px 0 14px 0;
    font-size: 50px;
    line-height: 50px
}

.header .hp_logo a.hf_logo img {
    border: 0 none;
    display: none
}

.header .hp_logo_pub {
    background-image: url(../images/hpe-logo-white.png)
}

.header .hp_logo_pr_pub {
    background-image: url(../images/hpe-logo-printable.png)
}

.header.hf-not-fontface .searchSubmit,
.header.hf-not-fontface .search_icon,
.header.hf-not-fontface .top_menu_widget .top_m_widget,
.header .top_corner,
.header .left_corner,
.worldmap .bottom_corner,
.footer.hf-not-fontface .worldmap a.cselectorbtn,
.header.hf-not-fontface .searchClear,
.header.hf-not-fontface .searchClose,
.footer .cselector_wrapper .right_corner,
.header.hf-not-fontface .shop_widget .hf_close_btn {
    background-image: url(../images/hpe-hf-sprite-img-r.gif);
    background-repeat: no-repeat
}

.header .top_corner {
    background-position: -98px -1px;
    width: 17px;
    height: 12px;
    position: absolute;
    top: -12px;
    display: none
}

.header .left_corner {
    background-position: -127px -26px;
    height: 17px;
    width: 17px;
    left: -11px;
    position: absolute;
    top: 25px
}

#widget_menu {
    width: auto
}

.hdr_widgets,
.hdr_widgets .hdr_buttons {
    float: right
}

.hdr_widgets {
    width: 260px;
    position: relative;
    z-index: 10;
    margin-right: 18px
}

.hdr_widgets .search_block {
    float: left;
    margin: 23px 0 0
}

.header .search_container {
    background: #fff
}

.header .search_container_inactive {
    position: absolute;
    left: 0
}

.header .search_container_active,
.header wm_no_widget {
    position: absolute;
    z-index: 21;
    right: 0;
    left: auto;
    top: 21px
}

.header .search_container_active,
.header wm_no_widgets .search_container_active {
    width: 320px;
    position: absolute;
    z-index: 21;
    right: 0;
    left: auto;
    top: 15px
}

.header .searchBox,
.header .searchSubmit {
    border: 0;
    float: left;
    margin: 0;
    padding: 0;
}

.header .searchSubmit:focus {
    outline: none
}

.header .searchBox::-webkit-input-placeholder {
    font-weight: normal;
    font-family: "HPEMetricRegular"
}

.header .searchBox:-moz-placeholder {
    font-weight: normal;
    font-family: "HPEMetricRegular"
}

.header .searchBox::-moz-placeholder {
    font-weight: normal;
    font-family: "HPEMetricRegular"
}

.header .searchBox:-ms-input-placeholder {
    font-weight: normal;
    font-family: "HPEMetricRegular"
}

.header .searchBox {
    font-size: 1.125em;
    height: 57px;
    line-height: 30px;
    line-height: 50px\0/;
    padding: 0 25px 0 19px;
    margin: 0;
    color: #58585b;
    outline: none;
    font-family: 'HPEMetricSemiBold';
    font-weight: bold
}

.header .searchBox::-ms-clear {
    display: none
}

.header .searchSubmit {
    background-color: #FFFFFF;
    height: 18px;
    width: 18px;
    cursor: pointer;
    -webkit-appearance: none;
    font-size: 17px;
    color: #01b187;
    position: absolute;
    top: 20px;
    right: 21px
}

.header .searchClear {
    display: none;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 20px;
    right: 50px;
    background-position: -171px -12px;
    font-size: 18px;
    line-height: 17px;
    color: #CCC
}

body .hf_ac_offscreen_text {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    z-index: -1000;
    top: -1000px
}

.hdr_widgets .search_block {
    display: none
}

.search_widget_active .hdr_widgets {
    position: absolute;
    right: 0;
    left: auto
}

.search_widget_active .hdr_widgets .search_block {
    display: block
}

.hdr_widgets li.search_widget {
    display: inline-block
}

.hdr_widgets .nav_buttons {
    margin: 26px 0 0 0
}

.hdr_widgets li.nav_button {
    float: left;
    display: inline-block;
    _display: inline;
    _zoom: 1;
    z-index: 1
}

.hdr_widgets img {
    border: 0 none
}

.header li.search_widget a:hover,
.header li.top_menu_widget a.top_m_widget:hover:after {
    color: #ffffff;
    opacity: 1
}

.header .search_icon {
    color: #fff;
    filter: alpha(opacity=60);
    opacity: 0.6;
    width: 18px;
    height: 18px;
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 18px
}

.header .top_menu_widget_accordion {
    top: 25px
}

.footer {
    width: 100%;
    margin: 0;
    background: #F0F0F0;
    zoom: 1
}

.footer .footer_legal_block {
    text-align: left;
    color: #5a5a5a;
    font-size: 87.5%
}

.footer .footer_legal_block a,
.footer .footer_legal_block a:link,
.footer .footer_legal_block a:visited {
    color: #5a5a5a
}

.footer .privacy_links {
    margin: 0 auto;
    padding-top: 4px;
    text-align: center;
    font-size: 100%;
    color: #5a5a5a
}

.footer .privacy_links a,
.footer .privacy_links a:link,
.footer .privacy_links a:visited,
.footer .privacy_links a:active {
    color: #5a5a5a
}

.footer .privacy_links li {
    display: inline-block
}

.footer .privacy_links .lstchild span {
    display: none
}

.footer .hf_separ {
    color: #6a6a6a;
    font-size: 100%;
    padding: 0 8px;
    display: inline-block
}

.footer .home_link .hf_separ {
    font-size: 14px;
    padding: 0 12px
}

div.visible {
    display: block;
    visibility: visible
}

.footer .world_map {
    margin: 0 auto;
    *float: left;
    width: 0
}

.footer .cs-container {
    position: relative
}

.footer .cselector_wrapper {
    *position: static;
    z-index: 100
}

.footer .worldmap_wrapper {
    position: absolute;
    left: 18px
}

.footer .cntr_map {
    float: left;
    _display: inline;
    _zoom: 1
}

.footer .cselector_wrapper a,
.footer .cselector_wrapper a:link {
    color: #000;
}

.footer .cselector_wrapper,
.footer .worldmap_wrapper {}

.footer .cselector_wrapper {
    display: inline-block
}

.footer .cselector span.map {
    background: transparent url(../images/hpe-i-pre-lg.gif) no-repeat
}

.footer a.cselector:hover .selectedCountry {
    text-decoration: underline
}

.footer .cselector span {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    color: #333333;
    font-family: "HPEMetricLight"
}

.footer .cselector span.flag {
    width: 16px;
    padding: 4px 8px 0 0;
    background: url(../images/flag.png) transparent no-repeat left center;
}

.footer .hf-worldmap .cselector span.flag {
    width: 35px;
    background-image: url(../images/world-map-hpe.gif)
}

.footer .hf-worldmap .cntr_map {
    margin-top: -2px
}

.footer .worldmap {
    top: -504px;
    width: 944px;
    height: 480px;
    background-color: #f6f6f6;
    overflow: visible;
    position: absolute;
    left: -18px;
    border: 2px solid #ccc;
    z-index: 54
}

.footer .worldmap .country_holder {
    padding: 20px 0 0 20px;
    font-size: 62.5%;
    line-height: 20px
}

.footer .worldmap .country_holder ul li {
    padding-bottom: 5px;
    text-align: left;
    width: 130px;
    min-height: 22px
}

.footer .worldmap .country_holder li a,
.footer .worldmap .country_holder li a:link {
    font-size: 130%;
    color: #000;
    line-height: 18px
}

.footer .worldmap h2 {
    display: block;
    text-align: center;
    margin-top: 36px;
    font-size: 36px;
    font-family: "HPEMetricRegular";
    font-weight: bold;
    outline: none;
    line-height: initial
}

.footer .worldmap li a:hover,
.footer .worldmap li a:focus {
    color: #000
}

.footer .worldmap .bottom_corner {
    width: 17px;
    height: 14px;
    position: absolute;
    bottom: -14px;
    _bottom: -19px;
    left: 14px;
    background-position: -123px -1px;
    display: none
}

.footer .worldmap a.cselectorbtn {
    width: 21px;
    height: 21px;
    top: 14px;
    right: 14px;
    font-size: 21px;
    position: absolute;
    display: block;
    color: #b5b5b5
}

.footer .worldmap a.cselectorbtn:hover {
    color: #01b187
}

.footer .worldmap .hf_country_regions {
    display: none
}

.footer .worldmap .country_holder_mobile {
    display: none
}

.footer .wait_class,
.header .wait_class {
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

.footer .wait_class div,
.header .wait_class div,
.footer #cs_spooler div {
    background: url(../images/hpe-i-pre-lg.gif) no-repeat scroll 0 0 transparent;
    height: 60px;
    width: 60px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.footer .wait_class.active {
    display: block
}

.footer #cs_spooler {
    width: 1000px;
    top: -257px;
    opacity: 1;
    z-index: 53;
    position: absolute
}

.footer .site_links .site_links_container {
    display: inline-block;
    width: 142px;
    padding: 0 28px 0 0;
    text-align: left;
    vertical-align: top
}

.footer .site_links .site_links_middle {
    width: auto;
    text-align: center;
    vertical-align: top;
    display: inline-block
}

*+html .site_links .site_links_container,
*+html .footer .site_links .site_links_middle {
    float: left
}

.footer .site_links div.lstchild {
    padding-right: 0
}

.footer .site_links .ul_site_links {
    display: block
}

.footer .site_links li {
    padding-bottom: 10px
}

.footer .site_links .ul_media_links {
    *display: inline-block
}

.footer .site_links .ul_media_links img {
    display: none
}

.footer .site_links .ul_media_links li {
    display: inline-block;
    padding-bottom: 0;
    margin-right: 18px
}

.footer .site_links .ul_media_links li a {
    display: inline-block;
    color: #6a6a6a;
    line-height: 18px;
    width: 18px;
    height: 18px;
    font-size: 18px!important
}

.footer .site_links a,
.footer .site_links .ul_site_links span {
    font-size: 1em;
    text-decoration: none
}

.footer .site_links a,
.footer .site_links a:link,
.footer .site_links a:visited,
.footer .site_links span {
    color: #6a6a6a;
    font-family: 'HPEMetricRegular';
    font-size: 15px;
    margin: 0
}

.footer .site_links a:hover {
    color: #000
}

.footer .site_links .ul_site_links li.first_li span,
.footer .site_links .ul_site_links li.first_li span a {
    font-size: 12px;
}

.footer .site_links .ul_site_links li.first_li>a {
    display: none;
    visibility: hidden
}

.footer .site_links .ul_site_links .ul_media_links li.first_li a {
    display: inline-block !important;
    visibility: visible
}

.footer .site_links .ul_site_link_header {
    display: none
}

.footer .site_links .site_links_subitems {
    margin-top: 27px
}

ul.footer_media_links {
    padding: 0;
    padding-bottom: 5px
}

.footer_media_links li {
    display: inline-block;
    padding-top: 0
}

.footer_media_links li,
.footer_media_links li a,
.footer .site_links .ul_media_links li,
.footer .privacy_links li {
    *display: inline
}

.footer .home_link a {
    font-size: 14px;
    color: #333333;
    font-family: "HPEMetricLight"
}

.footer .home_link a:visited {
    color: #333333
}

.footer .home_link a:hover {
    text-decoration: underline
}

.footer .copyright {
    font-size: 12px;
    font-family: "HPEMetricRegular";
    color: #707070
}

.footer .mobile_view {}

.footer .mobile_view a {
    font-size: 100%;
    line-height: 20px
}

.footer div.footer_guarantees_block {
    color: #5A5A5A;
    padding-top: 4px;
    display: none;
}

.footer .footer_guarantees_block span,
.footer .footer_guarantees_block a {
    font-size: 100%
}

.footer div.footer_guarantees_block a {
    display: inline-block
}

.footer .hp_employees_container {
    font-size: 14px;
    font-family: "HPEMetricLight";
    padding: 12px 0!important;
    padding-bottom: 20px!important;
    height: 20px
}

.footer .hp_employees_container a,
.footer .hp_employees_container a:visited {
    color: #707070
}

.footer .hp_employees_container a:hover {
    text-decoration: underline
}

.ac_results {
    border-top: 0 none;
    background-color: #FFFFFF;
    font-size: 14px;
    overflow: hidden;
    z-index: 21;
    width: 260px;
    top: 57px;
    left: 0;
    position: absolute;
    font-family: "HPEMetricLight"
}

.ac_results ul {
    margin: 6px 0 10px;
    list-style-position: outside;
    list-style: none;
    padding: 0
}

.ac_results li {
    position: relative;
    margin: 0;
    cursor: pointer;
    display: block;
    overflow: hidden;
    margin-bottom: 1px;
    background-color: #F2F2F2
}

.ac_results li a {
    text-decoration: none;
    line-height: 18px;
    color: #58585b;
    width: 100%;
    display: block;
    margin: 0;
    padding: 12px 18px 8px 18px;
    height: auto;
    width: auto;
    _position: relative;
    font-size: 14px
}

.ac_results .ac_no_title li a {
    padding-left: 10px
}

.ac_results a:visited {
    color: #000000
}

.ac_results a:active {
    text-decoration: none
}

.ac_results a:focus {
    color: #FFFFFF
}

.ac_results a.ac_focus,
.ac_results_hf a:hover,
.ac_results_hf a:hover span,
.ac_results a.focus {
    background-color: #425563;
    color: #FFFFFF
}

.ac_results a span {
    color: #58585b;
    font-family: "HPEMetricSemiBold";
    font-weight: bold
}

.ac_results a.ac_focus span {
    color: #FFFFFF
}

.ac_results .ac_title {
    background-color: #eeeeee;
    padding: 8px 8px 8px 10px
}

.ac_results .ac_progress {
    color: #aaaaaa;
    padding: 10px 10px
}

.ac_results .ac_no_results {
    color: #555555;
    padding: 10px 10px
}

.header li.top_menu_widget,
*+html .header li.search_widget a.search_icon {
    display: none
}

.header .hf_top_menu {
    float: left;
    margin: 14px 0 0 4.125em;
    width: auto
}

.header.top_menu_active .hf_top_menu {
    margin: 0
}

.header .hf_top_menu .level1 {
    display: block;
    width: auto
}

.header .hf_top_menu li {
    float: left;
    margin-top: 28px;
    margin-left: 2.188em;
    z-index: 15
}

.header .hf_top_menu li.first_li {
    margin-left: 0!important
}

.header .hf_top_menu li a.header_link {
    font-weight: normal;
    font-size: 1.125em;
    line-height: 16px;
    *line-height: normal
}

.header .hf_top_menu li a,
.header .hf_top_menu li a:visited {
    color: #000;
    display: block;
    -webkit-text-size-adjust: 100%
}

.header .hf_top_menu li a.header_link,
.header .hf_top_menu li a.header_link:visited,
.header .hf_top_menu li a.header_link:hover,
.header .hf_top_menu li a.header_link:active,
.header .hf_top_menu li a.header_link:focus,
.header .hf_top_menu li.selected a.header_link {
    color: #FFFFFF
}

.header .hf_top_menu .level1.inactive li.selectable a span {
    color: red
}

.header .hf_top_menu .level1.inactive li.selected a span {
    color: #ffffff
}

.header .hf_top_menu .level2 {
    display: block;
    font-size: 0.875em;
    font-family: 'HPEMetricRegular';
    color: #000;
    line-height: 18px;
    display: none;
    position: absolute;
    width: 196px;
    z-index: 1001;
    background: #fff;
    border: 2px solid #ccc;
    border-bottom: 5px #425563 solid;
    margin-left: -10px;
    margin-top: 32px;
    padding: 12px 0;
    overflow: inherit!important
}

.header .hf_top_menu .level2 li {
    display: block;
    float: none;
    margin: 0;
    padding: 7px 18px;
    width: 164px
}

.header .hf_top_menu .level2 li a {
    margin: 0;
    display: inline-block;
    padding-top: 5px
}

.header .hf_top_menu .level2 li a:hover {
    color: #01A982
}

.header .hf_top_menu .level2 li a:focus {
    color: #000000
}

.header .hf_top_menu .level2 .top_corner {
    height: auto;
    left: 24px;
    width: 17px;
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0
}

.header .hf_top_menu .level2 .separator div {
    margin: 10px 0;
    height: 10px;
    border-bottom: 1px solid #cccccc
}

.header .hf_top_menu .expanded {
    width: 401px;
    padding: 12px 0
}

.header .hf_top_menu .expanded li.selected {
    z-index: 1001;
    background: #425563
}

.header .hf_top_menu .expanded li.selected a {
    color: #fff;
    outline: none
}

.header .hf_top_menu .level3 {
    display: none;
    position: absolute;
    left: 200px;
    width: 199px;
    top: 3px;
    border-left: 1px solid #ccc
}

.header .hf_top_menu .level3 .top_corner {
    display: none
}

.header .hf_top_menu .level3 li {
    margin: 0;
    padding: 0 18px
}

.header .hf_top_menu .level3 li a {
    margin: 13px 0 0 0
}

.header .hf_top_menu .level3 li.lstchild {
    padding-bottom: 10px
}

.header .hf_top_menu .expanded li.selected .level3 a {
    color: #000000
}

.header .hf_top_menu .expanded li.selected .level3 a:focus {
    outline: 1px dotted
}

.header .hf_top_menu .expanded li.selected .level3 a:hover {
    color: #01b187
}

.header .searchClose {
    display: none
}

.search_widget_popup {
    display: none
}

.footer .cselector_wrapper .right_corner {
    background-position: -95px -26px;
    height: 17px;
    width: 17px;
    left: -4px;
    position: absolute;
    top: 2px;
    display: none
}

.footer .world_map .shadow_cover_top,
.footer .world_map .shadow_cover_bottom {
    height: 32px;
    width: inherit
}

.footer .world_map .shadow_cover_top,
.header .shop_widget .shadow_cover_top {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(255, 255, 255, 1)), color-stop(80%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 80%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 80%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 80%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 80%);
    background-repeat: no-repeat;
    top: 0;
    position: absolute
}

.footer .world_map .shadow_cover_bottom,
.header .shop_widget .shadow_cover_bottom {
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 80%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(255, 255, 255, 1)), color-stop(80%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 80%);
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 80%);
    background: -ms-linear-gradient(bottom, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 80%);
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 80%);
    background-repeat: no-repeat;
    margin-top: -8px
}

.ac_results {
    width: 100%
}

.footer .hf_bottom_links {
    padding: 30px 0;
}

.footer .worldmap .country_holder {
    display: block
}

.footer .worldmap .country_holder_mobile {
    display: none
}

.footer .worldmap_wrapper {
    display: inline-block
}

.header .hp_logo {
    margin-left: 58px
}

.hdr_widgets {
    margin: 10px 58px 0 0
}

.search_widget_active .hdr_widgets {
    margin: 0 40px 0 0
}

.search_widget_active .search_container {
    top: 15px
}

.header.search_widget_active .hf_top_menu {
    margin-left: 2.188em
}

.header.search_widget_active .hf_top_menu .level1 li {
    margin-left: 1.563em
}

.header.search_widget_active .hf_top_menu .level2 li,
.header.search_widget_active .hf_top_menu .level3 li {
    margin-left: 0
}

.header .wm_no_widgets .searchBox,
.header .wm_no_widgets .search_container_active .searchBox {
    width: 226px
}

.header .search_container_active,
.header .wm_no_widgets .search_container_active {
    width: 320px
}

.footer .site_links .ul_media_links li.lstchild {
    margin-right: 0
}

@media print {
    body,
    .header,
    .footer,
    .footer_container {
        background-color: #fff !important
    }

    .header,
    .footer {
        color: #000 !important
    }

    .header .hp_logo a.hf_logo {
        color: #0096D6 !important
    }

    .header .hf_printable,
    .footer .hf_printable {
        display: block
    }

    .header.hf-not-fontface .hp_logo a.hf_logo img.hf_printable {
        position: static;
        opacity: 1;
        overflow: auto;
        width: 50px;
        height: 50px
    }

    .header .hf_no_printable,
    .footer .hf_no_printable,
    .header.hf-not-fontface .hp_logo a.hf_logo img.hf_no_printable {
        display: none
    }

    .header .search_container,
    .header .search_container.search_container_active {
        border: 2px solid #000
    }

    .header .search_container .searchSubmit,
    .header .search_container .searchClear,
    .header .search_container .searchClose,
    .header .search_container .ac_results {
        display: none !important
    }

    .header .shopping_widget {
        display: none !important
    }

    .header .header_link+.expand_area {
        display: none !important
    }

    .footer .world_map,
    .footer .footer_lang_container .flag {
        display: none !important
    }

    .footer .site_links_container.lstchild {
        padding-right: 0 !important
    }

    .footer .site_links .ul_site_links {
        display: block !important
    }

    .header .header_link+.level2 {
        display: none !important
    }
}

@media screen and (max-width:999px) {
    .header a:focus,
    .footer a:focus {
        outline: 0
    }

    .everything {
        min-width: 100%
    }

    .footer div.footer_guarantees_block,
    .footer .hf_bottom_links {
        width: auto
    }

    .hdr_widgets .search_block {
        margin-top: 18px
    }

    .header .top_menu_widget .top_m_widget {
        font-size: 18px;
        width: 18px;
        height: 18px;
        display: block;
    }

    .header .top_menu_widget .top_m_widget:after {
        line-height: 18px;
        color: #fff;
        opacity: 0.6;
        filter: alpha(opacity:0.6);
        font-weight: bold
    }

    .hdr_widgets .nav_buttons {
        margin-top: 18px
    }

    .header.top_menu_active .top_menu_widget .top_m_widget:after {
        content: "\F611";
        color: #fff;
        opacity: 1;
        filter: alph(opacity:100)
    }

    .hdr_widgets li.search_widget {
        margin: 5px 40px 0 0
    }

    .header .shopping_icon {
        width: 34px;
        height: 34px;
        background-position: 0 -139px;
        line-height: 34px;
        font-size: 25px
    }

    .header .search_container_active {
        top: 0;
        right: 0
    }

    .header .search_mob_container,
    .header .searchBox {
        height: 100%
    }

    .header.search_widget_active #widget_menu {
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        top: -1px;
    }

    .header.search_widget_active .search_block,
    .header.search_widget_active .search_container {
        width: 100%;
        height: 98.9%;
        margin: 0;
        border-bottom: 1px solid #e1e1e1;
        left: 0;
        right: 0
    }

    .header .searchClear {
        top: 21px;
        font-size: 16px;
        width: 16px;
        height: 16px;
        line-height: 16px;
        text-align: center
    }

    .header .hf_top_menu {
        display: none
    }

    .header li.top_menu_widget {
        display: inline-block;
        margin-top: 5px
    }

    .header li.top_menu_widget .hf_top_nav {
        display: block
    }

    .header .hf_top_menu .level1 li {
        margin: 0;
        float: none;
        width: auto;
        padding: 0
    }

    .header .hf_top_menu li.lstchild a.header_link {
        padding-bottom: 13px
    }

    .header .hf_top_menu .level1,
    .header .hf_top_menu .level2,
    .header .hf_top_menu .level3 {
        border: none;
        margin: 0;
        padding: 0;
        z-index: 1001
    }

    .header .hf_top_menu .level2 .top_corner {
        display: none
    }

    .header .hf_top_menu .level2 li a {
        padding: 7px 26px;
        margin: 0
    }

    .header .hf_top_menu .level2 li.lstchild a {
        padding-bottom: 16px;
        margin: 0
    }

    .header .hf_top_menu .level2,
    .header .hf_top_menu .level3 {
        width: auto;
        padding:
    }

    .header .hf_top_menu .level3 li.lstchild {
        padding-bottom: 0
    }

    .hf-not-fontface .ac_results_hf a,
    .header.hf-not-fontface .hf_top_menu li>a,
    .header.hf-not-fontface .js_item>a {
        background: right -342px url(../images/hpe-hf-sprite-img-r.gif) no-repeat
    }

    .header .js_item>a:active {
        background-position: right -390px
    }

    .header .js_item>a:active,
    .header .js_item>a:active:before,
    .header .hf_top_menu .level1>li>a:active,
    .header .hf_top_menu .level1>li>a:active:before {
        color: #FFFFFF
    }

    .header .hf_top_menu .level1>li.first_li a {}

    .header .hf_top_menu li.first_li a.header_link.has_link:active {
        background-position: right -390px
    }

    .header .hf_top_menu .level1 {
        position: relative;
        overflow-y: auto;
        width: auto;
        left: auto;
        right: 0
    }

    .header .hf_top_menu .level2 {
        width: 100%;
        right: 0;
        overflow: hidden!important
    }

    .header .hf_top_menu .level2,
    .header .hf_top_menu .level3 {
        display: none;
        position: relative;
        top: 0;
        left: auto
    }

    .header .hf_top_menu .level1 {
        border-width: 2px 0;
        border-color: rgba(0, 0, 0, 0.2);
        background-color: #425563
    }

    .header .hf_top_menu .level2 {
        border: none;
        background: #596472
    }

    .header .hf_top_menu .level1 {
        border: none
    }

    .header .hf_top_menu .hf_menu li a,
    .header .hf_top_menu .level2 li.lstchild a {
        padding: 18px 33px 12px 33px
    }

    .header .hf_top_menu .hf_menu.level2 li.submenu,
    .header .hf_top_menu .hf_menu.level2 li a.open,
    .header .hf_top_menu .level3 {
        background-color: #eeeeee!important
    }

    .header .hf_top_menu .hf_menu.level1 li a.open {
        background-color: #596472;
        padding: 18px 0 12px 0;
        margin: 0 32px;
        border-bottom: 1px solid rgba(225, 225, 225, 0.2);
        border-color: #e1e1e1\0/;
        filter: alpha(opacity=20)
    }

    .header .hf_top_menu .hf_menu.level1 li.submenu {
        background-color: #596472
    }

    .header .hf_top_menu .level2 li.lstchild a.open {
        padding: 15px 31px;
        background: #596472
    }

    .header .hf_top_menu .hf_menu.level1 li {
        width: 100%
    }

    .header .hf_top_menu .level2 li:last-child {
        border-bottom: 0!important
    }

    .header .hf_menu.level1>li>a:before {
        content: "\F60C";
        position: absolute;
        right: 31px;
        margin: 0;
        font-size: 12px;
        line-height: 21px;
        font-weight: bold;
        color: #9d9d9d
    }

    .header .hf_menu.level1>li.empty>a:before {
        content: "\F60E"
    }

    .header .hf_menu.level2>li>a:before {
        content: "\F60C";
        position: absolute;
        right: 31px;
        margin: 0;
        font-size: 12px;
        line-height: 21px;
        font-weight: bold;
        color: #c6c9ca
    }

    .header .hf_menu.level2>li>a.no_submenu:after,
    .header .hf_menu.level3>li>a:after {
        content: "\F60E";
        position: absolute;
        right: 31px;
        margin: 0;
        font-size: 12px;
        line-height: 21px;
        font-weight: bold;
        color: #c6c9ca
    }

    .header .hf_menu.level3>li>a:after {
        color: #d3d3d3
    }

    .header .hf_menu.level1>li>a.open:before {
        content: "\F60B"
    }

    .header .hf_menu.level2>li>a.open:before {
        content: "\F60B";
        color: #d3d3d3
    }

    .header .hf_menu.level2>li>a.no_submenu:before,
    .header .hf_menu.level2>li>a.no_submenu.open:before {
        content: ""
    }

    .header .hf_top_menu .level2 li a:hover {
        color: #FFFFFF
    }

    .header.hf-not-fontface .hf_menu.level1>li>a:before,
    .header.hf-not-fontface .hf_menu li.js_item>a:before {
        display: none
    }

    .header .hf_top_menu .hf_menu li a {
        display: block
    }

    .header .hf_top_menu .level2 .separator {
        display: none
    }

    .header .top_menu_widget_accordion {
        display: none;
        height: auto;
        position: absolute;
        width: 100%;
        top: 1px;
        z-index: 11;
    }

    .header .top_menu_widget_accordion .hf_top_menu {
        float: none;
        display: block
    }

    .header .top_menu_widget_accordion .hf_top_menu li a {
        font-weight: normal;
        display: block;
        line-height: 21px
    }

    .header .top_menu_widget_accordion .hf_top_menu li:hover {
        cursor: pointer
    }

    .header .top_menu_widget_accordion .hf_top_menu li ul.level2 {
        width: auto;
    }

    .header .top_menu_widget_accordion .hf_top_menu li .level2 li a {
        font-size: 18px;
        margin: 0 31px!important;
        padding: 13px 16px 8px 16px!important;
        border-top: 0;
        border-bottom: 1px solid rgba(225, 225, 225, 0.2);
        border-color: #e1e1e1\0/;
        filter: alpha(opacity=20)
    }

    .header .top_menu_widget_accordion .hf_top_menu li .level3 li a {
        padding-left: 31px!important
    }

    .header .top_menu_widget_accordion .hf_top_menu .level1 li>a {
        color: #c6c9ca;
        font-size: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        border-color: #000\0/;
        filter: alpha(opacity=20)
    }

    .header .top_menu_widget_accordion .hf_top_menu .level2 li>a,
    .header .top_menu_widget_accordion .hf_top_menu .level3 li>a {
        color: #FFFFFF;
        text-decoration: none;
    }

    .header .top_menu_widget_accordion .hf_top_menu .level3 li>a,
    .header .top_menu_widget_accordion .hf_top_menu .level2 li>a.open {
        color: #6a6a6a;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2)!important;
        border-color: #000\0/!important;
        filter: alpha(opacity=20)
    }

    .header .top_menu_widget_accordion .hf_top_menu .level2 li a:hover,
    .header .top_menu_widget_accordion .hf_top_menu .level3 li a:hover,
    .header .top_menu_widget_accordion.iOS .hf_top_menu .level2 li a:hover,
    .header .top_menu_widget_accordion.iOS .hf_top_menu .level3 li a:hover {
        color: #01A982;
        text-decoration: none
    }

    .header .hf_top_menu .level2 li {
        height: auto
    }

    .footer .ul_media_links a,
    .footer .ul_media_links a:link {
        margin-right: 18px
    }

    .footer .ul_media_links a img.hf_blank {
        min-width: 25px;
        min-height: 25px
    }

    .footer .ul_media_links a:hover {
        text-decoration: none
    }

    .footer .world_map {
        border: 2px solid #CCCCCC;
        overflow-x: hidden;
        overflow-y: auto
    }

    .footer .worldmap {
        border: 0 none;
        width: auto;
        height: auto;
        top: auto;
        left: auto;
        position: static;
    }

    .footer .worldmap li a:focus {
        text-decoration: none
    }

    .footer .worldmap .country_holder li a,
    .footer .worldmap .country_holder li a:link {
        font-size: 140%;
        line-height: 30px
    }

    .footer .worldmap h2 {
        margin: 9px 0 20px 0;
        font-size: 21px;
        padding: 0 35px 0 10px;
        color: #333333;
        text-align: center;
        line-height: 28px
    }

    .footer .worldmap .bottom_corner {
        display: none
    }

    .footer .worldmap_wrapper {
        display: none
    }

    .footer .cselector_wrapper.responsive .worldmap_wrapper {
        display: block
    }

    .footer .cselector_wrapper.responsive .right_corner {
        display: none
    }

    .footer .world_map {
        position: absolute;
        background-color: #f6f6f6;
    }

    .footer .worldmap a.cselectorbtn {
        top: 14px;
        right: 14px
    }

    .footer .worldmap a.cselectorbtn:hover {
        background-position: -126px -48px
    }

    .footer #cs_spooler {
        top: auto;
        width: auto
    }

    .footer #cs_spooler div {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        position: absolute
    }

    .footer .site_links {
        padding: 0
    }

    .footer .site_links .site_links_container,
    .footer .site_links .site_links_middle {
        width: auto;
        display: block;
        padding: 0
    }

    .footer .site_links div.lstchild {
        padding-right: 0
    }

    .footer .site_links .ul_site_link_header {
        display: block;
        padding: 21px 31px 16px 49px;
        font-size: 87.5%;
        font-weight: bold;
        border-top: 1px solid #494949;
        *zoom: 1
    }

    .footer .site_links .ul_site_link_header:hover {
        text-decoration: none
    }

    .footer .site_links a.ul_site_link_header .accordion-icn {
        display: inline-block;
        position: absolute;
        right: 27px
    }

    .footer.hf-not-fontface .site_links a.ul_site_link_header .accordion-icn {
        background: url("../images/hpe-hf-sprite-img-r.gif") no-repeat scroll 0 0 transparent;
        background-position: left -536px;
        height: 18px;
        line-height: normal
    }

    .footer .site_links a.ul_site_link_header.open .accordion-icn {
        background-position: left -654px
    }

    .footer .site_links a.ul_site_link_header .accordion-header {
        *float: left
    }

    .footer .site_links .ul_site_links {
        border-top: 1px solid #494949;
        display: none;
        background-color: #f6f6f6
    }

    .footer .site_links .ul_site_links li {
        margin: 0 31px 0 49px;
        border-bottom: 1px solid #494949
    }

    .footer .site_links .ul_site_links li.first_li {
        padding: 0
    }

    .footer .site_links .ul_site_links li.lstchild,
    .footer .site_links .ul_site_links li.last {
        border-bottom: none
    }

    .footer .site_links .ul_site_links li.last .ul_media_links {
        padding-left: 22px
    }

    .footer .site_links .ul_site_links li a,
    .footer .site_links .ul_site_links li.first_li span {
        color: #6a6a6a;
        display: block;
        font-weight: normal;
        font-size: 15px;
        padding: 19px 3px 15px 22px
    }

    .footer .ul_media_links {
        border-top: 1px solid #494949
    }

    .footer .site_links .ul_media_links li {
        padding: 0 28px 0 0;
        margin: 0!important;
        border-bottom: none
    }

    .footer .site_links .ul_media_links li a,
    .footer .site_links .ul_media_links li.first_li a {
        padding: 0!important
    }

    .footer .site_links .ul_site_links li.first_li {
        border-bottom: 0 none
    }

    .footer .site_links .ul_site_links li.first_li>a {
        border-bottom: 1px solid #494949;
        display: block;
        visibility: visible
    }

    .footer .site_links .ul_site_links li.first_li h2 {
        display: none;
        visibility: hidden
    }

    .footer .site_links .ul_site_links li.first_li .column_no_link span {
        display: none
    }

    .footer .site_links .site_links_subitems {
        margin-top: 0
    }

    .footer .site_links .ul_site_links li.first_li span {
        display: none
    }

    .footer .site_links .ul_site_links li a:after {
        content: "\F60E";
        color: #9b9b9b;
        position: absolute;
        right: 29px;
        font-size: 12px
    }

    .footer_lang_container {
        margin-bottom: 0
    }

    .footer_lang_section {
        padding: 12px 0 12px 0
    }

    .footer_container {
        width: 100%
    }

    .footer .cs-container {
        padding: 0 35px 0 49px
    }

    .footer .site_links a.ul_site_link_header .accordion-icn:before {
        font-size: 12px;
        color: #9b9b9b
    }

    .footer .cselector-active {
        margin: 0
    }

    .footer .cselector-active .cs-container {
        padding-left: 18px
    }

    .ul_media_links .icn_fcb:before,
    .ul_media_links .icn_sm_lkn:before,
    .ul_media_links .icn_twt:before,
    .ul_media_links .icn_ytb:before,
    .ul_media_links .icn_sm_inst:before {
        font-size: 18px;
        color: #fff !important
    }

    .footer .site_links .ul_site_links .ul_media_links li.first_li a {
        border-bottom: none
    }

    .footer .site_links {
        border-bottom: 1px solid #494949
    }

    .footer .site_links .ul_media_links li a {
        padding-right: 28px;
        font-size: 16px!important;
        line-height: 16px!important;
        width: 16px!important;
        height: 16px!important
    }

    .footer .site_links .ul_media_links li.first_li {
        padding: 0 28px 0 0
    }

    .footer .site_links .ul_site_links li {
        padding-bottom: 0
    }

    .header .wm_no_widgets .searchBox,
    .header .wm_no_widgets .search_container_active .searchBox,
    .header .search_container_active .searchBox {
        width: 73%;
        padding: 0 8% 0 44px
    }

    .header.search_widget_active .searchSubmit {
        width: 17px;
        height: 17px;
        font-size: 16px;
        line-height: 16px;
        margin-right: 44px;
        right: 0;
        top: 35px
    }

    .header.search_widget_active .searchClear {
        right: 64px;
        margin: 0 21px;
        top: 36px
    }

    .header.top_menu_active {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        border-color: #000\0/;
        filter: alpha(opacity=20)
    }
}

@media screen and (min-width:1000px) and (max-width:1200px) {
    .header .hp_logo {
        margin-left: 40px
    }

    .hdr_widgets {
        margin-right: 40px
    }

    .footer_container,
    .footer_lang_container {
        width: 96%
    }

    .footer .site_links {
        width: 100%
    }

    .footer .site_links .site_links_container {
        padding-right: 15px
    }
}

@media screen and (min-width:1000px) and (max-width:1040px) {
    .footer_lang_container,
    .footer_container,
    #ladybug {
        width: 100%;
        max-width: 95%;
        margin: 0 auto
    }
}

@media screen and (min-width:497px) and (max-width:999px) {
    .header .hp_logo {
        margin-left: 17px
    }

    .hdr_widgets {
        margin: 12px 17px 0 0
    }

    .header.search_widget_active .hp_logo {
        display: none
    }

    .ac_results {
        top: 90px
    }

    .ac_results ul {
        margin: 0
    }

    .header.search_widget_active .hdr_buttons {
        margin: -4px 2px 0 0
    }

    .footer_lang_container {
        margin-bottom: 0
    }

    .footer .footer_legal_block,
    .footer .hp_employees_container {
        margin: 0 31px 0 49px
    }

    .footer .worldmap .country_holder {
        display: block;
        padding-top: 0
    }

    .footer .worldmap .country_holder_mobile {
        display: none
    }

    .footer .worldmap .country_holder ul li {
        width: 137px
    }

    .footer .site_links a,
    .footer .site_links a:link,
    .footer .site_links a:visited,
    .footer .site_links span {
        color: #333333;
        font-family: 'HPEMetricRegular';
        font-size: 12px;
        font-weight: bold;
        margin: 0
    }

    .footer .site_links a span {
        font-family: "HPEMetricSemiBold";
        font-weight: bold
    }

    .footer .world_map .shadow_cover_top,
    .footer .world_map .shadow_cover_bottom {
        background: #f6f6f6
    }

    .footer .site_links .ul_media_links {
        padding-top: 19px;
        padding-bottom: 15px
    }
}

@media screen and (max-width:496px) {
    .header {
        height: 60px
    }

    .header .hp_logo {
        margin-left: 0
    }

    .footer .worldmap .country_holder {
        display: none
    }

    .footer .worldmap .country_holder_mobile {
        display: block
    }

    .header .hp_logo a.hf_logo,
    .header .hp_logo a.hf_logo {
        color: #fff;
        height: 40px;
        width: 50px;
        display: block;
        margin: 10px 0 0 9px;
        font-size: 40px;
        line-height: 50px;
        margin-top: 18px
    }

    .header .hp_logo a.hf_logo,
    .header .hp_logo a.hf_logo img {
        width: 96px!important;
        height: 40px!important
    }

    .everything {
        min-width: 100%
    }

    .header.hf-not-fontface .hp_logo a.hf_logo img.hf_no_printable {
        width: 40px;
        height: 40px
    }

    .header .hp_logo a.hf_logo:before {
        font-size: 50px
    }

    .header .hf_logo:after {
        margin-top: 0
    }

    .header .hp_logo a.hf_logo {
        margin: 8px 0 0 17px
    }

    .footer .icn_blog,
    .footer .icn_sna_blg {
        background-position: 0 -2051px
    }

    .header .searchSubmit {
        top: 22px
    }

    .header li.shopping_widget {
        padding-left: 8px
    }

    .header li.top_menu_widget {
        margin-top: 5px
    }

    .header .hdr_widgets {
        margin: 16px 17px 0 0;
        width: auto
    }

    .header.search_widget_active #widget_menu {
        top: 0
    }

    .header .nav_buttons {
        margin: 0
    }

    .header .skip-links {
        position: absolute
    }

    .header .top_menu_widget_accordion .hf_top_menu .level1 li>a {
        padding: 18px 32px 12px 32px
    }

    .header .top_menu_widget_accordion .hf_top_menu li .level2 li a {
        padding-left: 17px !important
    }

    .header .top_menu_widget_accordion .hf_top_menu li .level3 li a {
        padding-left: 33px!important
    }

    .footer .cselector_wrapper {
        z-index: auto
    }

    .footer .country_holder_mobile a {
        display: block;
        font-size: 16px;
        text-decoration: none;
        padding: 10px;
        margin-bottom: -1px
    }

    .footer .country_holder_mobile a.cs_region {
        position: relative
    }

    .footer.hf-not-fontface .country_holder_mobile a.cs_region {
        background: url("../images/hpe-hf-sprite-img-r.gif") no-repeat right -583px transparent
    }

    .footer .country_holder_mobile a.cs_region {
        font-size: 16px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding-right: 20px
    }

    .footer .worldmap .country_holder_mobile li a.cs_region:hover,
    .footer .worldmap .country_holder_mobile li a.cs_region:focus {
        text-decoration: none
    }

    .footer .country_holder_mobile a.cs_region.open {
        background-position: right -701px
    }

    .footer .country_holder_mobile a.cs_region:after {
        color: #9d9d9d;
        position: absolute;
        right: 21px;
        top: 11px;
        font-size: 12px
    }

    .footer.hf-not-fontface .country_holder_mobile a.cs_region:after {
        display: none
    }

    .footer .cs_r_countries {
        margin: 0 10px
    }

    .footer .cselector_wrapper .country_holder_mobile .cs_r_countries a {
        color: #333333;
        border-bottom: 1px solid #ccc
    }

    .footer .worldmap {
        background: transparent
    }

    .footer .worldmap h2 {
        text-align: left;
        font-size: 16px;
        margin: 0 0 20px 0
    }

    .header .search_container_active {
        border: 0 none
    }

    .header .header_container {
        position: relative
    }

    .header .wm_no_widgets .searchBox,
    .header .wm_no_widgets .search_container_active .searchBox {
        width: 72%;
        padding: 0 18% 0 3%;
    }

    .header.search_widget_active .searchClear {
        top: 22px;
        right: 42px;
    }

    .search_widget_active .hp_logo {
        visibility: hidden;
        display: none
    }

    .search_widget_active .hdr_widgets {
        margin: auto;
        position: static;
    }

    .search_widget_active .hdr_widgets,
    .search_widget_active .hdr_widgets .hdr_buttons {
        float: none
    }

    .search_widget_active .hdr_buttons {
        visibility: hidden;
        display: none
    }

    .search_widget_active .hdr_widgets .search_block {
        margin: auto;
        float: none;
        display: block
    }

    .header .wm_no_widgets .searchBox,
    .header .wm_no_widgets .search_container_active .searchBox,
    .header.search_widget_active .searchBox {
        width: 70%;
        padding: 0 7% 0 21px
    }

    .header.search_widget_active .searchSubmit {
        margin-right: 21px;
        top: 22px
    }

    .search_widget_active .ac_results {
        position: relative;
        top: 1px;
        left: 0;
        margin: auto;
        border: 0 none;
        clear: both
    }

    .search_widget_active .ac_results ul {
        margin: 0
    }

    .header .searchClose {
        position: relative;
        width: 17px;
        height: 17px;
        top: -48px;
        float: right;
        z-index: 22;
        margin-right: 15px;
        background-position: -171px -12px;
        font-size: 17px;
        line-height: 17px;
        color: #CCC
    }

    .search_widget_active .searchClose {
        display: block
    }

    .header li.search_widget {
        display: inline-block;
        margin-right: 30px
    }

    .header .search_icon,
    .header .top_menu_widget .top_m_widget {
        width: 21px;
        height: 21px;
        display: block;
        font-size: 21px;
        line-height: 21px
    }

    .header .search_widget_popup {
        position: absolute;
        top: 0;
        height: 70px;
        color: #666;
        border: 0 solid #0096D6;
        border-bottom-width: 3px;
        width: 100%;
        z-index: 11
    }

    .header .search_widget_popup .search_block {
        width: 100%;
        margin: 0;
        height: 54px;
        border-bottom: 2px solid #ccc;
        padding-top: 18px
    }

    .header .search_widget_popup .search_container {
        border: 0 none
    }

    .header .search_widget_popup .search_container_elements {
        border: 2px solid #CCC;
        width: auto;
        margin: 0 8px;
        background-color: #FFF
    }

    .header .search_widget_popup .search_container_active .search_container_elements {
        border-color: #5A5A5A
    }

    .header .search_widget_popup .searchBox {
        padding-left: 6px;
        float: none
    }

    .header .search_widget_popup .searchSubmit {
        float: left;
        height: 34px;
        font-size: 22px;
        padding-left: 10px
    }

    .header .search_widget_popup .search_container_active .searchBox,
    .header .search_widget_popup .search_container_active .searchSubmit {
        border-color: #5A5A5A
    }

    .ac_results {
        border: 0;
        position: static;
        padding-top: 0;
        margin: 0
    }

    .ac_results a,
    .ac_results a:link {
        padding-left: 16px
    }

    .header .widget .ac_results a.ac_focus,
    .ac_results a.focus {
        background-color: #0096D6;
        color: #FFFFFF;
        text-decoration: none
    }

    .ac_results li a {
        border-bottom: 1px solid #eee
    }

    .ac_results ul {
        margin: 0
    }

    .footer .site_links .ul_site_link_header {
        padding: 21px 31px 16px 33px
    }

    .footer .hf_bottom_links,
    .footer .hp_employees_container {
        margin: 0 31px 0 33px
    }

    .footer .cs-container {
        padding: 0 31px 0 33px
    }

    .footer .site_links a,
    .footer .site_links a:link,
    .footer .site_links a:visited {
        color: #9b9b9b;
        margin: 0
    }

    .footer .site_links a span {
        font-weight: bold;
        font-family: "HPEMetricSemiBold";
        font-size: 12px!important;
        color: #333333
    }

    .footer .site_links .ul_site_links li {
        margin: 0 31px 0 33px
    }

    .footer .site_links .ul_site_links li a,
    .footer .site_links .ul_site_links li.first_li a {
        padding: 15px 6px 11px 17px;
        font-size: 15px
    }

    .footer .site_links .ul_site_links li.last .ul_media_links li {
        margin: 0;
    }

    .footer .site_links .ul_site_links li.last .ul_media_links {
        padding-left: 17px
    }

    .footer .site_links .ul_media_links {
        padding-top: 13px;
        padding-bottom: 13px
    }
}

@media screen and (min-width:351px) and (max-width:496px) {
    .everything {
        min-width: 321px
    }
}

@media screen and (max-width:350px) {
    .everything {
        min-width: 321p
    }

    .header input {
        -webkit-appearance: none;
        border-radius: 0
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .header a.screenReading,
    .footer a.screenReading {
        font-size: 1px !important;
        position: static;
        max-width: 0
    }
}

@media \0screen {
    .footer .cselector span.flag {
        height: 22px
    }
}

@-moz-document url-prefix() {
    .header .searchSubmit {
        width: 20px!important
    }
}