/* ----------------------------------------------------------------------------------------------------------
BASE (Wherever this element is on the page, it should look like this)----------------------------------------
---------------------------------------------------------------------------------------------------------- */

body {
	background: #f4f4f5;
}

.your-society .third .bg-2 {
	background: #d3e8f8!important;
}

/* ------------------------------------
Typography ----------------------------
------------------------------------ */

.page-title h1 {
	font-size: 7.0em;
}

.main-article h1 {
	font-size: 4.6em;
}

.responsive-text {
	font-size: 10em;
}
.responsive-text-dual-rate {	
	font-size: 5em;
}

	.promo-box-2 .responsive-text {
		font-size: 3.5em;
	}

	.promo-box-2 .responsive-text-alt {
		font-size: 7.5em;
	}

.info-boxes h2 {
	color: #182745;
	background: none;
	padding: 20px 0 20px 0;
	font-family: "effra-i3";
	font-weight: 300;
	font-size: 4.8em;
}

.main-article h3 {
	font-size: 3.0em;
}

.contact-lists h3 {
	font-size: 2.0em;
}

.calc h4 {
	padding-bottom: 0;
}

.main-article h4 {
	font-size: 2.6em;
}

.quicklook h4 {
	font-size: 1.6em;
	margin-bottom: 5px;
}

.checkbox-group-1 {
	width:30px;
	padding-top:8px;
}

.input-group-1 {
	padding-bottom:30px;
}

.branch-search .search-box {
	width: 75%;
	float: left;
}

.search-btn {
	float: left;
	width: 25%;
}

/* ----------------------------------------------------------------------------------------------------------
LAYOUT (These are sections, they hold one or more Modules together)------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.l-wrapper {
	max-width: 1200px;
	min-width: 1080px;
}

.l-col-0 {
	padding-bottom: 0;
}

.l-col-1 {
	width: 95%;
	margin: 0 auto;
}

.l-col-2 {
	width: 48.341232227488%;
	float: left;
	margin-right: 3.3%;
}

	.branch-finder .box-list .l-col-2 {
		margin-right: 1.58%;
	}

.l-col-2:nth-child(even) {
	margin-right: 0;
}

.l-col-3b {
	margin: 0 auto 20px;
}

.l-col-3,
.l-col-3.third,
.l-col-3:nth-child(even),
.l-col-3b,
.l-col-3b.third,
.l-col-3b:nth-child(even) {
	width: 31.875%;
	float: left;
	margin: 0 2.1875% 30px 0;
	position: relative;
}

.l-col-3:nth-child(2n+1) {
	clear: none;
}


.l-col-3:nth-child(3n+1) {
	clear: left;
}

.l-col-3:nth-child(3n),
.l-col-3b:nth-child(3n) {
	margin-right: 0;
}

.l-col-3b,
.l-col-3b.third,
.l-col-3b:nth-child(even) {
	margin-bottom: 60px;
}

.l-col-1-2 {
	width: 63.4375%;
	float: left;
	margin-left: 2.5%;
	padding-bottom: 40px;
}

.your-society .l-col-1-2 {
	padding-bottom: 10px;
}

.l-col-4,
div.l-col-4 {
	width: 25%;
	float: left;
}

.l-col-6,
.l-col-6:nth-child(3n+3) {
	width: 14.84375%;
	margin-right: 2.1875%;
	float: left;
}

.l-col-6:nth-child(6n+1) {
	clear: left;
}

.l-secondary {
	padding-bottom: 0px;
}

.l-sidebar {
	width: 29.375%;
	margin: 0 2.5% 0 0;
	float: right;
	padding-top: 20px;
}

.l-split-col-left {
	width: 65.9375%;
	float: left;
}

.l-split-col-right {
	width: 31.875%;
	float: right;
}

.l-inner-1-3 {
	width: 22.670025188917%;
	float: left;
}

.l-inner-2-3 {
	width: 74.307304785894%;
	float: right;
}

/* ----------------------------------------------------------------------------------------------------------
MODULES (Reusable, modular parts of our design) -------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/*------------------------------------
Buttons
----------------------------------- */

.hero-box .btn,
.main-article .btn,
.local-branch .btn {
	display: inline-block;
}

.main-article .btn-back {
	display: none;
}

.btn-back {
	font-size: 2.0em;
	padding: 15px 15px 15px 40px;
	text-align: left;
}

.btn-help,
.btn-help:hover {
	display: inline-block;
	padding: 15px 20px;
	font-size: 2.4em;
}

.cta {
	width: 100%;
	margin-bottom: 15px;
}

.cta-link {
	width: 33.333333%;
	border-bottom: 0;
	border-right:2px solid white;
	float: right;
}

.cta-double {
	width: 50%;
}

.apply-last {
	border-right: 0;
}

.cta-left {
	float: left;
}

/*------------------------------------
Header
----------------------------------- */

.site-logo a,
html.no-svg .site-logo a {
	background: url(../img/leeds-building-society-logo.png) no-repeat top left;
	background-size: 325px auto;
	width: 325px;
	height: 70px;
}

.main-mobile-menu,
.mobile-menu-btn {
	display: none;
}

.main-menu,
.main-sub-menu {
	display: block;
	z-index: 10;
	position: relative;
}

.main-menu .menu-1 {
	float: left;
	margin: 0 0 0 2.5%;
}

	.home .main-menu .menu-1,
	.your-society .main-menu .menu-1 {
		margin: 0 0 -40px 2.5%;
	}

.main-menu .menu-2 {
	float: right;
	margin: 0 2.5% 0 0;
}

	.home .main-menu .menu-2,
	.your-society .main-menu .menu-2 {
		margin: 0 2.5% -40px 0;
		float: right;
	}

.main-menu li {
	float: left;
	list-style: none;
}

.main-menu a {
	display: block;
	padding: 0 8px;
	margin-right: 2px;
	text-decoration: none;
	background-color: #d3e8f8;
	font-size: 2.0em;
	line-height: 40px;
}

	.home .main-menu a,
	.your-society .main-menu a {
		background-color: #fff;
	}

.main-menu a:hover {
	background-color: #5478b2;
	color: #fff;
}

.home-icon {
	text-indent: -9999px;
	background-image: url(../img/home-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
}

.intermediaries .home-link .home-icon,
.eire .home-link .home-icon,
.gibraltar .home-link .home-icon {
	background-color: #d3e8f8;
}

.home .home-link .home-icon,
.intermediaries-home .home-link .home-icon {
	background-image: url(../img/home-icon-white.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #5478b2;
	color: #fff;
}

	.home-link .home-icon:hover {
		background-color: #ffd908;
		background-image: url(../img/home-icon.png);
		background-repeat: no-repeat;
		background-position: center center;
	}

.main-menu .current-parent a {
	background-color: #5478b2;
	color: #fff;
}

.o-link {
	background-color: #ffac00!important;
	color: #fff;
}
	.o-link:hover {
		background-color: #ffd908!important;
		color: #182745!important;
	}

.b-link {
	background-color: #5478b2!important;
	color: #fff;
}

	.b-link:hover {
		background-color: #254d8a!important;
	}

.your-society .current a {
	background-color: #ffd908!important;
	color: #182745!important;
}

.main-sub-menu {
	float: right;
	clear: right;
}

.main-sub-menu li {
	list-style: none;
	float: left;
}

.main-sub-menu li a {
	color: #fff;
	font-size: 1.4em;
	text-decoration: none;
	padding: 15px 0 0 15px;
	display: block;
}

.main-sub-menu li a:hover {
	color: #6a81b9;
}

.breadcrumb {
	display: block;
	padding: 10px 2.5%;
}

.bc-start {
	float: left;
	font-size: 1.4em;
}

.breadcrumb-menu {
	float: left;
	padding-left: 10px;
}

.breadcrumb-menu .bc-title {
	font-size: 1.4em;
}

.share-this {
	float: right;
	width: 280px;
}

.share-title {
	font-size: 1.4em;
}

.main-social {
	display: block;
	float: right;
	color: #6a81b9;
	font-size: 1.4em;
	width: 170px;
	margin-top: 10px;
}

	.main-social span {
		display: inline-block;
		float: left;
		padding-top: 5px;
	}

.main-social ul {
	float: left;
}

	.main-social li {
		width: 20px;
		height: 20px;
		margin-left: 10px;
		float: left;
		list-style: none;
	}

		.main-social li a {
			display: block;
			width: 20px;
			height: 20px;
			background: url(../img/main-social-sprite.png) no-repeat 0 0;
			text-indent: -9999px;
		}

		@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
		only screen and (min-device-pixel-ratio : 1.5) {

			.main-social li a {
				background: url(../img/main-social-sprite@2x.png) no-repeat 0 0;
				background-size: 160px auto;
			}

		}

		.main-social .twitter a { background-position: 0 0; }
		.main-social .linkedin a { background-position: -37px 0; }
		.main-social .googleplus a { background-position: -74px 0; }
		.main-social .facebook a { background-position: -105px 0; }

.savings-detail .share-top {
	padding-top: 20px;
}

.promo-social-link {
	font-size: 1.3em;
	padding: 8px 5px;
}

/*------------------------------------
Footer
----------------------------------- */

.footer-primary {
	float: left;
	width: 31.166666666667%;
	margin: 0 1.96875% 0 2.5%;
}

.footer-secondary {
	float: right;
	margin: 20px 2.5% 0 0;
	width: 61.864583333333%;
}

.inner-foot {
	width: 100%!important;
}

.main-footer-menu {
	padding-bottom: 5px;
}

.main-footer-menu li a {
	font-size: 1.3em;
	padding: 8px 20px 8px 8px;
	background: url(../img/btn-arrow-sml-white.gif) no-repeat #fff right center;
}

.sub-footer-menu li a {
	font-size: 1.3em;
}

/*------------------------------------
Titles
----------------------------------- */

.page-title-wrap {
	display: inline-block;
	width: auto!important;
}

.page-title {
	padding: 10px 40px 10px 0;
}

.sub-title-1 {
	font-size: 2.8em;
}

.sub-title-2,
.insurance .info-boxes .sub-title-2 {
	font-size: 3.2em;
}

.transparent-corner {
	background: #fff;
}

.transparent-corner {
	margin-right: 50px;
}

	.hero-box .transparent-corner {
		background: #fff;
	}

.transparent-corner:after {
   width: 0;
   height: 0;
   border-bottom: 40px solid #fff;
   border-right: 50px solid transparent;
   position: absolute;
   content: "";
   top: 0;
   right: 0;
}

	.bg-1.transparent-corner:after {
		border-bottom: 40px solid #535d68;
	}

	.bg-2.transparent-corner:after {
		border-bottom: 40px solid #d3e8f8;
	}

	.bg-3.transparent-corner:after {
		border-bottom: 40px solid #e7eaec;
	}

	.bg-7.transparent-corner:after {
		border-bottom: 40px solid #e8f3fb;
	}

.secure-email-box .box-50 {
	width: 49%;
	padding-right: 20px;
	border-right: 1px solid #032143;
}

.secure-email-box .secure-email-box-right {
	padding-left: 20px;
	padding-right: 0;
	border-right: 0;
}

.secure-email-box a {
	word-wrap: break-word;
}

.box-1.box-corner:after,
.box-1.box-corner:before {
	display: block;
}

.box-1,
.home .box-1,
.box-1-address {
	margin-bottom: 30px;
	padding: 20px;
}

.intermediaries-home .hero-box .box-1 {
	margin-bottom: 30px;
}

.box-1-address {
	margin-bottom: 30px;
	padding: 10px 0 0 0;
}

.your-society .box-padding {
	padding: 0 5% 30px;
}

.l-secondary .box-1 {
	padding: 0;
}

.l-col-1-2 .box-padding {
	padding: 20px 0;
}

.news .l-col-1 .box-padding {
	padding: 20px 0;
}

.hero-box {
	width: 45%;
	left: 2.5%;
	bottom: 70px;
}

.hero-box p {
	font-size: 4.8em;
	line-height: 100%;
	font-family: "effra-i3";
	font-weight: 300;
	margin-bottom: 12px;
}

.promo-box-1 p,
.promo-box-2 p {
	font-size: 1.2em;
}

.help-box li a {
	font-size: 2.0em;
}

.help-box .contact-details {
	display: block;
}

.contact-details {
	padding-bottom: 20px;
}

.contact-details span {
	display: block;
	padding: 0 10px;
}

	.contact-details span p {
		padding-bottom: 0;
	}

	.contact-details .number a {
		padding: 0;
		font-family: "effra-i3";
		font-weight: 300;
		font-size: 3.2em;
	}

.contact-details .email {
	font-size: 1.6em;
}

.contact-details .email a {
	display: inline;
	font-size: 1em;
	padding: 0;
	text-decoration: underline;
}

	.contact-details .email a:hover {
		text-decoration: none;
	}

.help-box .sub-link a {
	font-size: 1.6em;
	padding: 5px 10px;
}

.contact-box .number {
	font-size: 2.2em;
}

.member-box {
	border-top: none;
	padding-top: 0;
}

.home .l-col-3 .side-box,
.side-box,
.side-box:nth-child(even),
.side-box:nth-child(odd) {
	width: 100%;
	float: none;
	clear: both;
	margin-bottom: 30px;
}

/*------------------------------------
Main
----------------------------------- */

.inner-head {
	width: 95%;
}

.inner,
.insurance .info-boxes .inner {
	width: 100%;
}

.hero-img img {
	width: 100%;
	margin: -10% 0 0 0;
}

.content-hero {
	padding-top: 20px;
}

.credit-card .content-hero {
	margin-bottom: 30px;
}

.main-article p,
.main-article .story p {
	font-size: 2.2em;
	font-family: "effra-i3";
	font-weight: 300;
	line-height: 130%;
	padding-bottom: 22px;
}

.main-article .story p {
	font-size: 2.0em;
}

.main-article .more-info p {
	font-size: 1.8em;
	font-weight: 400;
}

.tertiary {
	display: block;
	border-top: 1px solid #ffb10f;
	width: 95%;
	margin: 0 auto;
	padding: 20px 0 45px;
}

.tertiary p {
	font-size: 1.3em;
	line-height: 130%;
}

	.tertiary p a {
		font-weight: 700;
	}

.story {
	padding-bottom: 30px;
}

.cta-desc {
	width: 100%;
	display: block;
	float: left;
}

.cta-desc-single {
	width: 66.66666666%;
	display: inline-block;
}

.quicklook-box {
	padding: 20px;
}

.rates-col-3 .l-col-3:nth-child(1),
.rates-col-3 .l-col-3:nth-child(2) {
	border-bottom: none;
	border-right: 1px solid #032143;
	margin-bottom: 0;
	padding-right: 2.1875%;
}

.rates-col-3 .l-col-2:nth-child(1) {
	border-right: 1px solid #032143;
	padding-right: 20px;
}

.mortgage-rates-inner {
	border: none;
	padding-bottom: 0;
	min-height: 155px;
}

.mortgage-rates .first,
.mortgage-rates .third {
	border-right: 2px solid #032143;
}

.mortgage-rates .first,
.mortgage-rates .second,
.mortgage-rates .third,
.mortgage-rates .fourth {
	padding-bottom: 0;
	margin-bottom: 20px;
}

.mortgage-rates .first,
.mortgage-rates .second,
.mortgage-rates .third {
	border-right: 1px solid #032143;
}

.mortgage-rates .rate {
	font-size: 2.8em;
}

.mortgage-rates .box-padding {
	padding: 0 20px;
}

.mortgage-rates-inner p {
	font-size: 1.5em;
	font-weight: 400;
	padding-bottom: 0;
}
.mortgage-rates-inner .percent {
	font-size: 1.8em;
}

.mortgage-rates-inner {
	min-height: 155px;
}

/*------------------------------------
Lists
----------------------------------- */

.main-article li {
	font-size: 2.2em;
	font-family: "effra-i3";
	font-weight: 300;
	margin-left: 22px;
}

.main-article ol li {
	margin-left: 26px;
}

.box-list li {
	margin-bottom: 30px;
}

.box-list li:nth-child(odd){
	background-color: #e8f3fb;
}

.box-list li:first-child,
.box-list li:nth-child(4n+4),
.box-list li:nth-child(4n+5) {
	background-color: #d7e6f7;
}

.box-list li.l-col-3:nth-child(even){
	background-color: #e8f3fb;
}

.box-list li.l-col-3:nth-child(odd){
	background-color: #d7e6f7;
}

.p-grid .rate {
	font-size: 3.0em;
}
	.savings-detail .p-grid .rate {
		font-size: 2.0em;
	}

.p-grid .percent {
	font-size: 1.5em;
}

.mortgages-landing .l-col-1-2 .nav-list,
.intermediaries-products-landing .l-col-1-2 .nav-list,
.intermediaries-home .l-col-1-2 .nav-list, /*** RH ***/
.sitemap .l-col-1-2 .nav-list {
	float: left;
	width: 48.341232227488%;
	margin-right: 3.317535545024%;
}

.mortgages-landing .l-col-1-2 .nav-list:nth-child(even),
.intermediaries-products-landing .l-col-1-2 .nav-list:nth-child(even),
.intermediaries-home .l-col-1-2 .nav-list:nth-child(even), /*** RH ***/
.sitemap .l-col-1-2 .nav-list:nth-child(even) {
	margin-right: 0;
}

.nav-list li a,
.main-article .nav-list li a {
	font-size: 1.8em;
}

.picture-list li {
	width: 100%;
	padding-bottom: 30px;
	float: left;
	margin-right: 0;
	font-size: 1em;
	margin-left: 0;
}

.picture-list li p {
	font-size: 1.6em;
	font-weight: 400;
}

.picture-list .l-inner-2-3 {
	border-top: 1px solid #fcd900;
	padding-top: 15px;
}

.booklet-list li li {
	width: 148px;
	margin-right: 15px;
	margin-left:0;
}

	.booklet-list li li:nth-child(even){
		margin-right: 15px;
	}

.booklet-list a {
background: url(../img/pdfs-covers/ie-vers/pdf-placeholder-ie.jpg) no-repeat center top;

}

	.interim-2015 a 			{ background: url(../img/pdfs-covers/ie-vers/2015-interim-results-ie.jpg) no-repeat center top; }
	.report-accounts-2015 a 	{ background: url(../img/pdfs-covers/ie-vers/2015-report-and-accounts-ie.jpg) no-repeat top center; }
	.basel-2015 a 			{ background: url(../img/pdfs-covers/ie-vers/2015-basel-ie.jpg) no-repeat top center; }
	
	.interim-2014 a 			{ background: url(../img/pdfs-covers/ie-vers/2014-interim-results-ie.jpg) no-repeat center top; }
	.member-magazine-2014 a 	{ background: url(../img/pdfs-covers/ie-vers/2014-member-magazine-ie.jpg) no-repeat top center; }
	.report-accounts-2014 a 	{ background: url(../img/pdfs-covers/ie-vers/2014-report-and-accounts-ie.jpg) no-repeat top center; }
	.basel-2014 a 			{ background: url(../img/pdfs-covers/ie-vers/2014-basel-ie.jpg) no-repeat top center; }
	

.interim-2013 a { background: url(../img/pdfs-covers/ie-vers/2013-interim-results-ie.jpg) no-repeat center top; }
.highlights-2013 a { background: url(../img/pdfs-covers/ie-vers/2013-highlights-ie.jpg) no-repeat top center; }
.report-accounts-2013 a { background: url(../img/pdfs-covers/ie-vers/2013-report-and-accounts-ie.jpg) no-repeat top center; }
.basel-2013 a { background: url(../img/pdfs-covers/ie-vers/2013-basel-ie.jpg) no-repeat top center; }

.interim-2012 a { background: url(../img/pdfs-covers/ie-vers/2012-interim-results-ie.jpg) no-repeat top center; }
.highlights-2012 a { background: url(../img/pdfs-covers/ie-vers/2012-highlights-ie.jpg) no-repeat top center; }
.annual-2012 a { background: url(../img/pdfs-covers/ie-vers/2012-annual-results-ie.jpg) no-repeat top center; }
.report-accounts-2012 a { background: url(../img/pdfs-covers/ie-vers/2012-report-and-accounts-ie.jpg) no-repeat top center; }
.basel-2012 a { background: url(../img/pdfs-covers/ie-vers/2012-basel-ie.jpg) no-repeat top center; }

.highlights-2011 a { background: url(../img/pdfs-covers/ie-vers/2011-highlights-ie.jpg) no-repeat top center; }

.booklet-list li a {
	background-size: 148px auto;
	width: 148px;
}


.history-list li {
	margin-bottom: 0;
	margin-left: 0;
	font-size: 1em;
}

.history-list .history-2013 { padding-bottom: 40px; }
.history-list .history-2012 { padding-bottom: 150px; }
.history-list .history-2011 { margin-top: -50px; }
.history-list .history-2008 { padding-bottom: 20px; }
.history-list .history-2006 { padding-bottom: 100px; }
.history-list .history-2002 { padding-bottom: 20px; float: right; margin: -100px 0 70px 3.317535545024%; }
.history-list .history-1960 { padding-bottom: 20px; margin: 0 0 0 3.317535545024%; }
.history-list .history-1930 { float: right; margin-bottom: 70px; }
.history-list .history-1924 { margin-top: 100px; }
.history-list .history-1845 { margin-top: -100px; }

/*------------------------------------
Tabs
----------------------------------- */

.tabs {
	width: 100%;
}

.tabs-style-1 .hide,
.td-hide {
	display: inline;
}

/*------------------------------------
Tables
----------------------------------- */

.tables-style-1 table {
	margin-bottom: 15px;
}

.tables-style-1 tr,
.tables-style-1 td {
      float: none;
      width: auto;
}

.tables-style-1 thead {
	display: table-header-group;
}

.tables-style-1 thead tr {
	background: #254d8a;
	margin-bottom: 0;
}

.tables-style-1 tr {
	display: table-row;
	margin-bottom: 0;
}

.tables-style-1 th {
	color: #fff;
	font-size: 1.6em;
	font-weight: 400;
	text-align: left;
	padding: 10px 8px;
	line-height: 100%;
	background: #254d8a;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

	.tables-style-1 th:last-child {
		background: #fff;
	}

.tables-style-1 td {
	font-size: 1.6em;
	display: table-cell;
	text-align: left;
	background: #ebf3fb;
	color: #032143;
	border-right: 1px solid #fff;
	float: none;
	padding: 10px;
	position: inherit;
}

.tables-style-1 td[data-title]:before {
	display: none;
	content: "";
}

.tables-style-1 td.view-btn  {
	padding: 0;
}

.tables-style-1 td.view-btn a {
	padding: 10px;
}

.tables-style-1 td .td-num {
	position: inherit;
	top: auto;
	right: auto;
}

.tables-style-1 .table-subhead td,
.tables-style-1 .table-subhead td:last-child,
.tables-style-1 tbody .table-subhead:first-child td {
	padding: 10px 0;
	display: table-cell;
	width: auto;
}

.tables-style-2 tr {
	background: #e8f3fb;
	border: none;
}


.tables-style-2 td,
.tables-style-2 td:nth-child(odd) {
	display: table-cell;
	padding: 10px;
	width: auto;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 1.6em;
}

.tables-style-2 td:nth-child(even) {
	border-right: none;
}

.tables-style-3 table {
	margin-bottom: 22px;
}

.tables-style-3 th,
.tables-style-3 td {
	font-size: 1.6em;
}

/*------------------------------------
Footer
----------------------------------- */

#responsiveIframe {
	min-height:300px;
}

/*------------------------------------
Asides
----------------------------------- */

.warning {
	padding: 8px 20px;
}

.warning p {
	font-size: 1.4em;
	padding-bottom: 0;
}

.l-sidebar .warning {
	margin-top: 0;
}

.home .warning {
	width: 65.9375%;
	margin: 0 0 30px 0;
}

.ints-warning {
	width: 100%;
}

.download a {
	font-size: 1.8em;
	padding: 8px 10px;
}

.calc p {
	display: block;
	line-height: 120%;
	float: left;
	width: 80%;
	padding-bottom: 0;
}

.calc .icon {
	float: right;
	font-size: 6.0em;
	height: 60px;
	margin-top: -20px;
}

.distance {
	display: inline;
	float: right;
}

.number-overlay {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

.main-social {
	width:180px!important;
}

	.main-social span {
		display:inline;
		float: left;
		padding-top: 5px;
	}

	.main-social ul {
		display:inline;
		float:right;
	}

.hide-580 {
	display: none;
}

.show-580 {
	display: block;
}

.hide-700 {
	display: none;
}

.neg-m {
	margin-top: -40px;
}

span.o-border-t {
		width: 100%;
	}

.nofill-blue li:nth-child(odd),
.nofill-blue li.l-col-3:nth-child(odd) {
	background: #e8f3fb;
}

.status-box-good {
	background-position: center center;
}

.clock-good { background:url(../img/green-clock-ie.gif) 0 9px no-repeat;}
.clock-slight { background:url(../img/yellow-clock-ie.gif) 0 9px no-repeat;}
.clock-severe { background:url(../img/red-clock-ie.gif) 0 9px no-repeat;}

.status-box-good { background:url(../img/service-icons-ie.gif) 0 0 no-repeat #21b632; background-size: 37px 111px; }
.status-box-slight { background:url(../img/service-icons-ie.gif) 0 -37px no-repeat #db891e; background-size: 37px 111px; }
.status-box-severe { background:url(../img/service-icons-ie.gif) 0 -74px no-repeat #b61b1b; background-size: 37px 111px; }

.service-status .l-col-1 .box-padding {
	padding: 20px 0;
}

/*------------------------------------
Credit Card - RH - 03/11/2014
----------------------------------- */

.cc-rates-inner {
	border: none;
	padding-bottom: 0;
	min-height: 155px;
}

.cc-rates .first,
.cc-rates .third {
	border-right: 2px solid #032143;
}

.cc-rates .first,
.cc-rates .second,
.cc-rates .third,
.cc-rates .fourth {
	padding-bottom: 0;
	margin-bottom: 20px;
}

.cc-rates .first,
.cc-rates .second,
.cc-rates .third {
	border-right: 1px solid #032143;
}

.cc-rates .rate,
.cc-rates .cc-rep-rate {
	font-size: 2.8em;
}

.cc-rates .box-padding {
	padding: 0 20px;
}

.cc-rates-inner p {
	font-size: 1.5em;
	font-weight: 400;
	padding-bottom: 0;
}
.cc-rates-inner .percent {
	font-size: 1.8em;
}

.cc-rates-inner {
	min-height: 155px;
}


/* @media screen and (min-width: 700px) { */
  .main-mobile-menu {
    display: none; }
  .mobile-menu-btn {
    display: none; }
  .main-navigation {
    display: block;
    z-index: 100;
    position: relative; min-width:1095px;}
    .main-navigation .dropdown-open a {
      position: relative; }
      .main-navigation .dropdown-open a:after {
        display: block;
        content: "";
        height: 2px;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;

        background: #5478b2; }
    .main-navigation .current-parent {
      background-color: #5478b2;
      color: #fff; }
    .main-navigation .current a {
      background-color: #5478b2;
      color: #fff; }
    .main-navigation li {
      float: left;
      list-style: none; }
      .main-navigation li .view-all {
        font-size: 20px; }
      .main-navigation li .view-all:hover {
        text-decoration: none; }
    .main-navigation a {
      font-size: 1.3em;
      display: block;
      padding: 0 6px;
      margin-right: 2px;
      text-decoration: none;
      line-height: 30px;
      background-color: #d3e8f8;
      color: #032143; }
    .mod-no-touch .main-navigation a:hover {
      background-color: #FCE354; }
    .main-navigation i {
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #032143;
      position: relative;
      top: 11px;
      left: 3px; }
    .main-navigation .dropdown-open a {
      background-color: #5478b2 !important;
      color: #fff !important; }
    .main-navigation .dropdown-open i {
      border-top: 4px solid #ffd900; }
    .main-navigation .navigation-site {
      float:left;
      margin: 0 0 -30px 5%; }
        .main-navigation .navigation-site .home-link .home-icon:hover {
          background: url("../img/home-icon.png") no-repeat #ffd900;
          background-position: center center; }
      .main-navigation .navigation-site .home-link .current {
        background-color: #5478b2; }
      .main-navigation .navigation-site .your-society {
        margin: 0 0 -30px 5%; }
    .main-navigation .navigation-user {
      float: right;
      margin: 0 5% 0 0; }
  .your-society-link a {
    margin-right: 0; }
  .your-society-link.dropdown-open .o-link:hover {
    background: #5478b2 !important;
    color: #fff !important; }
  .your-society-link.dropdown-open .o-link {
    background: #5478b2 !important;
    color: #fff !important; }
  .main-sub-nav {
    position: relative;
    display: block;
    z-index: 10; }
  .home .main-navigation li a {
    background-color: #fff; }
  .mod-no-touch .main-navigation li a:hover {
    background-color: #5478b2;
    color: #fff; }
  .your-society .main-navigation a {
    background-color: #fff; }
  .your-society .main-navigation .navigation-user {
    float: right;
    margin: 0 5% -30px 0; }
  .intermediaries .home-link .home-icon {
    background-color: #d3e8f8; }
  .ireland .home-link .home-icon {
    background-color: #d3e8f8; }
  .gibraltar .home-link .home-icon {
    background-color: #d3e8f8; }
  .home .home-link .home-icon, .intermediaries-home .home-link .home-icon {
    background-image: url(../img/home-icon-white.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #5478b2;
    color: #fff; }
  .o-link {
    background-color: #ffd900 !important;
    color: #182745; }
  .o-link:hover {
    background-color: #ffd900 !important;
    color: #182745 !important; }
  .b-link {
    background-color: #274e89 !important;
    color: #fff !important; }
  .b-link:hover {
    background-color: #5478b2 !important; }
  .your-society .current a {
    background-color: #ffd900 !important;
    color: #182745 !important; }
  .main-sub-nav {
    z-index: 110;
    position: relative;
    top: 5px;
    float: right;
    clear: right; }
    .main-sub-nav ul li {
      list-style: none;
     display: inline-block; 
	 *display: inline; 
	 zoom:1; margin-bottom:1px;
	 vertical-align:bottom;
	 width:auto;
	 margin-right:1px;}
      .main-sub-nav ul li > a, .main-sub-nav ul li > span {
        display: block;
        padding: 5px;
        color: #fff;
        font-size: 1.6em;
        text-decoration: none; }
      .main-sub-nav ul li > a:hover, .main-sub-nav ul li > span:hover {
        color: #6a81b9; }
    .main-sub-nav ul > .find-branch i {
     display: inline-block; *display: inline; zoom:1;
      padding-right: 10px;
      width: 29px;
      height: 24px;
      background: url("../img/nav/find-us.png") no-repeat; }
    .main-sub-nav ul > .contact-us i {
     display: inline-block; *display: inline; zoom:1;
      padding-right: 10px;
      width: 28px;
      height: 21px;
      background: url("../img/nav/phone.png") no-repeat; }
    .main-sub-nav ul > .custom-search {
      position: relative; }
      .main-sub-nav ul > .custom-search > span {
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        position: relative;
        cursor: pointer; }
        .main-sub-nav ul > .custom-search > span > i {
         display: inline-block; *display: inline; zoom:1;
          padding-right: 8px;
          width: 21px;
          height: 21px;
          background: url("../img/nav/search.png") no-repeat; }
      .main-sub-nav ul > .custom-search > .custom-search-container {
        position: absolute;
        top: 35px;
        right: 0;
        padding: 10px 10px 4px;
        width: 400px;
        background: #5478b2; }
        .main-sub-nav ul > .custom-search > .custom-search-container p {
          padding-bottom: 4px;
          color: #fff; }
      .main-sub-nav ul > .custom-search.active > span {
        color: #fff;
        background: #5478b2; }
      .main-sub-nav ul > .custom-search.active > .custom-search-container {
        display: block; }
  .home .main-navigation .navigation-user, .your-society .main-navigation .navigation-user {
    margin: 0 5% -35px 0; }
  .drop-down-container {
    display: none;
    position: absolute;
    top: 32px;
    left: 0;
    margin: 0 5%;
    padding: 5px;
    background: #5478b2;
    color: #fff; }
    .drop-down-container .view-all {
      font-size: 16px !important; }
      .drop-down-container .view-all:hover {
        text-decoration: none !important; }
    .drop-down-container h3 {
      margin-bottom: 10px;
      font-size: 20px; }
    .drop-down-container p {
      font-size: 14px; }
    .drop-down-container h4 {
      font-size: 16px;
      margin-bottom: 0;
      margin-top: 6px; }
    .drop-down-container .btn {
      width: 170px;
      padding: 0px 40px 0 10px;
      font-size: 14px;
      background: url("../img/btn-arrow-dorange.gif") no-repeat center right #ffd900;
      cursor: pointer; }
    .drop-down-container .view-all:hover {
      text-decoration: none; }
    .drop-down-container .intro {
      float: left;
      width: 200px;
      margin: 10px; }
    .drop-down-container ul li a:hover {
      text-decoration: underline; }
    .drop-down-container .double-column {
      float: left;
      margin: 10px 0px; }
      .drop-down-container .double-column ul {
        margin-right: 10px;
        list-style: inherit; }
      .drop-down-container .double-column li {
        line-height: 14px; 
		padding: 2px 0px;}
      .drop-down-container .double-column li a {
        padding: 0;
        background-color: transparent;
        color: #ffd900;
        text-decoration: underline;
        font-size: 14px;
        text-decoration: none;
        line-height: 24px; }
      .drop-down-container .double-column a {
       display: inline-block; *display: inline; zoom:1;
        background: transparent;
        color: #fff;
        text-decoration: underline; }
      .drop-down-container .double-column .view-all {
        font-size: 14px; }
    .drop-down-container .single-column {
      margin: 10px 0px;
      float: left; }
      .drop-down-container .single-column ul {
        float: left;
        margin-right: 10px;
        list-style: inherit; }
      .drop-down-container .single-column li {
        line-height: 14px; 
		padding: 2px 0px;}
      .drop-down-container .single-column li a {
        padding: 0;
        background-color: transparent;
        color: #ffd900;
        text-decoration: underline;
        font-size: 14px;
        text-decoration: none;
        line-height: 24px; }
      .drop-down-container .single-column a {
       display: inline-block; *display: inline; zoom:1;
        background: transparent;
        color: #fff;
        text-decoration: underline; }
    .drop-down-container .mortgage-drop {
      max-width: 635px; }
      .drop-down-container .mortgage-drop .intro {
        width: 200px; }
      .drop-down-container .mortgage-drop .double-column ul {
        float: left; }
      .drop-down-container .mortgage-drop .double-column .left-margin {
        margin-left: 20px; }
      .drop-down-container .mortgage-drop .remove-list-style h4 {
        margin-top: -21px;
        margin-bottom: 0;
        color: #fff; }
      .drop-down-container .mortgage-drop .remove-list-style a {
        padding: 0 6px;
        margin-right: 2px;
        margin-top: 4px;
        color: #fff !important;
        text-decoration: underline !important;
        font-size: 18px; }
        .drop-down-container .mortgage-drop .remove-list-style a:hover {
          text-decoration: none; }
    .drop-down-container .remove-list-style {
      margin-left: -18px;
      list-style: none; }
      .drop-down-container .remove-list-style h4 {
        margin-top: -21px;
        margin-bottom: 0; }
      .drop-down-container .remove-list-style a {
        padding: 0 6px;
        margin-right: 2px;
        margin-top: 4px;
        color: #fff !important;
        text-decoration: underline !important;
        font-size: 18px; }
        .drop-down-container .remove-list-style a:hover {
          text-decoration: none; }
    .drop-down-container ul {
      padding-left: 20px; }
    .drop-down-container li {
      display: list-item;
      float: none;
      list-style: inherit;
      font-size: 18px;
      color: #ffd900;
      line-height: 36px; } /* } */

/* @media screen and (min-width: 767px) { */
  .main-navigation li a:active i {
    border: none;
    background: url("../img/nav/arrow-yellow.png") no-repeat;
    background-size: cover;
    margin-right: 0px;
    padding-right: 0px; }
  .main-navigation li a:hover i {
    border: none;
    background-size: cover;
    margin-right: 0px;
    padding-right: 0px; }
  .main-navigation i {
   display: inline-block; *display: inline; zoom:1;
    top: 0;
    left: 0;
    margin-left: 4px;
    width: 12px;
    height: 7px;
    border: none;
    background: url("../img/nav/arrow.png") no-repeat;
    background-size: cover;
    font-weight: normal; }
  .main-navigation .dropdown-open i {
    border: none;
    background: url("../img/nav/arrow-yellow.png") no-repeat;
    background-size: cover; }
  .drop-down-container {
    padding: 10px; }
  .mod-touch .main-navigation .dropdown-open i {
    border: none;
    background: url("../img/nav/arrow-yellow.png") no-repeat;
    background-size: cover;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .main-sub-nav {
    top: 0; }
    .main-sub-nav ul li > a {
      padding: 15px; } /* } */
/* 
@media screen and (min-width: 814px) { */
  .main-navigation a {
    font-size: 1.4em; }
  .drop-down-container .double-column .remove-list-style a {
    margin-top: 0;
    padding: 0 10px;
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
    line-height: 35px; }
  .drop-down-container .single-column .remove-list-style a {
    margin-top: 0;
    padding: 0 10px;
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
    line-height: 35px; }
  .main-sub-nav {
    top: 0; }
    .main-sub-nav ul > li > a, .main-sub-nav ul > li > span {
      padding: 15px; }
  .main-sub-nav ul > .custom-search > .custom-search-container {
    top: 55px;
    padding: 15px 15px 9px; } /* } */

/* @media screen and (min-width: 930px) { */
  .drop-down-container {
    top: 37px;
    padding: 20px; }
    .drop-down-container .mortgage-drop {
      max-width: none; }
  .home .main-navigation .navigation-site, .your-society .main-navigation .navigation-site {
    margin: 0 0 -35px 5%; }
  .home .main-navigation .navigation-user, .your-society .main-navigation .navigation-user {
    margin: 0 5% -35px 0; }
  .main-navigation a {
    font-size: 1.5em;
    padding: 0 10px;
    line-height: 35px; }
  .drop-down-container .view-all {
    font-size: 14px; }
  .drop-down-container .double-column ul {
    float: left; }
  .drop-down-container .double-column .view-all {
    float: left;
    clear: left; }
  .drop-down-container .remove-list-style a {
    margin-top: 0;
    padding: 0 10px;
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
    line-height: 35px; }
  .drop-down-container .remove-list-style h4 {
    margin-top: -21px;
    margin-bottom: 0; }
  .drop-down-container .mortgage-drop .intro {
    width: 200px; }
  .drop-down-container .mortgage-drop .double-column ul {
    float: left; }
  .drop-down-container .mortgage-drop .double-column .view-all {
    float: left;
    clear: left; }
  .drop-down-container .mortgage-drop .remove-list-style a {
    margin-top: 0;
    padding: 0 10px;
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
    line-height: 35px; }
  .drop-down-container .mortgage-drop .remove-list-style h4 {
    margin-top: -21px;
    margin-bottom: 2px; } /* } */

/* @media screen and (min-width: 962px) { */
  .drop-down-container .insurance-drop {
    min-width: 500px; }
  .drop-down-container .left {
    width: 300px;
    float: left;
    margin-right: 20px; }
  .drop-down-container .middle, .drop-down-container .right {
    margin-top: 0; }
  .home .main-navigation .navigation-site, .your-society .main-navigation .navigation-site {
    margin: 0 0 -40px 5%; }
  .home .main-navigation .navigation-user, .your-society .main-navigation .navigation-user {
    margin: 0 5% -40px 0; }
  .main-navigation a {
    font-size: 1.6em; } /* } */

/* @media screen and (min-width: 1080px) {*/
  .drop-down-container {
    top: 42px; }
    .drop-down-container .insurance-drop {
      min-width: 560px; }
    .drop-down-container .intro {
      width: 250px; }
      .drop-down-container .intro h3 {
        font-size: 30px; }
      .drop-down-container .intro p {
        font-size: 18px;
        line-height: 28px; }
    .drop-down-container h4 {
      font-size: 24px;
      margin-top: 10px; }
    .drop-down-container .mortgage-drop .intro {
      width: 220px; }
    .drop-down-container .mortgage-drop .single-column li a {
      font-size: 20px;
      line-height: 30px !important;
      margin-top: 4px !important; }
    .drop-down-container .mortgage-drop .remove-list-style a {
      margin-top: 2px;
      padding: 0 10px;
      color: #fff;
      text-decoration: underline;
      font-size: 16px;
      line-height: 35px; }
    .drop-down-container .mortgage-drop .remove-list-style h4 {
      margin-top: -25px;
      margin-bottom: 10px; }
    .drop-down-container .btn {
      width: 210px;
      font-size: 18px; }
    .drop-down-container .double-column li a {
      margin-top: 4px;
      font-size: 20px;
      line-height: 30px; }
    .drop-down-container .single-column li a {
      margin-top: 4px;
      font-size: 20px;
      line-height: 30px; }
  .main-navigation a {
    font-size: 1.8em;
    line-height: 40px; }
  .main-navigation i {
    margin-left: 8px;
    width: 15px;
    height: 9px; } /* } */
 .warning.warning-nav {
	width:100%;
	background-color: transparent!important;
	font-size: 1em;
	color: #fff;
	border: solid 1px #fff;
	margin-top:20px;
}
.main-navigation {
	min-width:1150px;
}
.drop-down-container .single-column
.drop-down-container .double-column {
	margin: 10px 0;
}

/*************************************************************/
/************ AGM ONLINE IE CSS *******************************/
/*************************************************************/

/*
 *
 *	Main wrapper div for AGM Online content
 *
 */
.agm-online h2 {
	font-size: 3.6em;
}
.agm-online p {
	font-size: 1.8em;
}


/*
 *
 *	Hero Block
 *
 */
.hero-block {
	padding-top: 160px;
	padding-bottom: 120px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_resources/img/agm-online/hero-agm-online.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_resources/img/agm-online/hero-agm-online.jpg', sizingMethod='scale')";
}
.hero-block__copy h1 {
	font-size: 6em;
	line-height: 1em;
	font-weight: 700;
}
.hero-block__copy p {
	font-size: 1.8em;
}
.hero-block__copy strong {
	max-width: 28em;
}
.play-video img {
	width: 60px;
	height: 60px;
	margin-top: -15px;
	margin-left: -15px;
}
.play-video:before,
.play-video:after {
	content: none;
}
.play-video:hover {
	text-decoration: underline !important;
}
.hero-block {
	padding-top: 200px;
	padding-bottom: 180px;
}
.hero-block__copy h1 {
	max-width: 8em;
}
.hero-block__copy {
	margin-left: 60px;
}


/*
 *
 *	Countdown Timer Block
 *
 */
.countdown-block__timer {
	margin-bottom: 0;
}
.countdown-block p {
	position: absolute;
	top: 2em;
	left: 2em;
	text-align: left;
}
.countdown-block .btn {
	position: absolute;
	top: 2em;
	right: 2em;
	line-height: 2em;
	padding: 0.5em 2em;
}


/*
 *
 *	Image / Copy Block
 *
 */
.img-copy-block img {
	max-height: 480px;
}
.img-copy-block > div {
	width: 40%;
	float: left;
	margin: 0 5%;
	text-align: left;
}
.img-copy-block--img-right > div {
	float: right;
}
.charity-donations {
	min-height: 600px;
	padding-top: 40px;
}
.charity-donations .img-copy-block__copy-inner {
	margin-top: 60px;
}
.what-you-vote-on img {
	max-height: 220px;
}


/*
 *
 *	Event Timeline
 *
 */
a.event-timeline__info-icon {
	display: none;
}


/*
 *
 *	Story Carousel
 *
 */
.story-carousel {
	margin-top: -100px;
	padding: 200px 0 120px;
	border-width: 0px;
	background: url(../img/agm-online/carousel-1-ie8.jpg) no-repeat 55% center;
}
.story-carousel__inline-image {
	display: none;
}
.story-carousel__copy {
	min-height: 630px;
}
.story-carousel__copy li > * {
	opacity: 0;
	visibility: hidden;
	height: 0px;
	overflow: hidden;
}
.story-carousel__copy li.current > * {
	opacity: 1;
	visibility: visible;
	height: auto;
}
.story-carousel__content.story-carousel__content {
	box-sizing: border-box;
	max-width: 420px;
	margin-left: 10%;
	padding: 2em;
	background: white;
}
ul.story-carousel__pagination {
	left: 4em;
	bottom: 5em;
}


/*
 *
 *	Event Details Block
 *
 */
.event-details li {
	box-sizing: border-box;
	width: 33%;
	float: left;
	padding: 0 1em;
}


/*
 *
 *	Downloads Block
 *
 */
.downloads-block__item {
	width: 45%;
	float: left;
}


.video-overlay__bg {
	background: url(../img/agm-online/ie-trans.gif);
}
.video-overlay .video-wrap {
	width: 660px;
	padding-top: 372px;
	margin-top: -186px;
}