/*
	Adviser Portals Theme: Stylo
	================================
	Copyright Adviser Portals Ltd, 2012 All Rights Reserved.
	
	Designed by Andy Griffiths, 2012
	Updated by Andy Griffiths, 2014        
*/


/* #Reset
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
		


/* #Basic Styles
================================================== */
body {
	/* background-color: #E6E6E6; */
	/* customize_body_text */ font:normal normal 13px 'Ubuntu', arial; /* customize_body_text */
	/* customize_body_text */ color:#444444; /* customize_body_text */	
	line-height: 21px;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}


/* #Typography
================================================== */

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	
	h1 { margin-bottom: 10px;font: normal normal 38px/40px 'Ubuntu';color: #444444; }
	
	h2 { margin-bottom: 10px;font: normal normal normal 28px/30px 'Ubuntu';color: #444444; }
	h3 { margin-bottom: 4px;font: normal normal normal 22px/24px 'Ubuntu';color: #444444; }
	h4 { margin-bottom: 4px;font: normal normal normal 18px/20px 'Ubuntu';color: #444444; }
	h5 { margin-bottom: 4px;font: normal normal normal 16px/18px 'Ubuntu';color: #444444; }
	h6 { margin-bottom: 4px;font: normal normal normal 14px/16px 'Ubuntu';color: #444444; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; }
	b { font-weight: bold; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px 40px; padding: 9px 20px 0 19px; border-left: 2px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
	
	pre, code {
	font-family: monospace;
	}


/* #Links
================================================== */
	a { /* customize_link_colour */ color:#024494; /* customize_link_colour */ text-decoration: none; outline: 0; }
	a:hover, a:focus { /* customize_link_colour_hover */ color:#000000; /* customize_link_colour_hover */ }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul,
	ol {
		margin-bottom: 20px;
	}
	
	ul ul,
	ul ol,
	ol ol,
	ol ul { 
		margin: 4px 0 5px 30px;
	}
	
	ul ul li,
	ul ol li,
	ol ol li,
	ol ul li {
		margin-bottom: 6px;
	}	

	ul {
	    list-style: disc outside none;
	}

	ol {
	    list-style: decimal outside none;
	}
	li {
		line-height: 20px;
		margin-bottom: 15px;
	}

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }
		
		img {
		display: block;
		max-width: 100%;
		height: auto;
		}

/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }
	
	#select-nav {
	display: none;
	}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 348px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
		
		#select-nav {
		display: none;
		}
						                
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 280px; padding: 0 10px;}

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }
        
        .container .twelve.columns .twelve.columns, .container .two-thirds.column .two-thirds.column, .container .two-thirds.column .one-third.column, .container .twelve.columns .six.columns, .container .twelve.columns .four.columns, .container .twelve.columns .nine.columns, .container .twelve.columns .three.columns  { width: 280px; padding: 0; }
                
		#horizontal-nav {
		display: none;
		}
		
		#select-nav {
		display: block;
		}
		
		.ifaportals-container-call-to-action-wrapper {
		display: none;
		}		
	}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 400px; padding: 0 10px; }

        .container .twelve.columns .twelve.columns, .container .two-thirds.column .two-thirds.column, .container .two-thirds.column .one-third.column, .container .twelve.columns .six.columns, .container .twelve.columns .four.columns, .container .twelve.columns .nine.columns, .container .twelve.columns .three.columns  { width: 400px; padding: 0 0px; }

		#horizontal-nav {
		display: none;
		}
		
		#select-nav {
		display: block;
		}
		
		.ifaportals-container-call-to-action-wrapper {
		display: none;
		}		
	}


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
    

/* Navigation
================================================== */

/* IPAD */

#controls li {
    display: block;
}

#controls li .link {
    display: block;
    padding: 10px;
    border-bottom: solid 1px #CCC;
}

#controls li .hover_controls {
    float: right;
    display: none;
}

#controls li:hover .hover_controls {
    display: block;
}

/* HORIZONTAL */

#horizontal-nav {
height: 200px;
margin: 0;
padding: 0;
float: right;
}

#horizontal-nav ul {
padding: 0;
margin: 0;
height: 200px;
list-style: none;
}

#horizontal-nav ul li {
float: left;
margin-right: 20px;
margin-bottom: 0;
position: relative;
}

#horizontal-nav ul li a {
font: normal normal 500 14px/200px 'Ubuntu', sans-serif;
/* customize_navigation_link_colour */ color:#454545; /* customize_navigation_link_colour */
display: block;
}

#horizontal-nav ul li:hover:before, #horizontal-nav ul li a.nav-selected:before, #horizontal-nav ul li a.nav-path-selected:before {
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid;
/* customize_triangle_colour */ border-bottom-color:#024494; /* customize_triangle_colour */
position: absolute;
bottom: 0;
left: 50%;
display: block;
margin: 0 0 0 -7px;
}

#horizontal-nav ul li a:hover {

}

#horizontal-nav ul li a.nav-selected {

}

#horizontal-nav ul li a.nav-path-selected {

}

#horizontal-nav ul li ul {
height: auto;
width: 220px;
opacity: 0;
position: absolute;
left: 0;
top: -999999%;
padding: 0; 
margin: 0;
z-index: 25;
/* customize_sub_navigation_colour */ background-color:#000000; /* customize_sub_navigation_colour */
-moz-box-shadow:    2px 2px 4px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3);
box-shadow:         2px 2px 4px 0px rgba(0,0,0,0.3);
}

#horizontal-nav ul li ul li {
margin: 0;
border-bottom: 1px solid rgba(0,0,0,0.2);
-webkit-transition: background-color 1s 0.5s ease; /* For chrome & safari */
-moz-transition: background-color 1s 0.5s ease; /* For mozilla firefox */
-o-transition: background-color 1s 0.5s ease; /* For opera */
transition: background-color 1s 0.5s ease;
}

#horizontal-nav ul li ul li:hover,
#horizontal-nav ul li ul li.nav-selected,
#horizontal-nav ul li ul li.nav-path-selected {
/* customize_sub_navigation_hover_colour */ background-color:#024494; /* customize_sub_navigation_hover_colour */
background-image: none;
-webkit-transition: background-color 1s ease; /* For chrome & safari */
-moz-transition: background-color 1s ease; /* For mozilla firefox */
-o-transition: background-color 1s ease; /* For opera */
transition: background-color 1s ease;
}

#horizontal-nav ul li ul li a {
background-image: none;
padding: 10px 10px;
margin: 0;
height: auto;
width: 200px;
display: block;
font: normal normal normal 12px 'Ubuntu';
line-height: normal;
/* customize_sub_navigation_link_colour */ color:#FFFFFF; /* customize_sub_navigation_link_colour */
text-align: left;
}

#horizontal-nav ul li ul li:hover:before, #horizontal-nav ul li ul li a.nav-selected:before, #horizontal-nav ul li ul li a.nav-path-selected:before {
content: "";
width: 0;
height: 0;
border-left: none;
border-right: none;
border-top: none;
position: absolute;
top: 0;
left: 0;
display: block;
margin: 0;
}

#horizontal-nav ul li:hover > ul {
opacity: 1;
position: absolute;
top: 100%;
-webkit-transition: opacity 1s ease; /* For chrome & safari */
-moz-transition: opacity 1s ease; /* For mozilla firefox */
-o-transition: opacity 1s ease; /* For opera */
transition: opacity 1s ease;
}

#horizontal-nav ul li ul li ul {
left: -999999px;
top: 0;
}

#horizontal-nav ul li ul li:hover > ul {
left: 100%;
top: 0;
}

/* SELECT */

#select-nav {
padding: 0;
}

#select-nav select {
width: 100%;
}

/* Login
================================================== */

#login {

float: right;
width: auto;
}

.login-button {
background: #50B848;
border: none;
padding: 5px 20px;
color: #ffffff;
display: inline-block;
font: normal normal normal 16px 'Oswald';
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
margin-bottom: 20px;
}

.login-button:hover {
 -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
}


.register-button {
background: #50B848;
border: none;
padding: 5px 20px;
color: #ffffff;
display: inline-block;
font: normal normal normal 16px 'Oswald';
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
margin-bottom: 20px;
}

.register-button:hover {
 -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
color: #ffffff;
}


.reset-button {
background: #BE1E2D;
border: none;
padding: 5px 20px;
color: #ffffff;
display: inline-block;
font: normal normal normal 16px 'Oswald';
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
margin-bottom: 20px;
}

.reset-button:hover {
 -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
}

.ccm-input-text, div.ccm-field-meta input, div.ccm-field-meta textarea, .ccm-input-date, .ccm-input-password {
font-size: 12px; 
border: 1px solid #aaa; 
color: #404041; 
padding: 4px;
width: 95%;
font: normal normal normal 14px/21px Arial, sans-serif;
}

.ccm-input-checkbox {
margin: 0 10px 0 0;
}

.inputs-list {
list-style: none;
padding-left: 0;
}

.dotted {
border-bottom: 4px dotted #D0D2D3;
}


/* Theme Styles
================================================== */

#page-wrap {
background-color: #ffffff;
}

.header-wrap {
/* customize_navigation_colour */ background-color:#ffffff; /* customize_navigation_colour */
/* customize_header_text_colour */ color:#FFFFFF; /* customize_header_text_colour */
border-bottom-width: 5px;
border-bottom-style: solid;
/* customize_header_border_colour */ border-bottom-color:#024494; /* customize_header_border_colour */
width: 100%;
height: 200px;
position: relative;
z-index: 2;
}

div.header-wrap div.logo {
	margin-top: 20px;
}

div.header-wrap .sitename h1 {
	line-height: 200px;
	font-size: 18px;
	font-weight: 700;
	margin: 0;
}

.banner {
/* customize_banner_colour */ background-color:#024494; /* customize_banner_colour */
}

.banner-wrap {
/* customize_header_colour */ background-color:#024494; /* customize_header_colour */
background-repeat: repeat;
width: 100%;
}

.main-wrap {
/* customize_background_colour */ background-color:#F5F5F5; /* customize_background_colour */
width: 100%;
background-repeat: repeat;
position: relative;
z-index: 1;
}

.main {
/* customize_body_background_colour */ background-color:#FFFFFF; /* customize_body_background_colour */
padding: 30px 0;
}

/*
.featured-item {
margin-bottom: 30px;
}
*/

.footer-wrap {
/* customize_footer_colour */ background-color:#024494; /* customize_footer_colour */
/* customize_footer_text_colour */ color:#FFFFFF; /* customize_footer_text_colour */
width: 100%;
padding: 30px 0;
background-repeat: repeat;
}

/* LOGIN/REGISTER */

.login-register {
float: right;
margin-top: 10px;
margin-bottom: 0;
}

.copyright {
margin-top: 10px;
margin-bottom: 0;
}

.login-register p,
.copyright p {
margin-bottom: 0;
}

.ifap-login-button,
.ifap-logout-button,
.ifap-register-button {
background: #AAAAAA;
color: #FFFFFF;
border: none;
padding: 5px 10px;
display: inline-block;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
margin: 0px;
font: normal normal normal 10px 'Ubuntu';
letter-spacing: 0.5px;
}

.ifap-login-button:hover,
.ifap-login-button:active,
.ifap-logout-button:hover,
.ifap-logout-button:active,
.ifap-register-button:hover,
.ifap-register-button:active {
-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
color: #FFFFFF;
}

.logged-in {
color: #FFFFFF;
}

/* Tables */

table {
  background: #fff;
  margin-bottom: 1.25rem;
  border: solid 1px #ddd;
}
table thead, table tfoot {
  background: #f5f5f5;
  font-weight: bold;
}
table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td {
  padding: 0.5rem 0.625rem 0.625rem;
  /* font-size: 0.875rem; */
  color: #222;
  text-align: left;
}
table tr th, table tr td {
  padding: 0.5625rem 0.625rem;
  /* font-size: 0.875rem; */
  color: #222;
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
  background: #f9f9f9;
}
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
  display: table-cell;
  line-height: 1.125rem;
}

/* IFA Portals Content */

#ifapfsadisclosure-wrap {
color: #FFFFFF;
}

#page-wrap #ifapmortgagedisclosure-wrap {
	text-align: left;
	font-size: 13px;
	line-height: 18px;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    padding: 15px 15px 0 !important;
}

.legalstatus,
.adviceareas {
	display: none;
}

/* customize_miscellaneous */ div#ifap-general-enquiry-form-wrap,
div#ifap-tcf-form-wrap {
	background-color: #024494!important;
	border: 1px solid #024494!important;
}

div#ifap-general-enquiry-form-wrap input,
div#ifap-general-enquiry-form-wrap select[id^=*],
div#ifap-general-enquiry-form-wrap textarea[id^=*],
div#ifap-tcf-form-wrap input,
div#ifap-tcf-form-wrap select[id^=*],
div#ifap-tcf-form-wrap textarea[id^=*] {
	border: 1px solid #024494!important;
}
div.ap-mortgage-repossession-warning{
font-weight:bold!important;
} /* customize_miscellaneous */