/*START DEFAULT TEMPLATE STYLES HERE*/

/*Hide See Also section as not needed for HP*/
.tools #seeAlso {display:none;}

/*SWITCH OFF ITEMS WHICH ARE NOT APPLICABLE TO THE UK OFFERING*/

#logo {background-image: none !important;}

h3.content-in-cart,
#content .two-colum .products .links-group A.link-checkbox, A.link-checkbox,
div.plan-compare[id^=compare],
div.return-to-cart a img {display:none;}

/*MAKE TEXT IN INTRO ITEMS OCCUPY FULL WIDTH*/

.faqs div,
.faqs UL LI,
.faqs p,
.overview div,
.overview UL LI,
.overview p,
.thedetails div,
.thedetails UL LI,
.thedetails p,
.thepracticalities UL LI,
.thepracticalities div,
.thepracticalities p {width:900px;}

/*Branding*/

/*html {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}*/

html {
  url("../Aon.Marketplace/img/bg/page2.gif") #fff repeat-x fixed 50% 0;
 }
#logo {background: transparent url("/hp/media/Default/HPI_outline_logo_rgb_72MD.png") no-repeat scroll 0% 0%;}
#logo {background-image:none !important;}
#main {
  margin-top: 35px;
}

/*div#main.home, div#main.benefits, div#main.claims {
  background-color: #fff;
}*/


div#mainNav {
  /*  background-color: #ffffff !important;*/
    background-color: transparent !important;
    color: #004F71 !important;
    float: left;
    height: 110px;
    padding: 25px;
    width: 100%;
}

div#mainNav a { color: #004F71 !important; }

a:hover {
  opacity: 0.7;
  }

#menu li a, #menu-no-dashboard li a {
    display: block;
    font-size: 1.1em !important;
    font-weight: 300 !important;
    line-height: 60px !important;
    outline: 0 none;
    padding-top: 0px !important;
    position: relative;
    text-decoration: none;
    text-transform: initial !important;
    z-index: 10;
}
/*Welcome widget*/

#menu li, #menu-sub, #menu-no-dashboard li, #menu-sub {
    border: medium none;
    float: left;
    padding-left: 95px !important;
}

#user-name {
  background-image: url("/marketplace-apac/media/default/home/left_arrow-blue_10x10.png") !important;
  background-position: 0 5px !important;
}

#user-name:hover {
  background-position: 0 5px !important;
  background-image: url("/marketplace-apac/media/default/home/left_arrow-blue_10x10.png") !important;
  opacity: 0.7;
  text-decoration: none;
  padding-left: 25px !important;
}

#user-name.expanded {
  background-position: 0 5px !important;
  
}

#user-name.expanded:hover {
  background-image: url("/marketplace-apac/media/default/home/right_arrow-blue_10x10.png") !important;
  background-position: 0 5px !important;
 
  
  }

#links a, #links span {
    font-size: 0.8em;
    text-transform: capitalize !important;
}


ul#links li {
    line-height: 60px;
    padding-top: 1px !important;
}

A.button-style.orange {
    background: #004f71 none repeat scroll 0 0;
}

A.button-style.blue {
    background: #4298b5 none repeat scroll 0 0;
}

H1 {
    color: #004F71;
}

.benefits-overview-h2 {
  font-size: 1.5em;
  color: teal;
  font-weight: 300;
}

.benefits-overview-h3 {
  font-size: 1em;
  color: teal;
  font-weight: 300;
}


.table-header {
  font-size: 1em; H1 {    color: #004F71;} .benefits-overview-h2 {  font-size: 1.5em;  color: teal;
  color: teal;
  font-weight: 700;
}

.table-subheader {
  font-size: 1em;
  color: teal;
  font-weight: 500;
}

.table-content {
  padding-left: 5px;
}

.dummy-hyperlink {
  color: #0000ff;
}
.dummy-hyperlink:hover {
  text-decoration: underline;
  color: #0000ff;
}

}
/* End of Branding*/

#login .tile.action:hover,
.tile:hover {box-shadow:0 0 4px 2px #888; cursor:pointer;} 

.tile.flip {background-color:#FFFFFF;}  
.tile.flip .tile-wrapper {transition:0.7s;}

/*.tile {width: 310px; overflow: visible; padding-bottom:40px;}*/

#login .tile {width:150px;
line-height: 1em !important;
font-size: 14.5px !important;
}

#login .double.tile {width: 310px;} 
#login .tile:hover {cursor:default;}

/*#login #tile1 {background: #004F71 url("/benefitsatdnb/media/media/branding/login_cogs.png") no-repeat scroll 48px 253px !important; height: 470px; box-shadow: none;}*/
/*#login #tile2 {background: #A4A9AD url("/benefitsatdnb/media/media/branding/login_padlock.png") no-repeat scroll 191px 324px !important; height: 470px; box-shadow: none;}*/
#login #tile1 {
  background: transparent url("/marketplace-apac/media/default/welcome-tile_611x470.jpg") scroll; 
  height: 470px; 
  box-shadow: none; 
  padding-top: 45px;
}

#login #tile2 {
  background: transparent url("/marketplace-apac/media/default/welcome-tile-4_310x470.jpg") no-repeat scroll; 
  height: 470px; 
  box-shadow: none;
  padding-top: 280px;
}

#login #tile3 {
  width: 950px;
  height: 100px;
  }

.bg-green {background-color: #4298B5 !important;}
.bg-red-light {background-color: #dfdedf !important;}

#wp-login #login.button {
  background-color: #004F71 !important; 
  margin-left: 37px;
}

#wp-login .tile-content {
  background: url("/marketplace-apac/media/default/welcome-login-tile_310x310_4.jpg") no-repeat scroll;
}

.tile-content .question {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}

#wp-forgetPassword .tile-content h2 {
    color: #004F71;}


/*Home Page*/

.slidecaption#hfw_homeslideCountdown {
  margin-top: 0;
}

.slidecaption#homeslide1cap1
{
  width: 100%;  height: 1em;  color: #ffff;  position: absolute; left: 0px;  top: 0px;  margin-top: 4em;  margin-left: 75px;
  }

.slidecaption#homeslide1cap2
{
  width: 100%;  height: 1em;  color: #ffff;  position: absolute;  left: 0px;  top: 0px;  margin-top: 5em;  margin-left: 75px;
  }

.slidecaption#homeslide1cap3
{
  width: 100%;  height: 1em;  color: #ffff;  position: absolute;  left: 0px;  top: 0px;  margin-top: 9em;  margin-left: 75px;
  }

.slidecaption#homeslide1cap4
{
  width: 100%;  height: 1em;  color: #ffff;  position: absolute;  left: 0px;  top: 0px;  margin-top: 9em;  margin-left: 75px;
  }

.slidecaption#hfw_homeslideURL
{
  width: 100%;  height: 1em;  color: #fff;  position: absolute;  left: 0px;  top: 0px;  margin-top: 15em;  font-size: 0.4em;
  }

.slidecaption#hfw_homeslideCountdown
{
  width: 100%;  height: 1em;  color: #fff;  position: absolute;  left: 0px;  top: 600px;  font-size: 0.4em;
  }



.row#home #tile1, 
.row#benefits #tile1, 
.row#claims #tile1
{box-shadow: none;}

div#main.home #tile2,
div#main.home #tile3,
div#main.home #tile4,
div#main.home #tile5,
div#main.benefits #tile2,
div#main.benefits #tile3,
div#main.benefits #tile4,
div#main.claims #tile2,
div#main.claims #tile3,
div#main.claims #tile4
{width:32.33% !important; margin: 0 0 0 10px !important}

/* home page */
#home #tile2.tile {
  background: url("/hp/media/Default/tile%20Images/wallet_62x62.png") no-repeat scroll 50% 15%;
  background-color: transparent; 
  color: #A4A9AD; 
  transition: all 0.3s ease-out 0.1s;
}
#home #tile2.tile:hover {
  background: url("/hp/media/Default/tile%20Images/wallet_62x62_on.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  box-shadow: 0 0 4px 2px #888; 
}

#home #tile3.tile {
  background: url("/marketplace-apac/media/default/home/icoEnrolment_off.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  transition: all 0.3s ease-out 0.1s;
}
#home #tile3.tile:hover {
  background: url("/marketplace-apac/media/default/home/icoEnrolment_on.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  box-shadow:0 0 4px 2px #888; 
}

#home #tile4.tile {
  background: url("/marketplace-apac/media/default/home/icoHighStreet_off.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  transition: all 0.3s ease-out 0.1s;
}
#home #tile4.tile:hover {
  background: url("/marketplace-apac/media/default/home/icoHighStreet_on.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  box-shadow: 0 0 4px 2px #888;
}

#home #tile5.tile {
  background: url("/marketplace-apac/media/default/home/icoHighStreet_off.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  transition: all 0.3s ease-out 0.1s;
}
#home #tile5.tile:hover {
  background: url("/marketplace-apac/media/default/home/icoHighStreet_on.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  box-shadow: 0 0 4px 2px #888;
}

/* benefits page */
#benefits #tile2.tile {
  background: url("/marketplace-apac/media/default/home/icoEnrolment_off.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  transition: all 0.3s ease-out 0.1s;
}
#benefits #tile2.tile:hover {
  background: url("/marketplace-apac/media/default/home/icoEnrolment_on.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  box-shadow: 0 0 4px 2px #888; 
}

#benefits #tile3.tile:hover {
  background: url("/marketplace-apac/media/default/home/icoBenefitsOverview_on.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  box-shadow: 0 0 4px 2px #888; 
}
#benefits #tile3.tile {
  background: url("/marketplace-apac/media/default/home/icoBenefitsOverview_off.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  transition: all 0.3s ease-out 0.1s;
}

#benefits #tile4.tile:hover {
  background: url("/marketplace-apac/media/default/home/icoLifeEvents_on.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  box-shadow: 0 0 4px 2px #888; 
}
#benefits #tile4.tile {
  background: url("/marketplace-apac/media/default/home/icoLifeEvents_off.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  transition: all 0.3s ease-out 0.1s;
}

/* claims page */


div#main.claims,
div#main.claims #tile1 {
  width: 100%;
  height: auto;
  margin: 0 0 0 0;
  padding-top: 0;
}

div#main.claims .tile-content {
  padding: 0 0 0 0;
}

#claims #tile1.title {
  background-color: transparent;
  
}

#claims #tile2.tile {
  background: url("/marketplace-apac/media/default/home/Enrolment_60x60.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD;
  margin: 0 0 0 10px !important; 
  transition: all 0.3s ease-out 0.1s;
}

#claims #tile2.tile:hover {
  background: url("/marketplace-apac/media/default/home/Enrolment_60x60_on.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  box-shadow: 0 0 4px 2px #888; 
  margin: 0 0 0 10px !important
}

#claims #tile3.tile {
  background: url("/marketplace-apac/media/default/home/My_money_62x62.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  margin: 0 0 0 10px !important; 
  transition: all 0.3s ease-out 0.1s;
}

#claims #tile3.tile:hover {
  background: url("/marketplace-apac/media/default/home/My_money_62x62_on.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  box-shadow: 0 0 4px 2px #888; 
  margin: 0 0 0 10px !important
}

#claims #tile4.tile {
  background: url("/marketplace-apac/media/default/home/My_benefits_60x60.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  margin: 0 0 0 10px !important; 
  transition: all 0.3s ease-out 0.1s;
}

#claims #tile4.tile:hover {
  background: url("/marketplace-apac/media/default/home/My_benefits_60x60_on.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  box-shadow: 0 0 4px 2px #888; 
  margin: 0 0 0 10px !important
}

.row#claims #tile2 .tile-content,
.row#claims #tile3 .tile-content,
.row#claims #tile4 .tile-content {
  padding-top: 80px; 
  text-align: center;
}

/* Benefits Overview */

.anythingSlider .anythingSlider-default {
  height: 25px;
  }

@media only screen and (max-width:750px) {
  #content .info {
    width: 0%;
    }
}

.htabs-container .tabs UL LI A {
  text-transform: none;
}

LI.protection {
  background: transparent url("/marketplace-apac/media/default/home/protection-benefits_off_40x40.png") no-repeat scroll center 0px !important;
}
LI.protection.sel, 
LI.protection.focused, 
LI.protection:hover {
  background: transparent url("/marketplace-apac/media/default/home/protection-benefits_on_40x40.png") no-repeat scroll center 0px !important;
}

LI.healthwellbeing {
  /*background: transparent url("/marketplace-apac/media/default/home/health-wellbeing-off_40x40.png") no-repeat scroll center 0px !important;*/
  background: transparent url("/hp/media/Default/spending-account02_off_40x40_2.png") no-repeat scroll center -2px !important;
}
LI.healthwellbeing.sel, 
LI.healthwellbeing.focused, 
LI.healthwellbeing:hover {
/*  background: transparent url("/marketplace-apac/media/default/home/health-wellbeing-on_40x40.png") no-repeat scroll center 0px !important;*/
  background: transparent url("/hp/media/Default/spending-account02_on_40x40_2.png") no-repeat scroll center -2px !important;
}

LI.spendingaccount {
 background: transparent url("/marketplace-apac/media/default/home/spending-account-off_40x40.png") no-repeat scroll center 0px !important; 
/*  background: transparent url("/marketplace-apac/media/default/home/lifestyle_off_40x40.png") no-repeat scroll center 0px !important;*/
 /* background: transparent url("/marketplace-apac/media/default/home/spending-account02_off_40x40_2.png") no-repeat scroll center -2px !important;*/ 
} 
LI.spendingaccount.sel, 
LI.spendingaccount.focused, 
LI.spendingaccount:hover {
background: transparent url("/marketplace-apac/media/default/home/spending-account-on_40x40.png") no-repeat scroll center 0px !important;
/* background: transparent url("/marketplace-apac/media/default/home/lifestyle_on_40x40.png") no-repeat scroll center 0px !important;  */
/*background: transparent url("/marketplace-apac/media/default/home/spending-account02_on_40x40_2.png") no-repeat scroll center -2px !important;*/
}


/* Term Life */
#content .info .Overview.L23224134-0b0e-4d46-b0ca-1e0b6e34c54e { 
  background: transparent url("/marketplace-apac/media/default/home/Life_Assurance_310x200.png")  no-repeat scroll right center!important;
}
#content .info .HowtoClaim.L23224134-0b0e-4d46-b0ca-1e0b6e34c54e { 
  padding: 12px 0px 0 12px;
}
#content .info .Eligibility.L23224134-0b0e-4d46-b0ca-1e0b6e34c54e { 
  padding: 12px 0px 0 12px;
}
#content .info .PlanDetails.L23224134-0b0e-4d46-b0ca-1e0b6e34c54e { 
  padding: 12px 0px 0 12px;
}

/* Critical Illness */
#content .info .Overview.Lbf536b2a-6c71-4076-97de-2657bc5e4247 { 
  background: transparent url("/marketplace-apac/media/default/home/Onsite_Health_Screening_310x200.png")  no-repeat scroll right center!important;
}
#content .info .HowtoClaim.Lbf536b2a-6c71-4076-97de-2657bc5e4247 { 
  padding: 12px 0px 0 12px;
}
#content .info .Eligibility.Lbf536b2a-6c71-4076-97de-2657bc5e4247 { 
  padding: 12px 0px 0 12px;
}
#content .info .PlanDetails.Lbf536b2a-6c71-4076-97de-2657bc5e4247 { 
  padding: 12px 0px 0 12px;
}

/* Hospital & Surgical and Major Medical */
#content .info .Overview.L76440c34-8c63-4715-b0e1-8823e07d9a35 { 
  background: transparent url("/marketplace-apac/media/default/home/Onsite_Flu_Vaccine_310x200.png")  no-repeat scroll right center!important;
}
#content .info .PlanDetails.L76440c34-8c63-4715-b0e1-8823e07d9a35 { 
  padding: 12px 0px 0 12px;
}
#content .info .Eligibility.L76440c34-8c63-4715-b0e1-8823e07d9a35 { 
  padding: 12px 0px 0 12px;
}
#content .info .HowtoClaim.L76440c34-8c63-4715-b0e1-8823e07d9a35 { 
  padding: 12px 0px 0 12px;
}

/* Personal Accident */
#content .info .Overview.L2ab767ef-aff6-4b8c-91d9-600d23ddf07d { 
  background: transparent url("/marketplace-apac/media/default/home/Long_Term_Disability_310x200.png")  no-repeat scroll right center!important;
}
#content .info .HowtoClaim.L2ab767ef-aff6-4b8c-91d9-600d23ddf07d { 
  padding: 12px 0px 0 12px;
}
#content .info .Eligibility.L2ab767ef-aff6-4b8c-91d9-600d23ddf07d { 
  padding: 12px 0px 0 12px;
}
#content .info .PlanDetails.L2ab767ef-aff6-4b8c-91d9-600d23ddf07d { 
  padding: 12px 0px 0 12px;
}

/* Pension */
#content .info .Overview.Lpension { 
  background: transparent url("/marketplace-apac/media/default/home/tile-pension.png")  no-repeat scroll right center!important;
}

#content .info .Eligibility.Lpension { 
  padding: 12px 0px 0 12px;
}
#content .info .PlanDetails.Lpension { 
  padding: 12px 0px 0 12px;
}

#subTabs li a span.tabTitle {
  transition: all 0.3s ease-out 0.1s;
  }

/* Flexible Spending Account */
#content .info .Overview.Lfsa { 
  background: transparent url("/marketplace-apac/media/default/home/tile-pension.png")  no-repeat scroll right center!important;
}
#content .info .HowtoClaim.Lfsa { 
  padding: 12px 0px 0 12px;
}
#content .info .Eligibility.Lfsa { 
  padding: 12px 0px 0 12px;
}
#content .info .PlanDetails.Lfsa { 
  padding: 12px 0px 0 12px;
}

/* Medical Spending Account */
#content .info .Overview.Lmsa { 
  background: transparent url("/marketplace-apac/media/default/home/tile-pension.png")  no-repeat scroll right center!important;
}
#content .info .HowtoClaim.Lmsa { 
  padding: 12px 0px 0 12px;
}
#content .info .Eligibility.Lmsa { 
  padding: 12px 0px 0 12px;
}
#content .info .PlanDetails.Lmsa { 
  padding: 12px 0px 0 12px;
}

/* Pension */
#content .info .Overview.Lpension { 
  background: transparent url("/marketplace-apac/media/default/home/tile-pension.png")  no-repeat scroll right center!important;
}

#content .info .Eligibility.Lpension { 
  padding: 12px 0px 0 12px;
}
#content .info .PlanDetails.Lpension { 
  padding: 12px 0px 0 12px;
}

#subTabs li a span.tabTitle {
  transition: all 0.3s ease-out 0.1s;
  width: 95% !important;
  
  }

/* Disability Income */
#content .info .Overview.L76c36521-796a-4439-8524-8289c7e4eb45 { 
  background: transparent url("/changiairport/media/default/Life_Assurance_310x200.png")  no-repeat scroll right center!important;}

/* Flexible Spending Account */
#content .info .Overview.Lfsa { 
  /*background: transparent url("/marketplace-apac/media/default/home/tile-pension.png")  no-repeat scroll right center!important;*/
  background: transparent url("/marketplace-apac/media/default/home/spending-account_01_blue.png")  no-repeat scroll right center!important;
}
#content .info .HowtoClaim.Lfsa { 
  padding: 12px 0px 0 12px;
}
#content .info .Eligibility.Lfsa { 
  padding: 12px 0px 0 12px;
}
#content .info .PlanDetails.Lfsa { 
  padding: 12px 0px 0 12px;
}

/* Medical Spending Account */
#content .info .Overview.Lmsa { 
  /* background: transparent url("/marketplace-apac/media/default/home/tile-pension.png")  no-repeat scroll right center!important; */
  background: transparent url("/marketplace-apac/media/default/home/spending-account_02_blue.png")  no-repeat scroll right center!important;
}
#content .info .HowtoClaim.Lmsa { 
  padding: 12px 0px 0 12px;
}
#content .info .Eligibility.Lmsa { 
  padding: 12px 0px 0 12px;
}
#content .info .PlanDetails.Lmsa { 
  padding: 12px 0px 0 12px;
}

/*Enrol*/
.home-benefits {
  padding: 0 0 20px 0px;
}

.home-benefits .content-home-benefits {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  padding: 0 0 0 0;
}

.home-benefits .title-page {
  padding: 0 0 0 0;
}

.enroll-screen-leftpadding {
    padding: 0 0 0 155px;
}

@media only screen and (max-width:750px) {
  .home-benefits .title-page h1 {
    font-size: 1.5em;
  }
  .enroll-screen-leftpadding {
    padding: 0 0 0 100px;
    }
  
  .enroll-3stepsimg {
    width: 100%;
    height: auto;
    }
   
  .home-benefits .content-home-benefits .checkout-button,
  .home-benefits .content-home-benefits .checkout-button .button-style {
    width: 50px;
    float: right;
    font-size: 15px;
    }
  
    .home-benefits .content-home-benefits .checkout-button {
    padding-top: 20px;
    }
  
  .enroll-title-page-subtext {
    font-size: 1em;
    width: 235px;
    }
}  

/*Progress Bar*/

.steps UL {
  background: transparent url("/benefitsatdnb/media/media/branding/backgrounds.png") no-repeat scroll left top;
  }

@media only screen and (max-width:750px) {
  .steps UL {
    background: transparent url("/marketplace-apac/media/default/home/mobile_process_bar_v1.png") no-repeat scroll left top;
    margin: 0 auto 0 20px; 
    width: auto;
  }
  
  .steps LI {
    width: auto;
    }
  
  .sel-step1 .step1 a,
  .sel-step2 .step2 a,
  .sel-step3 .step3 a {
    color: #004F71;
    top: -10px;
    position: relative;
    }
}

/*Step 1*/

.htabs-container .tabs UL LI.sel A {color: #004f71 !important;}
 
@media only screen and (max-width:750px) {
  .sel-step1 {
    width: 330px;
    }
 }
  
P.sectionTitle {
    color: #004f71 !important;
}

.header-overlay {
    background: #004f71 none repeat scroll 0 0 !important;
}

.header-overlay A {
    background: rgba(0, 0, 0, 0) url("/benefitsatdnb/media/media/branding/close_ovelay.png") no-repeat scroll right center !important;
}

LI.personal:hover, LI.personal.focused, LI.personal.sel {background: rgba(0, 0, 0, 0) url("/benefitsatdnb/media/media/branding/icons_40x40/personal-1_40x40.png") no-repeat scroll top /20% !important;}
LI.personal {background: rgba(0, 0, 0, 0) url("/benefitsatdnb/media/media/branding/icons_40x40/personal-2_40x40.png") no-repeat scroll top /20% !important;}

LI.contact:hover, LI.contact.focused, LI.contact.sel {background: rgba(0, 0, 0, 0) url("/benefitsatdnb/media/media/branding/icons_40x40/contact-1_40x40.png") no-repeat scroll top /20% !important;}
LI.contact {background: rgba(0, 0, 0, 0) url("/benefitsatdnb/media/media/branding/icons_40x40/contact-2_40x40.png") no-repeat scroll top /20% !important;}

LI.beneficiary:hover, LI.beneficiary.focused, LI.beneficiary.sel {background: rgba(0, 0, 0, 0) url("/benefitsatdnb/media/media/branding/icons_40x40/dependants-1_40x40.png") no-repeat scroll top /20% !important;}
LI.beneficiary {background: rgba(0, 0, 0, 0) url("/benefitsatdnb/media/media/branding/icons_40x40/dependants-2_40x40.png") no-repeat scroll top /20% !important;}


/*Step 2*/

.cart .count {
    color: #004f71;
}

.cart .price {
    color: #004f71;
} 


/*.htabs-container .tabs-title {
    display: none;
}*/

.in-Cart .you-chose .selected-plan {
    color: #4298b5 !important;
}

.in-Cart .you-chose {
  width: 270px;
}

.employerFundingCart .cost {
  padding: 7px 65px 10px 0;
}

A.button-style.green {
    background: #4298b5 none repeat scroll 0 0 !important;
}

.box-border.sel {
    background: #004f71 none repeat scroll 0 0 !important;
    border: medium none;
}

.products .box-border.sel .header {
    background-color: #004f71 !important;
}

.available-options .links-group.four-links A {
    visibility: hidden !important;
}

.steps .sel {
    color: #004f71 !important;
}

div#enrollStep2Container ul.benefit-menu li p.line, 
div#enrollStep2Container ul.benefit-menu li p.plan.nonlineset, 
div#enrollStep2Container ul.benefit-menu li p.cover {
  height: 55px;
}

.line-group li, 
.line-group ul { 
  height: 340px;
}

@media only screen and (max-width:750px) {
  .line-group li, 
  .line-group ul { 
  height: auto;
}
  }

.line-group, 
.line-group .scrollable { 
  height: 405px; 
}

/*Step 2 Benefit Icons*/

/*Term Life */
.benefit-menu .img.L23224134-0b0e-4d46-b0ca-1e0b6e34c54e {
  background:url("/marketplace-apac/media/default/home/term-life_3_200x130.jpg") 0% 100% no-repeat;
}

/* Critical Illness */
.benefit-menu .img.Lbf536b2a-6c71-4076-97de-2657bc5e4247 {
  background:url("/marketplace-apac/media/default/home/critical-illness_1_200x130.jpg") 0% 100% no-repeat;
}

/* Hospital & Surgical and Major Medical */
.benefit-menu .img.L76440c34-8c63-4715-b0e1-8823e07d9a35 {
  background:url("/marketplace-apac/media/default/home/critical-illness_3_200x130.jpg") 0% 100% no-repeat;
}

/* Personal Accident */
.benefit-menu .img.L2ab767ef-aff6-4b8c-91d9-600d23ddf07d {
    background:url("/marketplace-apac/media/default/home/personal-accident_200x130.jpg") 0% 100% no-repeat;
}


/*Step 2-choose*/

SPAN.green-number {
  color: #004f71;
  /*margin-left: -35px; */
}

.in-Cart .you-pay P SPAN.green-number {
    color: #004f71;
}

.in-Cart .you-pay {
  width: 125px;
}

.in-Cart .you-chose {
  width: 230px;
}

.selected-plan {
  padding-left: 5px;
}

.return-to-cart { 
  padding-top: 22px;
}

.return-to-cart .button-style {
  padding-top: 0px; 
  padding-bottom: 25px;
}

.option-credit-health {
  width: 300px;
}

.option-credit-health .option {
  width: 220px;
}

.option-credit-health UL LI {
  float: none;
}

.option-credit-health .credit-number {
  float: none;
  text-align: left;
  }

  

/*Benefit Overview*/

#overviewcontainer .subheader.htabs-container .tabs-bg,
#overviewcontainer .subheader.htabs-container .tabs UL LI {
  height: 25px !important;
  }

.anythingSlider.anythingSlider-default {
  height: 25px !important;
  }


#overviewcontainer .tabs UL LI,
#overviewcontainer .tabs UL LI A {
  width:200px;
}


#content .info #faqs, #content .info div.benefit-type-faqs {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

#overviewcontainer .tabs UL LI.sel STRONG {
    background: rgba(0, 0, 0, 0) url("../Aon.Marketplace/img/tabs/tab-icons.png") no-repeat scroll 167px -979px !important;
}

#overviewcontainer .tabs UL LI.sel A {
    padding-top: 32px !important;
}


  

/* Claim Submission */

select:disabled, textarea:disabled
{ color: #a6a6a6;
  background-color: #ebebe4;
  }

.htabs-container .tabs-title {
  color:#004F71;
}


#footer div {
    display: inline-block;
    margin-left: 100px;
    text-transform: capitalize !important;
    vertical-align: top;
    width: 120px;    
}
.home #footer div{
     margin-left: 130px !important;
  
}
.benefits #footer div{
    margin-left: 130px !important;
  
  }

.claims #footer div{
    margin-left: 130px !important;
  }



  span.label,label
{
  text-transform: capitalize !important;
  }/*capitalising first letter*/

A.button-style
{
   text-transform: capitalize !important;
  }/*capitalising first letter*/

.form-data P{
        padding: 1px 0 6px 9px !important;
              }

.header-overlay H5
{
 text-transform: capitalize !important; 
 }

#content .info .info-links UL LI A
{
  text-transform: capitalize !important;
  
  }
#menu li:first-child, #menu-no-dashboard li:first-child
{
  
  padding-left: 30px !important;
  }

.in-Cart .cost P, .in-Cart .funded P
{
text-transform: capitalize !important;
}

.in-Cart .you-chose H3, .in-Cart .you-pay H3, .rightsection H3
{
  
  text-transform: capitalize !important;
  }
/*.product-info .description:after
{
  content: "Please add money to your savings account";
  color : red;
}*/
.in-Cart .cost
{
  text-transform: capitalize;
  }

#footer a
{
  text-transform: capitalize !important;
  padding-left: 10px !important;
  color: #666 !important;
  
  }
/*lowercase for footer pages*/

#mainTab-0
{
	width : 100px !important;
}

#mainTabLink0
{
	width : 100px !important;
  line-height: 30px !important;
}

#mainTab-1
{
	width : 180px !important;
}

#mainTabLink1
{
  line-height: 30px !important;
  width : 180px !important;
  }

#mainTab-2
{
	width : 150px !important;
  }

#mainTabLink2
{
  line-height: 30px !important;
  width : 150px !important;
  }

#mainTab-3
{
	width : 180px !important;
}

#mainTabLink3 {
    line-height: 33px !important;
  width : 180px !important;
}

#mainTab-4
{
	width : 120px !important;
}

#mainTabLink4
{
	line-height : 30px;
	width : 120px !important;
}

#mainTabLink5{
	line-height: 30px !important;
	width : 160px !important;;
}
#mainTab-5{
	width: 160px !important;;
}


#menu-no-dashboard li
{
      margin-left: -20px !important;

  }

.content-checkout-complete .checkout-button .button-style
{
  width: 200px !important;
  background: url(/hp/media/Default/print.png) no-repeat center left #004f71 !important;
}

.InvestmentOptionsHeader
{
  
background: #004f71 !important;
  font-weight: unset;!important;
  border: none !important;
  
  }

#InvestmentOptionsTitle
{
  color: #09c !important;
  }



#footer, #footer-sub
{
  padding: 30px 10px 0 !important;
}


#profilecontainer #headerTabs .preference{
    display: none;
}

#user-name.expanded:hover {
  background-position: 0 5px !important;
  }

#links LI:first-child {
    padding-right: unset;
  }

#user-name:focus {
	text-decoration: none
}

/*#footer, #footer-sub
{
  padding: 10px 35px 0 !important;
  }*/

p,pre {
  margin-left: 10px !important;
  }
/*#profilecontainer #workTabControl
{
	display:none;
	
}*/

#enrollStep2Container .line-group LI:focus .button-style, .line-group LI:hover .button-style
{
	display: none !important;
		
}

#enrollStep2Container UL.benefit-menu LI P.plan.lineset
{
  height :55px !important;
  }

#login .tile-content p
{
	margin-left: 1px !important;
	
}
.sectionTitle
{
	display: none !important;;
}

#hfw_homeslideCountdown.slidecaption
{
  margin-top: 1% !important;
  }

#links LI:first-child select#ddlLanguage
{
  
    text-transform: capitalize !important;
  
}

#floating-header-content A
{
  width : 233px;
  }

#lnkContent-143853 span
{
	display : none;
}
  
.content-overlay .textWrapper
{
	display: none;
}

.slidecaption
{
	line-height: 0.4em !important;
  }

.steps A
{
	text-transform: capitalize !important;
}

.selectedlinename h1
{
	padding-top: 100px !important;
}
  
.content-overlay .next-button .button-style
{
  width :125px !important;
  clear : none;
    }
#followup-items-overlay div
{
		clear :none ;
  
  
  
/*#CurrentEmployeeSpendingAccountDiv #SpendingContent table tr:nth-child(3)
{
	display: none !important;
}
#CurrentEmployeeSpendingAccountDiv #SpendingContent table tr:nth-child(4)
{
	display: none !important;
}
#CurrentEmployeeSpendingAccountDiv #SpendingContent table tr:nth-child(5)
{
display: none !important;
}
#CurrentEmployeeSpendingAccountDiv #SpendingContent table tr:nth-child(6)
{
display: none ! important;
}*/
  }
/*END DEFAULT TEMPLATE STYLES HERE*/

/* to hide view my spend tab from enrollment page 3 and pipe*/
#enrollStep3Container #tabs .view-my-spend
{
  display: none;
  
}
.htabs-container .tabs{background: none;}
#products-header-label.products-header H4{text-transform: none;}

/*--to hide Additional details in blue--*/
#content .data-single-colum label
{
  display: none;
}
/* #tile3   benefit over view from My pension
{*/
#benefits #tile3.tile {
  background: url("/marketplace-apac/media/default/home/icoHighStreet_off.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  transition: all 0.3s ease-out 0.1s;
}
#benefits #tile3.tile:hover {
  background: url("/marketplace-apac/media/default/home/icoHighStreet_on.png") no-repeat scroll 50% 15%; 
  background-color: transparent; 
  color: #A4A9AD; 
  box-shadow: 0 0 4px 2px #888;
}
  /*display: none;
}
#home #tile4    pension Summary from home
{
  display:none;
}*/

#profilecontainer #contactTabControl /*to hide contact tab from profile page*/
{
  display:none ;
  
}

/*TO show limit for currency type of line - Coverage ID's*/
#inputTextInstruction1eb4e28b-6985-4ad0-a3e5-2bb7f7694225
{
    display: none;
}
#inputTextInstruction16daf63e-bcf3-4873-bff6-05274afaf106
{
    display: none;
}
#inputTextInstruction81d65324-62a2-429e-881a-f47c7fc1305f
{
    display: none;
}
#inputTextInstructione1c4d148-405a-4f13-9fd4-13162d706e60
{
    display: none;
}

/*to hide enrol button*/
.tile a {
    color: #fff;
    text-decoration: none;
    display: none;
}

#personalTab [ng-if="vm.clientUIConfiguration.ProfileEmployeeMaritalStatusDisplay"]{display: none !important;}

/* Minification failed (line 1110, error number 1062): Expected semicolon or closing curly-brace, found '!important' */