/* CSS Document */

@font-face {
    font-family: 'HPE';
    src: url("/styles/fonts/MetricWeb-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HPEbold';
    src: url("/styles/fonts/MetricWeb-Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}


body {
    font-family: HPE;
}

h1, h2, h3, h4, h5 {
    font-family: HPE;
}

#PageLimits {
    min-width: 1125px;
}

.link {
    color: #00B388;
}

button {
    outline: none;
}

.old-homepage div#headerBar {
    background-color: #425563;
    background-image: url('/images/HPE-logo.png');
    background-position: 20px 20px;
}

div#headerBar {
    background-color: #fff;
    background-position: 20px 20px;
}

div#headerBar a {
    font-family: HPEbold;
}

div#headerBar svg {
    padding-top: 0.5em;
}

#ctl00_newHeader {
    background-color: #fff;
}

span.paradigmIndicator {
    font-size: 2.6em;
    font-family: HPEbold;
}

.menuItem {
    color: #000;
}

.KWcrumb::first-letter {
    color: #00B388;
    margin: 0 0.2em;
}

#nav a,
#nav a:visited {
    color: #000;
    font-family: HPE;
}

.branchTitle {
    text-align: center;
}

.bannerimgtop, .bannerimg {
    border: 2px solid #00B388;
    cursor: pointer;
}

div.square_promo_Header {
    font-family: HPEbold;
    font-size: 2em;
}

div.square_promo_Offer {
    color: #00B388;
    font-family: HPEbold;
    font-size: 1.5em;
    line-height: 1em;
    margin-top: -0.5em;
    text-align: center;
}

div.square_promo_Header.no_programs {
    font-family: HPE;
    font-size: 1.5em;
    margin-top: 2em;
}

.square {
    border: 2px solid #C6C9CA;
}

.old-homepage div#footerIQuote,
.old-homepage div.footerIQuote {
    background: url(/images/LOGO_channelcentral_neg_sml.png) #425563 no-repeat right;
}

div#footerIQuote, div.footerIQuote {
    background-color: #fff;
}

.old-homepage .footerIQuote .textButton {
    color: #757575;
}

.footerIQuote .textButton {
    color: #000;
}

.SquareAttributePanel {
    font-family: HPE;
}


a {
    color: #00B388;
}

.SquareAttributePanel .bold {
    font-family: HPEbold;
}

div.square .branchTitle {
    font-size: 2em;
}

.upsellLineHeader {
    font-family: HPE;
}


/*BUTTONS*/
.hpBlueButton {
    border: #00B388 solid 2px;
    Background:;
    border-radius: 0;
    Color: #000000;
    font-family: HPEbold;
    Padding-left: 35px;
    Padding-right: 35px;
    line-height: 1em;
    text-transform: uppercase;
    font-size: 1.5em;
    letter-spacing: 0.03em;
}

.hpBlueButton:hover {
    border: solid 4px #00B388;
    background-color: transparent;
    line-height: 0.8em;
    Padding-left: 33px;
    Padding-right: 33px;
}

.hpBlueButton.smallfont:hover {
    line-height: 0.6em;
}

.hpGreyButton {
    border: #C9C9CA solid 2px;
    Background:;
    border-radius: 0;
    text-align: center;
    vertical-align: Center;
    text-transform: uppercase;
    color: #000000;
    Letter-Spacing: 0.03em;
    padding: 0.4em 0.8em;
    margin-top: 0;
}

/*new oulined grey hover*/
.hpGreyButton:hover {
    border: solid 4px #C9C9CA;
    background-color: transparent;
    padding: 0.3em 0.55em;
    line-height: 0.98em;
}

.old-homepage #ctl00_environmentTitle,
.old-homepage #ctl00_MainContent_environmentTitle {
    top: 3px;
    left: 320px;
}

#ctl00_environmentTitle,
#ctl00_MainContent_environmentTitle,
#ctl00_sysName, #ctl00_MainContent_sysName {
    top: 0.35em;
    padding-right: 5px;
}

.header-logo {
    padding: 7px 5px 0 25px;
    display: inline-block;
}

.header-title {
    display: inline-block;
}

#quoteFilterPanel .hpGreyButton {
    border: #C9C9CA solid 2px;
    border-radius: 0;
    Color: #000000;
    font-family: HPE;
    Padding-left: 35px;
    Padding-right: 35px;
    line-height: 1em;
    text-transform: uppercase;
    font-size: 1.5em;
    letter-spacing: 0.03em;
}

    #quoteFilterPanel .hpGreyButton:hover {
        border: solid 4px #C9C9CA;
        background-color: transparent;
        line-height: 1.3em;
        Padding-left: 33px;
        Padding-right: 33px;
    }

.hpOrangeButton, .DisabledButton {
    border: solid 4px #00B388;
    border-radius: 0;
    Color: #000000;
    font-family: HPE;
    Padding-left: 35px;
    Padding-right: 35px;
    text-transform: uppercase;
    font-size: 1.5em;
    letter-spacing: 0.03em;
}

.hpOrangeButton:hover {
    border: solid 4px #00B388;
    background-color: #000;
    line-height: 1em;
    Padding-left: 35px;
    Padding-right: 35px;
    color: #fff;
}

.hpOrangeButton.q_basket:hover {
    padding: 9px 10px 5px 30px;
}

div#quoteFilterPanel .hpOrangeButton, div#quoteFilterPanel, div#quoteFilterPanel .DisabledButton {
    line-height: 1.1em;
}

.sausageButton {
    background-color: #00B388;
}

/*END BUTTONS*/

/*TABS*/
.tabStrip .branchTitle {
    font-family: HPEbold;
    color: inherit;
}

.activeTab, .inActiveTab {
    border-radius: 0;
    padding-bottom: 1.1em;
    Letter-Spacing: 0.05em;
    text-transform: uppercase;
}

.activeTab {
    border: solid #5F7A76 1px;
    border-bottom: 0;
    color: #000;
}

.inActiveTab {
    background-color: #EBEBEB;
    color: #757575;
    border: 1px solid #EBEBEB;
    border-bottom: 0;
}

.tabBody {
    border: solid #5F7A76 1px;
}

.admin_tabs_line {
    background: #5F7A76;
}

.admin_tabs {
    background-color: #EBEBEB;
    color: #757575;
    font-family: HPEbold;
    text-transform: uppercase;
    display: inline-block;
    padding: 0;
}

.admin_tab_selected {
    background-color: #fff;
    color: #000;
    border: 1px solid #5F7A76;
    border-bottom: 0;
}
/*END TABS*/


.quickFilterGroupHolder {
    background-color: #F6F6F6;
}

.bigLink {
    color: #757575;
    font-size: 2em;
    font-family: HPEbold;
}

div.bigLink.hpOrange, div.optionsLink.hpOrange {
    color: #00B388;
}

.optionsLink {
    color: #00B388;
    font-family: HPEbold;
}

div.quoteHeader {
    border: 2px solid #C6C9CA;
}

.quoteCursor {
    border-color: #00B388;
}

    .quoteCursor.quoteSystem {
        border-bottom-color: #00B388;
    }

.CustomizeColumns {
    height: auto;
}

div.footerIQuote .textButton {
    font-family: HPE;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0;
    font-weight: normal;
    background: none;
    color: #555555;
    font-family: HPEbold;
    border-radius: 0;
    Letter-Spacing: 0.05em;
    text-transform: uppercase;
    background-color: #EBEBEB;
}

.ui-widget-header {
    background-color: transparent;
    background: 0;
    border: 1px solid #5F7A76;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    font-family: HPEbold;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border: 1px solid #5F7A76;
    border-bottom: 1px solid #fff;
    background-color: transparent;
}


.ui-state-hover.ui-state-default.ui-corner-top {
    background: none;
    background-color: #EBEBEB;
}


.smallfont {
    font-size: 70%;
}


.ui-dialog-titlebar, .ui-dialog .ui-dialog-titlebar {
    padding: 0;
    background-color: #425462;
    height: 20px;
}

.buyUI {
    top: -0.1em;
}

#Cus_qt_container {
    border: solid #5F7A76 1px;
    width: 30%;
    min-width: 370px;
    margin: auto;
}

.HPEButton {
    cursor: pointer;
}

.HPE_hdr_bg {
    background-color: #425563;
    padding: 1% 5%;
}

    .HPE_hdr_bg h1 {
        font-size: 1.2em;
        color: #fff;
        font-family: HPEbold;
        text-transform: uppercase;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        margin: 0;
    }

.pop_inner_container {
    padding: 5%;
}

#Cus_qt_container #tos_container {
    border-top: 1px solid #E5E8E8;
    border-bottom: 1px solid #E5E8E8;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-top: 1em;
}

#Cus_qt_container #ICMS_loco_container {
    margin-top: 1em;
    margin-bottom: 1em;
}

#Cus_qt_container #chks_container {
    border-top: 1px solid #E5E8E8;
    border-bottom: 1px solid #E5E8E8;
    padding-top: 1em;
    padding-bottom: 1em;
}

#Cus_qt_container #pref_ware {
    margin-top: 1em;
    margin-bottom: 4em;
}

.pop_left_col {
    position: relative;
    display: inline-block;
    width: 45%;
}

.pop_right_col {
    width: 50%;
    position: relative;
    display: inline-block;
}

/*BUTTONS*/

#button_container {
    text-align: right;
}

/*new outlined grey*/
/*
#Cus_qt_container .hpGreyButton {
    border: #C9C9CA solid 2px;
    Background:;
    Opacity: 100%;
    border-radius: 0;
    padding: 0 30px;
    text-align: center;
    vertical-align: Center;
    text-transform: uppercase;
    font-size: 0.94em;
    Color: #000000;
    Letter-Spacing: 0.03em;
    line-height: 1.7em;
    display: inline-block;
    margin-right: 2%;
}

    
    #Cus_qt_container .hpGreyButton:hover {
        border: solid 4px #C9C9CA;
        Opacity: 100%;
        background-color: transparent;
        line-height: 1.4em;
        Padding-left: 28px;
        Padding-right: 28px;
    }
*/

/*this is the new solid green*/
#Cus_qt_container .hpOrangeButton {
    background-color: #00B388;
    Opacity: 100%;
    line-height: 1.5em;
    border-radius: 0;
    padding: 0;
    font-size: 0.94em;
    color: #000000;
    Text-Align: center;
    Letter-Spacing: 0.03em;
    Padding-left: 26px;
    Padding-right: 26px;
    vertical-align: Center;
    text-transform: uppercase;
    border: solid 4px #00B388;
    display: inline-block;
}

    /*new solid green hover*/
    #Cus_qt_container .hpOrangeButton:hover {
        border: solid 4px #00B388;
        Background-color: #000000;
        Opacity: 50%;
        color: #fff;
    }

/*FORM 2*/
.HPE_hdr_whs {
    background-color: #425563;
    padding: 1% 3%;
}

    .HPE_hdr_whs h1 {
        font-size: 1.2em;
        color: #fff;
        text-transform: uppercase;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        margin: 0;
    }

#Whse_container {
    width: auto;
    min-width: 1200px;
    margin: auto;
}

    #Whse_container .div-table {
        display: table;
        width: 100%;
        border-spacing: 5px;
    }

    #Whse_container .div-table-row {
        display: table-row;
        width: auto;
        clear: both;
    }

.div-table-row-bar {
    border-bottom: 1px solid #000;
}

.div-table-col {
    float: left; /*fix for  buggy browsers*/
    display: table-column;
    padding: 0 1%;
}

.pop_inner_container_whse {
}

#bst_prc {
    width: 15px;
    height: 15px;
    background-color: green;
    display: inline-block;
}

#whse_foot_lft {
    width: 49%;
    display: inline-block;
}

#whse_foot_rgt {
    width: 50%;
    display: inline-block;
    text-align: right;
}

/*new outlined grey*/
#Whse_container .hpGreyButton, #Whse_footer .hpGreyButton {
    border: #C9C9CA solid 2px;
    border-radius: 0;
    padding: 0 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.94em;
    Color: #000000;
    Letter-Spacing: 0.03em;
    line-height: 1.7em;
    display: inline-block;
    margin-right: 2%;
    font-family: HPE;
}

    /*new oulined grey hover*/
    #Whse_container .hpGreyButton:hover, #Whse_footer .hpGreyButton:hover {
        border: solid 4px #C9C9CA;
        background-color: transparent;
        line-height: 1.4em;
        Padding-left: 28px;
        Padding-right: 28px;
    }


/*this is the new solid green*/
#Whse_container .hpOrangeButton, #Whse_container .DisabledButton, #Whse_footer .hpOrangeButton {
    background-color: #00B388;
    line-height: 1.5em;
    border-radius: 0;
    padding: 0;
    font-size: 0.94em;
    color: #000000;
    Text-Align: center;
    Letter-Spacing: 0.03em;
    Padding-left: 26px;
    Padding-right: 26px;
    text-transform: uppercase;
    border: solid 4px #00B388;
    display: inline-block;
    margin-top: 0;
    font-family: HPE;
}

    /*new solid green hover*/
    #Whse_container .hpOrangeButton:hover, #Whse_footer .hpOrangeButton:hover {
        border: solid 4px #00B388;
        Background-color: #000000;
        color: #fff;
    }

#Whse_container .hpBlueButton, #Whse_footer .hpBlueButton {
    border: #00B388 solid 2px;
    border-radius: 0;
    padding: 0 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.94em;
    Color: #000000;
    Letter-Spacing: 0.03em;
    line-height: 1.7em;
    display: inline-block;
    margin-right: 2%;
    margin-top: 0;
    font-family: HPE;
}

    #Whse_container .hpBlueButton:hover, #Whse_footer .hpBlueButton:hover {
        border: solid 4px #00B388;
        Background-color: #000000;
        line-height: 1.4em;
        Padding-left: 28px;
        Padding-right: 28px;
        color: #fff;
    }

.HPE_hdr_odr {
    background-color: #425563;
    padding: 1% 3%;
}

    .HPE_hdr_odr h1 {
        font-size: 1.2em;
        color: #fff;
        text-transform: uppercase;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        margin: 0;
    }

#Odr_container {
    border: solid #5F7A76 1px;
    width: 60%;
    min-width: 700px;
    margin: auto;
}

    #Odr_container .div-table {
        display: table;
        width: 100%;
        border-spacing: 5px;
    }

    #Odr_container .div-table-row {
        display: table-row;
        width: auto;
        clear: both;
    }

.div-table-row-bar {
    border-bottom: 1px solid #000;
}

.div-table-col {
    float: left; /*fix for  buggy browsers*/
    display: table-column;
    padding: 0 10px;
}

.pop_inner_container_odr {
    padding: 3%;
}

#bst_prc {
    width: 15px;
    height: 15px;
    background-color: green;
    display: inline-block;
}

#odr_foot_rgt {
    width: 100%;
    display: inline-block;
    text-align: right;
}

/*new outlined grey place order popup*/
#Odr_container .hpGreyButton {
    border: #C9C9CA solid 2px;
    Background: Transparent;
    Opacity: 100%;
    border-radius: 0;
    padding: 0;
    text-align: center;
    vertical-align: Center;
    text-transform: uppercase;
    font-size: 0.94em;
    Color: #000000;
    Letter-Spacing: 0.03em;
    Padding-left: 30px;
    Padding-right: 30px;
    line-height: 1.7em;
    display: inline-block;
    margin-right: 2%;
}

    /*new oulined grey hover place order popup*/
    #Odr_container .hpGreyButton:hover {
        border: solid 4px #C9C9CA;
        Opacity: 100%;
        background-color: transparent;
        line-height: 1.4em;
        Padding-left: 28px;
        Padding-right: 28px;
    }


/*this is the new solid green place order popup*/
#Odr_container .hpOrangeButton, #Odr_container .DisabledButton {
    background-color: #00B388;
    Opacity: 100%;
    line-height: 1.5em;
    border-radius: 0;
    padding: 0;
    font-size: 0.94em;
    color: #000000;
    Text-Align: center;
    Letter-Spacing: 0.03em;
    Padding-left: 26px;
    Padding-right: 26px;
    vertical-align: Center;
    text-transform: uppercase;
    border: solid 4px #00B388;
    display: inline-block;
}

    /*new solid green hover place order popup*/
    #Odr_container .hpOrangeButton:hover {
        border: solid 4px #00B388;
        Background-color: #000000;
        Opacity: 50%;
        color: #fff;
    }


/*new outline green place order popup*/
#Odr_container .hpBlueButton {
    border: #00B388 solid 2px;
    Background: Transparent;
    Opacity: 100%;
    border-radius: 0;
    padding: 0;
    text-align: center;
    vertical-align: Center;
    text-transform: uppercase;
    font-size: 0.94em;
    Color: #000000;
    Letter-Spacing: 0.03em;
    Padding-left: 30px;
    Padding-right: 30px;
    line-height: 1.7em;
    display: inline-block;
    margin-right: 2%;
}

    /*new outline green hover place order popup*/
    #Odr_container .hpBlueButton:hover {
        border: solid 4px #00B388;
        Opacity: 100%;
        background-color: transparent;
        line-height: 1.4em;
        Padding-left: 28px;
        Padding-right: 28px;
    }

.hpdialogGreyButton ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only {
    border: #C9C9CA solid 2px;
    border-radius: 0;
    padding: 0 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.94em;
    Color: #000000;
    Letter-Spacing: 0.03em;
    line-height: 1.7em;
    display: inline-block;
    margin-right: 2%;
    font-family: HPE;
}

.hpdialogOrangeButton, .dialogDisabledButton {
    background-color: #00B388;
    line-height: 1.5em;
    border-radius: 0;
    padding: 0;
    font-size: 0.94em;
    color: #000000;
    Text-Align: center;
    Letter-Spacing: 0.03em;
    Padding-left: 26px;
    Padding-right: 26px;
    text-transform: uppercase;
    border: solid 4px #00B388;
    display: inline-block;
    margin-top: 0;
}

    /*new solid green hover*/
    .hpdialogOrangeButton:hover {
        border: solid 4px #00B388;
        Background-color: #000000;
        color: #fff;
    }

.hpdialogGreyButton:hover {
    border: solid 4px #C9C9CA;
    background-color: transparent;
    line-height: 1.4em;
    Padding-left: 28px;
    Padding-right: 28px;
}



div#headerBar a {
    font-family: Hpe;
}

#ctl00_newHeader {
    display: inline-block;
    width: 100%;
    font-size: inherit;
    margin: 0;
    padding-left: 20px;
    background: #fff;
    line-height: 0.5em;
    webkit-box-shadow: 0 3px 2px 0 rgba(112,112,112,.1);
    -moz-box-shadow: 0 3px 2px 0 rgba(112,112,112,.1);
    box-shadow: 0 3px 2px 0 rgba(112,112,112,.1);
}

span.paradigmIndicator {
	font-size: 2.6em;
	font-family: HPEbold;
	display: inline-block;
}

.menuItem {
    color: #757575;
}

.old-homepage #nav a:link,
.old-homepage #nav a:visited {
    color: #757575;
}

#nav a:link,
#nav a:visited {
    color: #000;
    font-family: HPE;
}

.old-homepage #nav a:hover {
    color: #000;
}

#nav a:hover {
    color: #757575;
}

.bannerimgtop, .bannerimg {
    border: 2px solid #C9C9CA;
    cursor: pointer;
}

.square .square_promo_Header ul {
    text-align: center;
}

li.square_promo {
    color: #757575;
    line-height: 150%;
    font-size: 1.3em;
    background-image: url(/images/sprites/HPE-sprite.png);
    background-repeat: no-repeat;
    width: 50%;
    margin: auto;
    text-align: left;
    padding-left: 1.6em;
    background-position: -63px -41px;
    height: 20px;
}

ul.program_list {
    text-align: center;
}

#SolutionStore ul.program_list {
    margin-top: 1.2em;
}

li.square_promo.program {
    display: inline-block;
    background: url(/images/HPE-arrows.png);
    background-repeat: no-repeat;
    text-align: left;
}

li.square_promo.program:hover {
    background: url(/images/HPE-arrows.png);
    background-repeat: no-repeat;
    background-position: 0px -21px;
}

li.square_promo.square_promo_wide {
    width: 50%;
}

li.square_promo:hover {
    background-image: url(/images/sprites/HPE-sprite.png);
    background-position: -63px -62px;
}

li.square_promo a {
    color: #757575;
}

.square {
    border: 2px solid #C6C9CA;
    min-height: 255px;
}

.old-homepage.footerIQuote,
.old-homepage#footerIQuote
{
    background: url(/images/LOGO_channelcentral_neg_sml.png) #425563 no-repeat right;
}

div#footerIQuote, div.footerIQuote {
    background: #fff;
}

.footerIQuote .textButton {
    color: #ffffff;
}

.SquareAttributePanel {
    font-family: HPE;
}


a {
    color: #00B388;
}

.SquareAttributePanel .bold {
    font-family: HPEbold;
}

div.square .branchTitle {
    font-size: 2em;
}

.upsellLineHeader {
    font-family: HPE;
}


/*BUTTONS*/
.hpBlueButton {
    border: #00B388 solid 2px;
    Background: Transparent;
    border-radius: 0;
    Color: #000000;
    font-family: HPEbold;
    Padding-left: 5px;
    Padding-right: 5px;
    line-height: 0.7em;
    text-transform: uppercase;
    font-size: 1.5em;
    letter-spacing: 0.03em;
}

    .hpBlueButton:hover {
        border: solid 4px #00B388;
        background-color: transparent;
        Padding-left: 3px;
        Padding-right: 3px;
        line-height: 0.5em;
    }

    .hpBlueButton.smallfont:hover {
        line-height: 0.6em;
        padding-left: 1.5%;
        padding-right: 1.5%;
    }

.hpGreyButton {
    border: #C9C9CA solid 2px;
    Background: Transparent;
    border-radius: 0;
    text-align: center;
    vertical-align: Center;
    text-transform: uppercase;
    color: #000000;
    Letter-Spacing: 0.03em;
    padding: 0.4em 0.8em;
    margin-top: 0;
}



    /*new oulined grey hover*/
    .hpGreyButton:hover {
        border: solid 4px #C9C9CA;
        background-color: transparent;
        line-height: 0.98em;
        padding: 0.2em 0em;
    }

div#quoteFilterPanel .hpGreyButton {
    border: #C9C9CA solid 2px;
    Background: Transparent;
    border-radius: 0;
    Color: #000000;
    font-family: HPE;
    Padding-left: 35px;
    Padding-right: 35px;
    line-height: 1.5em;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}



    div#quoteFilterPanel .hpGreyButton:hover {
        border: solid 4px #C9C9CA;
        background-color: transparent;
        line-height: 1.5em;
        Padding-left: 33px;
        Padding-right: 33px;
    }

.hpOrangeButton {
    border: solid 4px #00B388;
    Background: Transparent;
    border-radius: 0;
    Color: #000000;
    font-family: HPE;
    Padding-left: 35px;
    Padding-right: 35px;
    text-transform: uppercase;
    font-size: 1.5em;
    letter-spacing: 0.03em;
}


    .hpOrangeButton:hover {
        border: solid 4px #00B388;
        background-color: #000;
        line-height: 1em;
        Padding-left: 35px;
        Padding-right: 35px;
        color: #fff;
    }

div#quoteFilterPanel .hpOrangeButton, div#quoteFilterPanel {
    line-height: 1.1em;
}

.sausageButton {
    background-color: #00B388;
}

/*END BUTTONS*/

/*TABS*/
.tabStrip .branchTitle {
    font-family: HPEbold;
    color: inherit;
}

.activeTab, .inActiveTab {
    border-radius: 0;
    padding-bottom: 1.1em;
    Letter-Spacing: 0.05em;
    text-transform: uppercase;
}

.activeTab {
    border: solid #5F7A76 1px;
    border-bottom: 0;
    color: #000;
}

.inActiveTab {
    background-color: #EBEBEB;
    color: #757575;
    border: 1px solid #EBEBEB;
    border-bottom: 0;
}

.tabBody {
    border: solid #5F7A76 1px;
}

.admin_tabs {
    background-color: #EBEBEB;
    color: #757575;
    font-family: HPEbold;
    text-transform: uppercase;
}

.admin_tab_selected {
    background-color: #fff;
    color: #000;
    border: 1px solid #5F7A76;
    border-bottom: 0;
}
/*END TABS*/


.quickFilterGroupHolder {
    background-color: #F6F6F6;
}

.bigLink {
    color: #757575;
    font-size: 2em;
    font-family: HPEbold;
}

div.bigLink.hpOrange, div.optionsLink.hpOrange {
    color: #00B388;
}

.optionsLink {
    color: #00B388;
    font-family: HPEbold;
}

div.quoteHeader {
    border: 2px solid #C6C9CA;
}



.CustomizeColumns {
    height: auto;
}

div.footerIQuote .textButton {
    font-family: HPE;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0;
    font-weight: normal;
    background: none;
    color: #555555;
    font-family: HPEbold;
    border-radius: 0;
    padding-bottom: 0;
    Letter-Spacing: 0.05em;
    text-transform: uppercase;
    background-color: #EBEBEB;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border: 1px solid #5F7A76;
    border-bottom: 1px solid #fff;
    background-color: transparent;
}


.ui-state-hover.ui-state-default.ui-corner-top {
    background: none;
    background-color: #EBEBEB;
}





.buyUI {
    top: -0.1em;
}

#Cus_qt_container {
    border: solid #5F7A76 1px;
    width: 30%;
    min-width: 370px;
    margin: auto;
}

.HPE_hdr_bg {
    background-color: #425563;
    padding: 1% 5%;
}

    .HPE_hdr_bg h1 {
        font-size: 1.2em;
        color: #fff;
        font-family: HPEbold;
        text-transform: uppercase;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        margin: 0;
    }

.pop_inner_container {
    padding: 5%;
}

#Cus_qt_container #ICMS_loco_container {
    margin-top: 1em;
    margin-bottom: 1em;
}

#Cus_qt_container #chks_container {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-top: 1em;
    padding-bottom: 1em;
}

#Cus_qt_container #pref_ware {
    margin-top: 1em;
    margin-bottom: 4em;
}

.pop_left_col {
    position: relative;
    display: inline-block;
    width: 45%;
}

.pop_right_col {
    width: 50%;
    position: relative;
    display: inline-block;
}


div#headerBar a {
    font-family: Hpe;
    color: #c6c9ca;
}

    div#headerBar a:hover {
        color: #fff;
    }

ul#nav a:hover {
    color: #000;
}

#tabStrip7 .inActiveLink {
    color: #757575;
}



.upToDate {
    color: #00B388;
}


div.prodInfo {
    line-height: 2em;
}

.specHeader {
    margin-top: 0.2em;
}

li.square_promo:hover {
    text-decoration: none;
}

.quickFilterGroupHolder {
    background-color: #EBEBEB;
}

div .square:active {
    border-color: #000;
}

.bannerimgtop:hover, .bannerimg:hover {
    border: 2px solid #00B388;
    cursor: pointer;
}


.addMarginButton {
    padding: .2em;
    color: #FF8D6D;
    background-color: white;
    border: 2px solid #FF8D6D;
    padding: 0.1em 0.2em;
}

    .addMarginButton:hover {
        background-color: #FF8D6D;
    }

.buyUI {
    top: 0;
}

.buyUIstock {
    vertical-align: middle;
}

.buyUIstock span {
    margin-left: 5px;
}

div#quoteOuter {
    border-bottom: 0;
}


div.footerIQuote {
    z-index: 99999;
}

.listPrice {
    color: #614767;
    font-weight: bold;
}

.q_basket {
    color: #FFF;
    min-width: 4.3%;
    width: auto;
    font-size: 10px !important;
    word-break: break-all;
    text-align: right;
    padding-right: 10px;
    background-color: #00B388;
    background-image: url('/images/sprites/SPRITE_HPicons_1.png');
    background-position: -170px -149px;
    position: absolute;
    right: 1em;
    top: 0;
    border-radius: 0;
    font-family: HPE;
    text-transform: uppercase;
    font-size: 1.5em;
    letter-spacing: 0.03em;
    padding: 9px 10px 5px 30px;
    height: 12px;
    color: #FFF;
}

.addMarginButton {
    padding: .2em;
    color: #00B388;
    background-color: white;
    border: 2px solid #000;
    padding: 0.1em 0.2em;
    border-radius: 0;
}

.addMarginButton:hover {
    background-color: #EBEBEB;
    color: #00B388;
}

/*new sprites*/

.isSystem .expandContract.collapsed {
    background-image: url(/images/sprites/HPE-sprite.png);
    background-position: -25px -2px;
    width: 13px;
    height: 19px;
    margin-right: 5px;
    margin-left: 20px;
}

.isSystem .expandContract.collapsed:hover {
    background-image: url(/images/sprites/HPE-sprite.png);
    background-position: -25px -22px;
    width: 13px;
    height: 19px;
    margin-right: 5px;
    margin-left: 20px;
}


.expandContract.collapsed {
    background-image: url(/images/sprites/HPE-sprite.png);
    background-position: -25px 0px;
    width: 13px;
    height: 19px;
}

.expandContract.collapsed:hover {
    background-image: url(/images/sprites/HPE-sprite.png);
    background-position: -25px -20px;
    width: 13px;
    height: 19px;
}

.q_newVlocked {
    background-position: -150px -184px;
}

    .q_newVlocked:hover {
        background-position: -425px -166px;
    }

/*green minus in cart*/
.expandContract {
	background-image: url(/images/sprites/HPE-sprite.png);
	background-position: -45px -2px;
	width: 13px;
	height: 19px;
	margin-right: 4px;
	margin-left: 21px;
}

    .expandContract:hover {
        background-image: url(/images/sprites/HPE-sprite.png);
        background-position: -45px -22px;
        width: 13px;
        height: 19px;
    }


.treeAddButton {
    margin-right: 10px;
    width: 18px;
    height: 20px;
    display: inline-block;
    background-color: transparent;
    background-image: url(/images/sprites/HPE-sprite.png);
    cursor: pointer;
    background-position: 22px 2px;
    margin-top: -3px;
}

    .treeAddButton:hover {
        width: 18px;
        height: 20px;
        display: inline-block;
        background-color: transparent;
        background-image: url(/images/sprites/HPE-sprite.png);
        cursor: pointer;
        background-position: 22px -18px;
    }


.dd_icn_container {
    background-image: url(/images/sprites/HPE-sprite.png);
    width: 24px;
    height: 25px;
    display: inline-block;
    background-position: -699px -38px;
    right: 0.4em;
    position: absolute;
    border-left: 1px solid #CCC;
    margin: -0.1em 0;
}

.addMarginButton {
    padding: .2em;
    color: #00B388;
    background-color: white;
    border: 1px solid #000;
    padding: 0.2em 0.4em;
    border-radius: 0;
    font-family: HPEBold;
}

div.multiDiv {
    font-size: 85%;
    padding-left: 0.8em;
    margin: 0.4em 3.4em 0.4em 0;
}

.quoteItemTree .expandContract {
    background-image: url(/images/sprites/HPE-sprite.png);
    background-position: -44px -1px;
    width: 13px;
    height: 19px;
    margin: 0 0.2em 0 0.5em;
}

    .quoteItemTree .expandContract:hover {
        background-position: -44px -21px;
    }

.buyUIqty {
    display: inline-block;
}

.quoteItemTree .expandContract.collapsed {
    background-image: url(/images/sprites/HPE-sprite.png);
    background-position: -25px -1px;
    margin: 0 0.2em 0 0.5em;
}

    .quoteItemTree .expandContract.collapsed:hover {
        background-position: -25px -21px;
    }

img.quoteAddNote {
    position: relative;
    left: -4000px;
}

.square_promoPanel {
    padding-bottom: 1em;
}

.square {
    height: auto;
    min-height: 208px;
}

/*red button*/
.buttonnotset {
    background-color: transparent;
    color: #B02;
    font-family: HPE;
    font-weight: bold;
    margin-top: 0em;
    outline: none;
    border: none;
    text-decoration: none;
    font-size: 1em;
}

    .buttonnotset:hover {
        background-color: transparent;
        color: #9C1B1E;
        font-family: HPE;
        font-weight: bold;
        outline: none;
        border: none;
        text-decoration: none;
        font-size: 1em;
    }

/*blue button*/
.buttonset {
    background-color: transparent;
    color: #757575;
    font-family: HPE;
    font-weight: bold;
    margin-top: 0em;
    outline: none;
    border: none;
    text-decoration: none;
    font-size: 1em;
}

    .buttonset:hover {
        background-color: transparent;
        color: #000;
        font-family: HPE;
        font-weight: bold;
        outline: none;
        border: none;
        text-decoration: none;
        font-size: 1em;
    }


.buttonLegend {
    font-family: HPE !important;
    cursor: pointer;
    text-transform: none !important;
    float: left;
    background-color: transparent !important;
    padding: 0% !important;
    cursor: default !important;
}

.updatingPriceMessage {
    display: none;
    font-weight: bold;
    font-size: 1em !important;
    color: red !important;
    font-family: HPE !important;
    cursor: pointer;
    text-transform: none !important;
    background-color: transparent !important;
    padding: 0% !important;
    cursor: default !important;
}

.buttonSquare {
    width: 15px;
    height: 15px;
    background-color: #AADDB4 !important;
    display: inline-block;
    float: left;
    cursor: default !important;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

Whse_container .div-table {
    display: block;
}

#logonPanel .hpOrangeButton {
    padding: 7px;
    border: #00B388 solid 2px;
    font-family: HPEbold;
    margin-top: -30px;
}

    #logonPanel .hpOrangeButton:hover {
        padding: 5px;
        border: #00B388 solid 4px;
        font-family: HPEbold;
    }

#logonPanel .hpGreyButton {
    padding: 7px;
    margin-top: -30px;
}

    #logonPanel .hpGreyButton:hover {
        padding: 5px 5px;
    }


#registerPanel .hpOrangeButton {
    padding: 7px;
    border: #00B388 solid 2px;
    font-family: HPEbold;
}

    #registerPanel .hpOrangeButton:hover {
        padding: 5px;
        border: #00B388 solid 4px;
        font-family: HPEbold;
    }

#registerPanel .hpBlueButton {
    padding: 7px;
}

    #registerPanel .hpBlueButton:hover {
        padding: 7px 5px;
    }

#divHeaderTop {
    padding-left: 20px;
    height: 20px;
    margin-top: 20px;
}

.square .hpBlue {
    font-family: HPEbold;
    font-size: 2em;
    color: #333;
}

.square .hpBlue.emptyContent {
    height: 4em;
}

button, input, select {
    box-sizing: initial;
    color: #333;
    font-family: Arial;
    font-size: 13.3333px;
    line-height: normal;
}

.CreateTemplateButton, .tabListContainer input[type=submit].CreateTemplateButton {
    border: #000 solid 1px;
    background-color: #1e9aff;
    color: #fff;
    border-radius: 7px;
    text-transform: none;
    padding-left: 10px;
    padding-right: 8px;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 4px;
}

    .CreateTemplateButton, .tabListContainer input[type=submit].CreateTemplateButton:hover {
        border: #000 solid 1px;
        background-color: #1e9aff;
        color: #fff;
        border-radius: 7px;
        text-transform: none;
        padding-left: 10px;
        padding-right: 8px;
        line-height: 0.7rem;
        margin: 0;
        padding-top: 3px;
        padding-bottom: 3px;
        margin-bottom: 4px;
    }


.ui-widget input[type=button], .ui-widget input[type=submit] {
    background-color: transparent;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: transparent;
}


.hpBlueButton:hover {
    background-color: transparent;
    color: #000;
}

.ui-button-text-only .ui-button-text {
    font-family: HPEbold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: transparent;
}

.ui-widget {
    font-family: hpe;
}

#Cus_qt_container .hpGreyButton {
    font-family: HPEbold;
}

#Cus_qt_container .hpOrangeButton {
    font-family: HPEbold;
}






.pageIndex {
    border: 0;
    background-color: #00B388;
    text-align: center;
    padding: 0.3em 0.8em;
    margin: 0.69em 0.69em 0 0;
    border-radius: 0 4px 0 4px;
    color: #fff;
    font-family: hpe;
    text-transform: uppercase;
    border-radius: 0;
}


.tabListContainer input[type=submit] {
    cursor: pointer;
    border: #00B388 solid 2px;
    Background: Transparent;
    border-radius: 0;
    Color: #000000;
    font-family: HPEbold;
    Padding-left: 5px;
    Padding-right: 5px;
    line-height: 0.7em;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

    .tabListContainer input[type=submit]:hover {
        border: solid 4px #00B388;
        background-color: transparent;
        line-height: 0.5em;
        padding-left: 3px;
        padding-right: 3px;
    }

    /*has the same style as HPcancel, apart from text color*/
    .tabListContainer input[type=submit]:disabled {
        font-family: HPEbold;
        text-transform: uppercase;
        border-radius: 0;
        color: #C9C9CA;
        text-align: center;
        box-sizing: border-box;
        margin-right: 1em;
        letter-spacing: 0.1rem;
        padding: 0 28px; /*stu changed 5-5-16*/
        border: #C9C9CA solid 2px;
        background: transparent;
        line-height: 0.9rem;
        height: 1.6rem;
        font-size: 0.9rem;
    }

        .tabListContainer input[type=submit]:disabled:hover {
            border: #C9C9CA solid 4px;
            padding: 0 28px;
            line-height: 1rem;
        }

.hpOrangeButton {
    font-family: HPEbold;
}

.ui-widget input[type=button], .ui-widget input[type=submit] {
    background-color: transparent;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: transparent;
}


.hpBlueButton:hover {
    background-color: transparent;
    color: #000;
}

.ui-button-text-only .ui-button-text {
    font-family: HPEbold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: transparent;
}

.ui-widget {
    font-family: hpe;
}

#Cus_qt_container .hpGreyButton {
    font-family: HPEbold;
}

#Cus_qt_container .hpOrangeButton {
    font-family: HPEbold;
}






.pageIndex {
    border: 0;
    background-color: #00B388;
    text-align: center;
    padding: 0.3em 0.8em;
    margin: 0.69em 0.69em 0 0;
    border-radius: 0 4px 0 4px;
    color: #fff;
    font-family: hpe;
    text-transform: uppercase;
    border-radius: 0;
}


.tabListContainer input[type=submit] {
    cursor: pointer;
    border: #00B388 solid 2px;
    Background: Transparent;
    border-radius: 0;
    Color: #000000;
    font-family: HPEbold;
    Padding-left: 35px;
    Padding-right: 35px;
    line-height: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

    .tabListContainer input[type=submit]:hover {
        border: solid 4px #00B388;
        background-color: transparent;
        line-height: 0.4rem;
        padding-left: 33px;
        padding-right: 33px;
    }

/*
.tabListContainer input[type=submit]:disabled {
    background-color: #F6F6F6;
    color: #C9C9CA;
    border: none;
    border-radius: 0;
    font-family: HPEbold;
border: #C9C9CA solid 2px;
Padding-left: 35px;
    Padding-right: 35px;
text-transform: uppercase;
}

.tabListContainer input[type=submit]:disabled:hover {
  

	line-height: 1.5rem;
    padding: 0 35px;
}*/

.hpOrangeButton {
    font-family: HPEbold;
}

div#quoteFilterPanel .hpGreyButton {
    font-family: HPEbold;
}

.tabListContainer {
    font-family: hpe;
}

.myQuotesTabs {
    font-family: HPEbold;
    text-transform: uppercase;
}

#Whse_footer .hpBlueButton:hover {
    Background-color: transparent;
    color: #000;
}

#Whse_footer .hpGreyButton {
    padding: 1px 30px;
}

#Whse_footer .hpBlueButton {
    padding: 1px 30px;
}


.ui-widget input[type=submit] {
    color: #000;
    border-radius: 0;
    font-family: HPEbold;
    text-transform: uppercase;
    border: #00B388 solid 2px;
    Padding-left: 35px;
    Padding-right: 35px;
    line-height: 0.7em;
}

    .ui-widget input[type=submit]:hover {
        color: #000;
        border: solid 4px #00B388;
        background-color: transparent;
        line-height: 0.5em;
        line-height: 0.5em;
    }


#submitSystem.hpOrangeButton {
    font-size: 0.8em;
    font-family: HPEbold;
}

#importButton.hpOrangeButton {
    font-size: 0.8em;
    font-family: HPEbold;
}


#importHelpButton.hpGreyButton {
    font-size: 0.8em;
    font-family: HPEbold;
    padding: 5px 35px;
}


    #importHelpButton.hpGreyButton:hover {
        padding: 0.4em 0.8em;
        padding: 3px 33px;
    }

.triangle-isosceles {
    color: #000;
    background: #fff;
    border-radius: 0;
}

#displayMsg .displayPanel {
    color: #000;
}

.triangle-isosceles.right {
    border: 2px solid #ccc;
    background: #fff;
    margin-right: 40px;
}

    .triangle-isosceles.right:after {
        background: url(/images/sprites/SPRITE_HPicons_1.png) no-repeat -450px -9px;
        width: 12px;
        height: 17px;
        right: -11px;
    }

.triangle-isosceles:after {
    border: 0;
}



.familyCount {
    color: #00B388;
}

.ui-widget select {
    font-family: hpe;
}

#cp_Logo {
    background: url(/images/sprites/SPRITE_HPicons_1.png) no-repeat -572px -13px;
    height: 50px;
    width: 50px;
    display: inline-block;
}

/*stu added 24-3-16*/
.explanatoryText {
    color: #80746E;
}

div.FilterButtonContainer {
    padding: 0.5rem;
}


.inActiveTab span:hover {
    color: #333;
    text-decoration: none;
}


a.admin_tabs:hover {
    color: #333;
}


.ui-tabs .ui-tabs-nav li {
    background-color: #EBEBEB;
}


.saved {
    color: #00B388;
    vertical-align: super;
}




table.quotePreview {
    width: 100%;
    margin: 0;
}

    table.quotePreview td, table.quotePreview th {
        padding: 10px;
    }

/*table.quotePreview:after {
  position:absolute;
  bottom:10px;
}*/

/*this is the spinner*/
div.spinnerContainer {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: transparent url(/images/hpe-spinner.gif) center center no-repeat;
    opacity: .5;
}


div.spinnerContainer {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: transparent url(/images/hpe-spinner.gif) center center no-repeat;
    opacity: .5;
}

/******************************************sorts all buttons, replace current*********************************************/
/*****************************UNIVERSAL BUTTON DIV****************************/


.HPprimary, .HPsecondary, .HPcancel {
    font-family: HPEbold;
    text-transform: uppercase;
    border-radius: 0;
    color: #000;
    text-align: center;
    line-height: 2rem;
    height: auto;
    box-sizing: border-box;
    margin-right: 1em;
    font-size: 1rem;
    letter-spacing: 0.1rem;
    padding: 0 30px;
}


/***************************PRIMARY BUTTON DIV****************************/
.HPprimary {
    border: #00B388 solid 4px;
    background-color: #00B388;
    line-height: 1.8rem;
}

    .HPprimary:hover {
        border: #00B388 solid 4px;
        color: #fff;
        background-color: #000;
    }

/***************************SECONDARY BUTTON DIV****************************/
.HPsecondary {
    border: #00B388 solid 2px;
    background-color: transparent;
}

    .HPsecondary:hover {
        border: #00B388 solid 4px;
        line-height: 1.8rem;
        padding: 0 28px;
        background-color: transparent;
    }



/*****************************CANCEL/REVERSE BUTTON DIV*******************************/
.HPcancel {
    border: #C9C9CA solid 2px;
    background: transparent;
    line-height: 2.1rem;
}

    .HPcancel:hover {
        border: #C9C9CA solid 4px;
        line-height: 1.8rem;
        padding: 0 28px;
        background-color: transparent;
    }


/*******************************************for input buttons****************************************/

/*universal big button*/
input[type=button].HPprimary, input[type=submit].HPprimary,
input[type=button].HPsecondary, input[type=submit].HPsecondary,
input[type=button].HPcancel, input[type=submit].HPcancel, button[type=button].HPprimary {
    padding: 0 30px;
    font-family: HPEbold;
    text-transform: uppercase;
    border-radius: 0;
    color: #000;
    text-align: center;
    height: 2.3rem;
    box-sizing: border-box;
    letter-spacing: 0.1rem;
    margin-right: 1em;
}

/*primary big button*/
input[type=button].HPprimary, input[type=submit].HPprimary, button[type=button].HPprimary {
    font-size: 1rem;
    border: #00B388 solid 4px;
    background-color: #00B388;
    line-height: 1.8rem;
    font-family: HPEbold;
}

    input[type=button].HPprimary:hover, input[type=submit].HPprimary:hover, button[type=button].HPprimary:hover {
        border: #00B388 solid 4px;
        color: #fff;
        background-color: #000;
        line-height: 1.8rem;
        font-family: HPEbold;
    }

/*secondary hover*/
input[type=button].HPsecondary, input[type=submit].HPsecondary {
    border: #00B388 solid 2px;
    background-color: transparent;
    line-height: 1.8rem;
    padding: 0 28px;
    font-family: HPEbold;
}

    input[type=button].HPsecondary:hover, input[type=submit].HPsecondary:hover {
        border: #00B388 solid 4px;
        line-height: 1.7rem;
        padding: 0 26px;
        font-family: HPEbold;
    }



/*cancel big button*/
input[type=button].HPcancel, input[type=submit].HPcancel {
    font-size: 1rem;
    letter-spacing: 0.1rem;
    border: #C9C9CA solid 2px;
    background: transparent;
    line-height: 1.2rem;
    font-family: HPEbold;
}

    input[type=button].HPcancel:hover, input[type=submit].HPcancel:hover {
        border: #C9C9CA solid 4px;
        background-color: transparent;
        line-height: 0.8rem;
        font-family: HPEbold;
        padding: 0 28px;
    }



/*universal small button*/
input[type=button].smallfont, input[type=submit].smallfont {
    line-height: 0.9rem;
    height: 1.6rem;
    font-size: 0.9rem;
    font-family: HPEbold;
}





/*primary small button hover*/
input[type=button].HPprimary.smallfont:hover, input[type=submit].HPprimary.smallfont:hover {
    padding: 0 30px;
    line-height: 1em;
    font-family: HPEbold;
}


/*secondary small button hover*/
input[type=button].HPsecondary.smallfont:hover, input[type=submit].HPsecondary.smallfont:hover {
    padding: 0 26px;
    line-height: 1rem;
    background-color: transparent;
    font-family: HPEbold;
}

/*cancel small button hover*/
input[type=button].HPcancel.smallfont:hover, input[type=submit].HPcancel.smallfont:hover {
    padding: 0 28px;
    line-height: 0.9rem;
    font-family: HPEbold;
}











/*add to hpe*/
.hideQF:hover {
    background-color: transparent;
}


.old-homepage.footerIQuote a:link,
.old-homepage.footerIQuote a:visited {
    color: #c6c9ca;
}

.footerIQuote a:link, .footerIQuote a:visited {
    color: #000;
}

.footerIQuote img {
    width: 85px;
    position: absolute;
    right: 6em;
}

.footerIQuote a:hover {
    text-decoration: none;
}


.footerIQuote a:hover {
    color: #fff;
}

.old-homepage.footerIQuote .textButton {
    color: #c6c9ca;
}

.footerIQuote .textButton {
    color: #000;
}

    .old-homepage.footerIQuote .textButton:hover,
    .old-homepage .textButton:visited {
        color: #fff;
    }

    .footerIQuote .textButton:hover, .textButton:visited {
        color: #c6c9ca;
    }

.bannerimgtop {
    border: 2px solid #fff;
}

.dd_item:hover {
    background-color: #00B388;
}


.q_email {
    background-position: -424px -21px;
}

    .q_email:hover {
        background-position: -424px -4px;
    }

.q_warehouse {
    background-position: -423px -60px;
}

.q_warehouse:hover {
    background-position: -423px -78px;
}

.q_quoteName {
    vertical-align: super;
}

.q_export {
    background-position: -427px -111px;
}

.q_export:hover {
    background-position: -427px -94px;
    height: 17px;
}

.q_copyQuoteClipboard {
    background-position: -423px -256px;
}

.q_copyQuoteClipboard:hover {
    background-position: -423px -235px;
}

.q_newVunlocked {
    background-position: -150px -217px;
    height: 17px;
}

.q_newVunlocked:hover {
    background-position: -425px -200px;
    width: 20px;
    height: 17px;
}

.q_transferQuote {
    cursor: pointer;
    background-color: white;
    background-image: url('/images/navigation/transfer.png');
    background-repeat: no-repeat;
    border: none;
    text-align: left;
    color: dimgray;
}

.q_transferQuote:hover {
    color: #00b388;
    background-image: url('/images/navigation/transfer_hover.png');
}

.q_endCustomerData {
    cursor: pointer;
    background-color: white;
    background-image: url('/images/navigation/end_customer_data.png');
    background-repeat: no-repeat;
    border: none;
    text-align: left;
    color: dimgray;
    padding-left: 0.6em;
}

.q_endCustomerData:hover {
    color: #00b388;
    background-image: url('/images/navigation/end_customer_data_hover.png');
}

/*add*/
.v_Branch:hover {
    background-position: 3px -1009px;
}

/*add*/
.v_Grid:hover {
    background-position: 3px -1062px;
}

/*edit 2246*/
.v_Square, .v_CompSquare:hover {
    background-position: 3px -1167px;
}

/*
.quoteTreePrice {
    left: 20em;
}
*/
.multiFlex {
    margin-left: 1.8em;
}

span.quoteTreeType {
    left: 0.8em;
}

div.panelTitle {
    margin-left: 0;
}

.panelOuter ul {
    margin-left: 0.8em;
}

.hasDatepicker {
    padding: 2px 5px;
}

.smallfont {
    font-size: 0.9rem;
    padding: 0 30px;
    height: 1.6rem;
    line-height: 1.3rem;
}

    .smallfont:hover {
        font-size: 0.9rem;
        padding: 0 28px;
        height: 1.6rem;
        line-height: 1rem;
    }

.btnClearFont {
    font-size: 0.9rem;
    padding: 0 4px;
    margin: 0 26px 0 0;
    height: 1.6rem;
    line-height: 1.3rem;
    position: absolute;
}

    .btnClearFont:hover {
        font-size: 0.9rem;
        padding: 0 2px;
        margin: 0 28px 0 0;
        height: 1.6rem;
        line-height: 1rem;
    }

#applyMarginButton.HPsecondary {
    padding: 0 6px;
    width: auto;
    margin-top: 0;
    margin-right: 1px;
    display: inline-block;
}

    #applyMarginButton.HPsecondary:hover {
        padding: 0 4px;
        width: auto;
    }

.marginHolder {
    margin: 0;
}

.marginTextBox {
    margin-right: 0;
    top: 0;
}

tr.usrGridHeader {
    background-color: #425462;
    color: #fff; /*stu added 5-5-16*/
}

.quoteTableHeader {
    background-color: #425462;
}

.SortActive {
    background-color: #614767; /*stu changed this colour 5-5-16*/
}

.quotesTableRow:hover {
    background-color: #EBEBEB;
}

table.quotePreview th {
    background-color: #757575;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-datepicker {
    font-family: HPE;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background-color: transparent;
    background: none;
}

div.square:hover {
    border-color: #00B388;
}

.innerHeader {
    margin-top: 10px;
}

.quoteSystem .smallfont {
    font-size: 0.7rem;
}

.textButton {
    font-size: 0.9rem;
}
/*stu added 10-5-16*/
.submenu li a:hover {
    background: #00B388;
}

/***Universal SignIn HPE****/
.hpe-container {
    margin: -2% 0 3% 0;
    font-family: HPEMetricRegular, Arial;
    /*white-space: nowrap;*/
}

    .hpe-container p, .hpe-container li {
        -ms-word-break: break-word;
        word-break: break-word;
        white-space: normal;
    }

        .hpe-container p:not(.center) {
            text-align: justify;
        }

    .hpe-container .left-side,
    .hpe-container .right-side {
        display: inline-block;
        width: 50%;
        white-space: normal;
    }

    .hpe-container .hpe-row:first-child h1:not(:first-child) {
        font-family: HP;
    }

    .hpe-container .left-side > div {
        padding: 3rem 6rem 0 12rem;
    }

    .hpe-container .hpe-row.universal-desc .left-side > div {
        padding-top: 0;
    }

        .hpe-container .hpe-row.universal-desc .left-side > div > div:last-child {
            display: inline-block;
            padding-top: 1em;
            width: 100%;
        }

    .hpe-container .hpe-row.universal-desc .right-side img {
        width: 85%;
        height: auto;
        max-width: 665px;
        padding-left: 1em;
    }

    .hpe-container .hpe-row.universal-desc p {
        width: 80%;
    }

    .hpe-container .hpe-row {
        margin-top: 3em;
        /*white-space: nowrap;*/
        line-height: 1.5em;
        font-size: 1.3em;
    }

        .hpe-container .hpe-row.integrated-desc {
            color: white;
            background-color: #415560;
            height: 100%;
            padding-bottom: 1.5em;
            margin-top: 1.5em;
        }

            .hpe-container .hpe-row.integrated-desc a {
                color: #FFF;
                text-decoration: none;
                border-bottom: 1px solid #FFF;
            }

                .hpe-container .hpe-row.integrated-desc a:hover {
                    border-bottom-color: rgba(255,255,255,.6);
                    color: rgba(255,255,255,.6);
                }

.hpe-row.integrated-desc > .right-side {
    background: url("../images/UniversalSigninHPE/hpe-landing_07.jpg") no-repeat;
    height: 100%;
    background-size: cover;
    position: absolute;
}

    .hpe-row.integrated-desc > .right-side > div {
        position: absolute;
        top: 135px;
        left: 80px;
        width: 450px;
        height: 250px;
        background-color: #415560;
        display: table;
    }

        .hpe-row.integrated-desc > .right-side > div > h2 {
            display: table-cell;
            vertical-align: middle;
            padding: 1.5em;
        }

        .hpe-row.integrated-desc > .right-side > div h2,
        .hpe-row.integrated-desc > .left-side > div h2 {
            color: white;
        }

.hpe-row.license-desc {
    background-color: #F6F6F6;
    margin-top: 0;
    padding: 3em;
}

    .hpe-row.license-desc h1 {
        margin-bottom: 1em;
    }

    .hpe-row.license-desc a,
    .hpe-row.universal-desc a {
        display: inline-block;
        color: black;
        text-decoration: none;
        font-weight: bold;
        margin-top: 1em;
    }

        .hpe-row.license-desc a:before,
        .hpe-row.universal-desc a:before {
            content: "";
            background: url('/images/universalsigninhpe/hpe-landing_10.jpg') no-repeat;
            padding-left: 20px;
            height: 20px;
            vertical-align: sub;
        }

.hpe-row.features-desc div.features-container {
    margin: 0 auto;
    width: 80%;
}

    .hpe-row.features-desc div.features-container > div {
        width: 50%;
        float: left;
    }

.hpe-row.features-desc ul {
    margin-top: 2em;
    display: inline-block;
    /*width: 70%;*/
}

    .hpe-row.features-desc ul > li {
        margin-bottom: 0.5em;
        float: left;
        width: 100%;
        text-indent: -0.5em;
    }

        .hpe-row.features-desc ul > li:before {
            content: "\002022   ";
            color: #16B688;
        }

.hpe-row.features-desc div.features-icons {
    display: inline-block;
    width: 80%;
}

    .hpe-row.features-desc div.features-icons > div {
        display: inline-block;
        height: 115px;
        width: 445px;
        line-height: 1em;
        font-size: larger;
        white-space: normal;
        margin-top: 3em;
        margin-right: 2em;
        border: 1px solid #dedede;
    }

        .hpe-row.features-desc div.features-icons > div p {
            display: inline-block;
            position: absolute;
            width: 300px;
            padding-left: 25px;
            padding-top: 40px;
        }

        .hpe-row.features-desc div.features-icons > div img {
            padding-left: 45px;
            padding-top: 24px;
        }

#panelUniversal .hpe-register {
    z-index: 98;
    box-sizing: border-box;
    padding-top: 0;
}

    #panelUniversal .hpe-register #registerPanel {
        height: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
    }

        #panelUniversal .hpe-register #registerPanel h3 {
            font-size: x-large;
            color: white;
            padding: 0.5em 1em 0.5em 2em;
        }

        #panelUniversal .hpe-register #registerPanel [id$="selectHost"] {
            width: 80%;
        }

            #panelUniversal .hpe-register #registerPanel [id$="selectHost"] .HPsecondary {
                float: left;
                margin-right: 0;
            }

            /*#panelUniversal .hpe-register #registerPanel [id$="selectHost"] .HPprimary {
                bottom: 0;
                float: right;
                margin: 1rem;
                position: absolute;
                right: 0;
            }*/
            #panelUniversal .hpe-register #registerPanel [id$="selectHost"] .HPprimary {
                /*float: none;
                display: inline;*/
                position: relative;
                padding: 28px 30px;
                margin: 0;
                height: auto;
                font-size: 40px;
                text-align: center;
                width: 35%;
            }

            #panelUniversal .hpe-register #registerPanel [id$="selectHost"] > div {
                height: 220px;
            }

            #panelUniversal .hpe-register #registerPanel [id$="selectHost"] [id$="listCountries"] {
                height: 125px;
                width: 80%;
                font-size: large;
                margin: 0 auto;
                display: block;
            }

#requestDialog [id$="requestPanel"] > div > select,
#requestDialog [id$="requestPanel"] > div > input[type=text] {
    width: 100%;
}
#requestDialog [id$="requestPanel"] > div > [id$="txtEmailAddress"] {
    width: 100%;
}

#requestDialog [id$="requestPanel"] span.failed,
.contactMessage.failed,
#contactEmailSent {
    display: block;
    margin-top: 0.5em;
}

#contactEmailSent {
    color: green;
    background-color: #99ffae;
}

#requestDialog [id$="requestPanel"] > div {
    padding: 1em;
    line-height: 2em;
}

    #requestDialog [id$="requestPanel"] > div > span {
        font-size: 1.3em;
    }

[id$="contactPanel"] input:not(.HPprimary),
[id$="contactPanel"] textarea {
    display: block;
    margin-top: 1em;
    width: 100%;
    height: 2em;
    resize: none;
    font-family: HP;
}

[id$="contactPanel"] textarea {
    height: auto;
    resize: none;
}

.everything #PageContent {
    padding: 0;
}

.header_container {
    max-width: 1700px !important;
}

#panelSignIn {
    padding-left: 2em;
}

#locateMap > div {
    width: 630px;
    margin: 0 auto;
}

#locateMap h2 {
    font-size: 1.4em;
    margin-bottom: 0.1em;
    margin-top: 0.3em;
}

#locateMap > h2 {
    padding-left: 0.6em;
}

#logoContainer {
    width: 630px;
    height: 200px;
    margin: 0 auto;
}

    #logoContainer div {
        padding-top: 10px
    }

    #logoContainer a {
        overflow: hidden;
        display: inline-block;
        width: 200px;
        height: 100px;
        margin-bottom: 5px;
        margin-right: 8px;
        border: 1px solid rgba(120, 120, 120, 0.36);
    }

        #logoContainer a:hover,
        #browsingLocate.vertical #logoContainer div a:hover {
            border: 1px solid #425563;
        }

        #logoContainer a:focus {
            outline: none;
        }

    #logoContainer figure {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
        margin: 0 auto;
    }

    #logoContainer img {
        max-width: 85%;
        background: white;
        max-height: 85%;
        width: auto;
    }

#countriesContainer {
    border: 1px solid rgba(120, 120, 120, 0.36);
    padding: 10px;
}

    #countriesContainer > div {
        overflow: hidden;
        -webkit-column-count: 5;
        -moz-column-count: 5;
        -o-column-count: 5;
        column-count: 5;
    }

        #countriesContainer > div .list_item {
            color: #5A5A5A;
        }

            #countriesContainer > div .list_item:hover {
                cursor: pointer;
                color: #00B388;
            }

            #countriesContainer > div .list_item.selected-country {
                font-weight: bold;
                color: #00B388;
            }

#browsingLocate {
    margin-top: 2em;
}

    #browsingLocate #logoContainer {
        width: auto;
        margin: 0 0 0 350px;
        height: auto;
        clear: right;
    }

        #browsingLocate #logoContainer a {
            width: 120px;
            height: 65px;
        }

    #browsingLocate #browsingAttention {
        display: inline-block;
        margin-bottom: 1em;
        padding: 16px;
        border: 3px solid #00B388;
    }

    #browsingLocate h2 {
        font-family: HPEbold;
    }

    #browsingLocate #browsingAttentionText h2 {
        color: #00B388;
    }

    #browsingLocate p {
        line-height: 1.5em;
        font-size: 1.4em;
    }

    #browsingLocate #browsingAttention #browsingAttentionText {
        float: left;
        z-index: 1;
    }


#locatePanelPopup {
    padding: 24px 16px;
}

    #locatePanelPopup h2 {
        font-family: HPEbold;
    }

    #locatePanelPopup ul > li {
        margin-left: 15px;
        line-height: 1.5;
    }

        #locatePanelPopup ul > li::before {
            content: "-";
            margin-left: -15px;
            padding-right: 5px;
        }

#welcomeMessage {
    margin-bottom: 16px;
}

#attentionMessage h2 {
    color: #00B388;
}
/****************************/
/****stu added 25-5-16****/
.hpe-container {
    font-size: 18px;
    line-height: 22px;
    font-family: 'HPE',Arial,sans-serif;
    min-width: initial;
    max-width: 1400px;
    margin: auto;
    margin-bottom: 3%;
}

    .hpe-container h1 {
        font-family: 'HPEbold',Arial,sans-serif;
        font-style: normal;
        word-wrap: break-word;
        word-break: break-word;
        white-space: inherit;
        font-size: 40px;
        line-height: 42px;
        padding-bottom: 15px;
    }

    .hpe-container h2 {
        font-family: 'HPEbold',Arial,sans-serif;
        font-style: normal;
        word-wrap: break-word;
        white-space: inherit;
        font-size: 40px;
        line-height: 42px;
        padding-bottom: 15px;
        color: #fff;
    }

    .hpe-container .bold {
        font-family: 'HPEbold',Arial,sans-serif;
    }

    .hpe-container .hpe-row:first-child h1:not(:first-child) {
        font-family: 'HPE',Arial,sans-serif;
    }

    .hpe-container .hpe-row.universal-desc p {
        width: 100%;
    }

    .hpe-container .hpe-row {
        margin-top: 3em;
        font-size: 18px;
        line-height: 22px;
    }

    .hpe-container .left-side > div {
        padding: 0;
    }

    .hpe-container .right-side img {
        text-align: right;
    }

    .hpe-container .right-side {
        text-align: right;
    }

    .hpe-container .hpe-row.universal-desc p {
        width: 100%;
    }

#panelUniversal .hpe-container .hpe-register #registerPanel [id$="selectHost"] {
    width: 100%;
}

    #panelUniversal .hpe-container .hpe-register #registerPanel [id$="selectHost"] [id$="listCountries"] {
        font-family: 'HPE',Arial,sans-serif;
        width: 100%;
        font-size: 18px;
        line-height: 22px;
        height: 125px;
    }

#panelUniversal .hpe-container .hpe-register #registerPanel h3 {
    font-size: 14px;
}

#panelUniversal .hpe-container .hpe-register #registerPanel [id$="selectHost"] > div {
    height: auto;
    width: 50%;
}

#panelUniversal .hpe-container .hpe-register #registerPanel [id$="selectHost"] .register-area {
    border-top: 1px solid lightgrey;
    display: inline-block;
    padding: 1rem 0;
    box-sizing: border-box;
    width: 100%;
}

#panelUniversal .hpe-container .hpe-register #registerPanel [id$="selectHost"] .country-panel {
    float: none;
    height: auto;
    padding-bottom: 40px;
}

#panelUniversal .hpe-container .hpe-register #registerPanel [id$="selectHost"] .login-area {
    width: 100%;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
}

#panelUniversal .hpe-container .hpe-register #registerPanel [id$="selectHost"] > div > div {
    float: none;
}

.hpe-container .hpe-row.integrated-desc > .right-side > div > h2 {
    padding: 0;
}

.hpe-container .hpe-row.license-desc h1 {
    margin-bottom: 0;
}

.hpe-container .hpe-row.features-desc div.features-icons > div {
    display: inline-block;
    height: 115px;
    width: 357px;
    line-height: 1em;
    font-size: larger;
    white-space: normal;
    margin-top: 3em;
    margin-right: 2em;
    border: 1px solid #dedede;
}

    .hpe-container .hpe-row.features-desc div.features-icons > div img {
        max-width: 50px;
        padding-left: 25px;
        padding-top: 18px;
    }

    .hpe-container .hpe-row.features-desc div.features-icons > div p {
        display: inline-block;
        /* position: absolute; */
        width: 70%;
        padding-left: 20px;
        padding-top: 20px;
    }

.hpe-container .hpe-row.features-desc div.features-icons > div {
    display: inline-block;
    height: 97px;
    width: 357px;
    font-size: 18px;
    line-height: 22px;
}

.hpe-container .hpe-container p:not(.center) {
    text-align: initial;
}

.hpe-container .hpe-row.integrated-desc > .right-side > div {
    position: relative;
    top: 90px;
    left: 80px;
    width: 50%;
    background-color: #415560;
    display: table;
    height: auto;
    padding: 20px;
}

    .hpe-container .hpe-row.integrated-desc > .right-side > div > h2 {
        display: block;
        vertical-align: initial;
        padding: 0;
    }


.hpe-container .hpe-row.license-desc {
    background-color: #F6F6F6;
    margin-top: 0;
    padding: 3em;
}

.hpe-container .hpe-row.integrated-desc .left-side {
    padding: 2%;
    width: 46%;
}

.hpe-container p:not(.center) {
    text-align: initial;
}

#hpfs-btn {
    margin-left: 13.5em;
    background: url('../images/hpfsLogo-HPE.png') no-repeat;
    background-size: 26px 26px;
}

#hpfs-btn-text {
    margin-left: 17.5em;
    color: #00B388;
    padding-top: 4px;
    padding-left: 1px;
    position: absolute;
    width: 90px;
    font-family: HP;
    line-height: 120%;
    z-index: 50;
    cursor: pointer;
}

#hpfsPanel #hpfsFooter #learnMore {
    color: #00B388;
}

#hpfsContainer .margin {
    color: #00B388;
}

#hpfsPanel .hpfs-header,
#hpfsPanel > h1, #hpfsPanel h2, #hpfsPanel > h3,
#hpfsContainer .hpfs-header,
#hpfsInputs .hpfs-row .hpfs-cell:nth-child(1) {
    font-family: HPEBold;
}

#hpfsPanel #hpfsFooter > h3 {
    color: #00B388;
}

/*styles for HPE landing page, added by Stu 06-06-16*/

@font-face {
    font-family: 'Metric Semibold';
    src: url("/styles/fonts/Metric-Semibold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Metric Light';
    src: url("/styles/fonts/Metric-Light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

#everything .hpe-container {
    font-size: 18px;
    line-height: 22px;
    font-family: 'Metric Light',Arial,sans-serif;
    min-width: initial;
    width: 100%; /*was 85%*/
    max-width: none; /*was 1400px*/
    margin: auto;
    margin-bottom: 3%;
}

    #everything .hpe-container h1 {
        font-family: 'Metric Semibold',Arial,sans-serif;
        margin: 0;
        padding: 0;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        font-size: 60px;
        line-height: 55px;
    }

#everything #panelUniversal .hpe-container .hpe-register #registerPanel h3 {
    font-size: 18px;
    font-family: 'Metric Light',Arial,sans-serif;
    line-height: 22px;
    padding: 0.5em 1em 0.5em 1.7em;
}

#everything .hpe-container h2 {
    font-family: 'Metric Semibold',Arial,sans-serif;
    margin: 0;
    padding: 0;
}



#everything {
    min-width: initial;
}


    #everything .hpe-container .bold {
        font-family: 'Metric Semibold',Arial,sans-serif;
    }

    #everything .hpe-container .hpe-row:first-child h1:not(:first-child) {
        font-family: 'Metric Light',Arial,sans-serif;
        font-size: 23px;
        line-height: 25px;
        font-weight: normal;
    }

.footer_container {
    width: 85%;
    max-width: 1400px;
    margin: auto;
}

#everything .footer_container {
    width: 85%;
    max-width: 1400px;
    margin: auto;
}

.hpe-row.features-desc ul {
    padding-left: 10px;
    padding-bottom: 60px;
}

    .hpe-row.features-desc ul > li {
        margin-right: 3%;
    }

#everything .left-side h1 {
    font-family: 'Metric Semibold',Arial,sans-serif;
    font-size: 40px;
    line-height: 42px;
}

#everything .left-side p {
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
}

#everything .hpe-row.universal-desc a:before {
    background: url(/images/sprites/HPE-sprite.png) no-repeat;
    background-position: -63px -44px;
    margin-right: 3px;
}

#everything .hpe-row.universal-desc a:hover:before {
    background: url(/images/sprites/HPE-sprite.png) no-repeat;
    background-position: -63px -65px;
}

#everything .hpe-row.license-desc a:before {
    background: url(/images/sprites/HPE-sprite.png) no-repeat;
    background-position: -63px -44px;
    margin-right: 3px;
}

#everything .hpe-row.license-desc a:hover:before {
    background: url(/images/sprites/HPE-sprite.png) no-repeat;
    background-position: -63px -65px;
}

#everything .hpe-row.license-desc.center h1,
#everything .hpe-row.features-desc.center h1 {
    font-size: 40px;
    line-height: 42px;
    max-width: 1400px;
    margin: auto;
}

.hpe-container .hpe-row {
    text-align: center;
    margin-top: 60px;
}

.hpe-container .right-side,
.hpe-container .left-side {
    width: 40%;
}

.hpe-container .hpe-row.license-desc p {
    width: 90%;
    margin: auto;
}

.hpe-container .hpe-row.integrated-desc > .right-side {
    margin-left: -20%;
    left: 70%;
}

.hpe-container .hpe-row.integrated-desc .left-side {
    padding: 2%;
    width: 35%;
    left: -23%;
}

.hpe-container .hpe-row.integrated-desc {
    padding-bottom: 0;
}

.hpe-row.features-desc.center {
    width: 90%;
    margin: auto;
    padding-top: 60px;
    max-width: 1600px;
}

.hpe-container .hpe-row.features-desc div.features-icons > div p {
    position: initial;
    vertical-align: top;
    padding-top: 0;
    vertical-align: top;
}


.hpe-container .hpe-row.features-desc div.features-icons > div {
    display: inline-block;
    height: auto;
    min-height: 80px;
    width: 32%;
    padding: 25px 0 5px 0;
    min-width: 262px;
    padding-left: 5px;
    margin: 0 0 5px 0;
}

    .hpe-container .hpe-row.features-desc div.features-icons > div img {
        display: inline-block;
        padding-top: 0;
        width: 10%;
    }

.hpe-container .hpe-row.license-desc {
    padding: 60px 0;
}

.hpe-container .hpe-row.integrated-desc .left-side {
    padding: 60px 0;
}

.hpe-container .hpe-row.universal-desc {
    padding: 0 0 10px 0;
}



.hpe-container .right-side, .hpe-container .left-side {
    width: 30%;
    max-width: 760px;
}

.hpe-container .hpe-row.integrated-desc .left-side {
    left: auto;
}

.hpe-container .hpe-row.integrated-desc {
    text-align: center;
}

    .hpe-container .hpe-row.integrated-desc #integrated-container > .right-side {
        margin-left: initial;
        left: initial;
    }

    .hpe-container .hpe-row.integrated-desc .left-side {
        padding: 60px 2.5%;
        width: 45%;
    }

#integrated-container {
    max-width: 1600px;
    margin: auto;
    width: 90%;
}

.hpe-row.integrated-desc #integrated-container > .right-side {
    height: 100%;
    background-size: cover;
    width: 45%;
}

.hpe-row.integrated-desc #integrated-container > .right-side > div {
    padding: 60px 2.5%;
}

.hpe-row.universal-desc .left-side {
    width: 50%;
}

.hpe-container .hpe-row.integrated-desc .left-side img {
    max-width: 100%;
    padding-top: 1px;
}

@media screen and (max-width: 1024px) {
    #everything .footer .site_links .site_links_middle {
        width: 400px;
    }

    .footer .site_links .site_links_middle {
        width: 200px;
        text-align: center;
        vertical-align: top;
        display: inline-block;
    }
}


@media screen and (max-width: 800px) {

    .footer .site_links .site_links_middle {
        width: 200px;
        text-align: center;
        vertical-align: top;
        display: inline-block;
    }

    .universal-desc .left-side,
    .universal-desc .right-side {
        display: block;
        width: 100%;
        white-space: normal;
    }

    .universal-desc .left-side {
        margin-bottom: 60px;
    }

    .hpe-row.features-desc ul > li {
        margin-right: 5%;
    }

    .hpe-container .right-side {
        text-align: center;
    }

    .footer .site_links {
        text-align: center;
    }

    .hpe-container .hpe-row.features-desc div {
        margin-right: 0;
        width: 90%;
        max-width: 1600px;
        margin-top: 5px;
    }

    .hpe-row.features-desc div {
        margin-right: 2em;
    }

    .hpe-container .hpe-row.universal-desc .right-side img {
        padding-left: 0;
    }

    .hpe-container .hpe-row.integrated-desc > .right-side > div {
        left: 30px;
    }

    .hpe-container .right-side h2 {
        font-size: 20px;
        line-height: 22px;
    }

    #everything .footer .site_links .site_links_middle {
        width: 200px;
    }

    .hpe-container .hpe-row.universal-desc {
        width: 90%;
        margin: 60px auto 0;
    }

    .hpe-row.universal-desc .left-side,
    .hpe-row.universal-desc .right-side {
        width: 100%;
    }
}

#PlaceOrderHolder {
    padding-right: 0.03em;
}

#PlaceOrderButton {
    background-color: #00B388;
    border: none;
    width: 9rem;
    font-size: 80%;
    color: #FFF;
    text-transform: uppercase;
    height: 1.7em;
}

	#PlaceOrderButton:hover {
		background-color: #000;
	}

.btnShowAll {
    z-index: 99;
    display: block;
    clear: both;
}

.iframeSelector {
    width: 100%;
}
/*Please do not create duplicate, overriding rules. Update the existing ones!!!*/
.EditRoles {
    line-height: 0.9rem;
    height: 1.6rem;
    font-size: 0.9rem;
    font-family: HPEbold;
    white-space: nowrap;
}

.buttonFeedback:disabled, .buttonFeedback:hover:disabled {
    background-color: #9ea2a8 !important;
    border: #acb9b7 !important;
    color: #fff !important;
}

#IBPRadioButtonGroupLabel {
    font-size: 16px;
}

#IBPRadioButtonList {
    margin-top: 10px;
}

#IBPRadioButtonList label {
    margin-left: 5px;
}

#userNotices h3 {
    text-align: center;
    font-size: 1.5em;
    color: #5A5A5A;
    padding: 20px 0;
    font-family: HPEbold;
}

#userNotices p {
    text-align: center;
    line-height: 1.5;
}

#userNotices p:first-of-type {
    padding-bottom: 15px;
}

#userNotices a {
    color: #0000EE;
    outline: 0;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 1em;
    font-size: 0.9rem;
}

.CreateTemplateColumn {
    padding-left: 15px;
    margin-bottom: -1px;
}

/*this is an amendment in site.css line 5874, again I don't know if we want to keep this seperate in site-hpe.css to avoid possible effect on HP Inc?*/
.competitiveResponseSelector .quickFilterGroupPanel:last-child {
    column-width: 210px;
}

.expander-button, .addToBasketButton {
    background: url(/images/sprites/HPE-sprite.png);
    width: 18px;
    height: 19px;
    border: none;
    cursor: pointer;
}

    .expander-button.expanded {
        background-position: -45px 1px;
    }

        .expander-button.expanded:hover {
            background: url(/images/sprites/HPE-sprite.png);
            background-position: -45px -19px;
        }

    .expander-button.collapsed {
        background-position: -26px 1px;
    }

        .expander-button.collapsed:hover {
            background: url(/images/sprites/HPE-sprite.png);
            background-position: -26px -19px;
        }

.addToBasketButton {
    float: right;
    background-position: 22px 1px;
}

    .addToBasketButton:hover {
        background-position: 22px -19px;
    }

.outer-table thead {
    font-family: HPEBold;
    font-size: 16px;
}

.inner-table thead th {
    font-family: HPE;
    font-size: 14px;
    color: #666;
    font-weight: bold;
    padding: 6px 6px 6px 12px;
}

.inner-table td {
    padding: 6px 6px 6px 10px;
}

    .inner-table td[colspan] {
        border: none;
    }

    .inner-table td:last-child {
        text-align: center;
        padding-left: 0;
    }

.inner-table tr td:first-child {
    white-space: nowrap;
}

.family-name {
    font-family: HPEbold;
}

.outer-table th {
    padding: 5px;
}

.outer-table td {
    color: #666;
    border-top: 1px solid #ddd;
    padding: 5px;
}

td.offer-price {
    color: #00B388;
}

.outer-table {
    margin-top: 20px;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.inner-table thead {
    background-color: #eee;
}

.inner-table table {
    border-top: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    margin: 0 auto 5px auto;
    width: 80%;
}

.wrapper {
    padding: 5px 50px;
}

    .wrapper h1 {
        font-family: HPEbold;
    }

.error-message {
    color: #F22;
}

.accountSettingsPRPLink {
    float: right;
    cursor: pointer;
    text-decoration: underline;
}

#CtoAlternatives .tileFooter {
    margin-left: 2.5em;
}

#SMBOffersFull .tileFooter {
    font-size: 1.5em;
    color: #757575;
    text-align: center;
}

div.EngageAndGrow {
    color: #ff0000;
    min-width: 85px;
    font-size: 1.4em;
    padding-left: 1em;
    font-family: HPEBold;
}

.EngageAndGrowGridColumn {
    color: #ff0000;
    font-family: HPEBold;
}

#FullFillmentHolder {
    float: right;
    font-family: HPbold;
    padding-right: 0.03em;
}

#FullFillmentButton {
    background-color: #00b388;
    border: none;
    font-size: 80%;
    color: #FFF;
    text-transform: uppercase;
    margin-top: 0;
    padding: 5px 25px;
}

#ExportHolder {
    float: right;
    font-family: HPbold;
    padding-right: 1em;
}

#ExportHolderButton {
    background-color: #00b388;
    border: none;
    font-size: 80%;
    color: #FFF;
    text-transform: uppercase;
    margin-top: 0;
    padding: 5px 25px;
}

.excludesSavings {
    margin-top: -9px;
}
.excludesSavingsText {
    font-size: 11px;
    font-weight: bold;
}

div#headerBar a {
    color: #c6c9ca;
    font-family: HPE;
    cursor: pointer;
}
div#ctl00_newHeader a {
    color: #757575;
}

#everything .hpe-container .universal-desc .right-side {
    background: url(../images/UniversalSigninHPE/hpe-landing_07.jpg) no-repeat;
    padding: 8em 2.5%;
}

#everything .hpe-container .universal-desc .right-side .text-container {
    background: #415560;
    padding: 1.5em;
    text-align: center;
}

#panelUniversal .hpe-container .hpe-register #registerPanel [id$="selectHost"] .country-panel {
    display: inline-block;
    width: 100%;
}

#panelUniversal .hpe-container .hpe-register #registerPanel [id$="selectHost"] .country-panel select {
    margin-left: 0;
}

#panelUniversal .hpe-register #registerPanel [id$="selectHost"] .HPsecondary {
    float: none;
    display: inline-block;
    margin-top: 31px;
}

#panelUniversal .hpe-register #registerPanel .left-content {
    width: 35%;
    display: inline-block;
}

#panelUniversal .hpe-register #registerPanel .right-content {
    display: inline-block;
    margin-left: 10px;
}

#everything #panelUniversal .hpe-container .hpe-register #registerPanel h3 {
    color: #000000;
    padding-left: 0;
    font-weight: bolder;
    padding-top: 0;
}

.hpe-row.universal-desc a {
    margin-top: 0;
    vertical-align: top;
}

#everything #panelUniversal .left-side .hpe-register p {
    margin: 10px 0;
}

#everything .hpe-row.universal-desc a.landing-page-resource-link:before {
    background: unset;
    padding: 0;
}

#everything .hpe-row .resources-btn-section {
    display: inline;
    width: 40%;
}

#everything .hpe-row .resources-section {
    display: inline-block;
    margin-left: 10px;
}

#everything .hpe-row .resources-section img {
    width: 20px;
    height: 20px;
    vertical-align: top
}

#panelUniversal .hpe-container .hpe-register #registerPanel [id$="selectHost"] .register-area {
    padding-left: 0;
}

#everything .hpe-row .resources-section ul {
    margin-bottom: 20px;
}

#everything .hpe-row .resources-section ul li {
    font-size: 14px;
    margin-bottom: 10px;
}

#everything .hpe-row .introduction {
    width: 95%;
}

#transferQuoteNote {
    padding: 3px 0 0 3px;
}

#PickBttn {
    margin-top: 0;
}

.dropdown-menu {
    z-index: 100000;
}