﻿@import url("../../../system/styles/hps-fontface-core.css");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*, P, A, INPUT, INPUT.query, INPUT.search, FORM.query INPUT.text, FORM.query INPUT.query, FORM.query INPUT.search, IMG {
    outline: 0 none;
}

A {
    text-decoration: none;
}

#banner {
    background-color: #fff;
    width: 317px;
    height: 185px;
    margin: auto;
}

    #banner > DIV {
        text-align: center;
    }

        #banner > DIV H2, #banner > DIV P {
            padding: 0 30px;
        }

            #banner > DIV H2 > SUP, #banner > DIV P > SUP {
                vertical-align: super;
                font-size: smaller;
            }

        #banner > DIV A {
            color: #000;
        }

        #banner > DIV IMG {
            height: 114px;
        }

#bannerNav.nextPrevNav {
    width: 317px;
}

.two-column:after, .cols2:after, .three-column:after, .cols3:after {
    content: " ";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

.two-column > DIV, .cols2 > DIV, .three-column > DIV, .cols3 > DIV {
    float: left;
    position: relative;
    width: 50%;
    clear: none;
    padding: 5px 0;
}

.two-column.right > DIV, .cols2.right > DIV, .right.three-column > DIV, .right.cols3 > DIV {
    float: right;
}

.three-column.right, .cols3.right {
    float: none;
}

.three-column > DIV, .cols3 > DIV {
    height: 100%;
    width: 33.33%;
}

    .three-column > DIV.colspan2, .cols3 > DIV.colspan2 {
        width: 66.67%;
    }

A.expanded + DIV.expanded {
    border-top: 1px solid #ccc;
}

.expanded, A.collapsed, INPUT.collapsed, FORM.query INPUT.collapsed.text, FORM.query INPUT.collapsed.query, FORM.query INPUT.collapsed.search, OPTION.collapsed {
    max-height: 8000px;
    opacity: 1;
    visibility: visible;
    overflow: hidden;
}

.expanded {
    -moz-transition-property: opacity,max-height;
    -o-transition-property: opacity,max-height;
    -webkit-transition-property: opacity,max-height;
    -ms-transition-property: opacity,max-height;
    transition-property: opacity,max-height;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -moz-transition-delay: initial;
    -o-transition-delay: initial;
    -webkit-transition-delay: initial;
    -ms-transition-delay: initial;
    transition-delay: initial;
}

    .expanded.scroll {
        overflow-x: hidden;
        overflow-y: scroll;
    }

.collapsed {
    opacity: 0;
    max-height: 0;
    visibility: hidden;
    -moz-transition-property: max-height;
    -o-transition-property: max-height;
    -webkit-transition-property: max-height;
    -ms-transition-property: max-height;
    transition-property: max-height;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -moz-transition-delay: initial;
    -o-transition-delay: initial;
    -webkit-transition-delay: initial;
    -ms-transition-delay: initial;
    transition-delay: initial;
}

    .collapsed * {
        max-height: 0 !important;
        min-height: 0 !important;
        line-height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        margin: 0 !important;
    }

    .collapsed.links LI > INPUT, .collapsed.links FORM.query LI > INPUT.text, FORM.query .collapsed.links LI > INPUT.text, .collapsed.links FORM.query LI > INPUT.query, FORM.query .collapsed.links LI > INPUT.query, .collapsed.links FORM.query LI > INPUT.search, FORM.query .collapsed.links LI > INPUT.search {
        display: none;
    }

#content UL.links > LI .collapsed LABEL, #content UL.links > LI .collapsed SPAN.radio, #content UL.links > LI .collapsed SPAN.checkbox, #content UL.links > LI .collapsed SPAN.radio, #content .collapsed LABEL, #content .collapsed SPAN.radio, #content .collapsed SPAN.checkbox, #content .collapsed SPAN.radio {
    display: none;
}

.button, .pagination A, .field.quantity .remove {
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    padding: 0 15px;
    text-align: center;
    vertical-align: middle;
    width: auto;
    -moz-border-radius: 0 4px 0 4px;
    -o-border-radius: 0 4px 0 4px;
    -webkit-border-radius: 0 4px 0 4px;
    -ms-border-radius: 0 4px 0 4px;
    border-radius: 0 4px 0 4px;
    -moz-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #767676;
}

    .button.right, .pagination A.right, .field.quantity .right.remove {
        float: right;
    }

    .button:visited, .pagination A:visited, .field.quantity .remove:visited {
        color: #fff;
    }

    .button:hover, .pagination A:hover, .field.quantity .remove:hover {
        text-decoration: none;
    }

    .button.critical, .pagination A.critical, .field.quantity .critical.remove {
        background-color: #d7410b;
    }

        .button.critical:hover, .pagination A.critical:hover, .field.quantity .critical.remove:hover {
            background-color: #c1401a;
        }

        .button.critical:disabled, .pagination A.critical:disabled, .field.quantity .critical.remove:disabled {
            background-color: #ccc;
            cursor: default;
        }

            .button.critical:disabled:hover, .pagination A.critical:disabled:hover, .field.quantity .critical.remove:disabled:hover {
                background-color: #ccc;
            }

        .button.critical.disabled, .pagination A.critical.disabled, .field.quantity .critical.disabled.remove {
            background-color: #ccc;
            cursor: default;
        }

            .button.critical.disabled:hover, .pagination A.critical.disabled:hover, .field.quantity .critical.disabled.remove:hover {
                background-color: #ccc;
            }

    .button.primary, .pagination A.primary, .field.quantity .primary.remove {
        background-color: #01A982;
    }

        .button.primary:hover, .pagination A.primary:hover, .field.quantity .primary.remove:hover {
            background-color: #069;
        }

        .button.primary:disabled, .pagination A.primary:disabled, .field.quantity .primary.remove:disabled {
            background-color: #ccc;
            cursor: default;
        }

            .button.primary:disabled:hover, .pagination A.primary:disabled:hover, .field.quantity .primary.remove:disabled:hover {
                background-color: #ccc;
            }

        .button.primary.disabled, .pagination A.primary.disabled, .field.quantity .primary.disabled.remove {
            background-color: #ccc;
            cursor: default;
        }

            .button.primary.disabled:hover, .pagination A.primary.disabled:hover, .field.quantity .primary.disabled.remove:hover {
                background-color: #ccc;
            }

    .button:hover, .pagination A:hover, .field.quantity .remove:hover {
        background-color: #5a5a5a;
    }

    .button:disabled, .pagination A:disabled, .field.quantity .remove:disabled {
        background-color: #ccc;
        cursor: default;
    }

        .button:disabled:hover, .pagination A:disabled:hover, .field.quantity .remove:disabled:hover {
            background-color: #ccc;
        }

    .button.disabled, .pagination A.disabled, .field.quantity .disabled.remove {
        background-color: #ccc;
        cursor: default;
    }

        .button.disabled:hover, .pagination A.disabled:hover, .field.quantity .disabled.remove:hover {
            background-color: #ccc;
        }

    .button + .button, .pagination A + .button, .field.quantity .remove + .button, .pagination .button + A, .pagination A + A, .field.quantity .pagination .remove + A, .pagination .field.quantity .remove + A, .field.quantity .button + .remove, .pagination .field.quantity A + .remove, .field.quantity .pagination A + .remove, .field.quantity .remove + .remove {
        margin-left: 10px;
    }

    .button.right + .button, .pagination A.right + .button, .field.quantity .right.remove + .button, .pagination .button.right + A, .pagination A.right + A, .field.quantity .pagination .right.remove + A, .pagination .field.quantity .right.remove + A, .field.quantity .button.right + .remove, .pagination .field.quantity A.right + .remove, .field.quantity .pagination A.right + .remove, .field.quantity .right.remove + .remove {
        margin-top: 1px;
        margin-left: 0;
    }

        .button.right + .button.right, .pagination A.right + .button.right, .field.quantity .right.remove + .button.right, .pagination .button.right + A.right, .pagination A.right + A.right, .field.quantity .pagination .right.remove + A.right, .pagination .field.quantity .right.remove + A.right, .field.quantity .button.right + .right.remove, .pagination .field.quantity A.right + .right.remove, .field.quantity .pagination A.right + .right.remove, .field.quantity .right.remove + .right.remove {
            margin-right: 10px;
            margin-left: 0;
        }

#content .button.collapsed, #content .pagination A.collapsed, .pagination #content A.collapsed, #content .field.quantity .collapsed.remove, .field.quantity #content .collapsed.remove, #content .button.expanded, #content .pagination A.expanded, .pagination #content A.expanded, #content .field.quantity .expanded.remove, .field.quantity #content .expanded.remove {
    display: block;
    margin: auto;
    max-width: 200px;
    text-align: left;
    padding-right: 30px;
    background-image: url("/us/en/m/images/i/m/hpe/arrow-down-white.png");
    background-repeat: no-repeat;
    background-position: 98% center;
    position: relative;
}

    #content .button.collapsed:before, #content .pagination A.collapsed:before, .pagination #content A.collapsed:before, #content .field.quantity .collapsed.remove:before, .field.quantity #content .collapsed.remove:before, #content .button.expanded:before, #content .pagination A.expanded:before, .pagination #content A.expanded:before, #content .field.quantity .expanded.remove:before, .field.quantity #content .expanded.remove:before {
        content: " ";
        left: 99%;
        margin-left: -30px;
        border-left: solid 1px #fff;
        height: 36px;
        position: absolute;
    }

    #content .button.collapsed + UL.links.expanded, #content .pagination A.collapsed + UL.links.expanded, .pagination #content A.collapsed + UL.links.expanded, #content .field.quantity .collapsed.remove + UL.links.expanded, .field.quantity #content .collapsed.remove + UL.links.expanded, #content .button.expanded + UL.links.expanded, #content .pagination A.expanded + UL.links.expanded, .pagination #content A.expanded + UL.links.expanded, #content .field.quantity .expanded.remove + UL.links.expanded, .field.quantity #content .expanded.remove + UL.links.expanded {
        max-width: 241px;
        margin: auto;
        border: 2px solid #767676;
        border-top: 0 solid;
    }

        #content .button.collapsed + UL.links.expanded > LI > A, #content .pagination A.collapsed + UL.links.expanded > LI > A, .pagination #content A.collapsed + UL.links.expanded > LI > A, #content .field.quantity .collapsed.remove + UL.links.expanded > LI > A, .field.quantity #content .collapsed.remove + UL.links.expanded > LI > A, #content .button.expanded + UL.links.expanded > LI > A, #content .pagination A.expanded + UL.links.expanded > LI > A, .pagination #content A.expanded + UL.links.expanded > LI > A, #content .field.quantity .expanded.remove + UL.links.expanded > LI > A, .field.quantity #content .expanded.remove + UL.links.expanded > LI > A {
            background-image: none;
            font-size: 16px;
            line-height: 22px;
            padding: 8px 20px 9px 10px;
            color: #000;
        }

            #content .button.collapsed + UL.links.expanded > LI > A:hover, #content .pagination A.collapsed + UL.links.expanded > LI > A:hover, .pagination #content A.collapsed + UL.links.expanded > LI > A:hover, #content .field.quantity .collapsed.remove + UL.links.expanded > LI > A:hover, .field.quantity #content .collapsed.remove + UL.links.expanded > LI > A:hover, #content .button.expanded + UL.links.expanded > LI > A:hover, #content .pagination A.expanded + UL.links.expanded > LI > A:hover, .pagination #content A.expanded + UL.links.expanded > LI > A:hover, #content .field.quantity .expanded.remove + UL.links.expanded > LI > A:hover, .field.quantity #content .expanded.remove + UL.links.expanded > LI > A:hover {
                color: #fff;
            }

    #content .button.collapsed.critical + UL.links.expanded > LI > A:hover, #content .pagination A.collapsed.critical + UL.links.expanded > LI > A:hover, .pagination #content A.collapsed.critical + UL.links.expanded > LI > A:hover, #content .field.quantity .collapsed.critical.remove + UL.links.expanded > LI > A:hover, .field.quantity #content .collapsed.critical.remove + UL.links.expanded > LI > A:hover, #content .button.expanded.critical + UL.links.expanded > LI > A:hover, #content .pagination A.expanded.critical + UL.links.expanded > LI > A:hover, .pagination #content A.expanded.critical + UL.links.expanded > LI > A:hover, #content .field.quantity .expanded.critical.remove + UL.links.expanded > LI > A:hover, .field.quantity #content .expanded.critical.remove + UL.links.expanded > LI > A:hover {
        background-color: #c1401a;
    }

    #content .button.collapsed.primary + UL.links.expanded > LI > A:hover, #content .pagination A.collapsed.primary + UL.links.expanded > LI > A:hover, .pagination #content A.collapsed.primary + UL.links.expanded > LI > A:hover, #content .field.quantity .collapsed.primary.remove + UL.links.expanded > LI > A:hover, .field.quantity #content .collapsed.primary.remove + UL.links.expanded > LI > A:hover, #content .button.expanded.primary + UL.links.expanded > LI > A:hover, #content .pagination A.expanded.primary + UL.links.expanded > LI > A:hover, .pagination #content A.expanded.primary + UL.links.expanded > LI > A:hover, #content .field.quantity .expanded.primary.remove + UL.links.expanded > LI > A:hover, .field.quantity #content .expanded.primary.remove + UL.links.expanded > LI > A:hover {
        background-color: #069;
    }

    #content .button.collapsed + UL.links.expanded > LI > A:hover, #content .pagination A.collapsed + UL.links.expanded > LI > A:hover, .pagination #content A.collapsed + UL.links.expanded > LI > A:hover, #content .field.quantity .collapsed.remove + UL.links.expanded > LI > A:hover, .field.quantity #content .collapsed.remove + UL.links.expanded > LI > A:hover, #content .button.expanded + UL.links.expanded > LI > A:hover, #content .pagination A.expanded + UL.links.expanded > LI > A:hover, .pagination #content A.expanded + UL.links.expanded > LI > A:hover, #content .field.quantity .expanded.remove + UL.links.expanded > LI > A:hover, .field.quantity #content .expanded.remove + UL.links.expanded > LI > A:hover {
        background-color: #5a5a5a;
    }

.pagination {
    text-align: center;
    padding: 10px 5px;
}

    .pagination DIV {
        padding: 5px 0;
        text-align: center;
    }

        .pagination DIV:after {
            content: " ";
            display: block;
            visibility: hidden;
            height: 0;
            clear: both;
        }

    .pagination A {
        margin: 0 10px;
    }

        .pagination A.more {
            display: inline-block;
        }

        .pagination A.prev {
            float: left;
        }

        .pagination A.next {
            float: right;
        }

#content .select {
    width: 95%;
    /*margin-right: -14px;*/
    position: relative;
}

    #content .select > A.select {
        padding: 4px 5px 4px 5px;
        width: auto;
        border: solid 2px #ccc;
        font-size: 18px;
        line-height: 18px;
        background-image: url("/us/en/m/images/i/m/hpe/arrow-down-blue.gif");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 99% center;
        display: block;
        text-decoration: none;
        padding-right: 32px;
    }

        #content .select > A.select:focus {
            border-color: #5a5a5a;
        }

        #content .select > A.select.highlight {
            border-color: #5a5a5a;
        }

        #content .select > A.select.invalid {
            color: red;
            border-color: red;
        }

        #content .select > A.select:disabled {
            background-color: #e5e8e8;
            color: #b9b8bb;
        }

        #content .select > A.select:before {
            left: 99%;
            margin: -4px 0 0 -22px;
            border-left: solid 2px #ccc;
            content: " ";
            width: 1px;
            height: 100%;
            display: inline-block;
            position: absolute;
        }

    #content .select UL.links.expanded {
        margin-top: 0;
        /*margin-right: -14px;*/
        width: auto;
        border-bottom: solid 1px #5a5a5a;
    }

        #content .select UL.links.expanded LI A {
            background-image: none;
            color: #000;
            padding-left: 10px;
        }

            #content .select UL.links.expanded LI A:hover {
                color: #fff;
            }

        #content .select UL.links.expanded LI.selected A {
            color: #fff;
        }

.slideshow {
    position: relative;
    z-index: 1;
}

    .slideshow > DIV {
        display: block;
        height: 100%;
        left: 0;
        list-style: none;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .slideshow.loading * {
        visibility: hidden;
        -moz-transition-property: none;
        -o-transition-property: none;
        -webkit-transition-property: none;
        -ms-transition-property: none;
        transition-property: none;
    }

    .slideshow.sliding {
        overflow: hidden;
    }

        .slideshow.sliding > DIV {
            -moz-transition-duration: 1s;
            -o-transition-duration: 1s;
            -webkit-transition-duration: 1s;
            -ms-transition-duration: 1s;
            transition-duration: 1s;
            -moz-transition-timing-function: ease-in-out;
            -o-transition-timing-function: ease-in-out;
            -webkit-transition-timing-function: ease-in-out;
            -ms-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
            -moz-transition-property: left;
            -o-transition-property: left;
            -webkit-transition-property: left;
            -ms-transition-property: left;
            transition-property: left;
            height: 100%;
            left: -100%;
            top: 0;
            width: 100%;
        }

            .slideshow.sliding > DIV.current {
                left: 0;
            }

                .slideshow.sliding > DIV.current ~ DIV {
                    left: 100%;
                }

    .slideshow.fade > DIV {
        -moz-transition-duration: 1s;
        -o-transition-duration: 1s;
        -webkit-transition-duration: 1s;
        -ms-transition-duration: 1s;
        transition-duration: 1s;
        -moz-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -ms-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        -webkit-transition-property: opacity;
        -ms-transition-property: opacity;
        transition-property: opacity;
        opacity: 0;
    }

        .slideshow.fade > DIV.current {
            opacity: 1;
            z-index: 2;
        }

    .slideshow.appear > DIV {
        display: none;
    }

        .slideshow.appear > DIV.current {
            display: block;
        }

    .slideshow.multisliding {
        overflow: hidden;
    }

        .slideshow.multisliding > DIV {
            overflow: visible;
            position: relative;
            width: 100%;
            height: 100%;
        }

        .slideshow.multisliding .container {
            -moz-transition-duration: 1s;
            -o-transition-duration: 1s;
            -webkit-transition-duration: 1s;
            -ms-transition-duration: 1s;
            transition-duration: 1s;
            -moz-transition-timing-function: linear;
            -o-transition-timing-function: linear;
            -webkit-transition-timing-function: linear;
            -ms-transition-timing-function: linear;
            transition-timing-function: linear;
            -moz-transition-property: left;
            -o-transition-property: left;
            -webkit-transition-property: left;
            -ms-transition-property: left;
            transition-property: left;
            height: 100%;
            left: 0;
            position: absolute;
            width: 20000px;
        }

            .slideshow.multisliding .container > DIV {
                display: block;
                float: left;
                height: 100%;
                list-style: none;
            }

.nextPrevNav {
    position: relative;
    height: 50px;
    margin: -50px auto auto auto;
    width: 317px;
}

    .nextPrevNav > A {
        margin-top: -10px;
        position: relative;
        z-index: 5;
        vertical-align: middle;
        display: block;
        padding: 0 7px;
        font-size: 1px;
        color: #767676;
        min-width: 15px;
        min-height: 25px;
    }

        .nextPrevNav > A.next {
            float: right;
            background: transparent url("/us/en/m/images/i/m/hpe/bnrrgt.gif") no-repeat center center;
        }

            .nextPrevNav > A.next:hover {
                background-image: url("/us/en/m/images/i/m/hpe/bnrrgt-blue.gif");
            }

        .nextPrevNav > A.previous {
            float: left;
            background: transparent url("/us/en/m/images/i/m/hpe/bnrlft.gif") no-repeat center center;
        }

            .nextPrevNav > A.previous:hover {
                background-image: url("/us/en/m/images/i/m/hpe/bnrlft-blue.gif");
            }

        .nextPrevNav > A.disabled:hover {
            cursor: default;
        }

        .nextPrevNav > A:hover {
            text-decoration: none;
        }

.slider {
    overflow: hidden;
}

    .slider.horizontal {
        position: relative;
    }

        .slider.horizontal DIV.sliderContainer {
            position: relative;
            z-index: 3;
        }

        .slider.horizontal DIV.nextPrevNav {
            width: 100%;
        }

            .slider.horizontal DIV.nextPrevNav A.previous, .slider.horizontal DIV.nextPrevNav A.next {
                background-color: white;
                opacity: 1;
                z-index: 5;
                vertical-align: middle;
                position: relative;
                height: 100%;
                margin-top: 0;
                padding: 0;
            }

        .slider.horizontal.atBegin:before, .slider.horizontal.atEnd:after {
            content: " ";
            position: absolute;
            top: 0;
            z-index: 5;
            width: 50px;
            height: 100%;
        }

        .slider.horizontal.atBegin:before {
            background: -moz-linear-gradient(right top,left top,rgba(255,255,255,0),#fff);
            background: -webkit-gradient(linear,right top,left top,from(rgba(255,255,255,0)),to(#fff));
            background: -webkit-gradient(linear,right top,left top,rgba(255,255,255,0),#fff);
            background: -o-linear-gradient(right top,left top,rgba(255,255,255,0),#fff);
            background: -ms-linear-gradient(right top,left top,rgba(255,255,255,0),#fff);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$IEfromColor,endColorstr=$IEtoColor,GradientType=$IEgradientType );
        }

        .slider.horizontal.atEnd:after {
            background: -moz-linear-gradient(right top,left top,#fff,rgba(255,255,255,0));
            background: -webkit-gradient(linear,right top,left top,from(#fff),to(rgba(255,255,255,0)));
            background: -webkit-gradient(linear,right top,left top,#fff,rgba(255,255,255,0));
            background: -o-linear-gradient(right top,left top,#fff,rgba(255,255,255,0));
            background: -ms-linear-gradient(right top,left top,#fff,rgba(255,255,255,0));
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$IEfromColor,endColorstr=$IEtoColor,GradientType=$IEgradientType );
            left: 100%;
            margin-left: -50px;
        }

.imageSelector DIV.slideshow {
    height: 75px;
    width: 75px;
    padding: 0 10px;
    float: left;
}

    .imageSelector DIV.slideshow > DIV IMG {
        width: 75px;
        max-height: 75px;
    }

.imageSelector DIV.nextPrevNav {
    width: auto;
    margin: 0;
    padding: 0 10px;
    float: left;
}

    .imageSelector DIV.nextPrevNav > a {
        margin-top: 0;
        margin-right: 10px;
        padding: 0 5px;
        border: solid 2px #ccc;
    }

        .imageSelector DIV.nextPrevNav > a.disabled {
            background-color: #e5e8e8;
        }

.imageSelector DIV.slideshowCounter {
    float: left;
}

#carousel.slideshow {
    height: 100px;
}

    #carousel.slideshow.multisliding .container > DIV {
        width: 120px;
        padding: 0 10px;
    }

        #carousel.slideshow.multisliding .container > DIV.currentNav IMG {
            border: 2px solid #01A982;
        }

.nextPrevNav.top {
    margin-top: auto;
    margin-bottom: -51px;
}

    .nextPrevNav.top > A {
        margin-top: 10px;
    }

.nextPrevNav.multisliding {
    width: 100%;
    height: 120px;
    margin-top: -120px;
}

    .nextPrevNav.multisliding > A {
        height: 100%;
        margin-top: 0;
        background-color: white;
    }

        .nextPrevNav.multisliding > A:hover {
            background-color: white;
        }

#productcarousel IMG {
    height: 160px;
    max-width: 220px;
}

#productcarousel DIV {
    text-align: center;
}

#productcarousel.slideshow {
    height: 320px;
    width: 280px;
    margin: auto;
}

#productcarousel UL {
    text-align: justify;
    list-style-type: disc;
    list-style-position: inside;
}

    #productcarousel UL LI {
        font-size: 12px;
        line-height: 12px;
    }

#productcarousel H4 {
    text-align: justify;
    margin-top: 10px;
}

#productcarousel P.s {
    color: #767676;
}

#productcarousel P, #productcarousel A {
    margin-bottom: 10px;
}

#productcarouselNav {
    height: 220px;
    width: 320px;
    margin: -220px auto auto auto;
}

.nextPrevNav.top {
    margin-top: auto;
    margin-bottom: -51px;
}

    .nextPrevNav.top > A {
        margin-top: 10px;
    }

#socialdrawer {
    width: 100%;
}

    #socialdrawer > DIV {
        -moz-transition-property: top;
        -o-transition-property: top;
        -webkit-transition-property: top;
        -ms-transition-property: top;
        transition-property: top;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -moz-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -ms-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -webkit-transition-delay: 0s;
        -ms-transition-delay: 0s;
        transition-delay: 0s;
        z-index: 150;
        width: 100%;
    }

        #socialdrawer > DIV:after {
            content: " ";
            display: block;
            visibility: hidden;
            height: 0;
            clear: both;
        }

        #socialdrawer > DIV .button.collapsed, #socialdrawer > DIV .pagination A.collapsed, .pagination #socialdrawer > DIV A.collapsed, #socialdrawer > DIV .field.quantity .collapsed.remove, .field.quantity #socialdrawer > DIV .collapsed.remove, #socialdrawer > DIV .button.expanded, #socialdrawer > DIV .pagination A.expanded, .pagination #socialdrawer > DIV A.expanded, #socialdrawer > DIV .field.quantity .expanded.remove, .field.quantity #socialdrawer > DIV .expanded.remove {
            padding-left: 48px;
            padding-right: 0;
            border-radius: 0;
            background-image: url("/us/en/m/images/i/m/hpe/drawer-icon.gif");
            background-color: transparent;
            background-repeat: no-repeat;
            background-position: center;
        }

            #socialdrawer > DIV .button.collapsed:before, #socialdrawer > DIV .pagination A.collapsed:before, .pagination #socialdrawer > DIV A.collapsed:before, #socialdrawer > DIV .field.quantity .collapsed.remove:before, .field.quantity #socialdrawer > DIV .collapsed.remove:before, #socialdrawer > DIV .button.expanded:before, #socialdrawer > DIV .pagination A.expanded:before, .pagination #socialdrawer > DIV A.expanded:before, #socialdrawer > DIV .field.quantity .expanded.remove:before, .field.quantity #socialdrawer > DIV .expanded.remove:before {
                border-left: none;
            }

        #socialdrawer > DIV #socialDrawerServices {
            padding: 10px 0;
            background-color: #eee;
            color: black;
            width: 100%;
        }

            #socialdrawer > DIV #socialDrawerServices.collapsed {
                padding: 0;
            }

            #socialdrawer > DIV #socialDrawerServices > DIV {
                display: inline-block;
                vertical-align: bottom;
                text-align: center;
                margin: 0;
                padding: 0;
            }

                #socialdrawer > DIV #socialDrawerServices > DIV .share {
                    float: none;
                    margin: 0 0 10px 0;
                    padding-top: 2px;
                    padding-bottom: 2px;
                }

                #socialdrawer > DIV #socialDrawerServices > DIV.facebook .fb_edge_comment_widget {
                    display: none !important;
                }

                #socialdrawer > DIV #socialDrawerServices > DIV.facebook #fb-root > DIV {
                    display: none;
                }

#content UL.tabs {
    margin-top: 30px;
    margin-right: 0;
    padding-bottom: 10px;
    border-bottom: solid 1px #ccc;
    white-space: nowrap;
    position: relative;
}

    #content UL.tabs > LI {
        display: inline;
        margin: 0 10px;
        font-weight: bold;
    }

        #content UL.tabs > LI > A {
            border: none;
            padding: 0 0 8px 0;
            font-size: 16px;
            line-height: 22px;
            color: #767676;
        }

            #content UL.tabs > LI > A.expanded, #content UL.tabs > LI > A.collapsed {
                background-image: none;
            }

            #content UL.tabs > LI > A.expanded, #content UL.tabs > LI > A.default {
                color: #000;
                border-bottom: 4px solid #01A982;
            }

            #content UL.tabs > LI > A:hover {
                color: #000;
                text-decoration: none;
            }

    #content UL.tabs.secondary {
        margin-bottom: 10px;
        border-bottom: 1px solid #000;
        padding: 10px 0;
    }

        #content UL.tabs.secondary + .tab.expanded {
            border-bottom: none;
        }

            #content UL.tabs.secondary + .tab.expanded.links {
                border-bottom: solid 1px #ccc;
            }

        #content UL.tabs.secondary > LI {
            cursor: pointer;
            padding: 0;
            margin: 0;
        }

            #content UL.tabs.secondary > LI > A {
                font-size: 14px;
                line-height: 20px;
                padding: 10px 15px;
                color: #5a5a5a;
            }

                #content UL.tabs.secondary > LI > A.expanded, #content UL.tabs.secondary > LI > A.default {
                    border: 1px solid;
                    border-color: #000 #000 #fff #000;
                    border-bottom: 4px solid #fff;
                    -moz-border-radius: 0 5px 0 0;
                    -o-border-radius: 0 5px 0 0;
                    -webkit-border-radius: 0 5px 0 0;
                    -ms-border-radius: 0 5px 0 0;
                    border-radius: 0 5px 0 0;
                    color: #000;
                    cursor: auto;
                }

    #content UL.tabs.tertiary {
        border: none;
    }

        #content UL.tabs.tertiary > LI {
            margin: 1px;
        }

            #content UL.tabs.tertiary > LI > A {
                font-size: 16px;
                line-height: 26px;
                padding: 0 5px;
                border: solid 2px #e5e8e8;
                background-color: #fff;
            }

                #content UL.tabs.tertiary > LI > A.expanded {
                    background-color: #01A982;
                    border-color: #01A982;
                    color: #fff;
                }

    #content UL.tabs:after {
        content: " ";
        display: block;
        visibility: hidden;
        height: 0;
        clear: both;
    }

#content .tab.expanded {
    border-bottom: 2px solid #01A982;
}

    #content .tab.expanded > *:first-child, #content .tab.expanded + UL.links > LI:first-child {
        border-top: none;
    }

SPAN.checkbox, SPAN.radio {
    display: inline-block;
    width: 17px;
    height: 17px;
    max-width: 17px;
    padding: 0;
    margin: 1px 1px -1px 1px;
    background: url("/us/en/m/images/i/m/hpe/checkbox-default.gif") 0 0 no-repeat;
}

    SPAN.checkbox.checked, SPAN.checked.radio {
        background: url("/us/en/m/images/i/m/hpe/checkbox-selected.gif") 0 0 no-repeat;
    }

    SPAN.checkbox.disabled, SPAN.disabled.radio {
        background: url("/us/en/m/images/i/m/hpe/checkbox-disabled.gif") 0 0 no-repeat;
    }

SPAN.radio {
    background: url("/us/en/m/images/i/m/hpe/radio-default.gif") 0 0 no-repeat;
}

    SPAN.radio.checked {
        background: url("/us/en/m/images/i/m/hpe/radio-selected.gif") 0 0 no-repeat;
    }

    SPAN.radio.disabled {
        background: url("/us/en/m/images/i/m/hpe/radio-disabled.gif") 0 0 no-repeat;
    }

    SPAN.radio + LABEL, SPAN.checkbox + LABEL, SPAN.radio + LABEL {
        display: inline;
    }

DIV.olMap {
    height: 1px;
}

#content #localareaSearchFields #displayedAddress {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
}

    #content #localareaSearchFields #displayedAddress + .autoSuggest.expanded {
        margin-top: -10px;
        border-bottom: 2px solid #5a5a5a;
        border-left: 2px solid #5a5a5a;
        border-right: 2px solid #5a5a5a;
        padding: 0 5px 0 5px;
    }

        #content #localareaSearchFields #displayedAddress + .autoSuggest.expanded ul.links {
            border: none;
            margin: 0;
            overflow: visible;
        }

            #content #localareaSearchFields #displayedAddress + .autoSuggest.expanded ul.links > li {
                margin: 0 -5px 0 -5px;
            }

                #content #localareaSearchFields #displayedAddress + .autoSuggest.expanded ul.links > li A SPAN {
                    font-size: 16px;
                }

#content #localareaSearchFields.expanded #displayedAddress {
    width: 88%;
    margin-left: 20px;
}

    #content #localareaSearchFields.expanded #displayedAddress + .autoSuggest.expanded {
        width: 88%;
        margin-left: 20px;
    }

#content #localareaSearchFields INPUT#range {
    padding: 4px 5px 4px 5px;
    width: 32px;
    border: solid 2px #ccc;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    margin: 0 5px;
}

    #content #localareaSearchFields INPUT#range:focus {
        border-color: #5a5a5a;
    }

    #content #localareaSearchFields INPUT#range.highlight {
        border-color: #5a5a5a;
    }

    #content #localareaSearchFields INPUT#range.invalid {
        color: red;
        border-color: red;
    }

    #content #localareaSearchFields INPUT#range:disabled {
        background-color: #e5e8e8;
        color: #b9b8bb;
    }

    #content #localareaSearchFields INPUT#range + LABEL {
        display: inline;
        width: auto;
    }

#content #location UL.links {
    border-bottom: solid 1px #CCC;
}

#content UL.links > LI > A.expanded + #location.expanded {
    border-top: 1px solid #ccc;
}

#content #searchByProductFields > UL.links {
    border-bottom: solid 1px #ccc;
}

#content #storeLocatorSearchTypesContainer {
    margin-left: -10px;
}

    #content #storeLocatorSearchTypesContainer > UL.expanded > LI > DIV.expanded > INPUT.text, #content #storeLocatorSearchTypesContainer > UL.expanded > LI > DIV.expanded > INPUT.query, #content #storeLocatorSearchTypesContainer > UL.expanded > LI > DIV.expanded > INPUT.search, #content #storeLocatorSearchTypesContainer > UL.expanded > LI > DIV.expanded > DIV.select {
        margin-left: 20px;
        width: 88%;
    }

    #content #storeLocatorSearchTypesContainer > UL.expanded > LI > DIV.expanded > .select, #content #storeLocatorSearchTypesContainer > UL.expanded > LI > DIV.expanded > INPUT.text, #content #storeLocatorSearchTypesContainer > UL.expanded > LI > DIV.expanded > INPUT.query, #content #storeLocatorSearchTypesContainer > UL.expanded > LI > DIV.expanded > INPUT.search {
        margin-top: 10px;
        margin-bottom: 10px;
    }

#content #partnerNames UL > LI > A.expanded.details, #content #partnerNames UL > LI > A.collapsed.details {
    color: #01A982;
}

#content #partnerNames #moreStores.expanded LI {
    padding-left: 0;
}

    #content #partnerNames #moreStores.expanded LI > SPAN.checkbox, #content #partnerNames #moreStores.expanded LI > SPAN.radio {
        margin-left: 20px;
    }

DL {
    padding: 5px 0;
}

    DL DT {
        font-weight: bold;
        font-size: 12px;
        line-height: 20px;
    }

    DL DD {
        padding-left: 10px;
    }

.c-selector {
    color: #d7410b;
    font-size: 14px;
    line-height: 18px;
}

PRE.prettyprint {
    overflow-x: scroll;
    word-wrap: break-word;
    background-color: #e5e8e8;
}

BODY {
    background-color: #fff;
    color: #000;
    width: 100%;
    /*max-width: 1024px;*/
    margin: 0 auto;
    -webkit-text-size-adjust: none;
    position: relative;
    font-family: hpsimplified,arial,helvetica;
    font-size: 14px;
    line-height: 16px;
}

    BODY * {
        /*font-size: 14px;
        line-height: 16px;
        font-family: hpsimplified,arial,helvetica;*/
    }

    BODY > IMG {
        visibility: hidden;
    }

.invisible {
    display: none !important;
}

#header {
    height: 40px;
    padding-top: 10px;
    margin-bottom: 10px;
}

    #header .logo {
        background: transparent url("/us/en/m/images/i/m/hpe/logo.gif") no-repeat scroll center center;
        float: left;
        margin: 0 10px 0 10px;
        color: transparent;
        text-indent: -9999px;
        width: 40px;
        height: 40px;
    }

    #header .ccll {
        color: #000;
        white-space: nowrap;
        padding-left: 3px;
    }

        #header .ccll:hover {
            text-decoration: none;
        }

    #header FORM.search {
        height: 32px;
        margin: 0;
        text-align: right;
        padding: 7px 0;
        position: relative;
        float: right;
        width: 70%;
        max-width: 70%;
    }

        #header FORM.search INPUT[type="text"] {
            height: 19px;
            position: absolute;
            right: 0;
            padding: 4px 5px 4px 5px;
            width: 97%;
            border: solid 2px #ccc;
            font-size: 14px;
            line-height: 14px;
        }

            #header FORM.search INPUT[type="text"]:focus {
                border-color: #5a5a5a;
            }

            #header FORM.search INPUT[type="text"].highlight {
                border-color: #5a5a5a;
            }

            #header FORM.search INPUT[type="text"].invalid {
                color: red;
                border-color: red;
            }

            #header FORM.search INPUT[type="text"]:disabled {
                background-color: #e5e8e8;
                color: #b9b8bb;
            }

        #header FORM.search INPUT.button, #header FORM.search INPUT.button.query, #header FORM.search .field.quantity INPUT.query.remove, .field.quantity #header FORM.search INPUT.query.remove, #header FORM.search INPUT.button.search, #header FORM.search INPUT.button, #header FORM.search .field.quantity INPUT.remove, .field.quantity #header FORM.search INPUT.remove, #header FORM.search FORM.query INPUT.button.text, FORM.query #header FORM.search INPUT.button.text, #header FORM.search FORM.query INPUT.button.query, FORM.query #header FORM.search INPUT.button.query, #header FORM.search FORM.query .field.quantity INPUT.query.remove, FORM.query .field.quantity #header FORM.search INPUT.query.remove, #header FORM.search .field.quantity FORM.query INPUT.query.remove, .field.quantity FORM.query #header FORM.search INPUT.query.remove, #header FORM.search FORM.query INPUT.button.search, FORM.query #header FORM.search INPUT.button.search, FORM.query #header FORM.search INPUT.button, #header FORM.search FORM.query INPUT.button, FORM.query #header FORM.search .field.quantity INPUT.remove, #header FORM.search .field.quantity FORM.query INPUT.remove, FORM.query .field.quantity #header FORM.search INPUT.remove, .field.quantity #header FORM.search FORM.query INPUT.remove, #header FORM.search FORM.query INPUT.button, FORM.query #header FORM.search INPUT.button, #header FORM.search FORM.query .field.quantity INPUT.remove, FORM.query .field.quantity #header FORM.search INPUT.remove, #header FORM.search .field.quantity FORM.query INPUT.remove, .field.quantity FORM.query #header FORM.search INPUT.remove, #header FORM.search FORM.query .field.quantity INPUT.search.remove, FORM.query .field.quantity #header FORM.search INPUT.search.remove, #header FORM.search .field.quantity FORM.query INPUT.search.remove, .field.quantity FORM.query #header FORM.search INPUT.search.remove, #header FORM.search FORM.query .field.quantity INPUT.text.remove, FORM.query .field.quantity #header FORM.search INPUT.text.remove, #header FORM.search .field.quantity FORM.query INPUT.text.remove, .field.quantity FORM.query #header FORM.search INPUT.text.remove, #header FORM.search .field.quantity INPUT.search.remove, .field.quantity #header FORM.search INPUT.search.remove, #header FORM.search .field.quantity INPUT.remove, .field.quantity #header FORM.search INPUT.remove {
            position: relative;
            top: 7px;
            right: 0;
        }

        #header FORM.search .autocomplete, #header FORM.search .autoSuggest {
            background-color: #fff;
            overflow: hidden;
            position: absolute;
            top: 35px;
            z-index: 1000;
            right: 0;
            text-align: left;
            width: 97%;
            margin: 0;
            padding: 0 7px;
        }

            #header FORM.search .autocomplete.collapsed, #header FORM.search .autoSuggest.collapsed {
                height: 0;
                opacity: 0;
            }

            #header FORM.search .autocomplete.expanded, #header FORM.search .autoSuggest.expanded {
                height: auto;
                opacity: 1;
            }

            #header FORM.search .autocomplete A, #header FORM.search .autoSuggest A {
                padding-right: 24px;
            }

            #header FORM.search .autocomplete LI, #header FORM.search .autoSuggest LI {
                font-size: 16px;
                line-height: 16px;
                height: 42px;
                vertical-align: middle;
            }

            #header FORM.search .autocomplete UL.links, #header FORM.search .autoSuggest UL.links {
                padding: 0;
                margin: 0 -7px;
                overflow: visible;
                border-left: solid 2px #5a5a5a;
                border-right: solid 2px #5a5a5a;
                border-bottom: solid 2px #5a5a5a;
                width: auto;
            }

                #header FORM.search .autocomplete UL.links LI, #header FORM.search .autoSuggest UL.links LI {
                    padding: 0;
                }

    #header.buttonCount1 FORM.search {
        width: 55%;
        margin: 0 15px 0 20px;
    }

    #header.buttonCount2 FORM.search {
        margin: 0 10px 0 0;
    }

    #header .tools {
        float: right;
        margin: 7px 7px;
        position: relative;
        z-index: 100;
    }

        #header .tools .button, #header .tools .pagination A, .pagination #header .tools A, #header .tools .field.quantity .remove, .field.quantity #header .tools .remove {
            float: left;
            height: 30px;
            min-width: 30px;
            text-align: left;
            color: transparent;
            text-indent: -9999px;
            padding: 0;
        }

        #header .tools #homeBtn, #header .tools #connectBtn {
            display: none;
        }

        #header .tools #cartBtn {
            background: transparent url("/us/en/m/images/i/m/hpe/cart.gif") no-repeat scroll center center;
            width: 35px;
        }

#footer {
    clear: both;
    padding-bottom: 62px;
}

    #footer .ccll A, #footer UL.links A {
        color: #000;
        white-space: nowrap;
    }

        #footer .ccll A:hover, #footer UL.links A:hover {
            text-decoration: none;
        }

    #footer P {
        display: block;
        padding: 2px 0;
    }

    #footer .tools {
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding: 24px 0;
        text-align: center;
    }

        #footer .tools A.button, #footer .tools .pagination A, .pagination #footer .tools A, #footer .tools .field.quantity A.remove, .field.quantity #footer .tools A.remove {
            margin: 2px;
            min-width: 100px;
            height: 36px;
            padding: 0 10px;
        }

    #footer .ccll {
        padding: 12px 15px;
    }

        #footer .ccll A IMG {
            padding: 0 5px 0 0;
            vertical-align: baseline;
        }

    #footer UL.links {
        padding: 0;
        text-align: right;
    }

        #footer UL.links LI {
            border-right: solid 1px #000;
            display: inline;
            list-style: none;
        }

            #footer UL.links LI:last-child, #footer UL.links LI.desktopUrl {
                border-right: none;
                display: block;
            }

            #footer UL.links LI:nth-last-child(2) {
                border-right: none;
            }

            #footer UL.links LI A {
                padding: 0 10px 0 5px;
            }

    #footer #copyright {
        clear: both;
        padding: 0 10px;
        text-align: right;
    }

#page {
    width: 100%;
}

#content {
    clear: both;
}

.loading {
    background: transparent url("/us/en/m/images/i/m/hpe/loading.gif") center center no-repeat;
    cursor: default;
    color: transparent;
    text-indent: -9999px;
}

#loading {
    cursor: default;
    display: none;
    text-align: center;
}

    #loading SPAN {
        background: transparent url("/us/en/m/images/i/m/hpe/loading.gif") left center no-repeat;
        padding-left: 25px;
        weight: auto;
    }

H1, H1 * {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
}

#content > H1 {
    padding: 10px;
}

.section H1 {
    padding: 10px 0;
}

H2, H2 * {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
}

#content > H2 {
    padding: 10px;
}

.section H2 {
    padding: 10px 0;
}

H3, H3 * {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}

#content > H3 {
    padding: 10px;
}

.section H3 {
    padding: 10px 0;
}

H4, H4 * {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}

#content > H4 {
    padding: 10px;
}

.section H4 {
    padding: 10px 0;
}

H5, H5 * {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}

#content > H5 {
    padding: 10px;
}

.section H5 {
    padding: 10px 0;
}

H6, H6 * {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}

#content > H6 {
    padding: 10px;
}

.section H6 {
    padding: 10px 0;
}

#content H4.featured {
    padding-bottom: 0;
    padding-top: 16px;
    font-size: 14px;
    line-height: 18px;
}

STRONG {
    font-weight: bolder;
}

A {
    color: #007dba;
}

    A:hover {
        text-decoration: underline;
    }

    A:visited {
        color: #822980;
    }

    A:disabled {
        color: #b9b8bb;
    }

#content > A.details {
    padding-left: 10px;
    padding-bottom: 20px;
    display: block;
    font-size: 14px;
    line-height: 16px;
}

#header UL.links, #content UL.links {
    border-bottom: solid 1px #ccc;
    overflow: hidden;
    width: 100%;
}

    #header UL.links.related, #content UL.links.related {
        border-bottom: none;
    }

        #header UL.links.related > LI, #content UL.links.related > LI {
            border-top: none;
            list-style: none;
        }

            #header UL.links.related > LI > A, #content UL.links.related > LI > A {
                background-position: left;
                padding: 10px 30px;
            }

            #header UL.links.related > LI.section A.summary, #content UL.links.related > LI.section A.summary {
                background-position: 99% center;
                padding: 10px 0;
            }

            #header UL.links.related > LI > DIV.expanded, #content UL.links.related > LI > DIV.expanded {
                border-top: none;
            }

                #header UL.links.related > LI > DIV.expanded > *, #header UL.links.related > LI > DIV.expanded > .meta, #content UL.links.related > LI > DIV.expanded > *, #content UL.links.related > LI > DIV.expanded > .meta {
                    padding-left: 0;
                }

                #header UL.links.related > LI > DIV.expanded > A.button, #header .pagination UL.links.related > LI > DIV.expanded > A, .pagination #header UL.links.related > LI > DIV.expanded > A, #header .field.quantity UL.links.related > LI > DIV.expanded > A.remove, .field.quantity #header UL.links.related > LI > DIV.expanded > A.remove, #header UL.links.related > LI > DIV.expanded INPUT, #content UL.links.related > LI > DIV.expanded > A.button, #content .pagination UL.links.related > LI > DIV.expanded > A, .pagination #content UL.links.related > LI > DIV.expanded > A, #content .field.quantity UL.links.related > LI > DIV.expanded > A.remove, .field.quantity #content UL.links.related > LI > DIV.expanded > A.remove, #content UL.links.related > LI > DIV.expanded INPUT {
                    padding-left: 15px;
                }

    #header UL.links > LI, #content UL.links > LI {
        border-top: solid 1px #ccc;
    }

        #header UL.links > LI > A, #content UL.links > LI > A {
            background-image: url("/us/en/m/images/i/m/hpe/arrow-right-gray.gif");
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: 99% center;
            display: block;
            text-decoration: none;
            font-size: 14px;
            line-height: 23px;
        }

            #header UL.links > LI > A.expanded, #header UL.links > LI > A.collapsed, #content UL.links > LI > A.expanded, #content UL.links > LI > A.collapsed {
                font-weight: bold;
            }

            #header UL.links > LI > A.expanded, #content UL.links > LI > A.expanded {
                background-image: url("/us/en/m/images/i/m/hpe/minus.gif");
            }

            #header UL.links > LI > A.collapsed, #content UL.links > LI > A.collapsed {
                background-image: url("/us/en/m/images/i/m/hpe/plus.gif");
            }

            #header UL.links > LI > A > .meta, #content UL.links > LI > A > .meta {
                display: block;
                max-height: none !important;
            }

            #header UL.links > LI > A.expanded > .meta, #content UL.links > LI > A.expanded > .meta {
                padding-left: 0;
            }

    #header UL.links.basic, #content UL.links.basic {
        border: none;
    }

        #header UL.links.basic > LI, #content UL.links.basic > LI {
            border: none;
        }

            #header UL.links.basic > LI > A, #content UL.links.basic > LI > A {
                background-image: none;
                font-size: 14px;
                line-height: 24px;
                padding: 0 10px;
            }

    #header UL.links > LI > INPUT, #header UL.links > LI LABEL, #content UL.links > LI > INPUT, #content UL.links > LI LABEL {
        display: inline-block;
        line-height: 32px;
        width: auto;
    }

    #header UL.links > LI > INPUT, #content UL.links > LI > INPUT {
        margin: 9px 5px 0 20px;
    }

    #header UL.links > LI.selected, #content UL.links > LI.selected {
        background-color: #01A982;
        color: #fff;
    }

UL.filters {
    clear: both;
    left: 0;
    list-style: none outside none;
    text-align: left;
    padding: 10px;
}

    UL.filters > LI {
        line-height: 32px;
    }

        UL.filters > LI A {
            font-weight: bolder;
            float: right;
            color: #01A982;
            text-decoration: none;
            margin: 5px 5px 0 5px;
        }

            UL.filters > LI A:first-letter {
                text-transform: uppercase;
            }

        UL.filters > LI INPUT, UL.filters > LI FORM.query INPUT.text, FORM.query UL.filters > LI INPUT.text, UL.filters > LI FORM.query INPUT.query, FORM.query UL.filters > LI INPUT.query, UL.filters > LI FORM.query INPUT.search, FORM.query UL.filters > LI INPUT.search {
            float: right;
            margin-left: 10px;
            border: solid 1px green;
        }

        UL.filters > LI DIV {
            display: inline-block;
            width: 90%;
            margin-right: -50px;
            padding: 2px 0 0 0;
        }

            UL.filters > LI DIV LABEL {
                width: auto;
                display: inline;
            }

            UL.filters > LI DIV SELECT {
                width: auto;
                display: inline;
                margin-right: 15px;
            }

UL.links {
    margin-top: 1px;
    margin-bottom: 1px;
}

    UL.links > LI > A {
        padding: 10px 10px 10px 10px;
    }

        UL.links > LI > A.expanded, UL.links > LI > A.collapsed {
            color: #000;
            padding-right: 30px;
        }

        UL.links > LI > A > IMG {
            padding-right: 5px;
        }

    UL.links > LI.section > A.summary {
        padding: 0;
    }

        UL.links > LI.section > A.summary:after {
            background: none;
        }

#header UL.links UL.links, #content UL.links UL.links {
    border-bottom: none;
}

    #header UL.links UL.links > LI > A, #content UL.links UL.links > LI > A {
        padding: 10px 10px 10px 20px;
    }

        #header UL.links UL.links > LI > A.expanded, #header UL.links UL.links > LI > A.collapsed, #content UL.links UL.links > LI > A.expanded, #content UL.links UL.links > LI > A.collapsed {
            color: #767676;
            padding-right: 30px;
        }

        #header UL.links UL.links > LI > A > IMG, #content UL.links UL.links > LI > A > IMG {
            padding-right: 5px;
        }

    #header UL.links UL.links > LI.section > A.summary, #content UL.links UL.links > LI.section > A.summary {
        padding: 0;
    }

        #header UL.links UL.links > LI.section > A.summary:after, #content UL.links UL.links > LI.section > A.summary:after {
            background: none;
        }

    #header UL.links UL.links UL.links, #content UL.links UL.links UL.links {
        border-bottom: none;
    }

        #header UL.links UL.links UL.links > LI > A, #content UL.links UL.links UL.links > LI > A {
            padding: 10px 10px 10px 30px;
        }

            #header UL.links UL.links UL.links > LI > A.expanded, #header UL.links UL.links UL.links > LI > A.collapsed, #content UL.links UL.links UL.links > LI > A.expanded, #content UL.links UL.links UL.links > LI > A.collapsed {
                color: #767676;
                padding-right: 30px;
            }

            #header UL.links UL.links UL.links > LI > A > IMG, #content UL.links UL.links UL.links > LI > A > IMG {
                padding-right: 5px;
            }

        #header UL.links UL.links UL.links > LI.section > A.summary, #content UL.links UL.links UL.links > LI.section > A.summary {
            padding: 0;
        }

            #header UL.links UL.links UL.links > LI.section > A.summary:after, #content UL.links UL.links UL.links > LI.section > A.summary:after {
                background: none;
            }

#content #search-results UL.links LI.supplies, #content #search-results UL.links LI.manuals, #content #search-results UL.links LI.downloads, #content #search-results UL.links LI.support {
    background-position: 10px center;
    background-repeat: no-repeat;
}

    #content #search-results UL.links LI.supplies > A, #content #search-results UL.links LI.manuals > A, #content #search-results UL.links LI.downloads > A, #content #search-results UL.links LI.support > A {
        padding-left: 36px;
    }

#content #search-results UL.links LI.supplies {
    background-image: url("/us/en/m/images/i/m/hpe/supplies.gif");
}

#content #search-results UL.links LI.manuals {
    background-image: url("/us/en/m/images/i/m/hpe/manuals.gif");
}

#content #search-results UL.links LI.downloads {
    background-image: url("/us/en/m/images/i/m/hpe/downloads.gif");
}

#content #search-results UL.links LI.support {
    background-image: url("/us/en/m/images/i/m/hpe/support.gif");
}

.expanded > *, .expanded > .meta {
    padding-left: 10px;
}

.expanded > .autoSuggest.expanded {
    padding-left: 10px;
}

.expanded .radio, .expanded .checkbox, .expanded INPUT, .expanded FORM.query INPUT.text, FORM.query .expanded INPUT.text, .expanded FORM.query INPUT.query, FORM.query .expanded INPUT.query, .expanded FORM.query INPUT.search, FORM.query .expanded INPUT.search, .expanded INPUT[type="text"], .expanded FORM.query INPUT[type="text"].text, FORM.query .expanded INPUT[type="text"].text, .expanded FORM.query INPUT[type="text"].query, FORM.query .expanded INPUT[type="text"].query, .expanded FORM.query INPUT[type="text"].search, FORM.query .expanded INPUT[type="text"].search {
    margin-left: 10px;
}

    .expanded .radio + LABEL, .expanded .checkbox + LABEL, .expanded INPUT + LABEL, .expanded FORM.query INPUT.text + LABEL, FORM.query .expanded INPUT.text + LABEL, .expanded FORM.query INPUT.query + LABEL, FORM.query .expanded INPUT.query + LABEL, .expanded FORM.query INPUT.search + LABEL, FORM.query .expanded INPUT.search + LABEL, .expanded INPUT[type="text"] + LABEL, .expanded FORM.query INPUT[type="text"].text + LABEL, FORM.query .expanded INPUT[type="text"].text + LABEL, .expanded FORM.query INPUT[type="text"].query + LABEL, FORM.query .expanded INPUT[type="text"].query + LABEL, .expanded FORM.query INPUT[type="text"].search + LABEL, FORM.query .expanded INPUT[type="text"].search + LABEL {
        padding-left: 5px;
    }

    .expanded .radio.invisible + LABEL, .expanded .checkbox.invisible + LABEL, .expanded INPUT.invisible + LABEL, .expanded FORM.query INPUT.invisible.text + LABEL, FORM.query .expanded INPUT.invisible.text + LABEL, .expanded FORM.query INPUT.invisible.query + LABEL, FORM.query .expanded INPUT.invisible.query + LABEL, .expanded FORM.query INPUT.invisible.search + LABEL, FORM.query .expanded INPUT.invisible.search + LABEL, .expanded INPUT[type="text"].invisible + LABEL, .expanded FORM.query INPUT[type="text"].invisible.text + LABEL, FORM.query .expanded INPUT[type="text"].invisible.text + LABEL, .expanded FORM.query INPUT[type="text"].invisible.query + LABEL, FORM.query .expanded INPUT[type="text"].invisible.query + LABEL, .expanded FORM.query INPUT[type="text"].invisible.search + LABEL, FORM.query .expanded INPUT[type="text"].invisible.search + LABEL {
        padding-left: 10px;
    }

.expanded > INPUT, FORM.query .expanded > INPUT.text, FORM.query .expanded > INPUT.query, FORM.query .expanded > INPUT.search {
    padding-left: 10px;
}

    .expanded > INPUT.text, .expanded > INPUT.query, .expanded > INPUT.query.search, FORM.query .expanded > INPUT.query.text, .expanded > INPUT.search, FORM.query .expanded > INPUT.text {
        padding-left: 5px;
    }

.expanded > .radio, .expanded > .checkbox {
    padding-left: 0;
}

.expanded > .section {
    padding-left: 20px;
}

.expanded > .expanded, .expanded > .collapsed {
    padding-left: 0;
}

.expanded > UL.links {
    padding-left: 0;
}

UL.links.expanded LI {
    padding-left: 0;
}

    UL.links.expanded LI.section, UL.links.expanded LI > .section {
        padding-left: 20px;
    }

#content .expanded .expanded > *, #content .expanded .expanded > .meta {
    padding-left: 20px;
}

#content .expanded .expanded > .autoSuggest.expanded {
    padding-left: 20px;
}

#content .expanded .expanded .radio, #content .expanded .expanded .checkbox, #content .expanded .expanded INPUT, #content .expanded .expanded INPUT[type="text"] {
    margin-left: 20px;
}

    #content .expanded .expanded .radio + LABEL, #content .expanded .expanded .checkbox + LABEL, #content .expanded .expanded INPUT + LABEL, #content .expanded .expanded INPUT[type="text"] + LABEL {
        padding-left: 5px;
    }

    #content .expanded .expanded .radio.invisible + LABEL, #content .expanded .expanded .checkbox.invisible + LABEL, #content .expanded .expanded INPUT.invisible + LABEL, #content .expanded .expanded INPUT[type="text"].invisible + LABEL {
        padding-left: 20px;
    }

#content .expanded .expanded > INPUT {
    padding-left: 10px;
}

    #content .expanded .expanded > INPUT.text, #content .expanded .expanded > INPUT.query, #content .expanded .expanded > INPUT.search {
        padding-left: 5px;
    }

#content .expanded .expanded > .radio, #content .expanded .expanded > .checkbox {
    padding-left: 0;
}

#content .expanded .expanded > .section {
    padding-left: 30px;
}

#content .expanded .expanded > .expanded, #content .expanded .expanded > .collapsed {
    padding-left: 0;
}

#content .expanded .expanded > UL.links {
    padding-left: 0;
}

#content .expanded UL.links.expanded LI {
    padding-left: 0;
}

    #content .expanded UL.links.expanded LI.section, #content .expanded UL.links.expanded LI > .section {
        padding-left: 30px;
    }

#content .expanded .expanded .expanded > *, #content .expanded .expanded .expanded > .meta {
    padding-left: 30px;
}

#content .expanded .expanded .expanded > .autoSuggest.expanded {
    padding-left: 30px;
}

#content .expanded .expanded .expanded .radio, #content .expanded .expanded .expanded .checkbox, #content .expanded .expanded .expanded INPUT, #content .expanded .expanded .expanded INPUT[type="text"] {
    margin-left: 30px;
}

    #content .expanded .expanded .expanded .radio + LABEL, #content .expanded .expanded .expanded .checkbox + LABEL, #content .expanded .expanded .expanded INPUT + LABEL, #content .expanded .expanded .expanded INPUT[type="text"] + LABEL {
        padding-left: 5px;
    }

    #content .expanded .expanded .expanded .radio.invisible + LABEL, #content .expanded .expanded .expanded .checkbox.invisible + LABEL, #content .expanded .expanded .expanded INPUT.invisible + LABEL, #content .expanded .expanded .expanded INPUT[type="text"].invisible + LABEL {
        padding-left: 30px;
    }

#content .expanded .expanded .expanded > INPUT {
    padding-left: 10px;
}

    #content .expanded .expanded .expanded > INPUT.text, #content .expanded .expanded .expanded > INPUT.query, #content .expanded .expanded .expanded > INPUT.search {
        padding-left: 5px;
    }

#content .expanded .expanded .expanded > .radio, #content .expanded .expanded .expanded > .checkbox {
    padding-left: 0;
}

#content .expanded .expanded .expanded > .section {
    padding-left: 40px;
}

#content .expanded .expanded .expanded > .expanded, #content .expanded .expanded .expanded > .collapsed {
    padding-left: 0;
}

#content .expanded .expanded .expanded > UL.links {
    padding-left: 0;
}

#content .expanded .expanded UL.links.expanded LI {
    padding-left: 0;
}

    #content .expanded .expanded UL.links.expanded LI.section, #content .expanded .expanded UL.links.expanded LI > .section {
        padding-left: 40px;
    }

INPUT.text, INPUT.query, INPUT.query.search, FORM.query INPUT.query.text, INPUT.search, FORM.query INPUT.text, TEXTAREA, SELECT {
    padding: 4px 5px 4px 5px;
    width: 95%;
    border: solid 2px #ccc;
    font-size: 18px;
    line-height: 18px;
    -moz-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

    INPUT.text:focus, INPUT.query:focus, INPUT.query.search:focus, FORM.query INPUT.query.text:focus, INPUT.search:focus, FORM.query INPUT.text:focus, TEXTAREA:focus, SELECT:focus {
        border-color: #5a5a5a;
    }

    INPUT.text.highlight, INPUT.highlight.query, INPUT.highlight.query.search, FORM.query INPUT.highlight.query.text, INPUT.highlight.search, FORM.query INPUT.highlight.text, TEXTAREA.highlight, SELECT.highlight {
        border-color: #5a5a5a;
    }

    INPUT.text.invalid, INPUT.invalid.query, INPUT.invalid.query.search, FORM.query INPUT.invalid.query.text, INPUT.invalid.search, FORM.query INPUT.invalid.text, TEXTAREA.invalid, SELECT.invalid {
        color: red;
        border-color: red;
    }

    INPUT.text:disabled, INPUT.query:disabled, INPUT.query.search:disabled, FORM.query INPUT.query.text:disabled, INPUT.search:disabled, FORM.query INPUT.text:disabled, TEXTAREA:disabled, SELECT:disabled {
        background-color: #e5e8e8;
        color: #b9b8bb;
    }

    INPUT.text + LABEL, INPUT.query + LABEL, INPUT.query.search + LABEL, FORM.query INPUT.query.text + LABEL, INPUT.search + LABEL, FORM.query INPUT.text + LABEL, INPUT.checkbox + LABEL, FORM.query INPUT.checkbox.text + LABEL, FORM.query INPUT.checkbox.query + LABEL, FORM.query INPUT.checkbox.search + LABEL, INPUT.query + LABEL, FORM.query INPUT.query + LABEL, FORM.query INPUT.query.search + LABEL, TEXTAREA + LABEL, SELECT + LABEL, .select + LABEL {
        margin-top: 30px;
    }

    INPUT.text, INPUT.query, INPUT.query.search, FORM.query INPUT.query.text, INPUT.search, FORM.query INPUT.text {
        /*height: 18px;*/
        line-height: 18px;
    }

INPUT.checkbox, FORM.query INPUT.checkbox.text, FORM.query INPUT.checkbox.query, FORM.query INPUT.checkbox.search {
    background-color: #01A982;
    color: #fff;
}

INPUT[type="submit"], FORM.query INPUT[type="submit"].text, FORM.query INPUT[type="submit"].query, FORM.query INPUT[type="submit"].search {
    -webkit-appearance: none;
}

LABEL.query, LABEL.search, INPUT.button.query, .field.quantity INPUT.query.remove, #header FORM.search INPUT.query.button, #header FORM.search .field.quantity INPUT.query.remove, .field.quantity #header FORM.search INPUT.query.remove, FORM.query INPUT.button.query, FORM.query .field.quantity INPUT.query.remove, .field.quantity FORM.query INPUT.query.remove, FORM.query INPUT.button.query.search, FORM.query #header FORM.search INPUT.query.button, #header FORM.search FORM.query INPUT.query.button, FORM.query #header FORM.search .field.quantity INPUT.query.remove, #header FORM.search .field.quantity FORM.query INPUT.query.remove, FORM.query .field.quantity #header FORM.search INPUT.query.remove, .field.quantity #header FORM.search FORM.query INPUT.query.remove, FORM.query .field.quantity INPUT.query.search.remove, .field.quantity FORM.query INPUT.query.search.remove, .field.quantity INPUT.query.search.remove, #header FORM.search INPUT.button, #header FORM.search INPUT.button.query, #header FORM.search .field.quantity INPUT.query.remove, .field.quantity #header FORM.search INPUT.query.remove, #header FORM.search INPUT.button.search, #header FORM.search FORM.query INPUT.button.text, FORM.query #header FORM.search INPUT.button.text, #header FORM.search FORM.query INPUT.button.query, FORM.query #header FORM.search INPUT.button.query, #header FORM.search FORM.query .field.quantity INPUT.query.remove, FORM.query .field.quantity #header FORM.search INPUT.query.remove, #header FORM.search .field.quantity FORM.query INPUT.query.remove, .field.quantity FORM.query #header FORM.search INPUT.query.remove, #header FORM.search FORM.query INPUT.button.search, FORM.query #header FORM.search INPUT.button.search, #header FORM.search FORM.query .field.quantity INPUT.search.remove, FORM.query .field.quantity #header FORM.search INPUT.search.remove, #header FORM.search .field.quantity FORM.query INPUT.search.remove, .field.quantity FORM.query #header FORM.search INPUT.search.remove, #header FORM.search FORM.query .field.quantity INPUT.text.remove, FORM.query .field.quantity #header FORM.search INPUT.text.remove, #header FORM.search .field.quantity FORM.query INPUT.text.remove, .field.quantity FORM.query #header FORM.search INPUT.text.remove, #header FORM.search .field.quantity INPUT.search.remove, .field.quantity #header FORM.search INPUT.search.remove, #header FORM.search .field.quantity INPUT.remove, .field.quantity #header FORM.search INPUT.remove, FORM.query INPUT.button.query, FORM.query .field.quantity INPUT.query.remove, .field.quantity FORM.query INPUT.query.remove, FORM.query INPUT.button.query.search, FORM.query #header FORM.search .field.quantity INPUT.query.remove, .field.quantity #header FORM.search FORM.query INPUT.query.remove, FORM.query .field.quantity INPUT.query.search.remove, .field.quantity FORM.query INPUT.query.search.remove, .field.quantity INPUT.search.query.remove, INPUT.button.search, FORM.query INPUT.button.text, FORM.query INPUT.button.search, FORM.query #header FORM.search INPUT.button, #header FORM.search FORM.query INPUT.button, FORM.query #header FORM.search .field.quantity INPUT.remove, #header FORM.search .field.quantity FORM.query INPUT.remove, FORM.query .field.quantity #header FORM.search INPUT.remove, .field.quantity #header FORM.search FORM.query INPUT.remove, FORM.query INPUT.button, FORM.query .field.quantity INPUT.remove, .field.quantity FORM.query INPUT.remove, FORM.query .field.quantity INPUT.search.remove, .field.quantity FORM.query INPUT.search.remove, FORM.query .field.quantity INPUT.text.remove, .field.quantity FORM.query INPUT.text.remove, .field.quantity INPUT.search.remove, FORM.query #header FORM.search .field.quantity INPUT.search.remove, .field.quantity #header FORM.search FORM.query INPUT.search.remove {
    /*background: transparent url("/us/en/m/images/i/m/hpe/search.gif") no-repeat scroll center center;*/
    cursor: pointer;
    /*height: 28px;
    width: 28px;*/
    min-width: 28px;
    overflow: hidden;
    /*color: transparent;*/
    /*text-indent: -9999px;*/
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    /*margin: -4px 0 0 -29px;*/
}

    LABEL.query.before, LABEL.search.before, INPUT.button.query.before, .field.quantity INPUT.query.before.remove, #header FORM.search INPUT.query.before.button, #header FORM.search .field.quantity INPUT.query.before.remove, .field.quantity #header FORM.search INPUT.query.before.remove, FORM.query INPUT.button.query.before, FORM.query .field.quantity INPUT.query.before.remove, .field.quantity FORM.query INPUT.query.before.remove, FORM.query INPUT.button.query.before.search, FORM.query #header FORM.search INPUT.query.before.button, #header FORM.search FORM.query INPUT.query.before.button, FORM.query #header FORM.search .field.quantity INPUT.query.before.remove, #header FORM.search .field.quantity FORM.query INPUT.query.before.remove, FORM.query .field.quantity #header FORM.search INPUT.query.before.remove, .field.quantity #header FORM.search FORM.query INPUT.query.before.remove, FORM.query .field.quantity INPUT.query.before.search.remove, .field.quantity FORM.query INPUT.query.before.search.remove, .field.quantity INPUT.query.before.search.remove, #header FORM.search INPUT.before.button, #header FORM.search INPUT.before.button.query, #header FORM.search .field.quantity INPUT.before.query.remove, .field.quantity #header FORM.search INPUT.before.query.remove, #header FORM.search INPUT.before.button.search, #header FORM.search FORM.query INPUT.before.button.text, FORM.query #header FORM.search INPUT.before.button.text, #header FORM.search FORM.query INPUT.before.button.query, FORM.query #header FORM.search INPUT.before.button.query, #header FORM.search FORM.query .field.quantity INPUT.before.query.remove, FORM.query .field.quantity #header FORM.search INPUT.before.query.remove, #header FORM.search .field.quantity FORM.query INPUT.before.query.remove, .field.quantity FORM.query #header FORM.search INPUT.before.query.remove, #header FORM.search FORM.query INPUT.before.button.search, FORM.query #header FORM.search INPUT.before.button.search, #header FORM.search FORM.query .field.quantity INPUT.before.search.remove, FORM.query .field.quantity #header FORM.search INPUT.before.search.remove, #header FORM.search .field.quantity FORM.query INPUT.before.search.remove, .field.quantity FORM.query #header FORM.search INPUT.before.search.remove, #header FORM.search FORM.query .field.quantity INPUT.before.text.remove, FORM.query .field.quantity #header FORM.search INPUT.before.text.remove, #header FORM.search .field.quantity FORM.query INPUT.before.text.remove, .field.quantity FORM.query #header FORM.search INPUT.before.text.remove, #header FORM.search .field.quantity INPUT.before.search.remove, .field.quantity #header FORM.search INPUT.before.search.remove, #header FORM.search .field.quantity INPUT.before.remove, .field.quantity #header FORM.search INPUT.before.remove, FORM.query INPUT.button.before.query, FORM.query .field.quantity INPUT.before.query.remove, .field.quantity FORM.query INPUT.before.query.remove, FORM.query INPUT.button.before.query.search, FORM.query #header FORM.search .field.quantity INPUT.before.query.remove, .field.quantity #header FORM.search FORM.query INPUT.before.query.remove, FORM.query .field.quantity INPUT.before.query.search.remove, .field.quantity FORM.query INPUT.before.query.search.remove, .field.quantity INPUT.search.before.query.remove, INPUT.button.search.before, FORM.query INPUT.button.before.text, FORM.query INPUT.button.before.search, FORM.query #header FORM.search INPUT.before.button, #header FORM.search FORM.query INPUT.before.button, FORM.query #header FORM.search .field.quantity INPUT.before.remove, #header FORM.search .field.quantity FORM.query INPUT.before.remove, FORM.query .field.quantity #header FORM.search INPUT.before.remove, .field.quantity #header FORM.search FORM.query INPUT.before.remove, FORM.query INPUT.before.button, FORM.query .field.quantity INPUT.before.remove, .field.quantity FORM.query INPUT.before.remove, FORM.query .field.quantity INPUT.before.search.remove, .field.quantity FORM.query INPUT.before.search.remove, FORM.query .field.quantity INPUT.before.text.remove, .field.quantity FORM.query INPUT.before.text.remove, .field.quantity INPUT.search.before.remove, FORM.query #header FORM.search .field.quantity INPUT.before.search.remove, .field.quantity #header FORM.search FORM.query INPUT.before.search.remove {
        float: left;
        left: 95%;
        margin-top: 0;
        margin-bottom: -28px;
        margin-left: -15px;
        position: relative;
    }

    LABEL.query:hover, LABEL.search:hover, INPUT.button.query:hover, .field.quantity INPUT.query.remove:hover, #header FORM.search INPUT.query.button:hover, #header FORM.search .field.quantity INPUT.query.remove:hover, .field.quantity #header FORM.search INPUT.query.remove:hover, FORM.query INPUT.button.query:hover, FORM.query .field.quantity INPUT.query.remove:hover, .field.quantity FORM.query INPUT.query.remove:hover, FORM.query INPUT.button.query.search:hover, FORM.query #header FORM.search INPUT.query.button:hover, #header FORM.search FORM.query INPUT.query.button:hover, FORM.query #header FORM.search .field.quantity INPUT.query.remove:hover, #header FORM.search .field.quantity FORM.query INPUT.query.remove:hover, FORM.query .field.quantity #header FORM.search INPUT.query.remove:hover, .field.quantity #header FORM.search FORM.query INPUT.query.remove:hover, FORM.query .field.quantity INPUT.query.search.remove:hover, .field.quantity FORM.query INPUT.query.search.remove:hover, .field.quantity INPUT.query.search.remove:hover, #header FORM.search INPUT.button:hover, #header FORM.search INPUT.button.query:hover, #header FORM.search .field.quantity INPUT.query.remove:hover, .field.quantity #header FORM.search INPUT.query.remove:hover, #header FORM.search INPUT.button.search:hover, #header FORM.search FORM.query INPUT.button.text:hover, FORM.query #header FORM.search INPUT.button.text:hover, #header FORM.search FORM.query INPUT.button.query:hover, FORM.query #header FORM.search INPUT.button.query:hover, #header FORM.search FORM.query .field.quantity INPUT.query.remove:hover, FORM.query .field.quantity #header FORM.search INPUT.query.remove:hover, #header FORM.search .field.quantity FORM.query INPUT.query.remove:hover, .field.quantity FORM.query #header FORM.search INPUT.query.remove:hover, #header FORM.search FORM.query INPUT.button.search:hover, FORM.query #header FORM.search INPUT.button.search:hover, #header FORM.search FORM.query .field.quantity INPUT.search.remove:hover, FORM.query .field.quantity #header FORM.search INPUT.search.remove:hover, #header FORM.search .field.quantity FORM.query INPUT.search.remove:hover, .field.quantity FORM.query #header FORM.search INPUT.search.remove:hover, #header FORM.search FORM.query .field.quantity INPUT.text.remove:hover, FORM.query .field.quantity #header FORM.search INPUT.text.remove:hover, #header FORM.search .field.quantity FORM.query INPUT.text.remove:hover, .field.quantity FORM.query #header FORM.search INPUT.text.remove:hover, #header FORM.search .field.quantity INPUT.search.remove:hover, .field.quantity #header FORM.search INPUT.search.remove:hover, #header FORM.search .field.quantity INPUT.remove:hover, .field.quantity #header FORM.search INPUT.remove:hover, FORM.query INPUT.button.query:hover, FORM.query .field.quantity INPUT.query.remove:hover, .field.quantity FORM.query INPUT.query.remove:hover, FORM.query INPUT.button.query.search:hover, FORM.query #header FORM.search .field.quantity INPUT.query.remove:hover, .field.quantity #header FORM.search FORM.query INPUT.query.remove:hover, FORM.query .field.quantity INPUT.query.search.remove:hover, .field.quantity FORM.query INPUT.query.search.remove:hover, .field.quantity INPUT.search.query.remove:hover, INPUT.button.search:hover, FORM.query INPUT.button.text:hover, FORM.query INPUT.button.search:hover, FORM.query #header FORM.search INPUT.button:hover, #header FORM.search FORM.query INPUT.button:hover, FORM.query #header FORM.search .field.quantity INPUT.remove:hover, #header FORM.search .field.quantity FORM.query INPUT.remove:hover, FORM.query .field.quantity #header FORM.search INPUT.remove:hover, .field.quantity #header FORM.search FORM.query INPUT.remove:hover, FORM.query INPUT.button:hover, FORM.query .field.quantity INPUT.remove:hover, .field.quantity FORM.query INPUT.remove:hover, FORM.query .field.quantity INPUT.search.remove:hover, .field.quantity FORM.query INPUT.search.remove:hover, FORM.query .field.quantity INPUT.text.remove:hover, .field.quantity FORM.query INPUT.text.remove:hover, .field.quantity INPUT.search.remove:hover, FORM.query #header FORM.search .field.quantity INPUT.search.remove:hover, .field.quantity #header FORM.search FORM.query INPUT.search.remove:hover {
        /*background-color: transparent;*/
    }

FORM.query INPUT.text, FORM.query INPUT.query, FORM.query INPUT.query.search, FORM.query INPUT.query.text, FORM.query INPUT.search, FORM.query INPUT.text {
    margin-right: -7px;
}

FORM.query INPUT[type="text"].text, FORM.query INPUT[type="text"].query, FORM.query INPUT[type="text"].query.search, FORM.query INPUT[type="text"].query.text, FORM.query INPUT[type="text"].search, FORM.query INPUT[type="text"].text {
    width: 100%;
}

SELECT {
    background-color: #fff;
    color: #01A982;
}

    SELECT.invalid {
        color: red;
    }

OPTION {
    border-top: solid 1px #ccc;
    border-right: solid 1px #5a5a5a;
    padding: 2px 5px;
    font-size: 16px;
    line-height: 16px;
    color: #000;
}

    OPTION:first-child {
        border-top: none;
    }

    OPTION:hover, .select UL.links LI A:hover, .autoSuggest UL.links LI A:hover {
        background-color: #069;
        color: #fff;
    }

.field {
    clear: both;
    width: 95%;
}

    .field INPUT, .field FORM.query INPUT.text, FORM.query .field INPUT.text, .field FORM.query INPUT.query, FORM.query .field INPUT.query, .field FORM.query INPUT.search, FORM.query .field INPUT.search, .field LABEL, .field SELECT {
        clear: none;
        float: left;
        width: auto;
    }

.autoSuggest {
    width: 95%;
}

#content .select UL.links, #header .autoSuggest UL.links, #content .autoSuggest UL.links {
    border-left: solid 1px #5a5a5a;
    border-right: solid 1px #5a5a5a;
    border-bottom-color: #5a5a5a;
}

.autoSuggest {
    padding-right: 2px;
}

    .autoSuggest.expanded {
        margin-bottom: 10px;
    }

LABEL {
    clear: left;
    display: block;
    width: 95%;
}

    LABEL.required.meta {
        color: #5a5a5a;
    }

    LABEL.required:after, LABEL SPAN.required {
        color: #d7410b;
        content: "*";
        font-size: 16px;
        line-height: 18px;
        font-weight: bold;
        padding: 0 2px;
        vertical-align: middle;
    }

DIV.invalid {
    padding: 10px 15px;
}

.message {
    padding: 10px;
    margin: 10px;
    background-color: #f2f2f2;
}

    .message.error, DIV.invalid {
        background-color: #f7d7d7;
        color: red;
    }

    .message P {
        font-weight: bold;
        text-align: center;
    }

        .message P:first-letter {
            text-transform: uppercase;
        }

DIV#buyNowContainer {
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 1px solid #ccc;
}

.xs, .xs * {
    font-size: 10px;
    line-height: 12px;
}

.s, .s * {
    font-size: 12px;
    line-height: 14px;
}

.m, .m * {
    font-size: 14px;
    line-height: 16px;
}

.l, .l * {
    font-size: 16px;
    line-height: 18px;
}

.xl, .xl * {
    font-size: 18px;
    line-height: 20px;
}

IMG.xs {
    width: 32px;
    max-height: 32px;
}

IMG.s {
    width: 66px;
    max-height: 46px;
}

IMG.m {
    width: 96px;
    max-height: 72px;
}

IMG.l {
    width: 300px;
    max-height: 170px;
}

IMG.xl {
    width: 320px;
    max-height: 240px;
}

IMAGES.xs {
    max-width: 32px;
    max-height: 32px;
}

IMAGES.s, .gallery > A > IMG {
    max-width: 66px;
    max-height: 46px;
}

IMAGES.m {
    max-width: 96px;
    max-height: 72px;
}

IMAGES.l, .gallery > DIV > IMG {
    max-width: 300px;
    max-height: 170px;
}

IMAGES.xl {
    max-width: 320px;
    max-height: 240px;
}

IMG.center {
    display: block;
    margin: auto;
}

.gallery {
    margin: auto;
    padding: 2px;
    text-align: center;
    height: 170px;
}

    .gallery.slideshowNav {
        height: auto;
    }

    .gallery#detailProductImages > DIV > IMG {
        width: 180px;
        max-height: 135px;
    }

    .gallery > A > IMG {
        margin: 0 2px;
        border: 2px solid #e5e8e8;
    }

    .gallery > A.current > IMG {
        border-color: #767676;
    }

.studio P, .studio H4, .studio H5, .studio H6 {
    width: 80%;
    padding-left: 10%;
}

.studio H4, .studio H5, .studio H6 {
    padding-bottom: 5px;
}

.studio.slideshow {
    margin: auto;
    padding: 2px;
    text-align: center;
    height: 270px;
}

.studio > DIV {
    text-align: center;
}

    .studio > DIV P {
        width: 80%;
        padding-left: 10%;
        margin-bottom: 2px;
        text-align: justify;
    }

    .studio > DIV > IMG {
        height: 170px;
        max-width: 300px;
        padding-bottom: 10px;
    }

.studio.slideshowNav {
    height: 40px;
}

.studio + DIV {
    text-align: center;
    margin: 10px auto;
}

    .studio + DIV > A {
        display: inline-block;
        width: 35px;
        height: 35px;
        background: transparent url("/us/en/m/images/i/m/inactive-circle.jpg") no-repeat center center;
    }

        .studio + DIV > A.current {
            background: transparent url("/us/en/m/images/i/m/active-circle.jpg") no-repeat center center;
        }

.section {
    clear: both;
    padding: 10px;
    position: relative;
    /*margin-top:20px;*/
}

    .section:after {
        content: " ";
        display: block;
        visibility: hidden;
        height: 0;
        clear: both;
    }

    .section.collapsed {
        padding: 0;
    }

    .section.related {
        padding: 10px 0 10px 10px;
    }

        .section.related A.summary:after {
            background-position: left 30px;
        }

    .section DIV.thumb {
        float: left;
        margin: 2px 10px 2px 0;
        min-height: 32px;
    }

        .section DIV.thumb IMG {
            display: block;
            margin: 2px auto 10px;
        }

        .section DIV.thumb > LABEL {
            font-size: 14px;
            line-height: 32px;
            font-weight: bold;
            color: #767676;
            padding: 0 5px 0 5px;
            margin: 0;
            width: auto;
            z-index: 100;
            position: relative;
            display: inline;
        }

        .section DIV.thumb > INPUT[type="checkbox"], .section FORM.query DIV.thumb > INPUT[type="checkbox"].text, FORM.query .section DIV.thumb > INPUT[type="checkbox"].text, .section FORM.query DIV.thumb > INPUT[type="checkbox"].query, FORM.query .section DIV.thumb > INPUT[type="checkbox"].query, .section FORM.query DIV.thumb > INPUT[type="checkbox"].search, FORM.query .section DIV.thumb > INPUT[type="checkbox"].search, .section DIV.thumb > SPAN.checkbox, .section DIV.thumb > SPAN.radio {
            z-index: 200;
            position: relative;
        }

    .section > H3 > IMG {
        padding-right: 5px;
    }

    .section.featured {
        padding: 20px 10px;
    }

        .section.featured H5 {
            padding: 0 10px;
        }

            .section.featured H5 A {
                font-size: 14px;
                line-height: 18px;
            }

        .section.featured P {
            font-size: 14px;
            line-height: 18px;
            margin: 0;
        }

        .section.featured DIV.thumb {
            padding: 0 15px 0 0;
            margin: 0;
        }

            .section.featured DIV.thumb IMG {
                height: 58px;
                width: 58px;
                margin: 0;
            }

        .section.featured.secondary {
            background-color: #01A982;
            color: white;
        }

            .section.featured.secondary H3, .section.featured.secondary A {
                color: white;
                padding-top: 0;
            }

            .section.featured.secondary P {
                padding-left: 85px;
            }

            .section.featured.secondary A:hover {
                text-decoration: none;
            }

            .section.featured.secondary LI {
                border-top: none;
            }

            .section.featured.secondary DIV.thumb IMG {
                height: auto;
                width: auto;
            }

            .section.featured.secondary .section H3 {
                padding-bottom: 0;
            }

            .section.featured.secondary .secondary {
                padding-right: 0;
            }

        .section.featured.tertiary {
            padding: 10px;
        }

            .section.featured.tertiary > UL, .section.featured.tertiary > P, .section.featured.tertiary > H5 {
                padding-left: 48px;
            }

            .section.featured.tertiary A {
                text-decoration: none;
            }

            .section.featured.tertiary UL {
                list-style-type: disc;
                list-style-position: outside;
            }

            .section.featured.tertiary .thumb IMG {
                width: 32px;
                height: 32px;
            }

            .section.featured.tertiary .thumb.inline {
                min-height: 20px;
            }

                .section.featured.tertiary .thumb.inline > SPAN {
                    font-size: 22px;
                    line-height: 20px;
                    padding-left: 20px;
                }

    .section.video > DIV {
        text-align: center;
        overflow: hidden;
        position: relative;
        z-index: 100;
    }

        .section.video > DIV.collapsed *, .section.video > DIV.collapsed > DIV * {
            max-height: none !important;
        }

        .section.video > DIV > .thumb {
            display: inline-block;
            position: relative;
            margin: auto;
        }

            .section.video > DIV > .thumb > .play {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: url("/us/en/m/images/i/m/hpe/play.png") no-repeat center center;
            }

        .section.video > DIV.expanded {
            border-top: none;
        }

            .section.video > DIV.expanded .thumb, .section.video > DIV.expanded OBJECT {
                padding-left: 0 !important;
            }

    .section.video H3, .section.video H3 *, .section.document H3, .section.document H3 * {
        color: #007dba;
    }

    .section.video > DIV.description, .section.document > DIV.description {
        text-align: inherit;
        z-index: 0;
        padding-bottom: 5px;
    }

    .section .meta {
        padding: 0 10px 0 0;
        clear: both;
        color: #767676;
    }

        .section .meta SPAN:last-child {
            white-space: nowrap;
        }

        .section .meta IMG {
            float: left;
            margin: 0 10px 0 0;
        }

    .section.right {
        text-align: right;
    }

    .section P {
        margin: 0 0 10px 0;
    }

    .section A {
        position: relative;
        z-index: 1;
    }

        .section A.summary {
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            padding: 0;
            z-index: 1;
            color: transparent;
            text-indent: -9999px;
        }

    .section DIV.icon {
        line-height: 22px;
    }

        .section DIV.icon SPAN {
            color: #767676;
            margin-left: 2px;
        }

    .section UL.links {
        z-index: 100;
        position: relative;
        list-style-type: none;
    }

    .section OL {
        list-style-type: decimal;
        list-style-position: inside;
    }

        .section OL > LI {
            clear: both;
        }

#products DIV.thumb ~ *, #search-results DIV.thumb ~ * {
    margin-left: 116px !important;
}

#products .section > H3 > LABEL, #search-results .section > H3 > LABEL {
    clear: none;
}

DIV.section.center {
    text-align: center;
}

DIV.dynamicBrightcoveVideo {
    text-align: center;
}

LI.section {
    clear: both;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

    LI.section:after {
        content: " ";
        display: block;
        visibility: hidden;
        height: 0;
        clear: both;
    }

    LI.section:first-child {
        border-top: 1px solid #ccc;
    }

    LI.section UL {
        list-style-type: disc;
        list-style-position: inside;
    }

        LI.section UL LI, LI.section UL LI:first-child {
            border: none;
            padding: 2px;
        }

UL LI > .section {
    border-bottom: 1px solid #ccc;
}

UL LI:first-child > .section {
    border-top: 1px solid #ccc;
}

UL.links > LI > .section {
    border-bottom: none;
}

UL.links > LI:first-child > .section {
    border-top: none;
}

UL.links > LI.section {
    border-bottom: none;
}

.field.quantity {
    width: auto;
}

    .field.quantity FIELDSET {
        display: block;
        height: 36px;
        line-height: 36px;
        float: right;
    }

        .field.quantity FIELDSET INPUT, .field.quantity FIELDSET INPUT.query, .field.quantity FIELDSET INPUT.search, .field.quantity FIELDSET FORM.query INPUT.text, FORM.query .field.quantity FIELDSET INPUT.text, .field.quantity FIELDSET FORM.query INPUT.query, FORM.query .field.quantity FIELDSET INPUT.query, .field.quantity FIELDSET FORM.query INPUT.search, FORM.query .field.quantity FIELDSET INPUT.search {
            background-color: #fff;
            border: 0 solid;
            width: 30px;
            height: 36px;
            line-height: 36px;
            padding: 0;
            text-align: right;
            -webkit-appearance: none;
        }

        .field.quantity FIELDSET LABEL {
            height: 36px;
            line-height: 36px;
            margin: 0 10px;
        }

    .field.quantity .remove {
        float: left;
    }

    .field.quantity .increase, .field.quantity .decrease {
        color: transparent;
        text-indent: -9999px;
        float: right;
        height: 36px;
        width: 36px;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .field.quantity .increase {
        background-image: url("/us/en/m/images/i/m/hpe/plus.gif");
    }

    .field.quantity .decrease {
        background-image: url("/us/en/m/images/i/m/hpe/minus.gif");
    }

DIV.rating-container.right, SPAN.rating-container.right {
    float: right;
}

DIV.rating-container.inline, SPAN.rating-container.inline {
    display: inline-block;
}

DIV.rating-container DIV.rating, DIV.rating-container SPAN.rating, SPAN.rating-container DIV.rating, SPAN.rating-container SPAN.rating {
    display: inline-block;
    height: 11px;
    width: 55px;
    background: url("/us/en/m/images/i/m/hpe/star-gray.gif") 0 0 repeat-x;
}

    DIV.rating-container DIV.rating DIV, DIV.rating-container DIV.rating SPAN, DIV.rating-container SPAN.rating DIV, DIV.rating-container SPAN.rating SPAN, SPAN.rating-container DIV.rating DIV, SPAN.rating-container DIV.rating SPAN, SPAN.rating-container SPAN.rating DIV, SPAN.rating-container SPAN.rating SPAN {
        height: 100%;
        background: url("/us/en/m/images/i/m/hpe/star-blue.gif") 0 0 repeat-x;
    }

STRONG {
    font-weight: bolder;
}

A.share {
    display: inline-block;
    margin: 0;
    padding: 10px 5px 10px 23px;
    color: #767676;
    background: transparent url("/us/en/m/images/i/m/hpe/share.gif") no-repeat scroll 5px center;
    background-color: #fff;
    text-decoration: none;
    text-transform: lowercase;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    -moz-border-radius: 0 4px 0 4px;
    -o-border-radius: 0 4px 0 4px;
    -webkit-border-radius: 0 4px 0 4px;
    -ms-border-radius: 0 4px 0 4px;
    border-radius: 0 4px 0 4px;
    float: right;
    margin-left: 100%;
}

    A.share:first-letter {
        text-transform: uppercase;
    }

    A.share:hover {
        text-decoration: underline;
    }

    A.share + * {
        clear: both;
    }

TABLE {
    width: 100%;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    color: #000;
}

    TABLE THEAD TH {
        text-align: center;
        font-weight: bold;
        font-size: 18px;
        line-height: 20px;
        padding: 10px;
        border-left: solid 1px #ccc;
    }

        TABLE THEAD TH:first-child {
            border-left: none;
        }

    TABLE TD {
        padding: 10px;
        border-left: solid 1px #ccc;
        width: 50%;
    }

        TABLE TD.widerow {
            background-color: #e5e8e8;
            color: #767676;
            height: 24px;
            width: 100%;
            padding: 0 10px;
            border-left: none;
        }

            TABLE TD.widerow.center {
                text-align: center;
            }

            TABLE TD.widerow EM {
                line-height: 24px;
            }

        TABLE TD:first-child {
            border-left: none;
        }

        TABLE TD EM {
            font-weight: bold;
            display: block;
        }

    TABLE TFOOT {
        border-top: solid 1px #ccc;
    }

        TABLE TFOOT TD {
            text-align: center;
        }

UL.links TABLE * {
    font-size: 16px;
    line-height: 18px;
}

UL.links TABLE TD {
    vertical-align: top;
    border-left: solid 1px #ccc;
    border-top: solid 1px #ccc;
}

    UL.links TABLE TD:first-child {
        border-left: none;
    }

DL.info {
    border: 1px solid #000;
    border-bottom: 0;
}

    DL.info DT {
        font-size: 16px;
        line-height: 18px;
        padding: 10px 10px 0 10px;
    }

        DL.info DT:first-letter {
            text-transform: uppercase;
        }

    DL.info DD {
        font-size: 16px;
        line-height: 18px;
        border-bottom: 1px solid #000;
        padding: 0 10px 10px 10px;
    }

.addthis_service_icon {
    display: inline-block !important;
}

.price {
    font-size: 14px;
    line-height: 16px;
    padding: 5px 0 0 0;
    color: #d7410b;
}

    .price > SPAN:first-child {
        color: #000;
    }

    .price > SPAN SPAN {
        font-size: 18px;
        line-height: 20px;
        font-weight: bold;
        color: #d7410b;
    }

        .price > SPAN SPAN.start-from {
            font-weight: normal;
            font-size: 14px;
            padding-right: 5px;
        }

#search-results .price span {
    color: #000;
}

HR {
    border: none;
    border-bottom: 1px solid #ccc;
}

#toBePublished {
    background-image: url(/us/en/m/images/i/footer/flag.gif);
}

DIV.query INPUT.text, DIV.query INPUT.query, DIV.query FORM.query INPUT.query.text, FORM.query DIV.query INPUT.query.text, DIV.query INPUT.search, DIV.query FORM.query INPUT.text, FORM.query DIV.query INPUT.text {
    width: 90%;
}

SUP, SUB {
    font-size: 10px;
    line-height: 12px;
}

SUP {
    vertical-align: super;
}

SUB {
    vertical-align: sub;
}

SPAN.iconfont {
    font-family: hpeicons;
    color: #01A982;
    vertical-align: bottom;
}

.thumb .iconfont {
    font-size: 32px;
    line-height: 32px;
}

.bullet {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 30px;
}

    .bullet.section {
        padding-left: 86px;
    }

.dialog-container {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    z-index: 900;
    background: #000;
    background: rgba(0,0,0,0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
}

.dialog {
    text-align: center;
    vertical-align: middle;
    background-color: white;
    margin: 25% auto;
    padding: 5px;
    z-index: 910;
    position: absolute;
    top: 25%;
}

    .dialog.modal {
        position: relative;
    }

    .dialog#welcomeMessage {
        height: 80px;
        margin: 25 15%;
    }

DIV.section.collapsed A.collapsed {
    visibility: hidden;
}

DIV.section.expanded A.collapsed {
    visibility: visible;
}

#security DIV:first-child {
    text-align: center;
}

    #security DIV:first-child IMG {
        max-width: 100px;
    }

#security .colspan2 {
    background-color: #F5B842;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
}

    #security .colspan2 IMG {
        max-width: 90%;
        max-height: 200px;
    }

SPAN.rating-container SPAN.rating SPAN {
    display: inline-block;
}

SPAN.rating-container.right SPAN.rating {
    float: right;
}

.collapsed SPAN.rating-container {
    max-height: auto !important;
    width: 20%;
}

    .collapsed SPAN.rating-container SPAN.rating {
        max-height: 100% !important;
    }

        .collapsed SPAN.rating-container SPAN.rating SPAN {
            display: inline-block;
            max-height: 100% !important;
        }

.expanded SPAN.rating-container {
    margin: 0 0 5px 0;
    padding: 0 0 2px 0;
    width: 20%;
}

    .expanded SPAN.rating-container SPAN.rating {
        margin: 0 0 5px 0;
        padding: 0 0 2px 0;
    }

        .expanded SPAN.rating-container SPAN.rating SPAN {
            margin: 0 0 5px 0;
            padding: 0 0 2px 0;
        }

.breadcrumbs {
    padding: 10px 5px;
    color: #767676;
}

    .breadcrumbs > A {
        color: #767676;
        padding: 5px;
    }

        .breadcrumbs > A:hover {
            color: #767676;
            text-decoration: underline;
        }

UL.tab.expanded > LI.section {
    margin-left: -10px;
}

UL.tab.expanded > LI > DIV.section.video, UL.tab.expanded > LI > DIV.section.document {
    padding-left: 10px;
}

UL.tab .section > H3 {
    padding: 3px 0;
}

#privacy {
    background-color: #f2f2f2;
}

#inacr, #inacr_notice, #inacr *, #inacr_notice * {
    font-family: 'Times New Roman',Times,serif;
    font-size: 14px;
}

#inacr {
    background-color: black;
    color: white;
    padding: 10px;
}

    #inacr A {
        color: white;
        padding: 0 10px;
        text-decoration: none;
    }

#inacr_notice {
    background-color: white;
    color: black;
    margin-top: 10px;
}

    #inacr_notice.collapsed {
        margin-top: 0;
    }

    #inacr_notice H1 {
        font-size: 18px;
        padding: 10px;
        text-align: center;
    }

        #inacr_notice H1:first-child {
            background-color: black;
            color: white;
        }

    #inacr_notice H2 {
        text-align: center;
    }

        #inacr_notice H2:first-child {
            background-color: black;
            color: white;
        }

    #inacr_notice A {
        color: #007dba;
        padding: 0;
    }

    #inacr_notice P {
        margin: 10px;
    }

    #inacr_notice UL {
        list-style-type: disc;
    }

        #inacr_notice UL LI {
            margin: 0 20px 0 30px;
        }

        #inacr_notice UL UL {
            list-style-type: circle;
        }

    #inacr_notice TABLE {
        border: 0;
        margin: 10px auto;
        width: 80%;
    }

        #inacr_notice TABLE TD:first-child {
            width: 60%;
        }

    #inacr_notice BLOCKQUOTE {
        padding-left: 30px;
    }

DIV.counter {
    padding: 15px;
    text-align: center;
    color: #01A982;
    font-weight: bold;
}

    DIV.counter > SPAN {
        font-size: 45px;
        line-height: 48px;
        display: inline-block;
        height: 100%;
        vertical-align: top;
        padding: 0 3px;
    }

        DIV.counter > SPAN > SPAN {
            display: block;
            font-size: 14px;
            line-height: 18px;
            font-weight: normal;
            color: #000;
            text-align: left;
        }

.cols2.compare, .compare.three-column, .compare.cols3 {
    border-top: 1px solid #ccc;
}

    .cols2.compare > DIV, .compare.three-column > DIV, .compare.cols3 > DIV {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 22px;
        min-width: 160px;
    }

        .cols2.compare > DIV .price, .compare.three-column > DIV .price, .compare.cols3 > DIV .price {
            padding-top: 0;
        }

            .cols2.compare > DIV .price P, .compare.three-column > DIV .price P, .compare.cols3 > DIV .price P {
                font-size: 18px;
                line-height: 18px;
            }

        .cols2.compare > DIV .price, .compare.three-column > DIV .price, .compare.cols3 > DIV .price, .cols2.compare > DIV .button, .compare.three-column > DIV .button, .compare.cols3 > DIV .button, .cols2.compare > DIV .pagination A, .pagination .cols2.compare > DIV A, .compare.three-column > DIV .pagination A, .pagination .compare.three-column > DIV A, .compare.cols3 > DIV .pagination A, .pagination .compare.cols3 > DIV A, .cols2.compare > DIV .field.quantity .remove, .field.quantity .cols2.compare > DIV .remove, .compare.three-column > DIV .field.quantity .remove, .field.quantity .compare.three-column > DIV .remove, .compare.cols3 > DIV .field.quantity .remove, .field.quantity .compare.cols3 > DIV .remove, .cols2.compare > DIV H3, .compare.three-column > DIV H3, .compare.cols3 > DIV H3, .cols2.compare > DIV P, .compare.three-column > DIV P, .compare.cols3 > DIV P {
            margin-bottom: 22px;
        }

        .cols2.compare > DIV IMG, .compare.three-column > DIV IMG, .compare.cols3 > DIV IMG {
            height: 96px;
            max-width: 120px;
            padding-bottom: 22px;
        }

    .cols2.compare .fixheight, .compare.three-column .fixheight, .compare.cols3 .fixheight {
        height: 110px;
    }

.section A.summary:after {
    content: " ";
    display: block;
    padding: 0;
    background: url("/us/en/m/images/i/m/hpe/arrow-right-gray.gif") left center no-repeat;
    border-left: none;
    margin: 0;
    width: 15px;
    height: 100%;
    float: right;
}

.section A.summary.expanded:after, .section A.summary.collapsed:after {
    width: 18px;
    margin-right: 10px;
}

.section A.summary.collapsed:after {
    background: url("/us/en/m/images/i/m/hpe/plus.gif") left 20px no-repeat;
}

.section A.summary.expanded:after {
    background: url("/us/en/m/images/i/m/hpe/minus.gif") left 20px no-repeat;
}

.section P {
    padding-right: 7px;
    margin-right: 10px;
}

.section.featured A.summary:after {
    content: none;
}

.section .icon P {
    padding-right: 0;
    margin-right: 0;
}

LI.section {
    padding: 10px 30px 10px 10px;
}
.required{
    margin-left:2%;
}
.requiredsearch {
    font-size: 20px;
    line-height: 45px;
    font-family: "Metric Semibold";
    color: #000000;
    margin-left:-1%;
}

/*
Date: 8/7/2014 7:47:39 AM
Non-published images:
/webdav/17%20United%20States-English%20Web%20-%20Mobile/Building%20Blocks/System/00%20Shared/Content/CSS/system/styles/hps-fontface-core.css
*/
