/* BEGIN: STYLES TO BE SHARED WITH FCKEDITOR */
p.note { background: #aa00aa; color: white; border-radius: 10px; padding: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
p.note a { color: white; text-decoration: underline; }
p.info { font-weight: bold; background: #22184c; font-size: 90%; color: white; padding: 0 10px; line-height: 230%; text-align: center; }
/* END: STYLES TO BE SHARED WITH FCKEDITOR */

@media print {
	body { font-size: 90% !important; background: #ffffff !important; }
	header#header { display: none; }
	#breadcrumbs { display: none; }
	#footer { display: none; }
	table.spToolbar { display: none; }
	a#get-a-quote { display: none; }
	div#partner_sites { display: none; }
	div.article_display_widgets { display: none; }
}

body { font-family: sans-serif; font-size: 12pt; margin: 0; padding: 0; line-height: 1.5em; background-color: #f3f3f3; text-rendering: geometricprecision; -moz-osx-font-smoothing: grayscale; }
a { color: #aa00aa; text-decoration: none; }
a:hover { text-decoration: underline; }
abbr { font-size: 85%; }
h1, h2, h3, h4, h5, h6, p { margin: 0 0 1em; padding: 0; }
.rightalign, .alignright { text-align: right; }
#cms h3 { color: #4a2783; }
#cms h4, #cms h5, #cms h6 { font-size: 1.1em; }
#cms img { max-width: 90vw; height: auto; }
#cms img[align=left] { float: left; margin-right: 15px; margin-bottom: .5em; }
#cms hr { background: transparent; border: 0; border-bottom: 1px #aa00aa solid; margin: 20px 0; padding: 0; }
#cms li { margin-bottom: 6px; }
li.featured_mobile_menu_item { color: #aa00aa !important; }
li.featured_mobile_menu_item i { margin-right: 10px; color: #aa00aa; }
.kw-life_insurance-our_life_insurance_partners img.article_summary_image { border: 1px solid lightgray; }
img.article_summary_image { margin-right: 1em; margin-bottom: .5em; float: left; }
p.article_summary_summary { margin-bottom: 0!important; }
div.article_summary { margin-bottom: 2em; }
.article_summary_more { font-size: 90%; }
.article_display_image { float: right; margin-left: 1em; margin-bottom: .5em; clear: right; }
.article_display { position: relative; }
.article_display_widgets { text-align: right; padding-bottom: 10px; position: static; }
.article_display_facebook::before { content: "\f230"; font-family: FontAwesome; }
.article_display_twitter::before { content: "\f081"; font-family: FontAwesome; padding-left:1em;}
.article_display_linkedin::before { content: "\f08c"; font-family: FontAwesome; padding-left:1em;}
.article_display_print { margin-right: 20px; }
.article_display_print::before { content: "\f02f"; font-family: FontAwesome; }
#hamburger { width: 30px; padding: 5px 10px; position: absolute; top: 16px; left: 16px; display: none; z-index: 3; overflow: hidden; }
#hamburger span { background: #999; display: block; height: 3px; margin: 5px 0; }
#hamburger span { left: 0; opacity: 1; position: relative; top: 0; transform: rotate(0deg); transition-delay: 0s; transition-duration: 0.5s; transition-property: transform, top, left, opacity; transition-timing-function: ease; }
html.mm-opened #hamburger span.top-bar { transform: rotate(45deg); top: 7px; }
html.mm-opened #hamburger span.middle-bar { opacity: 0; }
html.mm-opened #hamburger span.bottom-bar { transform: rotate(-45deg); top: -7px; }
html.mm-opened #hamburger span.middle-bar { left: -40px; }
.mm-menu.mm-shadow-page:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; }
.mm-menu.mm-shadow-page.mm-right:after { left: auto; right: 100%}
.mm-menu.mm-shadow-page.mm-front:after, .mm-menu.mm-shadow-page.mm-next:after { content: none; display: none; }
.mm-menu.mm-theme-white .mm-btn::after, .mm-menu.mm-theme-white .mm-btn::before { border-color: #FFFFFF !important; }
.mm-menu.mm-shadow-page:after, .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) { box-shadow: 0 0 10px rgba(0, 0, 0, .3); }
.mm-navbar { height: 330px; background: transparent url(/images/circles.png) 50% 50% no-repeat; color: #fff!important; line-height: 130px; background-size: cover; }
.mm-navbar a { color: white!important; }
.mm-panel .mm-vertical { padding-top: 0 !important; padding-left: 0 !important; padding-bottom: 0 !important; }
.mm-listview i { margin-right: 30px; }
.mm-listview > li:not(.mm-divider)::after { border-bottom-style: none !important; }
.mm-listview .mm-next::before { border-left-style: none !important; }
li.mm-vertical ul.mm-vertical a { padding-left: 68px; }
.mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next { background: none !important; }
.mm-menu.mm-theme-white .mm-listview > li .mm-next::after { border-color: #000 !important; }
.fa-fw { width: 18px !important; }

/* APPLICATION FORM */
.admin_calc_output #life_form { font-size: 12pt; width: 540px; margin-left: auto; margin-right: auto; }
.admin_calc_output #life_form fieldset { border: none; padding: 0; margin: 0 0 20px 0; }
.admin_calc_output #life_form .fieldset { padding: 10px; background: #e3dff3; border: 1px #d0d0d0 solid; }
.admin_calc_output #life_form legend { font-variant: small-caps; font-weight: bold; color: #22184c; font-size: 80%;  margin: 0 0 2px 0; padding: 0 0 2px 5px; width: 100%; }
.admin_calc_output #life_form .normal { display: block; margin-bottom: 10px; }
.admin_calc_output #life_form .normal .label { display: block; font-size: 80%; margin-bottom:0.25em; clear: left; }		
.admin_calc_output #life_form .radiolabel { background: #9f9f9f; color:#fff; border-radius:8px; margin-right: 1em; cursor:pointer; float:left; display:block; }
.admin_calc_output #life_form .radiolabel, #life_form #error_smoker1, #life_form #error_smoker2, #life_form #error_mortgageprot { font-size:0.8em; }
.admin_calc_output #life_form .highlighted, .radiolabel:hover {background: #22184c;}
.admin_calc_output #life_form .radiolabel input { margin-right: 5px; cursor: pointer; }
.admin_calc_output #life_form .hideme {float:right;}
.admin_calc_output #life_form .normal .wrapper, #life_form input, #life_form select { border: 1px #a0a0a0 solid; padding: 4px 2px 4px 8px; background: white; }
.admin_calc_output #life_form .normal .wrapper { display: block; color: #6d6d6d; }
.admin_calc_output #life_form input, #life_form select { font-size: 100%; color: black; }
.admin_calc_output #life_form .normal .wrapper input { border: none; }
.admin_calc_output #life_form .standalone { width: 90%; padding: 6px 8px !important; }

#life_form { float: left; width: 45%; font-size: 12pt; max-width: 540px; margin: 0 40px 20px 0; background: #fff; padding: 10px 2%; }
#life_form fieldset { border: none; padding: 0; margin: 0 0 20px 0; }
#life_form legend { font-variant: small-caps; font-weight: bold; color: #4a2783; margin: 0 0 5px 0; width: 100%; border-bottom: 1px #4a2783 dashed; padding: 0 0 5px 0; }
#life_form .normal { display: block; margin-bottom: 10px; }
#life_form .normal .label { display: block; clear: left; }
#life_form .radiolabel { background: #9f9f9f; color:#fff; border-radius:8px; margin-right: 5px; cursor:pointer; float:left; display:block; padding: 7px; margin-bottom: 15px; }
#life_form span.error { color: red; font-weight: bold; margin-left: 10px; font-style: italic; font-size: 90%; }
#life_form .highlighted, .radiolabel:hover {background: #aa00aa;}
#life_form .radiolabel input { margin-right: 5px; cursor: pointer; }
#life_form .wrapper, #life_form input, #life_form select { border: 1px #aa00aa solid; padding: 4px 2px 4px 8px; background: white; }
#life_form input.standalone { width: 95%; }
#life_form .wrapper { display: block; color: #6d6d6d; }
#life_form input, #life_form select { font-size: 100%; color: black; }
#life_form .normal .wrapper input { border: none; }

#life_form input[type="submit"] {
	cursor: pointer; 
	background: #aa00aa; 
	color: white; 
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	padding: 10px 20px;
	margin-top: 5px; 
}
#life_form input[type="submit"]:hover { background: #6b026b; }
#life_form div.calculator_privacy_policy { font-size: 80%; margin: 0; margin-bottom: 30px; padding: 10px; border: 1px solid #c0c0c0; background: #e0e0e0;  }
#life_result { z-index: 10; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 5%; }
#life_result_wrapper { margin: 0 auto; width: 500px; border: 1px black solid; background: white; padding: 15px; font-size: 130%; position: relative; }
#life_result_wrapper #discounthead { background: #272362 none repeat scroll 0 0; color: #fff; line-height: 44px; margin: -15px -15px -10px -15px; text-align: center; }
#life_result_close { position: absolute; right: 10px; top: 10px; text-decoration: none; color: white; font-size:1.5em; }
#life_result, #life_overlay { background-color: rgba(220,220,220,.8) !important; z-index: 10; }
#life_result .loading { background: transparent url("/images/progress_green.gif") left 50% no-repeat; padding-left: 18px; text-decoration: none; cursor: default; }
#life_result a.loaded { text-decoration: none; cursor: default; width: 75% !important; }
#life_result .Friends {background: url("/images/logos/friends.jpg" )no-repeat right 0em; }
#life_result .Royal {background: url("/images/logos/royal.jpg" )no-repeat right 0em; }
#life_result .New {background: url("/images/logos/new.jpg" )no-repeat right 0em; }
#life_result .Zurich {background: url("/images/logos/zurich.jpg" )no-repeat right 0em; }
#life_result .Aviva {background: url("/images/logos/aviva.jpg" )no-repeat right 0em; }
#life_result .Irish {background: url("/images/logos/irish.jpg" )no-repeat right 0em; }
#life_result .small { font-size: 75%; width: 85%; margin: 0 0 25px 0; }
#life_result_extra table { font-size: 100%; }
#life_result_extra td { padding: 4px 14px 4px 4px; }
#life_overlay { text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; font-size: 200%; padding-top: 25%; text-shadow: 2px 2px white; }
#life_calculator_bottom_blurb { padding:1em; font-size:1.1em; }
#life_calculator_bottom_blurb li { line-height: 140%; margin-bottom: 4px; margin-left: 30px; }
.life_calculator_bottom_blurb { float: left; width: 40%; }
.life_calculator_bottom_blurb_under { float: left; width: 100%; }
.bestdeal2 .green { color: #a900a9; }
.bestdeal2 table { border-spacing: 0; margin: 0 auto 15px auto; font-size: 80%; }
.bestdeal2 th { color: #a900a9; font-weight: normal; padding: 4px 16px;}
.bestdeal2 td { padding: 2px 16px; }
.bestdeal2 .button { text-align: center; color: white; text-decoration: none; background: #272362; border: 1px #272362 solid; border-radius: 6px; padding: 10px; margin-bottom: 16px; display: block; float: left; width: 205px; }
.bestdeal2 .button:hover { background: #474382; color: white; }
.bestdeal2 .button.gap { margin-right: 16px; }
.bestdeal2 { overflow: hidden; color: #272362; }
.bestdeal2 .right { text-align: right; }
.bestdeal2 .big { font-size: 120%; line-height: 130%; }
.bestdeal2 .bigger { font-size: 140%; }
.bestdeal2 .clear { clear: left; }
.bestdeal2 .center { text-align: center; }
.bestdeal2 img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.bestdeal2 p { margin: 0 0 15px 0; padding: 0; }
#apply2 label { margin-bottom: 30px; margin-right: 10px; }
#apply2_call { margin-bottom: 30px; }
#life_result_content { position: relative; }
#apply2 .rightbutton { margin:20px auto 0 auto;float:none;}
#get-a-quote { display: block; transform: rotate(-90deg); position: fixed; right: 28px; top: 300px; line-height: 28px; transform-origin: 100% 0; border-radius: 4px 4px 0 0; background: #aa00aa; color: #fff; padding: 0 10px; z-index: 999; box-shadow: 0 0 10px rgba(0, 0, 0, .3); }
#get-a-quote:hover { padding-bottom: 10px; text-decoration: none; right: 38px; background-color: #6b026b; }
#page { margin: 0 auto; max-width: 980px; min-width: 320px; padding-bottom: 50px; }
#wrapper { position: relative; }
#header { line-height: 4em; border-bottom: 1px #4a2783 solid; margin-bottom: 20px; }
#header_main { line-height: 1.7em; min-width: 237px; max-width: 980px; margin: 0 auto; padding: 0; position: relative; }
#header_content { padding: 0 1em; }
#header h1 { background: url(/images/logo.png) 50% 50% no-repeat; width: 216px; height: 73px; margin: 0; padding: 0; line-height: 73px; overflow: hidden; text-indent: -9660px; float: left; }
#header h1 a { display: block; }
#main { padding: 0 1em; min-height: 600px; }
#breadcrumbs { padding: 0 16px; line-height: 1.7em; font-size: 90%; margin-bottom: 20px; }
#banner { background-size: cover; border-top: 1px #4a2783 solid; margin: 0 auto; position: relative; }
#banner div { height: 50px; line-height: 50px; overflow: hidden; background: #4a2783; color: #fff; border-top: 1px #4a2783 solid; margin: 0; text-align: center; }
#banner em { background: rgba(170, 0, 170, .7); color: #fff; font-size: 1.8em; padding: .25em .5em; font-style: normal; }
#banner p { line-height: 3.8em; padding: 30px 0 0 1em; height: 250px; margin: 0 auto; max-width: 980px; min-width: 250px; }
#banner .tel, #header_main .tel { height: 27px; text-decoration: none; background: #AA00AA url(/images/PhoneIcon.png) right 50% no-repeat; line-height: 27px; color: #fff; border-radius: 4px; font-size: 1.2em; font-family: "Lucida Console", Monaco, monospace; font-weight: 700; letter-spacing: -1px; padding: 2px 55px 2px 5px; }
#banner .tel { position: absolute; top: 10px; right: 10px; }
#header_main .tel { margin-top: 20px; float: right; display: none; }
#eucookie { text-align: left; left: 0; width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, .3); }
#eucookie_content { background: #aa00aa; color: #fff; padding: 0 10px; border-bottom: 1px #46c solid; box-shadow: 0 5px 5px rgba(0, 0, 0, .5); }
#eucookie a { font-size: .75em; padding: 0 10px; color: #aa00aa; display: block; float: right; line-height: 24px; margin: 5px 10px 0; background: #fff; border-radius: 20px; height: 24px; text-decoration: none; }
#eucookie a:hover { color: #aa00aa; text-decoration: underline; box-shadow: 0 0 10px rgba(0, 0, 0, .3); }
#eucookie p { margin: 0; padding: 12px 0; line-height: 1em; font-size: .8em; }
#eucookie.eucookie_top { top: 0; position: absolute; }
#eucookie.eucookie_bottom { position: fixed; bottom: 0; }
#headernav .wrap { display: none; }
#headernav ul { margin: 0; padding: 0; list-style-type: none; float: right; }
#headernav ul li { float: left; padding: 0 10px; }
#headernav ul li a.l1 { display: block; color: #4a2783; line-height: 73px; font-size: 11pt; }
#headernav ul li a.l1::after { content: " \25BE"}
#headernav ul li a.l1:hover, #headernav ul li a.l1.active, #headernav ul li a.l1.permactive { color: #aa00aa; text-decoration: none; }
#headernav ul .wrap { z-index: 2; position: absolute; top: 73px; width: 100%; left: 0; }
#headernav ul .cont { height: 295px; margin: 0 auto; background: #f3f3f3 url(/images/tmp.jpg) 20px 20px no-repeat; padding: 25px 10px 20px 590px; border: 1px #e0e0e0 solid; border-top: 0; box-shadow: 10px 10px 5px rgba(0, 0, 0, .2); }
#headernav dl { margin: 0 0 25px; padding: 0; }
#headernav dt { color: #4a2783; margin: 0 0 10px; padding: 0 0 10px; font-size: 1.3em; border-bottom: 1px #4a2783 solid; }
#headernav dd { margin: 0; padding: 0; }
#headernav dd a { padding-left: 5px; color: #5d5d5d; }
#headernav ul.l1 dt a:hover { text-decoration: none; }
#headernav dd::before { content: "\25B8"; color: #a0a0a0; }
#headernav dt a:hover { color: #7da502; }
#headernav .c2a { background: #aa00aa; color: #fff; padding: 10px; }
#headernav .c2a::after { content: "\f054"; font-family: FontAwesome;padding-left:0.5em; }
#headernav .c2a:hover { background: #7da502; text-decoration: none; }
#headernav i { margin-left: 7px; }
.b_tl, .b_bl, .b_tr, .b_br { background-repeat: no-repeat; }
.b_tl { background-position: top left; }
.b_bl { background-position: bottom left; }
.b_tr { background-position: top right; }
.b_br { background-position: bottom right; }
#footer { background: #22184c; font-size: 90%; color: #fff; font-family: Verdana, Geneva, sans-serif; clear: both; }
#footer_content { max-width: 980px; min-width: 320px; margin: 0 auto; padding: 1em 0; }
#footer a { color: #b0b0d0; }
#footer a:hover { text-decoration: none; color: #fff; }
#footer p.l { float: left; width: 40%}
#footer p.r { float: right; width: 60%; text-align: right; }
#quicklinks2 { border-top: 1px #b0b0d0 solid; border-bottom: 1px #b0b0d0 solid; font-size: 80%; margin: 1.5em 1em; padding: 1em; }
#quicklinks2 ul { margin: 0; padding: 0; list-style-type: none; }
#quicklinks2 li { margin: 0; padding: 0 20px; float: left; }
#quicklinks2 a:hover { text-decoration: underline; }
#quicklinks1 { line-height: 2em; padding: 0 1em; }
#quicklinks1 .ql_group { float: left; width: 25% }
#quicklinks1 h4 { text-transform: uppercase; margin-bottom: 0; color: #fff !important; }
#quicklinks1 a h4:hover { text-decoration: underline; }
#quicklinks1 ul { margin: 0 0 1em; padding: 0; list-style-type: none; }
#quicklinks1 li a:hover:before { content: "\003E\00a0"}
#quicklinks1 li { overflow: hidden; height: 2em; }
#legal { color: #b0b0d0; padding: 0 1em; }
#quicklinks2 .tel { float: right; }
.homefb { margin-bottom: 40px; height: 174px; position: relative; background: #fff; padding: 10px 1% 60px; }
.homefb h4 { margin-bottom: 10px; padding-top: 10px; font-size: 1.5em; text-align: center; background: #f3f3f3; color: #4a2783; }
.homefb h4 i { display: block; padding: 6px 0; }
.homefb .c2a_max, .homefb .c2a_min { padding: 0 2.5%; line-height: 40px; display: block; text-align: center; width: 41.25%; position: absolute; }
.homefb .c2a_max:hover, .homefb .c2a_min:hover { text-decoration: none; }
.homefb .c2a_max { background: #aa00aa; color: #fff; bottom: 10px; left: 2.5%}
.homefb .c2a_min { background: #e0e0e0; color: #5d5d5d; bottom: 10px; right: 2.5%}
.homefb .c2a_max:hover { background: #6B026B; }
.homefb .c2a_min:hover { background: #d0d0d0; color: #4d4d4d; }
.homefb p { padding: 0 10px; overflow: hidden; height: 72px; line-height: 24px; margin-bottom: 0 !important; }
.homefb .fa { font-size: 42px; }
#main h1, #main h2 { font-size: 1.5em; }
#main h3 { font-size: 1.3em; border-bottom: 1px #aa00aa solid; padding-bottom: 4px; }
#main h3 a:hover { text-decoration: none; }
#main p { margin-bottom: 1.5em; }
@media only screen and (max-width:960px) {
    .homefb h4 { background: #fff; }
	div#banner { padding-top: 0; border-top: 0; font-size: 1em; }
	#banner .tel { display: none; }
	#banner div { font-size: .9em; font-style: normal; }
	#quicklinks1 { text-align: center; }
	#quicklinks2 { border-top: 0; }
	#footer_content { padding-top: 0; }
	#footer { width: 100% }
	#hamburger { display: block; }
	#headernav { display: none; }
	#header_main .tel { display: block; }
	#header_content { padding-left: 83px; }
	#footer p.l, #footer p.r { float: none; width: 100%; text-align: center; }
	#quicklinks2 .tel { float: left; }
}
@media only screen and (min-width:960px) {
    div.homefb { width: 46%; float: left; }
	.homefbe { margin-right: 4% }
	#calculation_hint img {padding-left:50px;}
}
@media only screen and (max-width:570px) {
	#stress_test_panel div.stress_test_header, #acceleration_panel div.acceleration_panel_header { display: none !important; }
	#stress_test_panel .stress_test_header_mobile, #acceleration_panel .acceleration_panel_header_mobile { text-align : center; line-height: 32px; display: block; margin-bottom: 10px; }
	#apply_now_form #calculator_back_button, #apply_now_form #calculator_action_button { width: 100% !important; display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; }
	#banner p { line-height: 2.8em; height: 200px; }
	#banner em { padding: 5px; font-size: 1.6em; }
	table.spToolbar { display: none; }
	#main { min-height: auto; }
    #page { padding-bottom: 0; }
	#quicklinks1 .ql_group { width: 100% }
	#quicklinks2 li { width: 50%; margin: 0; padding: 1px 0; }
	#life_result_wrapper { width: 90%; }
	#life_form fieldset { margin-bottom: 30px; }
	#life_form { width: 100%; background: #f3f3f3; padding: 0; margin: 0; margin-bottom: 30px !important; }
	.life_calculator_bottom_blurb { float: left; width: 100%; }
	#life_form .fieldset { background: #f3f3f3; }
	.bestdeal2 { width: 100%; margin-left: auto; margin-right: auto; }
	.bestdeal2 .button, .bestdeal2 .gap { float: none; margin: 0 auto 16px!important; }
	#bestdeal2 table { font-size: 13px !important; }
	img.article_summary_image { display: block; float: none; }
	.article_display_image { float: none; margin-left: 0; margin-bottom: .5em; width: 100%; display: block; }
	.sectionfb { width: 100%; }
	#partner_sites a { width: 75%; border-radius: 20px; margin-bottom: 10px; width: 32%; font-size: 90%; padding-top: 7px !important; }
	.homefb .c2a_max, .homefb .c2a_min { width: 80%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; position: static; padding: 0; }
	.homefb .c2a_max { margin-bottom: 10px; }
	.homefb { height: auto; padding: 10px 1% 20px; }
	.homefb p { margin-bottom: 20px !important; }
}
@media only screen and (max-width:650px) {
    #header_main .tel { margin-bottom: 10px; margin-top: 0; margin-left: auto; margin-right: auto; display: block; clear: both; float: left; }
	div#calculator_with_buttons { width: 100% !important; margin-left: auto !important; margin-right: auto !important; float: none !important; }
	.calculator_side_blurb { width: 100% !important; margin-bottom: 20px; }
}

/* Contact form */
#contact_form input[type="tel"] { font-size: 16px; }
#contact_form label { white-space: nowrap; }
#contact_form label, #contact_form legend { display: block; font-weight: bold; margin: 0; padding: 0; }
#contact_form label.form_inline { display: inline; font-weight: normal; }
#contact_form .verror { color: red; font-style: italic; }
#contact_form .form_field { padding: 4px; font-size: 100%; margin: 0 0 20px 0; border: 1px #e0e0e0 solid; }
#contact_form fieldset { margin: 0 0 20px 0; padding: 0; border: none; }
#contact_form .form_field:focus { background: #ffffdd; border-color: #c0c0c0; }
#contact_form input[type="text"], #contact_form input[type="tel"], #contact_form textarea { width: 90%; }
#contact_form input[type="submit"] { background: #aa00aa; border: 0; color: white; font-size: 20px; padding: 10px; cursor: pointer; }
#contact_form input[type="submit"]:hover { background: #6b026b; }
#contact_form div.calculator_privacy_policy { font-size: 80%; margin: 0; margin-bottom: 30px; width: 89%; padding: 10px; border: 1px solid #c0c0c0; background: #e0e0e0;  }

/* Partner sites */
#partner_sites { background: #22184c; }
#partner_sites h5 { text-align: center; color: #fff; padding: 10px; display: none; margin: 0; }
#partner_sites p { margin: 0; padding: 0; text-align: center; font-size: 85%; }
#partner_sites a { margin: 0 .5em; display: inline-block; color: #b0b0d0; padding: 7px 10px; border-radius: 20px 20px 0 0; background: #32285c; }
#partner_sites a:hover { text-decoration: none; background-color: #52487c; }
#partner_sites a.active_site { background: #52487c; color: #c0c0e0; padding-top: 12px; }
.results_header { background-color: #e0e0e0; padding: 15px; border: 1px #d0d0d0 solid; margin-bottom: 20px; }
.results_header .results_header_link_email { text-align: center; display: block; cursor: pointer; }
.results_header .results_header_link_email:before { font-family: FontAwesome; content: "\f003  "; color: purple; }
.results_header .results_header_link_back { text-align: center; display: block; margin-bottom: 15px; }
.results_header .results_header_link_back:before { font-family: FontAwesome; content: "\f0e2  "; color: purple; }
p.results_header_summary { text-align: center; margin-bottom: 25px !important; }
span.calculation_price_normal { font-weight: bold; }
span.calculation_price_strikethrough, span.mp_price_strikethrough { text-decoration: line-through; color: grey; font-weight: 200; }
span.calculation_price_strikethrough { margin-right: 5px; font-size: 90%; }
.stress_test_buttons { position: fixed; right: 30px; top: 0; }
.stress_test_buttons input[type=submit] { line-height: 28px; background: #aa00aa; color: #fff; padding: 20px 30px; z-index: 999; font-size: 16pt; width: 150px; }
.stress_test_buttons input[type=submit]:hover { text-decoration: none; background-color: #6b026b; }
.stress_test_buttons input[type=submit][disabled=disabled] { display: none; }
.mobile_calculator_form_div { max-width: 400px; min-width: 200px; }
.calculatorquestion { margin-left: auto; margin-right: auto; }
.calculatorquestiontext { display: block; font-size: 130%; padding: 10px; margin-bottom: 20px; text-align: center; }
.mobile_calculator_form_div fieldset { border: none; }
.calculatorquestionlabel { display: block; text-align: left; margin-bottom: 20px;}
.calculatorquestionlabel input[type="text"] { font-size: 16px; }
.mobile_calculator_form_div { font-size: 130%; }
a.movequestion { padding: 10px 0; text-align: center; margin-top: 10px; margin-bottom: 10px; width: 45%; }
a.movequestion.only { padding: 10px 30px; }
a.movequestion.prev { margin-left: 10px; float: left; }
a.movequestion.next { margin-right: 10px; float: right; }
a.movequestion:hover { text-decoration: none; background: #6B026B; }
a.movequestion { background: #aa00aa; color: #fff; }
.calculatorquestioncontents { margin-left: auto; margin-right: auto; }
.calculator_label { clear: left; display: block; }
.calculator_label:not(.no_bullet):before { font-family: FontAwesome; content: "\f0da  "; color: purple; }
#calculator label.no_title .calculator_label:before { font-family: FontAwesome; content: "\f0da  "; color: white; }
label.highlighted, .calculator_radiolabel:hover { background: #aa00aa none repeat scroll 0 0; }
.calculator_radiolabel { background: #9f9f9f none repeat scroll 0 0; border-radius: 8px; color: #fff; cursor: pointer; display: block; float: left; margin-bottom: 10px; margin-right: 5px; padding: 7px; }
#calculator fieldset { border: 0 none; margin: 0 !important; padding: 0; }
#calculator textarea { font-family: inherit; font-size: 100%; padding: 10px; border: 1px #a0a0a0 solid; width: 94%; width: calc(100% - 22px); resize: none; }
div#calculator_with_buttons { float: left; width: 50%; margin-right: 5%; background: #fff none repeat scroll 0 0; margin-bottom: 40px; border: 1px solid #C0C0C0; }
.calculator_side_blurb { float: left; width: 40%; }
.calculator_bottom_blurb { float: left; }
#calculator { font-size: 12pt; padding: 10px; background: #fff none repeat scroll 0 0; margin: 0; margin-bottom: 20px; }
#calculator_buttons { padding-left: 20px; padding-right: 20px; margin-right: auto; margin-left: auto; margin-bottom: 20px; background: #fff none repeat scroll 0 0; }
#calculator h4 { background: purple; color: white; text-align: center; padding: 10px; width: 100%; margin-top: -10px; margin-left: -10px; margin-right: -10px; }
#calculator h6 { border-bottom: 1px dashed #4a2783; color: #4a2783; font-variant: small-caps; font-weight: 700; margin: 25px 0 5px; padding: 0 0 5px; width: 100%; }
#calculator span.calculator_error { color: red; font-size: 90%; font-style: italic; font-weight: 700; margin-left: 10px; }
#calculator span.calculator_error.checkbox_error { display: block; margin-left: 0; }
#but_back, #but_next { background: #aa00aa none repeat scroll 0 0; height: 50px; width: 40%; border-radius: 12px; color: #fff; font-size: 20px; cursor: pointer; margin-bottom: 20px; border: 0; }
#but_back:disabled, #but_next:disabled, #but_back:hover:disabled,  #but_next:hover:disabled { cursor: auto; background: #D3D3D3; border: 0; }
#but_back{ float: left; }
#but_next { float: right; }
#but_back:hover, #but_next:hover { background: #6b026b none repeat scroll 0 0; }
#calculator input[type="number"], input[type="date"], #calculator input[type="text"], #calculator input[type="tel"], #calculator input[type="email"] { padding: 6px 4px; font-size: 100%; font-family: sans-serif; max-width: 90%; }
#calculator input[type="number"], input[type="date"], #calculator input[type="text"], #calculator input[type="tel"], #calculator input[type="email"], #calculator fieldset, #calculator select { margin: 0 0 15px 0;  }
#calculator p.calculator_note { font-size: 80%; margin: 0; margin-bottom: 15px !important; padding: 10px; border: 1px solid #c0c0c0; background: #e0e0e0; }
#calculator div.calculator_privacy_policy { font-size: 80%; margin: 0; margin-top: 15px; padding: 10px; border: 1px solid #c0c0c0; background: #e0e0e0; }
#contact_info_confirmation_form div.calculator_privacy_policy { font-size: 80%; margin: 10px 0 15px 0; padding: 10px; border: 1px solid #c0c0c0; background: #e0e0e0; }
#calculator input[type="number"] { width: 41px; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance:textfield;
}

#calculator input { border: 1px #a0a0a0 solid; }
.wrapper { background: white; display: block; margin-bottom: 15px; padding-left: 8px; border: 1px #a0a0a0 solid; }
.wrapper input { margin-bottom: 0 !important; border: none !important; }
.wrapper.no_border { border: 0; padding-left: 0; padding-right: 0; }
#filtering_options { margin-bottom: 25px; }
#filtering_options h3.ui-accordion-header { text-align: center; line-height: 20px; font-size: 20px; color: purple; background: #e0e0e0; border: 1px solid #d0d0d0; padding: 15px; }
#filtering_options .ui-accordion-header-icon { display: none; }
#filtering_options h3.ui-accordion-header:hover { background: #d5d5d5; } 
#filtering_options form { margin-left: auto; margin-right: auto; }
#filtering_options h4 { margin-bottom: 5px; display: block; }
#filtering_options #filtering_on, #filtering_options #filtering_off { font-weight: bold; margin-left: 10px; margin-right: 10px; font-size: 20px; line-height: 20px; }
#filtering_options #filtering_on { color: green; display: none; }
#filtering_options #filtering_off { color: red; }
#filtering_options .result_filter_radio, #filtering_options .result_filter_checkbox { background: #9f9f9f none repeat scroll 0 0; border-radius: 8px; color: #fff; cursor: pointer; display: block; float: left; margin-bottom: 10px; margin-right: 5px; padding: 10px; }
#filtering_form { height: auto !important; }
#filtering_form .filter_group { margin-bottom: 10px; }
#filtering_form .filter_group.last_filter_group { margin-bottom: 30px; }
#filtering_options .result_filter_checkbox.checked, #filtering_options .result_filter_radio.checked { background: #aa00aa; }
.template_calculator_mortgage_no_mp .results_header h3, .template_calculator_mortgage_no_mp_2022 .results_header h3 { border-bottom: 0 !important; text-align: center; margin-bottom: 16px; }
.template_calculator_mortgage_no_mp .results_header p.results_header_summary, .template_calculator_mortgage_no_mp_2022 .results_header p.results_header_summary  { margin-bottom: 5px !important; }
.template_calculator_mortgage_no_mp .results_header, .template_calculator_mortgage_no_mp_2022 .results_header  { margin-bottom: 0; border-bottom: 0; padding-bottom: 5px; }
.template_calculator_mortgage_no_mp #filtering_options h3.ui-accordion-header, .template_calculator_mortgage_no_mp_2022 #filtering_options h3.ui-accordion-header { text-align:right; margin-top: 0; border-radius: 0 !important; border-top: 0; }
.template_calculator_mortgage_no_mp #filtering_options h3.ui-accordion-header:hover, .template_calculator_mortgage_no_mp_2022 h3.ui-accordion-header:hover { background: #e0e0e0; }
.template_calculator_mortgage_no_mp .results_header_link_back, .template_calculator_mortgage_no_mp_2022 .results_header_link_back { position: absolute; top: 0; left: 0; z-index: 10; line-height: 20px; font-size: 20px; padding: 15px; }
.template_calculator_mortgage_no_mp .results_header_link_back:hover, .template_calculator_mortgage_no_mp_2022 .results_header_link_back:hover { text-decoration: none; }
.template_calculator_mortgage_no_mp .results_header_link_back:before, .template_calculator_mortgage_no_mp_2022 .results_header_link_back:before { font-family: FontAwesome; content: "\f0e2  "; color: purple; }
.template_calculator_mortgage_no_mp #calculationHeaderAndFilter, .template_calculator_mortgage_no_mp_2022 #calculationHeaderAndFilter { position: relative; }
.template_calculator_mortgage_no_mp #calculationHeaderAndFilter h4, .template_calculator_mortgage_no_mp_2022 #calculationHeaderAndFilter h4 { text-align: center; color: purple; margin-bottom: 10px; }
.template_calculator_mortgage_no_mp_2022 #calculation_results .cl_green .lender_icon::after {content:"Green Mortgage"; font-size: .8em; color: #fff; display: block; background: #8db512; }
.template_calculator_mortgage_no_mp_2022 #calculation_results .cl_green .lender_icon{ display: block; border: 1px solid #8db512; border-radius: 5px; padding-top: 2px;border-radius: 5px; }
.product_details, .mp_details { width: 60%; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 20px; padding: 10px; border-radius: 6px; }
.product_details { position: relative; float: left; width: 70%; }
.product_details.full_width { width: 90%; float: none; }
.product_details img.product_logo { height: 70px !important; display: inline; margin-right: 20px; }
.product_details h2 { display: inline; line-height: 50px;}
.product_details ul { margin-right: 250px; }
.product_details li ul { margin-right: 0; margin-bottom: 1.5em; }
.product_details #special_offers { float: left; display: block; margin-bottom: 30px; }
.product_details .special_offer_badge { background-color: #aa00aa; }
.mp_details { margin-bottom: 0px; width: 200px; padding-bottom: 0 !important; position: absolute; right: 10px; top: 10px; border-radius: 5px; border: 1px solid #20667D; }
.mp_details img.mp_logo { max-width: 75px !important; max-height: 53px !important; margin-bottom: 15px; display: block; margin-left: auto; margin-right: auto;}
.mp_details img.progress_bar { width: 100%; max-width: 120px; }
.mp_details div#progressbar { height: 20px; margin-bottom: 10px; }
.mp_details p.mp_description { font-size: 80%; margin-bottom: 0; }
.mp_details p.please_wait_mp { text-align: center; margin-bottom: 10px !important; }
.mp_details label { padding: 0 2%; display: block; line-height: 2em; width: 46%; cursor: pointer; }
.mp_details .yes_mp { float: right; background-color: #A9DFBF; text-align: center; height: 2em; margin-bottom: 10px; }
.mp_details .yes_mp:hover { background-color: #1E8449; }
.mp_details .no_mp { float: left; background-color: #E6B0AA; text-align: center; height: 2em; margin-bottom: 10px; }
.mp_details .no_mp:hover { background-color: #CD6155; }
#advanced_options { width: 25%; float: right; }
#advanced_options li { display: block; }

@media only screen and (max-width:800px) {
	#main h2 { font-size: 1.3em; }
	#breadcrumbs { display: none !important; }
    .mp_details { margin-left: auto; margin-right: auto; display: block; float: none; position: static; width: 90%; }
    .mp_details img.mp_logo { display: none; }
    .mp_description { text-align: center; }
    .product_details { float: none; margin-left: auto; margin-right: auto; width: 95%; }
    #advanced_options { width: 90%; display: block; float: none; margin-left: auto; margin-right: auto; }
    .product_details ul { margin-right: 20px; }
	.calculation_result .logo_with_badges { padding-left: 0 !important; }
	.calculation_result { padding-left: 0 !important; } 
    .product_details #special_offers { float: none; background: #fff; padding: 5px 10px; border: 1px solid #d3d3d3; border-radius: 5px; box-shadow: 1px 1px 1px #a3a3a3; }
	.calculation_result .logo_with_badges { float: none !important; margin-left: auto; margin-right: auto; }
	.calculation_result ul { width: 100% !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: 20px !important; }
	.calculation_result li { margin-bottom: 30px !important; }
	.calculation_result .results_apply_link { display: block; float: none !important; margin-left: auto; margin-right: auto; clear: both; } 
	.calculation_result .calculation_apply { float: none !important; margin-left: auto; margin-right: auto; }
	.send_by_email_button { width: 100% !important; }
	.send_by_email_blue_button { width: 100% !important; }
	#contact_info_confirmation { width: 80% !important; margin-left: auto; margin-right: auto; }
	#but_back, #but_next { background: #aa00aa; -webkit-appearance: none; height: 50px; width: 40%; color: #fff; font-size: 20px; cursor: pointer; margin-bottom: 20px; border: 0; }
}

#contact_info_confirmation_form { width: 90%; max-width: 500px; margin-left: auto; margin-right: auto; background: white; padding: 10px; }
#contact_info_confirmation_form label { display: block; margin-bottom: 10px; }
#contact_info_confirmation_form #application_edit_details.removed { color: grey; cursor: default; }
#contact_info_confirmation_form #application_edit_details.removed:hover { text-decoration: none; }
#contact_info_confirmation_form #application_edit_details { margin-bottom: 20px; display: block; }
#contact_info_confirmation_form .noneditable { border: 0; }
#contact_info_confirmation_form h4 { background: purple; color: white; text-align: center; padding: 10px; width: 100%; margin-top: -10px; margin-left: -10px; margin-right: -10px; }
#contact_info_confirmation_form a.apply_button, #contact_info_confirmation_form a.back_button { margin: 10px; width: 46%; }
#contact_info_confirmation_form a.apply_button { float: right; }
#contact_info_confirmation_form a.back_button { float: left; }
#contact_info_confirmation_form span.calculator_error { color: red; font-size: 80%; font-style: italic; font-weight: 700; margin-left: 10px; }
#contact_info_confirmation_form fieldset { border: 0 none; margin: 0 !important; padding: 0; }
#contact_info_confirmation_form label.highlighted, #contact_info_confirmation_form .calculator_radiolabel:hover { background: #aa00aa none repeat scroll 0 0; }
#contact_info_confirmation_form .calculator_radiolabel { background: #9f9f9f none repeat scroll 0 0; border-radius: 8px; color: #fff; cursor: pointer; display: block; float: left; margin-bottom: 10px; margin-right: 5px; padding: 7px; }
input.detail_confirmation[type=text] { font-size: 14pt; padding: 5px; width: calc(100% - 15px) !important; }
.detail_confirmation_label { font-size: 14pt; }
#contact_info_confirmation_form .detail_confirmation[type=tel] { font-size: 14pt !important; padding: 5px; }
.calculation_result2 { border-bottom: 1px solid #d3d3d3; padding-top: 20px; padding-bottom: 20px; }
.calculation_result2 li { width: 20%; float: left; display: inline; text-align: center; margin-left: 30px; }
.calculation_result2 h4 { width: 20%; display: inline; float: left; }
.calculation_result2 button { background: #aa00aa; color: white; border: none; border-radius: 5px; padding: 6px 10px; font-size: 100%; cursor: pointer; width: 25%; float: right; display: inline; }
.calculation_result2 ul { display: inline; }
#product_tabs.mobile { margin-right: auto; margin-left: auto; display: block; padding: 20px; border: 1px solid #a3a3a3; border-radius: 5px; margin-bottom: 10px; }
#product_tabs.mobile p { display: inline !important; width: 50%; }
#product_tabs.mobile select { display: inline; font-size: 100%; }
#product_tabs ul { padding-left: 0; margin: 0; list-style-type: none; border-bottom: 1px solid #d3d3d3; }
#product_tabs ul li { color: #7F7F7F; cursor: pointer; font-size: 14px !important; float: left; display: block; background: white; white-space: nowrap; margin-right: 5px; margin-bottom: 0; border-top-right-radius: 10px; border-top-left-radius: 10px; padding: 3px 5px; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; }
#product_tabs ul li:hover { color: black; }
#product_tabs ul li.selected { color: black; border-color: #a3a3a3; font-weight: bold; }
.calculation_result { padding-left: 20px; clear: both; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #a3a3a3; }
.calculation_result .logo_with_badges { display: block; float: left; width: 160px; padding-left: 10px; height: 104px; }
.template_calculator_mortgage_no_mp_2022 .logo_with_badges { display: block; float: left; width: 160px; padding-left: 10px; height: 120px; }
.calculation_result .product_logo { max-width: 70px !important; max-height: 70px !important; float: left; }
.calculation_result .product_logo.no_offers { float: none; margin-right: auto; margin-left: auto; display: block; margin-bottom: 10px; }
.calculation_result ul { margin: 0; padding: 24px 0 0 0; list-style-type: none; width: calc(100% - 400px); float: left; }
.calculation_result li { float: left; width: 33%; text-align: center; margin: 0 !important; }
.calculation_result h4 { text-align: center; clear: both; font-size: 18px !important; line-height: 24px; margin: 0; }
#calculation_search_no_products { padding: 20px; }
#calculation_search_no_products p { text-align: center; }
#calculation_results_no_products p { text-align: center; }
#calculation_results_no_products { padding: 20px; margin-bottom: 20px; }

/* Same styles for badges are used in SpecialOffer type */
.special_offer_badge { background-color: #aa00aa; float: right; margin-bottom: 10px; width: 70px; height: 70px; }
.special_offer_badge.lender_kbc { background-color: #0199CC; }
.special_offer_badge.lender_hav { background-color: #22CC2A; }
.special_offer_badge.lender_ub { background-color: #032C64; }
.special_offer_badge.lender_ptsb { background-color: #EC8732; }
.special_offer_badge.lender_boi { background-color: #085480; }
.calculation_result .calculation_mp { line-height: 24px; }
.calculation_result .calculation_sd { line-height: 48px; }
.calculation_result .calculation_ir { line-height: 24px; }
.calculation_result .calculation_apply { float: left; }
#apply_for_all_products { clear: both; }
span.calculation_aprc { text-align: center; display: block; font-size: 14px; line-height: 14px; color: #505050; font-weight: bold; margin-top: 10px; }
.calculation_result .results_apply_link { width: 150px; height: 30px; line-height: 30px; font-size: 18px; cursor: pointer; display: block; min-width: 70px; background: #aa00aa; color: white; text-align: center; border-radius: 5px; margin-top: 24px; padding: 6px 10px 6px 10px; text-decoration: none; margin-bottom: 5px; }
.calculation_result .results_apply_link::after { content: "\f0da"; font-family: FontAwesome; padding-left: 10px; }
.calculation_result .results_apply_link:hover { background: #6b026b; color: #f3f3f3; }
.apply_button { cursor: pointer; padding: 10px 0; text-align: center; margin-top: 10px; margin-bottom: 20px; width: 45%; background: #8db512; color: #fff; float: left; margin-left: 2%; margin-right: 2%; outline: 0; border: 0; font-size: 20px; }
.apply_button:hover { text-decoration: none; background: #7da502; }
.back_button, .send_by_email_button, .send_by_email_blue_button { cursor: pointer; padding: 10px 0; text-align: center; display: block; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; width: 45%; background: #aa00aa; color: #fff; border: 0; outline: 0; font-size: 20px; }
.back_button:hover { text-decoration: none; background: #6B026B; }
.send_by_email_button:hover { text-decoration: none; background: #7da502; }
.back_button { float: left; margin-left: 2%; margin-right: 2%; }
.send_by_email_button { background: #8db512; color: #fff; clear: left; }
.send_by_email_link, .another_calculation_link { display: block; text-align: center; padding-top: 10px; }
.send_by_email_blue_button:hover { text-decoration: none; background: #6b026b; }
.years_hint { color: grey; }
.percentage_hint { color: grey; }
#stress_test_panel { background: #e0e0e0; padding: 10px; border-radius: 6px 6px 0 0; border-bottom: 1px #e0e0e0 solid; position: relative; top: -10px; }
#stress_test_panel #stress_test_percentage { height: 32px; width: 40px; line-height: 30px; float: left; text-align: center; padding-left: 10px; padding-right: 10px; }
#stress_test_panel .plus, #stress_test_panel .minus { float: left; width: 32px; height: 32px; padding: 0; margin: 0; line-height: 32px; text-align: center; }
#stress_test_panel a { color: black; }
#stress_test_panel #done { width: 32px; height: 32px; float: right; line-height: 32px; }
#stress_test_panel div.stress_test_header { text-align : center; line-height: 32px; }
#stress_test_panel .plus:hover, #stress_test_panel .minus:hover, #stress_test_panel #done:hover  { color: #aa00aa; }
.stress_test_header_mobile { display: none; }
#stress_test_panel.disabled, #stress_test_panel.disabled * { cursor: wait !important; }
#stress_test_panel.disabled .plus, #stress_test_panel.disabled .minus, #stress_test_panel.disabled .plus:hover, #stress_test_panel.disabled .minus:hover { color: #c0c0c0; }
#acceleration_panel { background: #e0e0e0; padding: 10px; border-radius: 6px 6px 0 0; border-bottom: 1px #e0e0e0 solid; position: relative; top: -10px; }
#acceleration_panel #acceleration_amount { height: 32px; width: 60px; line-height: 30px; float: left; text-align: center; padding-left: 10px; padding-right: 10px; }
#acceleration_panel .plus, #acceleration_panel .minus { float: left; width: 32px; height: 32px; padding: 0; margin: 0; line-height: 32px; text-align: center; }
/*#acceleration_panel .disabled_acceleration_button { color: #D3D3D3; cursor: default; }*/
#acceleration_panel .plus, #acceleration_panel .minus { color: black; }
#acceleration_panel #done { color: black; width: 32px; height: 32px; float: right; line-height: 32px; }
#acceleration_panel div.acceleration_panel_header { text-align : center; line-height: 32px; display: block;}
#acceleration_panel .plus:hover, #acceleration_panel .minus:hover, #acceleration_panel #done:hover  { color: #aa00aa; }
.acceleration_panel_header_mobile { display: none; }
#acceleration_panel.disabled, #acceleration_panel.disabled * { cursor: wait !important; }
#acceleration_panel.disabled .plus, #acceleration_panel.disabled .minus, #acceleration_panel.disabled .plus:hover, #acceleration_panel.disabled .minus:hover { color: #c0c0c0; }
#lender_table th { text-align: left; }
#lender_table { margin-bottom: 25px; }

/* Main Section template */
#section_cms { margin-bottom: 40px; }
#section_also, #section_cms { clear: both; }
#section_also dd { font-style: italic; margin-bottom: 20px; margin-left: 0; font-size: 90%; }
#section_main { padding: 0; }
.sectionfb { float: left; margin-bottom: 28px; width: 48%; padding:0; height: 200px; background-repeat:no-repeat; position: relative; }
.sectionfb.sectionfb_1 { margin-right: 4%; }
.sectionfb a { display:block; height:100%; }
.sectionfb a:hover { text-decoration: none; }
.sectionfb h4 { color: white; background: #22184c; line-height:24px; padding:10px; margin-top:20px;}
.sectionfb a:hover h4 { background: #aa00aa; }

/* Subsection Home template */
#subsection_links { padding-right: 20px; }
#subsection_links dd { font-style: italic; margin-bottom: 20px; margin-left: 0; font-size: 90%; }

/* Definition List template */
#dl_anchors { border: 1px #e0e0e0 solid; background: white; padding: 10px 10px 10px 2em; border-radius: 4px; }
#dl_anchors :last-child { margin-bottom: 0; }
.template_definition_list #cms dl { margin: 0; }
.template_definition_list #cms dt { background: #e0e0e0; border: 1px #d0d0d0 solid; border-bottom: none; padding: 10px; margin: 0; border-radius: 4px 4px 0 0; }
.template_definition_list #cms dd { background: white; border: 1px #d0d0d0 solid; margin: 0 0 2em 0; padding: 10px; border-radius: 0 0 4px 4px; }

/* Responsive table */
@media only screen and (max-width:600px) {
	table.responsive_table td.mobile_header { background: #22184c; color: white; }
	span.currency_span { display: inline; position: absolute; right: 40px; }
	table.responsive_table td { display: block; text-align: left; }
	table.responsive_table td:not(.mobile_header):not(.colspan_row)::before { font-weight: bold; text-align: left; width: 100%; content: attr(data-th); display: inline-block; }
	table.responsive_table td.mobile_header { font-weight: bold; }
	table.responsive_table td.mobile_header::before { content: attr(data-mobileheader); }
	table.responsive_table th { display: none; }
	table.responsive_table tr.results_table_row0, table.responsive_table tr.results_table_row1 { background: none !important; }
	table.responsive_table td.darken_on_mobile { background: rgb(230, 230, 230); }
	#contact_info_confirmation_form a.apply_button, #contact_info_confirmation_form a.back_button { display: block; width: 100%; margin-left: auto; margin-right: auto; float: none; }
}

/* Common calculator CSS */
#calculator_back_button, #calculator_action_button { cursor: pointer; padding: 10px 0; text-align: center; display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; width: 90%; max-width: 300px; background: #aa00aa; color: #fff; border: 0; outline: 0; font-size: 20px; }
#calculator_back_button:hover { text-decoration: none; background: #6B026B; }
#calculator_action_button { background: #8db512; }
#calculator_action_button .bottom_margin { margin-bottom: 1.5em; }
#calculator_action_button:hover { text-decoration: none; background: #7da502; }
div#calculator label.calculator_form_no_border_label span { border: 0; }
.calculator_result_page_button { display: block; width: 50%; min-width: 250px; margin-left: auto; margin-right: auto; float: none; margin-bottom: 20px; padding-left: 20px; padding-right: 20px; }
div.calculator_side_blurb table { width: 100%; }
#calculator .checkbox_subtitle { font-size: 90%;	 }
#calculator .checkbox_title { font-weight: bold; margin-bottom: 10px; }
#calculator select { font-size: 100%; width: 100%; }
#waiting_calculator { min-height: 550px; }
#waiting_calculator h1 { padding-top: 20px; text-align: center; display: block; }
#waiting_calculator .progress_bar { margin-left: auto; margin-right: auto; display: block; }
#calculator #calculator_fatal_error h1 { text-align: center; padding: 10px; color: #aa00aa; font-size: 20px; line-height: 25px; }
.calc_progress_bar { margin-right: auto; margin-left: auto; }
.calc_progress_bar td { width: 30px; height: 15px; border-spacing: 0; padding: 0 !important; }
.calc_progress_bar td.calc_first_stage { background: purple; background-size: 30px 15px; background-image: url("/images/First.png"); }
.calc_progress_bar td.calc_middle_stage { background: purple; background-size: 30px 15px; background-image: url("/images/Center.png"); }
.calc_progress_bar td.calc_last_stage { background: purple; background-size: 30px 15px; background-image: url("/images/Last.png"); }
.calc_progress_bar td.calc_first_stage.calc_current_stage { background: yellow; background-size: 30px 15px; background-image: url("/images/First.png"); }
.calc_progress_bar td.calc_middle_stage.calc_current_stage { background: yellow; background-size: 30px 15px; background-image: url("/images/Center.png"); }
.calc_progress_bar td.calc_last_stage.calc_current_stage { background: yellow; background-size: 30px 15px; background-image: url("/images/Last.png"); }

/* Result screen common */
.calculator_table_results { max-width: 600px; margin-left: auto; margin-right: auto; margin-bottom: 24px; border: 1px solid #C0C0C0; }
.calculator_table_results.with_header { padding-top: 10px; }
.calculator_table_results h3 { text-align: center; border-bottom: 1px solid #C0C0C0 !important; padding-bottom: 9px !important; margin-bottom: 0; padding-right: 20px; padding-left: 20px; }
.calculator_table_results table { width: 100%; margin-left: auto; margin-right: auto; border-spacing: 0; border-collapse: separate !important; margin-bottom: 0 !important; }
.calculator_table_results table th { background: #22184c; color: white; padding: 10px !important; }
.calculator_table_results table td { padding: 10px !important; text-align: center; }
.calculator_table_results table tr.prominent { background: white; border: 1px #e0e0e0 solid; }
.calculator_table_results table tr.big_figures { font-size: 110%; font-weight: bold; }
.calculator_table_results table tr.big_figures td { padding-top: 15px !important; padding-bottom: 15px !important; }
.calculator_table_results table tr.results_table_row0 { background: rgb(230,230,230); }
.calculator_table_notes { padding: 10px; }
.calculator_table_notes p { font-size: 90%; margin: 0 !important; margin-bottom: 10px !important; color: #22184c; font-weight: bold; }
p.calculator_results_p { color: #22184c; font-weight: bold; text-align: center; }

@media only screen and (max-width: 400px) {
	.calculator_table_results table.smaller_font_results_table td, .calculator_table_results table.smaller_font_results_table th { font-size: 80%; padding: 5px; }
}

/* Progress bars */
#calc_progress { padding: 10px 5px 20px 5px; text-align: center; }
#calc_progress .calc_progress { display: inline-block; position: relative; width: 60px; }
#calc_progress .calc_progress.calc_progress_last { width: 40px; }
#calc_progress .calc_progress_done .calc_idx { border-color: #84b325; background-color: #89c626; color: white; line-height: 22px; background-image: url("/images/tick.png"); }
#calc_progress .calc_progress_done .calc_circle { background-color: #e0e0e0; }
#calc_progress .calc_progress_done .calc_bar { background: #e0e0e0; }
#calc_progress .calc_progress_done .calc_label { color: black; }
#calc_progress .calc_progress_active .calc_idx { border-color: #6b026b; background-color: #aa00aa; color: white; }
#calc_progress .calc_progress_active .calc_label { color: #6b026b; }
#calc_progress .calc_progress_active .calc_idx, #calc_progress .calc_progress_done .calc_idx { box-shadow: inset 0 0 2px rgba(0,0,0,.2); }
#calc_progress .calc_circle { display: inline-block; background: white; color: #a0a0a0; border: 1px #c0c0c0 solid; border-radius: 50%; width: 34px; height: 34px; padding: 3px; }
#calc_progress .calc_circle .calc_idx { line-height: 34px; height: 34px; width: 34px; border-radius: 50%; display: block; }
#calc_progress .calc_bar { z-index: 10; position: relative; width: 20px; display: inline-block; height: 3px; border-top: 1px #c0c0c0 solid; border-bottom: 1px #c0c0c0 solid; background: white; left: 0; top: -2px; margin: 0 -1px; }
#calc_progress .calc_label { color: #c0c0c0; display: inline-block; font-size: 9pt; position: relative; bottom: 0; left: -19px; line-height: 20px; height: 20px; width: 80px; text-align: center; overflow: hidden; }
#calc_progress .calc_progress_last .calc_label { left: -19px; }

/* Mortgage Calculator */
#apply_now_form #calculator_back_button, #apply_now_form #calculator_action_button { width: 47%; max-width: 1000px; }
#apply_now_form #calculator_back_button { float: right; }
#apply_now_form #calculator_action_button { float: left; }
#apply_now_form #calculator_back_button, #apply_now_form #calculator_action_button { margin-bottom: 50px; }
.lender_specific_message { border: 1px solid #b3b3b3; padding: 10px; margin-top: 20px; margin-bottom: 20px; box-shadow: 0 0 2px #a3a3a3; }

/* Calculator Generic Application Form */
.template_calculator_generic_application_form .pagetitle { color: white; background-color: #aa00aa; font-variant: small-caps; text-align: center; padding: 6px; }

/* How much can I borrow calculator */
.template_calculator_hmcib .calculator_table_notes { text-align: center; font-size: 90%; }
.template_calculator_hmcib #calculator_action_button { box-shadow: 5px 5px 3px #AAAAAA; }
.template_calculator_hmcib #calculator_back_button { margin-bottom: 50px; }
.template_calculator_hmcib td.currency { font-weight: bold; color: purple; }

/* Calculator Stamp Duty */
div.template_calculator_stamp_duty .calculator_table_results { max-width: 400px; }

/* Calculator Can I Afford an Investment Property */
div.template_calculator_afford_investment p#afford_investment_short_result { text-align: center; font-weight: bold; max-width: 600px; margin-left: auto; margin-right: auto; }
div.template_calculator_afford_investment p#afford_investment_short_result.investment_affordable_result:before { content: "\f00c"; font-family: FontAwesome; color: green; padding-right: 10px; }
div.template_calculator_afford_investment p#afford_investment_short_result.investment_not_affordable_result:before { content: "\f00d"; font-family: FontAwesome; color: red; padding-right: 10px; }
div.template_calculator_afford_investment .calculator_table_results table td { text-align: left; padding-right: 20px; padding-left: 20px; }

/* Calculator Investment Property Cash Flow */
div.template_calculator_investment_future_cash_flow table.cash_flow_results_per_year { width: 100%; margin-bottom: 30px; border-spacing: 0; border: 1px solid #C0C0C0; }
div.template_calculator_investment_future_cash_flow td.cash_flow_first_column { font-weight: bold; text-align: left; }
div.template_calculator_investment_future_cash_flow td.cash_flow_first_row { background: purple; color: white; font-weight: bold; text-align: center; }
div.template_calculator_investment_future_cash_flow td.currency_field { text-align: right; padding-right: 15px; }
div.template_calculator_investment_future_cash_flow td { padding: 5px; }
div.template_calculator_investment_future_cash_flow table tr.results_table_row1 { background: rgb(230,230,230); }
div.template_calculator_investment_future_cash_flow .calculator_table_results { margin-bottom: 35px; }
div.template_calculator_investment_future_cash_flow #calculator_back_button { margin-bottom: 80px; }
div.template_calculator_investment_future_cash_flow h3 { text-align: center; }
@media only screen and (max-width: 900px) {
	div.template_calculator_investment_future_cash_flow table.cash_flow_results_per_year { font-size: 80%; }
	#quicklinks1 .ql_group { width: 50%; }
}
@media only screen and (max-width: 500px) {
	div.template_calculator_investment_future_cash_flow #calculator_action_button { margin-bottom: 40px; }
}

/* Household Budget Calculator template */
.template_calculator_household_budget #calculator_with_buttons { max-width: 500px; }
.template_calculator_household_budget label.no_title { width: 40% !important; float: right; }
.template_calculator_household_budget label.currency_label { float: left; display: inline; width: 50%; }
.template_calculator_household_budget label.currency_label input { width: 50%; }

/* Investor repayments calculator */
@media only screen and (max-width:600px) {
	.template_calculator_investor_repayment table.responsive_table td.mobile_header::before { content: ""; width: 0; }
	#quicklinks1 {float: none; text-align: center;}
}

/* Switch and save calculator */
div.template_calculator_switch_and_save .calculator_table_results { max-width: 100%; }
@media only screen and (min-width: 946px) {
	.template_calculator_switch_and_save .calculator_error { display: block; }
	.template_calculator_switch_and_save div#calculator .question_group { font-size: 80%; }
	.template_calculator_switch_and_save div#calculator_buttons #but_back, .template_calculator_switch_and_save div#calculator_buttons #but_next { margin-top: 20px; }
	.template_calculator_switch_and_save div#calculator .percentage_hint { padding-right: 10px; }
	.template_calculator_switch_and_save div#calculator fieldset { margin-right: 15px !important; }
	.template_calculator_switch_and_save div#calculator .calculator_radiolabel { padding: 2px; padding-right: 5px; border-radius: 5px; }
	.template_calculator_switch_and_save #calculator_with_buttons { width: 946px; }
	.template_calculator_switch_and_save #calculator .question_group { clear: left; }
	.template_calculator_switch_and_save #calculator .question_group label, .template_calculator_switch_and_save #calculator .question_group fieldset { display: block; float: left; margin-right: 20px; }
	.template_calculator_switch_and_save #calculator .question_group fieldset label { margin-right: 5px; width: auto; }
}
@media only screen and (max-width:800px) {
	#quicklinks1 .ql_group { width: 100%; }
	div.template_calculator_switch_and_save table.responsive_table { font-size: 80%; }
	div.template_calculator_switch_and_save table.responsive_table td.mobile_header { background: #22184c; color: white; }
	div.template_calculator_switch_and_save span.currency_span { display: inline; position: absolute; right: 40px; }
	div.template_calculator_switch_and_save table.responsive_table td { display: block; text-align: left; }
	div.template_calculator_switch_and_save table.responsive_table td:not(.mobile_header):not(.colspan_row)::before { font-weight: bold; text-align: left; width: 100%; content: attr(data-th); display: inline-block; }
	div.template_calculator_switch_and_save table.responsive_table td.mobile_header { font-weight: bold; }
	div.template_calculator_switch_and_save table.responsive_table td.mobile_header::before { content: attr(data-mobileheader); }
	div.template_calculator_switch_and_save table.responsive_table th { display: none; }
	div.template_calculator_switch_and_save table.responsive_table tr.results_table_row0, table.responsive_table tr.results_table_row1 { background: none !important; }
	div.template_calculator_switch_and_save table.responsive_table td.darken_on_mobile { background: rgb(230, 230, 230); }
}

/* Mortgage Rates template */
#mortgage_rates #ul_lender { float: left; list-style-type: none; margin: 0; padding: 0;  }
#mortgage_rates #div_lender { max-height: 2em; }
#mortgage_rates #div_lender p { display: none; }
#mortgage_rates #div_lender.mobile { clear: both; font-size: 100%; background: #d3d3d3; border-radius: 5px; display: inline-block; margin-bottom: 10px; padding: 5px; border: 1px solid #a1a1a1; }
#mortgage_rates #div_lender.mobile p { display: inline; margin-bottom: 0; }
#mortgage_rates #div_lender.mobile select { font-size: 100%; }
#mortgage_rates #ul_lender li { float: left; padding: 0; margin: 0 5px 0 0; background: #e0e0e0; }
#mortgage_rates #ul_lender li.selected { background: white; }
#mortgage_rates #ul_lender li a { padding: 0 10px; line-height: 2em; }
#mortgage_rates #ul_category { float: right; list-style-type: none; margin: 0; padding: 0; }
#mortgage_rates #ul_category li { float: right; padding: 0; margin: 0 2px 0 0; }
#mortgage_rates #ul_category li.selected { background: white; }
#mortgage_rates a.selected { background: white !important; color: black !important; }
#mortgage_rates #ul_category a, #mortgage_rates #ul_lender a { display: block; padding: 2px 8px; }
#mortgage_rates table { width: 100%; border-collapse: collapse; }
#mortgage_rates td { border-bottom: 1px #e8e8e8 solid; padding: 4px 10px; }
#mortgage_rates .row_number_1 td { background: white; }
#mortgage_rates .row_number_0 td { background: #f5f5f5; }
#mortgage_rates th { background: white; }
#mortgage_rates tr:hover td { background-color: #fefedd; cursor: pointer; }
#mortgage_rates #div_category, #mortgage_rates #div_lender { display: inline; }
.household_budget_results h3 { text-align: center; border-bottom: 1px solid #C0C0C0 !important; padding-bottom: 9px; margin-bottom: 0; }
.household_budget_results { padding-top: 10px; max-width: 500px; margin-left: auto; margin-right: auto; margin-bottom: 24px; border: 1px solid #C0C0C0; }
.household_budget_results #mortgage_calculator_link { text-align: center; }
.household_budget_table_results p { color: #22184c; font-weight: bold; }
.household_budget_results .household_budget_results_table { width: 100%; margin-left: auto; margin-right: auto; border-spacing: 0; }
.household_budget_results .household_budget_results_table td, th { padding: 10px; text-align: center; }
.household_budget_results .household_budget_results_table td.currency_cell { text-align: right; }
.household_budget_results .prominent { background: white; border: 1px #e0e0e0 solid; }
#mortgage_rates #back_button { display: block; padding: 10px; background: #aa00aa; border-radius: 10px; width: 200px; text-decoration: none; color: white; text-align: center; }
#mortgage_rates #back_button:hover { background: #aa00aa; background: #6b026b; text-decoration: none; }
#mortgage_rates_particular_product div#product_info_warning p { padding: 10px; background: #CD5C5C; border-radius: 5px; text-align: center; font-size: 90%; color: white; }
#mortgage_rates_particular_product div#product_info_warning p:before { content: "\f071"; font-family: FontAwesome; padding-right: 20px; }
#mortgage_rates_particular_product ul { margin-bottom: 40px; }
#mortgage_rates_particular_product #particular_product_back_button, #mortgage_rates_particular_product #particular_product_action_button { cursor: pointer; padding: 10px 0; text-align: center; display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; width: 90%; max-width: 300px; background: #aa00aa; color: #fff; border: 0; outline: 0; font-size: 20px; }
#mortgage_rates_particular_product #particular_product_back_button:hover { text-decoration: none; background: #6B026B; }
#mortgage_rates_particular_product #particular_product_action_button { background: #8db512; }
#mortgage_rates_particular_product #particular_product_action_button:hover { text-decoration: none; background: #7da502; }
#calculation_hint a { display: block; background: #8db512; padding: 10px 84px 40px 20px; background-image: url("/images/arrow.png"); background-repeat: no-repeat; background-position: 95% 50%; border-bottom: 1px solid #a0a0a0; border-left: 1px solid #a0a0a0; border-right: 1px solid #a0a0a0; box-shadow: 2px 2px 10px #a0a0a0; }
.calculation_hint_strong { font-weight: bold; display: block; color: black; }
.calculation_hint_em { font-style: italic; display: block; font-size: 110%; }
#calculation_hint a:hover { text-decoration: none; background-color: rgba(141,181,18,.8); color: #bb11bb; }
#cms table { border-collapse: collapse; margin-bottom: 1.5em; }
#cms td, #cms th { padding: 2px 4px; }
.before-move, #page #mainnav { display: none; } /* Attempt to prevent mobile menu from flickering during load on crappy processors */

/* Placing buttons in the same place in Mortgage Calculator */
@media only screen and (min-width:570px) {
	div.template_calculator_mortgage div#calculator { height: 480px !important; }
	div.template_calculator_mortgage div#calculator.autoHeight { height: auto !important; }
}


/* No fees! */
.calculator_table_results::before { content: "No broker fees"; background: #8db512 url("/speck/images/icons/silk_complete/accept.png") 10px 50% no-repeat; padding: 10px 10px 10px 30px; margin: 0 auto 30px auto; display: block; color: white; }
.calculator_table_results { padding-top: 0 !important; }
#life_result_wrapper::after { content: "No broker fees"; background: #8db512 url("/speck/images/icons/silk_complete/accept.png") 10px 50% no-repeat; padding: 4px 10px 4px 30px; margin: 0 auto; display: block; color: white; font-size: 75%; }