/* Tables */
/*table {border:1px solid #ccc;border-collapse:collapse;}
th {border:1px solid #ccc; font-weight:normal; text-align:left; padding:3px 0 3px 5px; }
td {border:1px solid #ccc; text-align:left; padding:3px 5px 3px 5px; }*/


/* Breadcrumbs */
#crumbs {
border:1px solid #dedede;
height:2.3em;
width:100%;
padding:0 0 0px 0;
margin:0 0 0 0 25px;;
}

#crumbs ul, #crumbs li {
list-style-type:none;
padding:0; 
margin:0 !important;
}

#crumbs ul {padding:0 !important}

#crumbs li {
float:left;
line-height:2.3em;
padding-left:.75em;
color:#777;
}

#crumbs li a {
display:block;
padding:0 10px 0 0;
background:url('https://www.ifa-website-design.com/images/crumbs.gif') no-repeat right center;
}

#crumbs li a:link, #crumbs li a:visited {
text-decoration:none;
color:#c2c2c2;
}

#crumbs li a:hover, #crumbs li a:focus {
color:#424242;  /* color headings - can customise */
}

.findout-more {

z-index: 235;
width: 90% !important;
height:40px;
border-style: none;
border-color: transparent;
position: relative;
margin:0;
padding:0;
cursor:pointer;
background-color:#666666;
box-sizing: border-box;
}


.findout-more:hover {
background-color: #343333;
color:#ffffff;
}


.findout-more p {padding:10px 0px 10px 10px !important; margin:20px 0 0 0 !important; color:#ffffff !important; font-size:1em !important; font-weight:normal; }

/*#content ul, #content ul li, #services ul, #services ul li {
list-style-type: disc !important; 
}

#content ul li, #services ul li {
padding-left:10px;
}

#content ul, #content_main ul,  #services ul {
padding-left:35px;} */

@media (max-width: 960px) { #crumbs{ display:none;}}

/* Breadcrumbs */
  
  h1.large {font-size:1.8em; } h2.small {font-size:1.4em}

 .column-one {position:relative;float:left;width:20%;max-width:130px;margin:0px 0 20px 0;}
 .column-two { position:relative;float:left;width:80%; max-width:520px;margin: 0 0 20px 0;}

 #calculators .column-one {position:relative;float:left;width:35%; max-width:200px; margin:0 0 20px 0;}
 #calculators .column-two { position:relative;float:left;width:65%; max-width:550px; margin: 0 0 20px 0;}

h3.small {font-size:1.1em !important; margin:5px 0 4px 0; padding:0 0 1px 0; font-weight:normal; border-bottom:1px silver dotted;} 
/*#row {width:100%; max-width:650px; height:135px;}*/
#row {width:100%;  height:145px;}
#row a{text-decoration:none;}


.calculator, .financial
{
position:relative;
margin:0 0 20px 0;
width:100%;
/*max-width:650px;*/
height:auto;
}

.newsletters
{
position:relative;
margin:0 0 30px 0;
width:100%;
max-width:650px;
height:auto;
}

.newsletters a {text-decoration:none; }
.calculator a, .financial a {text-decoration:none;}
.calculator h3, .financial h3, .newsletters h3 {font-size:1.1em; margin: 0 0 0 0;}

.calc_button, .financial_button {
width:200px;
float:left;
text-align:center;
margin:0 20px 0 0;
height:90px;
}

.newsletter_image {
width:92px;
float:left;
margin:0 20px 0 0;
height:128px;
}

.financial_text, newsletter_text { 
margin: 0 0 0 200px;
padding:0;
/*max-width:550px;*/
width:70%;
height:90px;
}

.calc_text { 
margin: 0 0 0 200px;
padding:0;
width:70%;
height:110px;
}

.portfolio_text { 
margin: 0 0 0 210px;
padding:0;
max-width:550px;
width:70%;
height:30px;
}


/* Buttons for My Portfolio - Later Life Links */

.portfolio_button {
    width:200px;
    float:left;
    margin:0 20px 0 0;
    height:60px;
    text-align:center;
}

.portfolio_button {
    position:relative;
    width:200px;
    margin:0 20px 0 0;
    height:60px;
    text-align:center;
}

.portfolio_button a {
    color:#ffffff;
    position: relative;
    display: inline-block;
	padding:25px 0 0 0;
    text-align:center;
}

.button {
    position:absolute;
    top:0px;
    left:0px;
    width:196px;
    height:72px;
	background:none;
	border:none;
	color:#ffffff;
	font-size:1.1em;

}

.button-small {
    position:absolute;
    top:0px;
    left:50px;
    width:100px;
    height:72px;
	background:none;
	border:none;
	color:#ffffff;
	font-size:1.1em;

}

.button a, .button-small a {color:#ffffff;}
.button a:hover, .button-small a:hover, h3 a:hover {color:#a9bbc9;}

/* Glossary */
#content-glossary {
        float:right; 
		max-width:620px;
		width:70%;
		margin: 20px 15px 20px 0px;
		padding:15px 15px 15px 15px;
		text-align:left;
        color: #616161;
        z-index:20;
		background:#e3e9eb;
		
}

#content-glossary h4 {
margin: 15px 0 0 0;
font-size: 1.2em;
}

#glossary-options {
    margin:0px;
}

#glossary-options
{
    list-style: none !important;
    text-align:center;
    padding:0;
    margin:0;
}

#glossary-options li
{
    list-style: none !important;
    margin: 0 2px;
    font-size:12px;
    display:inline; 
    padding:0px;
}

/* End Glossary */

.content-image {
    float: right;
    width: auto;
	max-width:100%;
    margin: 0px 0 15px 25px;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 3px;
}


/* Responsive Design */




 @media (max-width: 765px) 

 { #calculators {height:95px !important;}
   #calculators .column-one {width:100%; float:left;}
   #calculators .column-two {display:none;}

 }

 @media (max-width: 560px) 

 {

.column-two {display: block; width:100%;}
.image-none-display img {display:none;}


.calculator, .financial, .newsletters {width:50%}

 .calc_button, .financial_button {margin:0 auto !important; float:none; height:70px;}
 .newsletters {margin:0 auto 0 auto !important; float:none; }
 .newsletter_image {margin-bottom:15px;} 

 
 
 /*amendment 8th May 2019 - make calcs mobile friendly - .calc_text, .financial_text, .portfolio_text {display:none;}*/


.financial_text, newsletter_text, .calc_text, .portfolio_text { width:100%;}




#footer .wrapper .column.second, #footer .wrapper .column.third, #footer .wrapper .column.fifth {display:none;}

#news_feed {padding:0;}
#news_feed, #twitter_feed {width:100%; margin:0 auto}

#special .special {
	width: 98%; margin:0 auto;
}

.content-image {width:50% !important;}


}


/* Columns */

.col {
    display: block;
    float:left;
   margin: 1% 0 1% 0;
   
	}
}
.col:first-child { margin-left: 0; } 

/* Two Columns */
.col-2-of-2 {
    width: 100%;
}
.col-1-of-2 {
    width: 48.2%;
}


/*  Three Columns */    
.col-3-of-3 {
    width: 100%; 
}
.col-2-of-3 {
    width: 66.1%; 
}
.col-1-of-3 {
    width: 32%; 
}

   
/*  Four Columns */ 
.col-4-of-4 {
    width: 100%; 
}
.col-3-of-4 {
    width: 74.6%; 
}
.col-2-of-4 {
    width: 49.2%; 
}
.col-1-of-4 {
    width: 23.8%; 
}

/*  Five Columns */ 
.col-5-of-5 {
    width: 100%;
}
.col-4-of-5 {
    width: 79.68%; 
}
.col-3-of-5 {
    width: 59.36%; 
}
.col-2-of-5 {
    width: 39.04%;
}
.col-1-of-5 {width: 20%;}

/*  Six Columns */ 
.col-6-of-6 {
    width: 100%;
}

.col-5-of-6 {
    width: 82.68%; 
}
.col-4-of-6 {
    width: 65.68%; 
}
.col-3-of-6 {
    width: 49.66%; 
}
.col-2-of-6 {
    width: 32.88%;
}
.col-1-of-6 {
    width: 16.50%;
}

/*  Twelve Columns */ 
.col-12-of-12 {
    width: 100%;
}

.col-9-of-12 {
    width: 75%;  
}

.col-8-of-12 {
    width: 65.68%;  
}


.col-7-of-12 {
    width: 57.91%; 
}

.col-5-of-12 {
    width: 41.34%; 
}
.col-4-of-12 {
    width: 32.84%; 
}
.col-3-of-12 {
    width: 24.83%; 
}
.col-2-of-12 {
    width: 16.44%;
}
.col-1-of-12 {
    width: 8.25%;
}


/* Responsive */

@media (max-width: 560px) {
    .col {margin: 1% 0 1% 0%;}

/* Two */ 
  .col-2-of-2, .col-1-of-2   {width: 100% !important;}
  
/* Three */
 .col-3-of-3,  .col-2-of-3, .col-1-of-3  {width: 100% !important;; }
   
/* Four */
 .col-4-of-4, .col-3-of-4, .col-2-of-4, .col-1-of-4 { width: 100% !important;; }
    
/* Five */
  .col-5-of-5, .col-4-of-5, .col-3-of-5,  .col-2-of-5, .col-1-of-5    {width: 100% !important; }
   
}


@media (max-width: 420px)  
{
.calculator, .financial .newsletters {width:100%}
}


/* Aspect Ratio for Apple devices */

iPhone < 5:
@media screen and (device-aspect-ratio: 2/3) {}

iPhone 5:
@media screen and (device-aspect-ratio: 40/71) {}

iPhone 6:
@media screen and (device-aspect-ratio: 667/375) {}

iPhone 6 Plus:
@media screen and (device-aspect-ratio: 16/9) {}

iPad:
@media screen and (device-aspect-ratio: 3/4) {}

/* End Aspect Ratios */