/*START DEFAULT TEMPLATE STYLES HERE*/

/*Addleshaw Goddard colours*/
(hex code)
deep cyan - #2a857b
dark gray - #686a6d
aqua blue - #55b5b0
tan brown - #da8e29 
light gray - #999a9a

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

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*/
@media only screen and (min-width: 751px) {
.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:530px;}
}

#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;}

/*DEFAULT TILE LAYOUT FOR 3 DASHBOARD PAGES*/

/* BEGIN IF CREATING A SITE FROM THE UK - Marketplace 2.0 (beta) PACKAGE YOU SHOULD NOT COPY THIS CODE INTO THE NEW CLIENT CSS FILE*/

div#home #tile1 {height: 310px; background: #D94234 url("/static/Aon.Marketplace/img/tiles/family.jpg") 0% 100% no-repeat ;}
div#home #tile1 .tile-content { height: 160px; border-bottom: 10px solid #fff; }
div#home #tile2 {background-color: #EE5921;}
div#home #tile3 {height: 470px; background: #7CD0DE;}
div#home #tile4 {background-color:green;}
div#home #tile5 {background-color:#4C90BF;}
div#home #tile6 {background: #F1C11E url("/static/Aon.Marketplace/img/bg/tiles.jpg") 100% 0% no-repeat ;}
div#home #tile6 .tile-content {border-right: 10px solid #FFFFFF; width: 160px;}

div#benefits #tile1 {background-color: #F1C11E;}
div#benefits #tile2 {height: 310px; background-color: #EE5921; background-image: url("/static/Aon.Marketplace/img/tiles/family.jpg"); background-position: 0% 100% ; background-repeat: no-repeat;}
div#benefits #tile2 .tile-content {height:160px; border-bottom:10px solid #FFFFFF;}
div#benefits #tile3 {height: 470px; background:#7CD0DE;}
div#benefits #tile4 {background-color:#66CC33;}
div#benefits #tile5 {background: #4C90BF url("/static/Aon.Marketplace/img/bg/tiles.jpg") 100% -600px no-repeat ;}
div#benefits #tile5 .tile-content {border-right: 10px solid #FFFFFF; width: 160px;}
div#benefits #tile6 {background-color: #EE5921;}

div#lifechanges #tile1 {background-color: #4C90BF;}
div#lifechanges #tile2 {height: 310px; background: #EE5921 url("/static/Aon.Marketplace/img/tiles/family.jpg") 0% 100% no-repeat ;}
div#lifechanges #tile2 .tile-content {height:160px; border-bottom:10px solid #FFFFFF;}
div#lifechanges #tile3 {height: 310px; background: #F1C11E url("/YourBenefits/media/TemplateSite.Corporate/DashboardImages/wedding_ring.jpg") 0% 100% no-repeat ;}
div#lifechanges #tile4 {background-color:#D94234;}
div#lifechanges #tile5 {height: 470px; background-color: #48AC3F;}

/* END IF CREATING A SITE FROM THE UK - Marketplace 2.0 (beta) PACKAGE YOU YOU SHOULD NOT COPY THIS CODE INTO THE NEW CLIENT CSS FILE*/

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


#login #tile1 {
  background-color: #686a6d !important; 
  background: #00A9CE url("/ukhnb/media/Default/misc/login_icon1.png") no-repeat 49px 220px scroll; 
  height:470px;}

#login #tile2 {
  background-color: #999a9a !important; 
  background: #00A9CE url("/ukhnb/media/Default/misc/login_icon2.png") no-repeat 164px 343px scroll; 
  height: 470px !important;}

#login #tile3 {
  background-color: #d6dad7; 
  display: none !important;}


/** ADD A TESTING PICTURE**/
 div.items div#Overview-147794.info-text.item.benefit-type-content.Overview.L {
    background: rgba(0, 0, 0, 0) url("../Aon.Marketplace/img/content/faqs_image.jpg") no-repeat scroll right 20px;
}

/** EDITING HOME PAGE **/
/** EDITING MENU DASHBOARD ON HOME PAGE **/

#menu-container #menu-no-dashboard li a {
    text-transform: uppercase;
	color: rgb(104,106,109);
	}
div#logo {
    background: #fff url("/ukhnb/media/Default/misc/AG_logo_login.png") no-repeat left bottom ;
}
div#wrapper #mainNav {
background-color:#fff;
}

div#mainNav ul#links a {
    color: rgb(104,106,109);
}

/** Home icons **/
#home #tile2 .tile-content {
    background: url("/ukhnb/media/Default/misc/myBenefits_icon.png") no-repeat scroll 50% 15%, rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 center;
}

#home #tile3 .tile-content {
    background: url("/ukhnb/media/Default/misc/myReward_icon.png") no-repeat scroll 50% 15%, rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 center;
}

#home #tile4 .tile-content {
  background: url("/ukhnb/media/Default/misc/myDeals_icon.png") no-repeat scroll 50% 15%, rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 center;
}

#footer, #footer-sub {
background: #d8d8d6 none repeat scroll 0 0;
text-align: center;
}
#footer a {
color: black;
}

div#main.home #tile2 .tile-content,div#main.home #tile3 .tile-content,div#main.home #tile4 .tile-content {
    border-left: outset;
  color: rgb(104,106,109);
}
/** BENEFITS ICON IN ENROLLMENT STEP2 **/
div.img.L62c87493-7743-45e7-8339-d77a50480aef {background:rgba(0, 0, 0, 0) url("/ukhnb/media/Default/AG%20-%20200x129px%20icons/AG_ChildcareVouchers_200x129px.png") no-repeat scroll -25px center;}
div.img.L4613480d-45b5-42c4-9051-6a149b1d1751 {background:rgba(0, 0, 0, 0) url(" /ukhnb/media/Default/AG%20-%20200x129px%20icons/AG_DentalInsurance_200x129px.png") no-repeat -20px;}
div.img.L11e7c87e-4c59-4dc3-9931-b1d3ec44a3b8 {background:rgba(0, 0, 0, 0) url("/ukhnb/media/Default/AG%20-%20200x129px%20icons/AG_DiningMembership__200x129px.png") no-repeat -25px;}
div.img.Lea8889ab-a7b3-4e19-ac2c-9d72d5867b94 {background:rgba(0, 0, 0, 0) url("/ukhnb/media/Default/AG%20-%20200x129px%20icons/AG_EyeTestRequest_200x129px.png") no-repeat -25px;}
div.img.L3ef4759b-9b4c-4546-83c0-66c8c6b99625 {background:rgba(0, 0, 0, 0) url("/ukhnb/media/Default/AG%20-%20200x129px%20icons/AG_CriticalIllnessEmployee_200x129px.png") no-repeat -20px;}
div.img.L7546e14d-6fc2-4fa6-914e-efbf0425fd9f {background:rgba(0,0,0,0) url("/ukhnb/media/Default/AG%20-%20200x129px%20icons/AG_CycletoWork_200x129px.png") no-repeat scroll -25px;}
/** BENEFITS ICONS **/
div#content-147789 .info-text.item.benefit-type-content.Overview.L, .MoreDetails.L, .Contact.L {
    background: url("/ukhnb/media/Default/AG%20-%20447x243px%20icons/AG_Pension_447x243px.png") no-repeat right;
}
div#content-144371 .info-text.item.benefit-type-content.Overview.L, .taxandnationalinsurance.L9e5fc541-41b8-4d05-90e0-1b0bfdbf7994, .contacts.L9e5fc541-41b8-4d05-90e0-1b0bfdbf7994 {
    background: rgba(0,0,0,0) url("/ukhnb/media/Default/AG%20-%20447x243px%20icons/AG_PrivateMedicalInsurance_447x243px.png") no-repeat right ;
}

div#pagecontent .single-column #content .home-benefits {
height: 300px;
background: rgba(0, 0, 0, 0) url("\9 /ukhnb/media/Default/steps/AG-1-2-3_large-steps.png") no-repeat scroll 0px 175px;
}
@media only screen and (max-width: 751px) {
  div#pagecontent .single-column #content {background: #fff; }
}
/*mk BENEFIT overview*/

body {
    font-family: proxima-nova,Arial,Helvetica,sans-serif;
    font-weight: 600;
}

#pagecontent #overviewcontainer .tabs UL LI A {
    padding: 3px 11px 0;
    width: 125px;
    text-transform:none
}
.htabs-container .tabs UL LI.sel A {
    background: none;
    color: #2a857b;
    font-size: small;
}
.htabs-container .tabs UL LI A:focus, .htabs-container .tabs UL LI A:hover {color: #2a857b;}


#overviewcontainer #content .benefitsinfo .info .info-links UL LI.sel A {
    color: #2a857b;
    font-weight: 600;
    text-transform: none;
}

/*DEALS*/
#deals #tile2 .tile-content {
background: url("/ukhnb/media/Default/misc/myBenefits_icon.png") no-repeat scroll 50% 5%, rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 center }
#deals #tile3 .tile-content {
background: url("/ukhnb/media/Default/misc/AonPlus_icon.png") no-repeat scroll 50% 5%, rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 center }
#deals #tile2 .tile-content, #deals #tile3 .tile-content { color: #686a6d; text-align: center; padding-top: 10% !important; }
div.deals#main, div.deals#main #tile1 { width:100%; height: auto; margin-bottom: 0; padding-top: 0; }
#deals #tile1 .tile-content, #deals #tile2 .tile-content, #deals #tile3 .tile-content { height: auto; }

/*END DEFAULT TEMPLATE STYLES HERE*/


/* Login Page - login tile color update */
.isLoginPage .scene .one-wide div#wp-login {background-color: #55b5b0 !important;}

.tile-content {
    height: 100%;
    overflow: hidden;
    padding: 20px 20px;
    text-overflow: ellipsis;
    vertical-align: top;
  }
#login .tile-content h2 {font-size: 1.6em; font-weight: 500; line-height: 32px; margin: 20px -1px 5px 2px !important;}
#wp-login .tile-content h2 {color: #FFF; font-size: 1.6em; font-weight: 500; line-height: 32px; margin: 15px;}
#wp-login {background-color: #55b5b0 !important;}

/*Button login*/

#wp-login .button {float: left;}


.login-box {margin-left: 15px; margin-right: 40px;}
.tile label {padding-bottom: 3px; font-size: small;}

#wp-login .button.bg-orange {width:145px; float: left; background-color: #2a857b !important; margin-top: 27px !important; margin-left: 16px !important;}
#login .tile-content p {color: white !important;}
.tile-content .question {background: none !important}
div#page-title H1{color: black;}
div#login #tile1:hover {cursor:default; box-shadow:none;}
div#login #tile2:hover {cursor:default; box-shadow:none;}

/*user name and password fixed*/

label {text-transform: inherit;}

div#wp-forgetPassword .question {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}

/*middle column*/

.one-wide .bg-red-light .tile-content {background: #d7d8d9 none repeat scroll 0 0 !important;}

/*mk benefits MYBENEFITS*/

#benefits.row #tile2.tile .tile-wrapper .tile-content {background: url("/ukhnb/media/Default/misc/myBenefits_icon.png") no-repeat scroll 50% 15%, rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 center;}
#benefits.row #tile3.tile .tile-wrapper .tile-content {background: url("/ukhnb/media/Default/misc/okopoprawka.png") no-repeat scroll 50% 15%, rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 center;}
#benefits.row #tile4.tile .tile-wrapper .tile-content {background: url("/ukhnb/media/Default/misc/lifeEvents_icon.png") no-repeat scroll 50% 15%, rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 center;}
#wrapper .benefits #pagecontent #benefits.page .row .tile .tile-wrapper .tile-content { color: black; }

.htabs-container .tabs UL LI {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}

#profilecontainer .htabs-container .tabs UL LI, #overviewcontainer .tabs UL LI { width: 150px;}


#content .page-title H1, H1 {
    color: #2a857b;
    font-weight: inherit;
}
#content .info .info-links UL LI A:focus, #content .info .info-links UL LI A:hover{
    color: #2a857b;
    cursor: pointer;
    text-transform: none;
    font-weight: 700;
  }


/**mk forgotten your password**/

.mfp-content .header-overlay {
    background: #2a857b none repeat scroll 0 0;
    float: left;
    height: 40px;
    left: 0;
    margin-bottom: 20px;
    padding: 4px 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
 .header-overlay H5 {
    background: none;
    color: #fff;
    float: left;
    margin: 0 0 0 12px !important;
    padding: 4px 0 0 10px;
    text-transform: uppercase;
}
.steps .sel {
    color: #2a857b !important;
}

.steps UL {
    background: transparent url("/ukhnb/media/Default/steps/steps1_blank.png") no-repeat scroll left top;
    height: 50px;
    margin: 0;
    padding-left: 20px;
    text-transform: lowercase;
    width: 706px;
}
.steps UL.sel-step2 {
    background: transparent url("/ukhnb/media/Default/steps/steps2_blank.png") no-repeat scroll 10px;
}

A.button-style.blue {
    background: #2a857b none repeat scroll 0 0;
  }
span.label, label {
    color: #2a857b;
    display: block;
    font-size: 1.2em;
    font-weight: 500;
    margin: 0;
    padding-left: 16px;
    text-align: left;
    background: none;
  }
  


/*Carousels background*/
#home-module-welcome #slider .sliderContainer .slide-content, .home-module-integrated #slider .sliderContainer .slide-content {
    float: left;
    background-color: transparent;
    margin: 2rem;
}

/* Minification failed (line 4, error number 1025): Expected comma or open brace, found ')' */