/* Id: 7.3804081.1475851390
 * Generated: 14-Jul-2017 11:00:55
 */
    .budget__family{}
.budget__family .families{float:right; width:300px;}
.budget__family .intro-text{float:left; width:620px;}
.byline{margin:10px 0; display:block}
.article-holder .header h2 {color: #515151; font-family: Arial,Helvetica,sans-serif; font-size: 18px; font-weight: normal;  margin-bottom: 10px; padding: 0;}

.budget__family select, .budget__family .link-select{display:none;}
.link-select{display:none !important;}


.budget__family h3{font-family:"DINWeb-Bold",Arial,Helvetica,sans-serif; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #06264A; color:#06264A; font-size:22px; padding:0;}
.budget__family .anchor-images {padding: 0}
.budget__family .anchor-images li {list-style:none; margin-bottom:28px;}
.budget__family .anchor-images  a{width:300px; height:84px; padding-bottom:20px;  display:block; background-size:cover; background-repeat:no-repeat; color:#FFF; position:relative; background-position: center 16%;}
/*High earner w/ family*/
.budget__family .anchor-images .family-1 a{background-image: url(/polopoly_fs/1.2815913!/image/image.jpg_gen/derivatives/landscape_300/image.jpg);}
/*Dual income */

.budget__family .anchor-images .family-2 a{background-image: url(/polopoly_fs/1.2815898!/image/image.jpg_gen/derivatives/landscape_300/image.jpg);}
/* millenial */
.budget__family .anchor-images .family-3 a{background-image: url(/polopoly_fs/1.2815935!/image/image.jpg_gen/derivatives/landscape_300/image.jpg);}
/* Single Civil Servent */
.budget__family .anchor-images .family-4 a{background-image: url(/polopoly_fs/1.2815920!/image/image.jpg_gen/derivatives/landscape_300/image.jpg);}
/*Civil Partners */
.budget__family .anchor-images .family-5 a{background-image: url(/polopoly_fs/1.2815923!/image/image.jpg_gen/derivatives/landscape_300/image.jpg);}
/*Pensioners */
.budget__family .anchor-images .family-6 a{background-image: url(/polopoly_fs/1.2815904!/image/image.jpg_gen/derivatives/landscape_300/image.jpg);}
/* Family w/ single income */
.budget__family .anchor-images .family-7 a{background-image: url(/polopoly_fs/1.2815924!/image/image.jpg_gen/derivatives/landscape_300/image.jpg);}
/* single parent */
.budget__family .anchor-images .family-8 a{background-image: url(/polopoly_fs/1.2815899!/image/image.jpg_gen/derivatives/landscape_300/image.jpg); background-position: center 9% !important;}


.budget__family .anchor-images  a span{color:#FFF; background-color:#06264A;  padding:2px 5px; font-family:"DINWeb-Medium",Arial,Helvetica,sans-serif; text-transform:uppercase; font-size:80%;
  position:absolute; bottom:-28px; width:100%; line-height:25px; display:block;}


.family-image{float:left; margin:0 10px 25px 0; max-width:280px; border-left: 1px solid #c6c6c6;}


@media only screen and (max-width: 767px) {
    .byline{margin-bottom:20px;}
	.link-select{display:block !important; margin:0 0 15px 0 !important;}
	.budget__family .families{display:none;}
	.budget__family .intro-text{width:100%; float:none; clear:both;}
	.family-image{max-width:120px;}
	h1{200% !important;}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
	.budget__family .families, .budget__family .intro-text{width:100%; float:none; clear:both;}
	.budget__family .families { width: 100%; }
    .budget__family h3{padding-top:25px; margin-bottom:10px;}
    .budget__family .anchor-images{margin:0 0 20px 0;}
  	.budget__family .anchor-images li { width: 33%;  float: left; text-align: center; }
	.budget__family .anchor-images li a {width:100%;}
	.family-image{max-width:160px;}


	.budget__family .anchor-images  a span{	text-overflow: ellipsis; white-space: nowrap; overflow-x: hidden;}

}

.topline{font-family:Arial,sans-serif; text-transform:uppercase; font-size:90%;}