/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body
{
    line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}
nav ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: none;
}
a
{
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-family: HPSimplified, arial, sans-serif; 
}
ins
{
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
mark
{
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del
{
    text-decoration: line-through;
}
abbr[title], dfn[title]
{
    border-bottom: 1px dotted;
    cursor: help;
}
hr
{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
input, select
{
    vertical-align: middle;
}
textarea, input
{
    outline: none;
}

.status-backbutton
{
    clear:both;    
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/



.clear
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}



.clearfix:after
{
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix
{
    display: inline-block;
}

* html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}





/*.body {direction:ltr !important;}*/

/* Default Typography */
/* HPE Web Style Guidelines v1.7 page 9*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{
  font-family: HPSimplified, Arial, sans-serif;     
}

/* Primary Headers */
h1
{
    color: #000000;
    font: bold 32px HPSimplified, arial, Sans-Serif;
    line-height: 32px;
    margin-bottom: 16px;
}

h2
{
    color: #000000;
    font: bold 24px HPSimplified, arial, Sans-Serif;
    line-height: 30px;
    margin-bottom: 16px;
}

h3
{
    color: #000000;
    font: bold 20px HPSimplified, arial, Sans-Serif;
    line-height: 24px;
    margin-bottom: 14px;
}

h4
{
    color: #000000;
    font: bold 18px HPSimplified, arial, Sans-Serif;
    line-height: 22px;
    margin-bottom: 14px;
}

h5
{
    color: #000000;
    font: bold 18px HPSimplified, arial, Sans-Serif;
    line-height: 22px;
    margin-bottom: 14px;
}

h6
{
    color: #000000;
    font: bold 16px HPSimplified, arial, Sans-Serif;
    line-height: 22px;
    margin-bottom: 14px;
}

h6 a
{
    color: #007DBA;
}

h6 a:hover
{
    text-decoration: underline;
}

h6 a:visited
{
    color: #822980;
}

a
{
    color: #007DBA;
}

a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6
{
    text-decoration: none !important;
}

/* Primary Contend Right Rail */

.right-rail-title
{
    color: #000;
    font: bold 18px HPSimplified, Arial, Sans-Serif;
    line-height: 22px;
    margin-bottom: 10px;
}

.right-rail-description
{
    color: #5A5A5A;
    font: bold 14px HPSimplified, Arial, Sans-Serif;
    line-height: 18px;
    margin-bottom: 10px;
}

.right-rail-title-link
{
    color: #007DBA;
    font: bold 14px HPSimplified, Arial, Sans-Serif;
    line-height: 18px;
    margin-bottom: 10px;
}

.right-rail-title-link:hover
{
    text-decoration: underline;
}

.right-rail-title-link:visited
{
    color: #822980;
}

/*Main Content Area*/

/* Keep consistent line spacing with sup and sub 
 * http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&postId=5341&productId=1   
*/
.non-IE sup, 
.non-IE sub
{
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    position: relative;
}

.non-IE sup
{
    bottom: 1ex;
}

.non-IE sub
{
    top: .5ex;
}


.non-IE small, 
.non-IE sub, 
.non-IE sup
{
    font-size: .83em;
}


.IE sub
{
    vertical-align: sub;
}

.IE sup
{
    vertical-align: super; 
}


a
{
    color: #007DBA;
      text-decoration: none;    
    font-family: HPSimplified, arial, sans-serif; 
}


a:hover
{
    text-decoration: underline;
}

a:visited
{
    color: #822980;
}

table,
tbody,
tr,
th,
thead,
td
{
      font-family: "HPSimplified" , Arial, "sans-serif";
}

p,
span,
li,
strong,
div
{
    font-family: HPSimplified, arial, sans-serif;     
}

#main-content
{
    color: #000;
    font: normal 16px HPSimplified, Arial, Sans-Serif;
    line-height: 22px;
    margin: 0 18px;
}


#main-content em, #main-content strong
{
    color: #000;
    font: bold 16px HPSimplified, Arial, Sans-Serif;
    line-height: 22px;
}

#main-content a
{
    color: #007DBA;
    font: normal 16px HPSimplified, Arial, Sans-Serif;
    line-height: 22px;
}

#main-content a:hover
{
    text-decoration: underline;
}

#main-content a:visited
{
    color: #822980;
}


    #main-content .error,
    #main-content .errorList,
    #main-content .error > *,
    #main-content .errorList > * {
        color: #F00 !important;
        box-sizing: border-box;
    }



#main-content em > a, 
#main-content a em,
#main-content strong > a,
#main-content a strong
{
    color: #007DBA;
    font: bold 16px HPSimplified, Arial, Sans-Serif;
    line-height: 22px;
}

#main-content em > a:hover,
#main-content a:hover em,
#main-content strong > a:hover,
#main-content a:hover strong
 
{
    text-decoration: underline;
}

#main-content em > a:visited, 
#main-content a:visited em,
#main-content strong > a:visited,
#main-content a:visited strong
{
    color: #822980;
}


/*Secondary Content*/


.body #secondary-content p
{
    color: #000;
    font: normal 14px HPSimplified, Arial, Sans-Serif;
    line-height: 18px;
}

.body #secondary-content em, .body #secondary-content strong
{
    color: #000;
    font: bold 14px HPSimplified, Arial, Sans-Serif;
    line-height: 18px;
}
.body #secondary-content a
{
    color: #007DBA;
    font: normal 14px HPSimplified, Arial, Sans-Serif;
    line-height: 18px;
}

.body #secondary-content a:hover
{
    text-decoration: underline;
}

.body #secondary-content a:visited
{
    color: #822980;
}

.body-two #secondary-content
{
    color: #5A5A5A;
    font: normal 14px HPSimplified, Arial, Sans-Serif;
    line-height: 18px;
}
.body-two #secondary-content em, .body-two #secondary-content strong
{
    color: #5A5A5A;
    font: bold 14px HPSimplified, Arial, Sans-Serif;
    line-height: 18px;
}

.body-three #secondary-content .meta, .body-three #secondary-content .meta a, .body-three #secondary-content .disabled
{
    color: #767676;
    font: normal 14px HPSimplified, Arial, Sans-Serif;
    line-height: 18px;
}

.body-three #secondary-content .meta a:hover
{
    text-decoration: underline;
}
.body-three #secondary-content .meta a:visited
{
    color: #822980;
}

#secondary-content .error, #secondary-content .errorlist
{
    color: #F00;
    font: normal 14px HPSimplified, Arial, Sans-Serif;
    line-height: 18px;
}


#secondary-content em a, #secondary-content strong a
{
    color: #F00;
    font: normal 14px HPSimplified, Arial, Sans-Serif;
    line-height: 18px;
}




/* Link List Standards Version 3.1*/

/* Links list without icons*/
.link-list p
{
    margin: 0 !important; /*remove margin from link container and transfer to the link itself*/
}

.link-list h3
{
    font: bold 18px/22px HPSimplified, Arial, Sans-Serif;
    margin-bottom: 0 !important;
}

.link-list a
{
    color: #007DBA;
    float: left;
    font: normal 14px/18px HPSimplified, Arial, Sans-Serif !important;
    margin-top: 10px;
    position: relative;
    clear: left;
}


/* HPE Standard Table Styles */

.table-first-td-header table, .table-no-header table.hpe-standard
{
    border: #CCC 2px solid;
}

/* Normal cell styles*/

.body table.hpe-standard tbody tr td, 
.body .table-first-td-header table tbody tr td
{
    border: #CCC solid 1px;
    color: #000;
    font: normal 14px "HPSimplified" , Arial, "sans-serif";
    line-height: 18px;
    padding: 15px 20px;
    vertical-align: top;
}

/* Create the table header styles */
.table-first-td-header table tbody tr:first-child td, 
.table-first-td-header table tr th,
table.hpe-standard tbody tr th, 
table.hpe-standard thead
{
    background-color: #767676; /* Standard Table Header Color*/
    border: white solid 1px;
    border-top: none;
    border-bottom: none;
    color: #FFF;
    font: bold 14px "HPSimplified" , arial, "sans-serif";
    padding: 15px 20px;
    text-align: left;
    vertical-align: bottom;
}

.table-first-td-header table.hpe-standard tbody tr:first-child td:first-child
{
    border-left: none;
}
.table-first-td-header table.hpe-standard tbody tr:first-child td:last-child
{
    border-right: none;
}

table.hpe-standard thead, 
table.hpe-standard tbody tr th
{
    border: 1px solid #CCC;
}

.table-first-td-header table.hpe-standard tbody tr td, 
.table-no-header table.hpe-standard tbody tr td
{
    padding: 15px 20px;
    border: #CCC solid 1px;
}

table.no-border tbody tr td, table.no-border tr td
{
    border: none;
    font-size: 16px;
    line-height: 22px;
    padding: 10px;
}

/* Support Link*/
.support-link
{
    background: white url(../images/icons/hpe-icons-sprite.png) no-repeat -323px -27px;
    background: white url(../images/icons/hpe-icons-sprite.png) no-repeat -11px -315px;
    color: #007DBA;
    font: normal 16px HPSimplified, Arial, Sans-Serif;
    line-height: 22px;
    padding-left: 20px;
}

.support-link:hover
{
    text-decoration: underline;
}

.support-link:visited
{
    color: #822980;
}

/*subheader*/

.header .sub_menu_wrapper
{
    z-index: 11 !important;
}


/*Standard Button Styles HPE Web Style Guidelines v1.7 page25*/

.primary-link, .secondary-link, .critical-link, #main-content .primary-link, #main-content .secondary-link, #main-content .critical-link
{
    text-decoration: none;
    border: none;
    border-radius: 0 4px;
    color: white !important;
    cursor: pointer;
    font: bold 16px HPSimplified, Arial, Sans-Serif;
    max-height: 36px;
    padding: 7.5px 10px;
    text-align: center;
    vertical-align: middle;
}

.IE7 .primary-link, 
.IE7 .secondary-link, 
.IE7 critical-link, 
.IE7 #main-content .primary-link, 
.IE7 #main-content .secondary-link, 
.IE7 #main-content .critical-link
{
       padding: 2px 10px 7.5px 10px;    
}

.IE .primary-link, .IE .secondary-link, .IE .critical-link, .IE #main-content .primary-link, .IE #main-content .secondary-link, .IE #main-content .critical-link
{
    border-radius: 0 4px;   
    overflow: visible;
    /*behavior: url("/WMCF.Web/Customizations/HP/HPE/js/PIE.htc");*/
}


.primary-link:hover, .secondary-link:hover, .critical-link:hover, #main-content .primary-link:hover, #main-content .secondary-link:hover, #main-content .critical-link:hover
{
    text-decoration: none;
}


.critical-link
{
    background: #D7410B;
}

.critical-link:hover
{
    background: #C1401A;
}

.primary-link
{
    background: #0096D6;
}
.primary-link:hover
{
    background: #006699;
}
.secondary-link
{
    background: #767676;
}

.secondary-link:hover
{
    background: #5A5A5A;
}

.disabled-link
{
    background: #CCCCCC;
}

.inline
{
    font-size: 14px !important;
    height: 26px;
    padding: 4px 10px !important;
}

a.closebtn
{
    background: url("https://ssl.www8.hp.com/emea_middle_east/en/images/i/header-footer/s-hf-hpe.gif") no-repeat -368px -9px scroll transparent;
}

a.closebtn:hover
{
    background-position: -368px -64px;
}

/* Overide Telerik Upload Buttons to HPE*/

/*.RadUpload_Default .ruButton, .RadUploadProgressArea_Default .ruButton*/
.ruButton.ruBrowse {
    background: #D7410B !important;
    border: none;
    border-radius: 0 4px;
    color: white !important;
    font: bold 14px HPSimplified, Arial, Sans-Serif !important;
    height: 26px !important;
    text-align: center;
    min-width: 15px !important;
    width: auto !important;
    overflow: visible;
    vertical-align: middle !important;
}

.IE .ruBrowse 
{
	width: auto !important; 
	background-position-y: -45px !important; 
	padding:5px !important;
}

.non-IE .RadUpload_Default .ruButton:hover, 
.non-IE .RadUploadProgressArea_Default .ruButton:hover
{
    background: #5A5A5A !important;
}



/* Standard Backgrounds */

#secondary-content
{
    /*background:#F2F2F2;*/
}


/* ~~~~~~~~~~~~~~~ Form Elements ~~~~~~~~~~~~~~~*/



/* Textbox */

.body input[type="text"], .body input[type="password"], .body textarea
{
    border: 2px solid #CCC;
    outline: none;
    font: normal 16px "HPSimplified" , Arial, "sans-serif";
    line-height: 22px;
    padding: 6px 0px 6px 6px;
    vertical-align: middle;
}

/* Hover and Focus/Active State*/
.body input[type="text"]:focus, .body input[type="password"]:focus, .body textarea:focus, .body input[type="text"]:hover, .body textarea:hover, .body input[type="password"]:hover
{
    border: #5A5A5A solid 2px;
}

/* Error Validation State*/
.body input[type="text"].error, .body input[type="password"].error, .body textarea.error
{
    border: #FF0000 solid 2px;
}

/* Error Validation State*/
.body input[disabled="disabled"], .body input:disabled, .body textarea:disabled
{
    border: 2px solid #CCC !important;
    background: #E5E5E5;
    color: #B3B3B3;
}

/*Input list*/

.input-list td
{
    border: none !important;
    line-height: normal;
    padding: 0 !important;
}

/* Dropdowns*/

#main-content .cmpcd-ui-select ul.cmpcd-ui-select-options li > a
{
    color: #000 !important;
}


/* Radio buttons*/


.radiobutton, .radiobutton-list td, .input-list td
{
    border: none !important;
    line-height: normal;
    padding: 0 !important;
}

.radiobutton input[type="radio"], .radiobutton-list td input[type="radio"], .input-list td input[type="radio"]
{
    padding: 17px;
    vertical-align: middle;
}

.radiobutton label, .radiobutton-list td label, .input-list td label, div input[type='checkbox'] + label
{
    color: #000;
    display: inline;
    font: normal 14px "HPSimplified" , arial, "sans-serif";
    line-height: 23px;
    vertical-align: middle;
}


/* 
    Hide the original radios and checkboxes
    (but still accessible)
    
    :not(#foo) > is a rule filter to block browsers
                 that don't support that selector from
                 applying rules they shouldn't
       
*/
.radiobutton:not(#foo) input[type="radio"], 
.radiobutton-list:not(#foo) td input[type="radio"], 
.checkbox-list:not(#foo) td input[type='checkbox'], 
.input-list:not(#foo) td input[type="radio"], 
.input-list:not(#foo) td input[type='checkbox'],
.ti-inner:not(#foo) div input[type="radio"],
.ti-inner:not(#foo) div input[type='checkbox']
{
    /* Hide the input, but have it still be clickable */
    opacity: 0;
    float: left;
    width: 18px;
}

/* Default State*/
.radiobutton:not(#foo) input[type="radio"] + label, 
.radiobutton-list:not(#foo) td input[type="radio"] + label, 
.input-list:not(#foo) td input[type="radio"] + label,
.ti-inner:not(#foo) div input[type="radio"] + label
{    
    background: url(../images/icons/checkboxes-radio-sprite.png) -3px -1107px no-repeat;
    clear: none;
    margin: 0; /* Left padding makes room for image */
    padding: 5px 0 4px 24px; /* Make look clickable because they are */
    cursor: pointer;
    clear: left;
    float: left;
    display: block;
    margin-top: -20px;
    position: relative;    
}

.checkbox-list:not(#foo) td input[type='checkbox'] + label, 
.input-list:not(#foo) td input[type='checkbox'] + label,
.ti-inner:not(#foo) div input[type='checkbox'] + label
{    
    background: url(../images/icons/checkboxes-radio-sprite.png) -3px 7px no-repeat;
    clear: none;
    margin: 0; /* Left padding makes room for image */
    padding: 5px 0 4px 24px; /* Make look clickable because they are */
    cursor: pointer;
    clear: left;
    float: left;
    display: block;
    margin-top: -20px;
    position: relative;
    
}

/* Internet Explorer Specific Styles */
.IE7 .radiobutton input, 
.IE7 .radiobutton-list td input, 
.IE7 .input-list td input, 
.IE8 .radiobutton input, 
.IE8 .radiobutton-list td input, 
.IE8 .input-list td input,
.IE7 .ti-inner div input[type='radio'],
.IE8 .ti-inner div input[type='radio'],
.IE7 .ti-inner div input[type='checkbox'],
.IE8 .ti-inner div input[type='checkbox']
{
    padding: 5px 4px;
    margin-right: 5px;
}

.IE7 .input-list tr td label, 
.IE8 .input-list tr td label, 
.IE7 .ti-inner div input[type='checkbox'] + label,
.IE8 .ti-inner div input[type='checkbox'] + label
{
    float: left;
    display: inline-block;
    margin-top: 0px !important;
    position: relative;
}


/* Hover State */
/* Radio Buttons*/
.radiobutton input[type="radio"]:hover + label, 
.radiobutton-list:not(#foo) td input[type="radio"]:hover + label, 
.input-list:not(#foo) td input[type="radio"]:hover + label,
.ti-inner:not(#foo) div input[type="radio"]:hover + label
{    
    background-position: -3px -1334px;
}

/* Checkboxes*/
.checkbox-list:not(#foo) td input[type='checkbox']:hover + label, 
.input-list:not(#foo) td input[type='checkbox']:hover + label,
.ti-inner:not(#foo) div input[type='checkbox']:hover + label
{    
    background-position: -3px -200px;
}

/*  Active State
    Change from unchecked to checked graphic
*/
.radiobutton:not(#foo) input[type="radio"]:checked + label, 
.radiobutton-list:not(#foo) td input[type="radio"]:checked + label, 
.input-list:not(#foo) td input[type="radio"]:checked + label,
.ti-inner:not(#foo) div input[type="radio"]:checked + label
{   
    background-position: -3px -1561px;
}
.checkbox-list:not(#foo) td input[type='checkbox']:checked + label, 
.input-list:not(#foo) td input[type='checkbox']:checked + label,
.ti-inner:not(#foo) div input[type='checkbox']:checked + label
{    
    background-position: -3px -427px;
}

/*Disabled State*/
.radiobutton input[type="radio"][disabled] + label, 
.radiobutton-list:not(#foo) td input[type="radio"][disabled] + label, 
.input-list:not(#foo) td input[type="radio"][disabled] + label,
.ti-inner:not(#foo) div input[type="radio"][disabled] + label
{
   background-position:-3px -1788px;
}
.checkbox-list:not(#foo) td input[type='checkbox'][disabled] + label, 
.input-list:not(#foo) td input[type='checkbox'][disabled] + label,
.ti-inner:not(#foo) div input[type='checkbox'][disabled] + label
{   
    background-position: -3px -654px;
}


/*Error State*/
.radiobutton input[type="radio"]:checked + label.error, 
.radiobutton-list:not(#foo) td input[type="radio"] + label.error, 
.input-list:not(#foo) td input[type="radio"] + label.error,
.ti-inner:not(#foo) div input[type="radio"] + label.error
{    
    background-position:-3px -2015px;
}


.checkbox-list:not(#foo) td input[type='checkbox'] + label.error, 
.input-list:not(#foo) input[type='checkbox'] + label.error, 
.ti-inner:not(#foo) div input[type='checkbox'] + label.error
{    
    background-position: -3px -880px;
}



/*Form Validation Errors*/

.error-message-container
{
    width: 100% !important;
    padding: 0;
}

.error.description
{
    background: #F7D7D8;
    color:#FF0000 !important;
    font: normal 16px HPSimplified, Arial, Sans-Serif;
    line-height: 22px;
    float: left;
    margin: 20px 0;
    padding: 20px;
    text-align: left;
    width: 100%;
    display:block;
}

.bankerrorpanel
{
    float: none !important;
    display: block;
}

.success.description
{
   background: #BFFFC6;
    color:#00BA00;
    font: normal 16px HPSimplified, Arial, Sans-Serif;
    line-height: 22px;
    float: left;
    margin: 20px 0;
    padding: 20px;
    text-align: left;
    width: 95.8%;
}

/* HPE Form Validation Error Styles for MQE*/
.error.description.MqeSubText + table > *
{
    color:#FF0000;
}


/* Form Title*/

.ti-reward #ti-frm h2
{
    margin-top: 40px;
}

/* Label */


#main-content .inline-form label
{
    color: #000;
    font: normal 14px/18px HPSimplified, arial, Sans-Serif;
    margin-bottom: 7px;
}



/* Required Label */

span.ti-required ~ span
{
    color: #5A5A5A;
}

.ti-required
{
    color: #F05332 !important;
    font: bold 18px HPSimplified, arial, Sans-Serif;
    margin-left: 5px;
    padding: 0;
}

/* Preloaders */

.rrLoadingSign
{
    background: url (https://ssl.www8.hp.com/uk/en/images/i/header-footer/i-preloader-hf-hpe.gif);
}


/* Icons */

.lp-links-content .arrow
{
    background: url(../images/icons/hpe-icons-sprite.png) no-repeat -41px -32px;
    padding: 0 13px 0 3px;
}

.lp-links-content a:hover .arrow
{
    background: url(../images/icons/hpe-icons-sprite.png) no-repeat -43px -2px;
}


/* Navigation Tabs */
/*In-page*/

#main-nav
{
    border-bottom: 1px solid #000;
    min-height: 43px;
    padding: 8px 0 0; 
    width:100%;   
}

#main-nav ul
{
    display: block;
    float:left;
    position:relative;
    top: 7px;
    width: 100%;    
}

#main-nav ul li
{
    display: block;
    float: left;
    margin: 0;
}

#main-nav ul.tabs li a
{
    /* border-bottom: 1px solid #000; */
    color: #5A5A5A;
    display: block;
    font: bold 18px HPSimplified, arial, Sans-Serif;
    line-height: 13px;
    margin: 0;
    padding: 11px 20px;
    text-decoration: none;
    float:left;
    position:relative;
    /*behavior: url(/WMCF.Web/Customizations/HP/HPE/js/PIE.htc);*/
}
/*Active State*/
#main-nav ul.tabs li a.active
{
    border: 1px solid #000; 
    border-bottom: 1px solid #FFF; /*hide bottom border of #main-nav container for active tab*/
    border-radius: 4px 4px 0 0;
    color: #000;    
}

#main-nav ul.tabs li a.alpha
{
    border-radius: 0 4px 0 0 !important;   
    margin: 0;    
}


#main-nav ul.tabs li a:hover
{
    text-decoration: underline;
}

#main-nav ul.tabs li a.disabled
{
    color: #CCC;
}

.ti-gps-item .ti-desc a
{
    background: url(../images/icons/external-link.png) no-repeat right top;
    padding: 0 17px 0 3px;
}

.ti-gps-item .ti-desc a:hover
{
    background-position: right -26px;
}

/* Default Structure */

.body ol
{
    margin-left: 20px;
}

.IE .body ol
{
    margin-left: 28px;
    padding-left: 5px;
}


/* Tooltip Styles*/

.item-icon-i
{
    float: left;
    cursor: pointer;
    display: block;
}

.item-icon-tag {
    background-color: white;
    border: #CCC 2.58px solid;
    color: black;
    display: none;
    font: normal 14px/18px HPSimplified, Arial, Sans-Serif;
    float: left;
    position: relative;
    padding: 20px;
    min-width: 350px;
    z-index: 10000;
    top: -1px;
}

span.item-icon-tag
{
    background-color: white;
    border: #CCC 2.58px solid;
    color: black;
    display: none;
    font: normal 14px/18px HPSimplified, Arial, Sans-Serif;
    float: left;
    position: absolute;
    padding: 20px;
    width: 350px;
    z-index: 10000;
    top: 15px;
}

_:-ms-lang(x),
span.item-icon-tag {
    top: -1px;
}

.item-icon-tag > *
{
    float: left;
    position: relative;
    z-index: 90;
}

.item-icon-tag h3
{
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    padding-top: 0px;
}

.item-icon-tag a {
    float: none !important;
}
 .item-icon-i:hover .item-icon-tag
{
    display: block;
}

.item-icon-i:focus .item-icon-tag
{
    display: block;
}


/* Modal Country Selector Pop-up Styles*/

.modalWindow
{
    display: none;
    overflow: hidden;
    padding-left: 4px;
    padding-top: 4px;
    position: absolute;
    z-index: 150;
}

.modalCountrySel
{
    background: white url("../images/i-cselector-worldmap-hpe.gif");
    background-position: left top;
    background-repeat: no-repeat;
    border: gray solid 2px;
    height: 483px;
    width: 964px;
    left: 480px;
    position: absolute;
    top: 115px;
    z-index: 201;
}

.modalWindow a.closebtn
{
    background: url(../images/icons/s-hf-hpe.gif) no-repeat -368px -9px scroll transparent;
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    top: 10px;
    width: 20px;
    z-index: 300;
}

.modalWindow a.closebtn:hover
{
    background-position: -368px -64px;
}

.modalCountrySel a.closebtn
{
    left: 934px;
}

.ti-reward #ti-frm .modalCountrySel .CntrySelRegion h2 
{
    margin-top:5px;
}

.CntrySelRegion
{
    color: #FFFFFF;
    height: 483px;
    padding: 20px;
    position: absolute;
    display: inline-block;
}

.CntrySelAmer
{
    left: 55px;
    width: 220px;
}

.CntrySelApj
{
    left: 730px;
    width: 220px;
}

.CntryListCol
{
    float: left;
    position: relative;
    width: 190px;
}

.modalCountrySel .CntryList a
{
    color: black;
    display: block;
    float: left;
    font-size: 13px;
    position: relative;
    width: 80%;
}

.CntryList a:hover
{
    text-decoration: underline;
}



.CntrySelEmea
{
    left: 240px;
    width: 463px;
}


/* Four Columns for EMEA*/

.CntrySelEmea .CntryListCol
{
    width: 50%;
}

.CntrySelEmea .CntryList a
{
    width: 50%;
}

/* Fix hf-core styles for overflowing countries on country selector */

div.worldmap div.countries
{
    padding-top: 12px !important;
}



/* Tooltip Arrow */
/*
.item-icon-tag:before, .item-icon-tag:after {
	content: "";
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	top: 100%;
	left: 50%;
	margin-left: -10px;
}

.item-icon-tag:before {
	border-top: 10px solid #CCC;
	border-top: 10px solid rgba(0, 0, 0, 0.2);
	margin-top: 2px;
}

.item-icon-tag:after{
	border-top: 10px solid #FFF;
	margin-top: 0px;
	z-index: 1;
}
*/

/* Quote Quote Status Page*/

div.quote-status-content
{
    float: left;
    margin: 0 25px 0 18px;
    width: 640px;
}

div.quote-status-content .claim-details tr
{
  
}

div.quote-status-content .claim-details td,
table.quote-status-postions-table td
{
    line-height: 17px;
    font-family: HPSimplified, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

table.quote-status-postions-table
{
    float: left;
    margin: 18px 25px 15px 18px;
    width: 665px;
}

table.quote-status-postions-table tr th
{
    font-size:16px !important;
    font-weight:normal !important;
}

.rewards p
{
    padding-bottom: 15px;    
}

table.quote-status-postions-table .key
{
    width: 460px;    
}

table.quote-status-postions-table td p.align-right
{
    text-align: right;    
}

.claim-details
{
    width: 100%;    
}

div.quote-status-content .claim-details .key
{
    width: 230px;        
}

div.quote-status-content .claim-details .list div
{
    padding-bottom: 4px;      
}

.emphasize
{   
    padding-top: 1px;
    font-weight:bold !important;    
}

.italicize 
{
    font-style: oblique;   
}

.rewards .remarks-text
{
    color: #848484 !important;
    font-size: 12px !important;
}

.claim-status > div
{
    margin-left: 20px;
    float: left;
    text-align: center;
    color: #000;
    width: 262px;
}

.claim-status .claim-value {
    background: url(../images/cud7571_total-value_blank_wide.png) no-repeat 0 0;
    height: 195px;
}

#claim-value-total-label
{
    text-align: center;
    color: #B0EDFF;
    font-weight: 900;
    font-size: 36px;  
}

.claim-value-amount {
    display: block;
    padding: 50px 0 0;
    font-size: 40px;
    color: #fff;
}

.claim-value-amount sup
{
    font-size: 20px;
    vertical-align: top;    
}
/* Global Footer Styles */

div.seo_birdseed
{
    background-color: #F2F2F2;
    margin-top: -106px;
    padding-top: 106px;   
    min-height:220px;
}

div.seo_birdseed .top_gradient
{
    display: none;
}

.quote-summary-table th,
.quote-status-postions-table th
{
    word-break:break-all;    
}

.quote-summary-table td,
.quote-status-postions-table td
{
    border:0 !important;
    border-bottom: #CCC solid 1px !important;
    border-left: #CCC solid 1px !important;   
}

.quote-summary-table th,
.quote-status-postions-table th
{
    border:0 !important;
    border-bottom: #CCC solid 1px !important;   
    border-left: #CCC solid 1px !important;
}

.quote-summary-table th:first-child,
.quote-status-postions-table  th:first-child
{
    border-left: #767676 solid 1px !important;
}

.quote-summary-table th:last-child,
.quote-status-postions-table  th:last-child
{
    border-right: #767676 solid 1px !important;
}

.quote-summary-table td:last-child,
.quote-status-postions-table td:last-child
{
    border-right: #CCC solid 1px !important;       
}

.quote-summary-table
{
    margin: 25px 25px 0 18px;
    width: 980px;
}

.quote-status-postions-table .last,
.quote-summary-table .last
{
    border-right: #CCC solid 1px !important;    
}

.headerDelta
{
    margin-top:0 !important;
    margin-left:18px;    
}

.header-multitranslator-div p
{
    font-size:14px;
    margin-left:18px;    
}

.statusheader
{
    margin: 0 18px;
}

.statusheadercontent
{
    font-size: 14px;
    margin: 0 18px;
}


.hidden
{
    display:none;    
}

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

.back-button
{
    margin-left: 21px;
    margin-top: 15px        
}

.custom-combobox {
    display: block;
}

.address-additional-context .custom-combobox {
    display: inline-block;
    width: 60%;
    float: none;
    margin-bottom: 20px;
}

.address-additional-context .pdpc-label,
.AddressTable .address-additional-context .pdpc-label {
    width: 40% !important;
    display: inline-block !important;
}

.form-label {
    font-size: 15px;
    float: left;
}

/**** JQUERY-UI OVERRIDE ****/

.custom-combobox-input {
    background: white url(../images/icons/cmpcd_select-arrow.png) no-repeat right -73px !important;
    border: 2px solid #CCC !important;
    height: auto !important;
}

.ui-widget.ui-widget-content.ui-autocomplete {
    border: 2px solid #333 !important;
    max-height: 260px !important;
}

.ui-menu .ui-menu-item {
    border-left: 2px !important;
    border-right: 2px !important;
    border-top: 1px solid #CCC !important;
    font: normal 16px HPSimplified, Arial, Sans-Serif !important;
    background-color: #FFF !important;
}

.ui-menu-item-wrapper {
    padding: 8px 10px !important;
}

.ui-state-active {
    background: #007DBA !important;
    color: #ffffff;
    border-color: #007DBA !important;
}


/********************************************************
PRINT MEDIA STYLES
*********************************************************/
@media print {
    /* Final Page */
    #ti-terms
    {
        font-family: Arial, Sans-Serif !important;
    }

}

@media only screen and (max-width: 400px) {
    .ui-autocomplete {
        width: auto !important;
    }
}


.ngtFaqImgPlus {
    background-image: url(/WMCF.Web/Images/HP/HPE/pd_plus.jpg);
}

.ngtFaqImgMinus {
    background-image: url(/WMCF.Web/Images/HP/HPE/pd_minus.jpg);
}

#ti-cart-total > #ti-total-value:after {
    border-top-color: #037ea3;
    border: 20px solid transparent;
}

div#test_sidebar {
    display: none;
}



@media only screen and (max-width: 800px) {
    .support-link {
        padding-left: 0px;
    }
}

/* HP Header Logo and Icons Font Family */
.wps-mobile .wpr-header .wpr-row .wpr-logo-holder .wpr-main-logo-svg {
    font-family: newhpicon !important;
}

.wps-mobile .wpr-header .wpr-row .wpr-skip-links .js-skip-link {
    font-family: HPSimplifiedRegular,Arial !important;
}

.wps-mobile .wpr-header .wpr-row .wpr-icons-holder .wpr-icon-center .wpr-search-icon-logo {
    font-family: "header_icons" !important;
}

.wps-mobile .wpr-header .wpr-row .wpr-icons-holder .wpr-icon-center .wpr-menu-icon-logo {
    font-family: "header_icons" !important;
}

.wps-mobile .wpr-navbar-container .wpr-side-nav .wpr-side-nav-row .wpr-close-button .close_icon_desk {
    font-family: "aemHPIcons" !important;
}

.wps-mobile .wpr-navbar-container .wpr-side-nav-submenu .wpr-side-nav-row .wpr-close-button-L2 .close_icon_desk {
    font-family: "aemHPIcons" !important;
}

.wps-mobile .wpr-navbar-container .wpr-side-nav-submenu .wpr-side-nav-row .header-submenu .back_icon {
    font-family: "header_icons" !important;
}

.wps-mobile .wpr-search-container .wpr-search-bar .Rectangle-426 .wpr-search-icon-logo {
    font-family: "header_icons" !important;
}

.wps-mobile .wpr-header .wpr-row .wpr-icons-holder .wpr-hpcart {
    font-family: "header_icons" !important;
}

.wps-mobile .wpr-navbar-container .wpr-side-nav .Rectangle-515 .wpr-row .menu_content .forward_icon {
    font-family: "header_icons" !important;
}