@font-face {
	font-family: 'Open Sans Condensed';
	src: url('../fonts/OpenSansCondensed-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans Condensed';
	src: url('../fonts/OpenSansCondensed-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans Condensed';
	src: url('../fonts/OpenSansCondensed-LightItalic.woff2') format('woff2');
	font-weight: 300;
	font-style: italic;
}
#viewport {display:block; background:rgba(0,0,0,0.5); position:fixed; top:0; right:0; color:#ffffff; padding:10px; z-index:9999999999999999;}

/*
Reset
--------------------------------------------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/   v2.0 | 20110126   License: none (public domain)*/
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, ol, ul, 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;}
/* HTML5 display-role reset for older browsers */
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; } 
/*
Typography
--------------------------------------------------------------------------------------------- */

html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;overflow-y: auto;scroll-behavior: smooth;}
body { color:#3a444a; font:0.85em/1.5em 'Open Sans', helvetica, arial, sans-serif; background-color: #fff; }
p {margin-bottom:1.0em;  }
h1, h2, h3, h4, h5, h6 { font: 700 1em/1.1em 'Open Sans Condensed', helvetica, arial, sans-serif; margin-bottom:0.5em;}
h1 { font-size:24px;}
h1#FAQ {font-size:42px; color:#414042;}
h1#Terms {font-size:42px; color:#414042;}
h1#PrivacyPolicy {font-size:42px; color:#414042;}
h1#Contact {font-size:42px; color:#414042;}
h2 , h1.comparetitle{ font-size:26px; color:#00547e; }
#filterbar h2 {font-size:24px;}
h3 { font-size: 14px; color:#00547e; }
h4 { }
h5 { }
h6 { }
a { text-decoration:none; }
a:link, a:visited {color:#57afe6;transition: all ease 0.3s;}
a:hover, a:active {color: #00547e;}
ol { }
ul { }
ol li , ul li, dl{ margin-bottom: 3px;}
#content ul li {list-style-image: url(../images/bullet.gif);padding: 0 10px 0 0;margin-left: 18px;}
blockquote, q { quotes: none; }
em { font-style: italic; }
strong, b { font-weight: 700; }
del { text-decoration: line-through; }
img { -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; }
label {display: block;color: #00547E;font: bold 18px/normal Open Sans Condensed, helvetica, arial, sans-serif;}
select {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    font-size: 13px;
    height: 40px;
    line-height: 35px;
    margin: 9px 0 0 0;
    padding: 10px 8px;
    max-width: 100%;
    width: 100%;
}

input[type="text"],input[type="password"] {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    font-size: 13px;
    height: 40px;
    line-height: 35px;
    margin: 9px 0 0 0;
    padding: 10px 8px;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

@media (min-width:992px) {
	select {
		width: 230px;
	}
	
	input[type="text"],input[type="password"] {
		width: 230px;
	}	
}
/*
Layout
--------------------------------------------------------------------------------------------- */

#header {background-color:#00547e;margin:0 0 40px 0;padding:25px 0;}
#footer {background-color:#e7f3fc;clear:both;padding: 30px 0 20px 0;margin-top:30px;}
#footer .wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
}
.wrapper { padding-left: 15px; padding-right: 15px; position:relative; }
#header .topnav { float:right; }
#header .topnav li { display:inline-block; list-style: none; font-family: 'Open Sans Condensed', helvetica, arial, sans-serif; font-size:18px; line-height: 50px; font-weight: 700; float:left; margin-left: 20px; }
#header .topnav a { color:#FFF; }
#header .topnav a:hover {
    color: #57afe6;
}
#header a.logo { background: url("../images/logo.png") no-repeat center; float:left; height: 50px; width: 158px; overflow: hidden; text-indent: -9999em; display:block; }
.terms-privacy-list {margin:18px 0px 18px 0px;}
#footer .copyright { float:left; color:#00547e; margin-bottom: 0; }
#footer ul { float:right; }
#footer ul li { display:inline-block; list-style: none; margin-left: 15px; }
#footer ul li:first-child { margin-left: 0px; }
#footer ul li a {font-weight: 600;}
#content {max-width:1000px;margin:0 auto;display: block;}
#sidebar {margin-top:35px;}
#main .breadcrumb { display:block; padding:0 0 15px 0; }
#main .breadcrumb li { display:inline-block; float:left; list-style: none; font-size: 15px; line-height: 21px; padding:0; margin:0;}
#main .breadcrumb li a {font:700 16px/1.2em Open Sans Condensed, helvetica, arial, sans-serif;}
#main .breadcrumb li:after { content:" \2F"; padding-left: 5px; padding-right: 5px; display:inline-block;}
#main .breadcrumb li:last-child:after { content:""; }
#main .pagination {border-bottom:1px solid #c0d7e9;display:block;clear:both;padding:10px 0 19px;margin:10px 0;overflow: hidden;}
#main .pagination li {font:700 0.85em/1.2em Open Sans Condensed, helvetica, arial, sans-serif; display:inline-block; list-style: none; line-height: 18px; font-size: 13px; line-height: 20px; float:left; margin-bottom: 0px; padding-bottom: 0px; }
#main .pagination li a {display:block; padding-left: 6px; padding-right: 6px;}
#main .pagination li a.current { font-weight: 700; }
#main .pagination li:first-child .page-link:before {color:#00547e; content:"\25C0"; padding:0 10px;font-size: 14px;}
#main .pagination li:last-child .page-link:after {color:#00547e; content:"\25B6"; padding:0 10px;font-size: 14px;}
#main .pagination li:first-child .page-link,#main .pagination li:last-child .page-link {
	font-size: 0;
}
#main .pagination li:not(:first-child):not(:last-child):not(.disabled) span.page-link {
    background: #00547e;
    color: #fff;
}
.alert-danger {
	margin-top: 20px;
}
.alert-danger li { display: flex;  align-items: center;
}
.alert-danger li:before { display: flex;
	content: "";
	width: 10px; height: 10px;
	margin-right: 20px;
}

#main .pagination li .page-link {
	margin: 0px 5px;
    width: 30px;
    height: 30px;
    background-color: #a8daff;
    font-weight: 700;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
	color: #000;
}


@media screen and (min-width:768px) {
#content.content-left {float:left; width:75%;}
#sidebar.sidebar-right{float:left; width:23%; margin:135px 0 0 2%;}
.ghost {display:none;}
}
@media screen and (min-width:0px) and (max-width:767px) {
}
/*
Common
--------------------------------------------------------------------------------------------- */
hr { border:1px solid #e2f0fb; border-top:0; border-left:0; border-right:0; padding:15px 0; clear:both;}
.button {background: none #57afe6;border:none;border-radius: 5px;cursor:pointer;color:#ffffff;display:inline-block;padding:15px 23px 18px 23px;font: 700 22px/28px Open Sans Condensed, helvetica, arial, sans-serif;text-align:center;transition: all ease 0.3s;}
.button:hover {
    background: #00547e;
}
.note {background:#fefdf2 url('../images/icon-note.png') no-repeat 13px 20px; border:1px solid #f2f1c1; border-radius:0.5em; color:#4d4d4f; font-size:15px; padding:15px 17px 15px 60px;}
.legal{ border-top:1px solid #e7f3fc; color:#5858585; font-size:12px; padding:25px 5px;}

.valerror{color:#8b0e0e; font:bold 12px/1.2em Open Sans, helvetica, arial, sans-serif; margin:0.5em 0;}
#error{color:#8b0e0e; font:bold 12px/1.2em Open Sans, helvetica, arial, sans-serif;}
#error  li:after{content:"*"}
.error{background-color:#fae1e1 !important;border:1px solid #8b0e0e !important;}
.loading { background:rgba(255, 255, 255, 0.8) url('../images/icon-loader.gif') no-repeat center; display:none; height:100%; position:fixed; width:100%; z-index: 99999;}
.no-warranty-product {color:#db6700; padding:26px 20px 24px 58px; background:transparent url('../images/icon-note.png') no-repeat 15px 18px; font-weight:bold; font-style:italic; font-size:1.0em;}
#seo-text {background-color:#e9f3fa; padding:15px; margin-top:-10px;}

/*
Misc
--------------------------------------------------------------------------------------------- */
/* Clearfix */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

/*
Icons
--------------------------------------------------------------------------------------------- */
.icon-yes, .icon-no{background:url(../images/icon-yes.png) no-repeat center center;height: 21px;overflow:hidden;width: 21px;text-indent: 9999em;display:inline-block;}
.icon-no { background:url(../images/icon-no.png) no-repeat center center;}
/*
tooltip
--------------------------------------------------------------------------------------------- */
a.tip { position: relative; text-decoration: none; }
a.tip:hover:before { display: block; position: absolute; padding: .5em; content: attr(title); min-width: 120px; text-align: center; width: auto; height: auto; white-space: nowrap; top: -32px; background: #fcfbce; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; color: #414042; font:0.8em/1.5em normal 'Open Sans', helvetica, arial, sans-serif;
}
a.tip:hover:after { position: absolute; display: block; content: ""; border-color: #fcfbce transparent transparent transparent; border-style: solid; border-width: 10px; height:0; width:0; position:absolute; top: -8px; left:1em; }
/*
callout
-----------------------------------------------------------------------------------------------*/
.callout { background-color:#f2fafe; border:1px solid #e2f0fb; -moz-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; padding:20px; margin:30px 0;}
.callout li {padding:0 0 0 20px;}
.callout ul {width: 50%; float: left;}
@media screen and (min-width: 250px) and (max-width:503px) {
.callout ul {width:auto; float:none;}
}
/*
select and select combo
-----------------------------------------------------------------------------------------------*/
#main .selectCurrent {}
#main .selectioncombo {border: 1px solid #E2F0FB; border-radius: 0 0 0.2em 0.2em; border-top: 0; display: none; background-color:#ffffff; max-height: 200px!important; padding: 10px 0 0 0; overflow-y:scroll; position:absolute; top:35px;  left:3px; z-index:999; }
#main .wrap .selectioncombo {  top:83px }
#main #filterbar #ptype .selectioncombo {margin-left:15px;  top:77px}
#main #filterbar #syear .selectioncombo, #main #filterbar #sby .selectioncombo {margin-left:15px;  top:35px; width:82%;}
#main .selectioncombo li { padding:0 10px 0 10px; }
#main .selectioncombo li.option:hover { background-color:#e6f5fd; cursor:pointer; }
optgroup {color: #00547E; font: bold 14px/14px Open Sans, helvetica, arial, sans-serif; margin: 0;}
option { font-weight: normal;}
/*
Intro
--------------------------------------------------------------------------------------------- */
#main .intro { background-color:#f2fafe; border-bottom:1px solid #e2f0fb; margin:-35px 0 20px 0; padding: 20px 10px 20px 10px; }
#main .intro h1 { color:#00547e; font: bold 65px/1.5em Open Sans Condensed, helvetica, arial, sans-serif; margin: 0 auto; text-align:center; }
#main .intro h1.product-title { color:#00547e; font: bold 40px/1.1em Open Sans Condensed, helvetica, arial, sans-serif; margin: 0 auto; text-align:left; }
#main .intro h3 { font: bold 18px/1.1em Open Sans Condensed, helvetica, arial, sans-serif;}
#main .intro #warranty h3 {margin:0;}
#main .intro #warranty{}
#main .intro .introtext {color:#58595b; font: 24px/30px Open Sans, helvetica, arial, sans-serif; margin: 0 auto; text-align:center; }
#main .intro .container{width: 100%;margin: 0 auto;margin-bottom:10px;display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 1000px;align-items: flex-end;}
#main .intro .wrap {position:relative;display: flex;flex-direction: column;}
#main .intro .wrap .error-product {
    order: 9;
}
#main .intro .wrap .error-product + * {
    background-color: #fae1e1 !important;
    border: 1px solid #8b0e0e !important;
}
#main .intro #ptype {}
#main .intro .pprice {z-index:1;}
#main .intro #ptype {}
#main .intro #sort { width:212px;}
#main .intro:last-child { padding-right:0;}
#main .intro .pprice input {padding-left: 23px;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='16px' width='85px'><text x='2' y='13' fill='gray' font-size='14' font-family='arial'>\00A3</text></svg>");background-repeat: no-repeat;background-position: 8px 10px;}
#main .intro .pprice:before {position: absolute;bottom: 10px;left: 10px;/* content: "£"; */}
#main .intro label {display: block;color: #00547E;font: bold 18px/normal Open Sans Condensed, helvetica, arial, sans-serif;}
#main #sort .selectCurrent { width:197px; margin-right:0; }
#main #sort .selectioncombo { width:197px;  }
#main #warranty .selectCurrent {};
#main .intro .selectioncombo{width:136px;}
#main .intro #ptype .selectioncombo { width:230px; top:97px }
#main .selection, #main .section { color: #00547e; font:bold 14px/14px Open Sans, helvetica, arial, sans-serif; margin: 0; }
#main .section:after { content: ":" }
#main .option { color: #414042; font: normal 13px/18px Open Sans, helvetica, arial, sans-serif; }
/* 2013-10-09 mo
#main .intro #findwarrantee {margin:0 auto; display:block; width:180px;}*/
#main .intro #findwarrantee {width:160px;}
.cta-try {background:url(../images/try-it-now.png) no-repeat 0 0 transparent;text-indent:-9999em;display:block;height:44px;width: 100%;margin-bottom: 20px;}



@media screen and (min-width: 830px) {
#main .intro h1 { width: 100%; }
.intro .wrapper { }
#main .intro .introtext {margin: 0 auto 20px;max-width: 700px;}
#main .intro #warranty h3 {/* width:110px; */}
}

@media screen and (min-width:250px) and (max-width:1058px) {
#main .intro h1 { font-size:45px; }
#main .intro .introtext {font-size:20px;line-height:25px;margin-bottom: 30px;}
}
@media screen and (min-width:0px) and (max-width:1058px) {
#main .intro .cta-try {top: 15px; left: -16px;}

}
@media screen and (min-width:435px){
#main .intro h3 {
    margin: 0;
}
}
@media screen and (min-width:435px) and (max-width:830px) {
#main .intro .container {}
#main .intro #warranty h3 {margin: 19px 0 0 0;}
#main .intro #warranty {}
#main .intro #warranty .selectCurrent {}
#main .intro #sort {margin: -88px 0px 0px 230px;}
#main .intro .pprice {z-index:1;}
#main .intro .pprice input{}
#main .intro h1.product-title {font-size:35px;}
}
@media screen and (min-width: 250px) and (max-width: 677px) {
#main .intro .introtext { font-size:16px; line-height:20px; margin:0 10% 20px 10%; }
#main .intro h1 { font-size:36px; }
#main .intro h1.product-title {font-size:28px;}
}
@media screen and (min-width: 250px) and (max-width:587px) {
#main .intro h1 { font-size:28px; }
#main .intro .introtext { font-size:14px; line-height:18px; margin:0 10% 20px 10%; }
}
@media screen and (min-width:0px) and (max-width:435px) {
#main .intro .container {width:100%;}
#main .intro label {margin:0}
#main .intro .cta-try {top:0;}
#main .intro h1.product-title {font-size:28px;}
#main .intro #sort h3 {margin-bottom: 0px;}
#main .intro #ptype h3 {margin-bottom: 0px; margin-top:10px; }
#main .intro #sort {margin-left: 5px;}
#main .intro #ptype {
}
#main .intro #warranty {}
#main .intro .pprice {margin-left: 5px;}
}
@media screen and (min-width:0px) and (max-width:445px) {
#main .intro {margin-top:-20px;}
}
@media screen and (min-width: 0px) and (max-width:372px) {
#main .intro h1 { font-size:24px; }
#main .intro .introtext { font-size:13px; line-height:15px; margin:0;  }
}
@media (max-width: 830px) {
#main .intro .wrap {margin-bottom: 15px;max-width: 47%;width: 100%;display: flex;flex-direction: column;}
#main .intro #findwarrantee {width: 100%;}
}
/*
Scrolly
-----------------------------------------------------------------------------------------------*/
#scrolly { position:relative; margin:0 auto;}
#scrolly h2 {text-align:center; margin-bottom: 18px;}
.prev, .next { background:url(../images/sprite-arrows.png) no-repeat right bottom; display:block; width:40px; height:40px; position:absolute; bottom:20px; right:0;}
.prev {left:0; background-position: left bottom;}
.prev:hover {background-position:0px 0px;}
.next:hover {background-position:-40px 0px;}
#scroller-wrapper { padding: 0 45px; }
#scroller img {display: block;float: left;max-height: 80px;width: auto;}

/*
FAQ
--------------------------------------------------------------------------------------------- */
a.scrollup{background:url(../images/up-arrow.png) no-repeat top left;color:#484848;display:none;height:40px;text-indent:-9999px;width:40px;position:fixed;bottom: 40px;right: 40px;}
a.scrollup:hover {background-position:top right;}
#content #faqnav {margin: 0 0 25px 0;}
#content #faqnav li {background-color:#e3f6fd;list-style:none;margin:0 0 3px 0;min-height:28px;padding: 0;}
a.faqlist {font: 700 20px/24px 'Open Sans Condensed', helvetica, arial, sans-serif;color:#484848;display: block;padding: 7px 10px 5px 10px;}
a.faqdesc{color:#484848;}

@media screen and (min-width:250px) and (max-width:380px) {
	a.faqlist {font-size:18px;}	
}
/*
Table
--------------------------------------------------------------------------------------------- */
.table-tabs { margin-left: 10px;}
.table-tabs li { display:inline-block; float:left; list-style: none; margin-bottom: 0px; margin-right: 3px; font-family: 'Open Sans Condensed', helvetica, arial, sans-serif; font-size:14px; line-height: 20px; font-weight: 700; }
.table-tabs a {display:block;color:#00547e;border: 1px solid #c0d7e9;border-bottom:0;padding:6px 10px 5px 11px;position:relative;background:#e0eef8;}
.table-tabs .current {position: relative;padding-top: 6px;padding-bottom: 5px;padding-right: 10px;padding-left: 10px;background: rgb(242,250,254);background:#f2fafe;}
@media screen and (max-width:297px) and (min-width:0px){
.table-tabs {margin-left: 0;}
.table-tabs li{width:100%;}
.table-tabs a { bottom:0}
.table-tabs .current{ text-decoration:underline;}
}
.table-wrapper { position: relative; float:left; padding: 9px 0px 20px 0px;}
.table-menu-wrapper { float: right } /*mo moved element before t-info, so that I can float it position: absolute; top: 10px; right: 0; */
.table-menu { background-color: #fff; padding: 10px; border: 1px solid #dddddd; font-size: 13px; line-height: 22px; width: 180px; right: 0px; left: auto; top: 26px; position: absolute; z-index:999;}
.table-menu li { padding: 0; list-style: none; margin: 0; }
.table-menu li label { display: inline-block; width: 150px; padding-top: 2px; padding-bottom: 2px; }
a.table-menu-btn { border: 1px solid #dddddd;  border-radius:5px; color:#00547e; display: block;  font: 14px/21px Open Sans, helvetica, arial, sans-serif; padding: 2px 30px 2px 7px; position:relative; }
a.table-menu-btn:after{background:url(../images/icon-select.png) no-repeat center; content:" "; display:block; height:21px; width:29px; position:absolute; right:-2px; top:2px;}
.table-menu-hidden { left: -999em; right: auto;}
table { width: 100%; clear:both; }
thead th {border-bottom: 1px solid #c0d7e9;border-top: 1px solid #c0d7e9;padding-bottom:15px;text-align:left;vertical-align:top;word-break: break-word;}
/*thead th:after{content:" "; display:block; background:url('../images/icon-question.png') no-repeat center;padding-left: 3px;height: 13px; width: 100%;}
thead th.col-other:after, thead th.col-product:after, thead th.col-provider:after{ background-position:0.1em center;}
thead th:before{content:" ";display:block; float:right; background:url('../images/icon-question.png') no-repeat center;height: 13px; width: 14px; position:absolute; bottom:2px; left:0;}*/
.t-info{background:url('../images/icon-question.png') no-repeat left 9px;font-size:13px;padding:4px 6px 0 17px;float: right;margin: 0;}
.terms-table{margin:30px 0px 30px 0px;}
.privacy-table{margin:30px 0px 30px 0px;}
.terms-table tr td{padding:12px 0px 12px 10px !important; text-align:center;}
.privacy-table tr td{padding:15px 0px 12px 10px !important; text-align:left;}
.terms-table tr th{font-size:1.2em; border-bottom:1px solid #c0d7e9; padding:10px 0px 10px 10px;}
.privacy-table tr th{text-align:left;font-size:1.2em; border-bottom:1px solid #c0d7e9; border-top:1px solid #c0d7e9; padding:10px 0px 10px 10px;}



@media screen and (max-width:805px) and (min-width:0px){
	.t-info{float:none; display: inline-block; margin-left: 10px; padding: 4px 0 0 17px; }
}
#compare thead th:nth-child(n+6) { max-width: 70px; text-align: center;}
#compare thead th {cursor:help;padding: 6px 2px;vertical-align: middle;}
#details thead th	{text-align:left;}
th { font: 600 1em/1.1em 'Open Sans Condensed', helvetica, arial, sans-serif; margin-bottom: 0px; padding: 6px 2px; vertical-align:bottom; background-color: #f2fafe; color:#00547e; }
th:last-child { border-right: none; }
th a { color:#00547e; display:block; }
th a:hover { cursor:help; }
td {font-family: 'Open Sans', helvetica, arial, sans-serif;margin-bottom: 0px;font-size:13px;line-height:16px;padding-top: 6px;padding-bottom: 6px;padding-left: 5px;padding-right: 5px;display: table-cell;vertical-align:middle;}

#main tbody tr:nth-child(odd) td { background-color:#ecf4f8; border-bottom: 1px solid #c0d7e9; }
#main tbody tr:nth-child(even) td { border-bottom: 1px solid #c0d7e9; }
#main tbody tr.tblhover td {background-color:rgba(87,175,230,0.2);cursor: hand; cursor: pointer;}
#main tbody tr td:nth-child(n+6) {text-align: center;max-width: 150px;font-size: 12px;}

td .annual { font-size:12px; line-height: 14px; display:block; }
.helpinfo{background: #fcfbce; border:1px solid #eeec9d; border-radius:6px;  font:normal 13px/1.2em 'Open Sans' helvetica, arial, sans-serif; color:#414042; padding:10px; width:110px; position:absolute; bottom:108%; left:50%; }
.qtip-contentWrapper{background:transparent none !important; border:0 !important; overflow:visible !important; padding-bottom:10px;}
.qtip .qtip-content{background: #fcfbce; border:1px solid #eeec9d; border-radius:6px;  font:normal 13px/1.2em 'Open Sans' helvetica, arial, sans-serif; color:#414042; padding:10px;}
.qtip .qtip-content:before{ color:#fcfbce; content:"\25bc"; display:block; text-shadow:0 2px 0 #eeec9d; position:absolute; bottom:0; left:50%;}
#filterbar { background-color: #f2fafe; display:block; border: 1px solid #c0d7e9;}
#filterbar label {clear:both;display:block;color: #00547e;font: 700 1em/1.1em 'Open Sans Condensed', helvetica, arial, sans-serif;font-size: 14px;}
#filterbar h2 small, #filterbar h3 small{font-size:0.7em;}
#filterbar input[type=text] {}
#filterbar select, #filterbar input[type=text] {
    margin-top: 8px;
    width: 100%;
}
#filterbar .productinfo {}
#filterbar .manufacturer { float:left;}
#filterbar .expanders { float:left; }
#filterbar .advanced { float:left; }
#filterbar .providers { float:left;  }
#filterbar .expanders fieldset {
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
}

#filterbar .expanders fieldset label {
    margin: 0 0 5px;
    display: flex;
    align-items: center;
}

#filterbar .expanders fieldset label input {
    margin-right: 5px;
}
.filteroptions fieldset {
    margin: 10px 0 0;
}
/*
Product details
--------------------------------------------------------------------------------------------- */

.details-option {float:left;}
.details-option dd{position:relative; padding:15px 0 0 0;}
#manu-warranty dd, #prices dd {padding-top:0;}
#provider{ text-align:center; width:12.0%;}
#provider dd {padding-top:0;}
#provider span{margin:0 auto;}
#product-term{ width:38%}
#product-term .selectCurrent, #price-range .selectCurrent{margin-top:0; width:90%;}
#price-range{width: 25.5%;}
#manu-warranty{width:24.6%;}
#manu-warranty li, #prices li {line-height:30px; border-bottom:1px solid #c0d7e9;}
#manu-warranty li:first-child, #prices li:first-child{border-bottom:1px solid #c0d7e9;}
#manu-warranty li:last-child, #prices li:last-child{border-bottom:none;}
#prices ul{margin-right:15px;}
#prices{width:25.4%;}
@media screen and (min-width:716px) and (max-width:1202px){
#provider {width:20%;}
#product-term {width:80%;}
#price-range{width:20%;}
#manu-warranty{clear:left; margin-left:20%; width:60%;}
#prices {width:20%;}
}
@media screen and (min-width:0px) and (max-width:715px){
#provider,#product-term ,#price-range, #manu-warranty, #prices {clear:left; width:100%}
#provider dt {text-align:left;}
#provider span{margin:0;}
#product-term .selectCurrent, #price-range .selectCurrent{min-width:244px;width:95%;}
#product-term #selectproduct  {width:100%; font-size:0.9em;}
.details-option {height: auto; margin-bottom:10px;}
.details-option dd{padding:0;}
}
.top-content {
    margin-bottom: 20px;
}

.product-details.pdleft dt > span {
    font-weight: 700;
}
.details-option dt{ background:#f2fafe; border:1px solid #c0d7e9; border-left:0; border-right:0; color:#00547e; font:700 16px/40px Open Sans Condensed, helvetica, arial, sans-serif; margin: 0 0 15px 0; }
.product-details dt{ border-top:1px solid #c0d7e9; color:#00547e; font:700 16px/1.2em Open Sans Condensed, helvetica, arial, sans-serif; position:relative; padding:0.5em 0 0.3em 12%;}
.product-details-bottom { border-top:1px solid #c0d7e9; color:#00547e; position:relative; padding:0.5em 0 0.3em 12%; clear:both;}
.product-details-bottom dt { font:700 16px/1.2em Open Sans Condensed, helvetica, arial, sans-serif; padding-bottom:10px; padding-top:5px;}
#dd-cp {font-weight:normal; color:#3A444A;}
#main .details-option .selectioncombo {top:50px; width:78%;}
.product-details dt:nth-of-type(odd), .product-details dd:nth-of-type(odd){background:#f2fafe;/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmMmZhZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjJmYWZlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left,  #ffffff 10%, #f2fafe 10%, #f2fafe 100%); background: -webkit-gradient(linear, left top, right top, color-stop(10%,#ffffff), color-stop(10%,#f2fafe), color-stop(100%,#f2fafe));background: -webkit-linear-gradient(left,  #ffffff 10%,#f2fafe 10%,#f2fafe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffffff 10%,#f2fafe 10%,#f2fafe 100%); background: -ms-linear-gradient(left,  #ffffff 10%,#f2fafe 10%,#f2fafe 100%); background: linear-gradient(to right,  #ffffff 10%,#f2fafe 10%,#f2fafe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2fafe',GradientType=1 ); }
.product-details dt span{ display:block; font:normal 13px/1.2em open sans, helvetica, arial, sans-serif; position:absolute; left:0; top:80%; width:12%;}
.product-details dd {padding:0 0 1.5em 12%;}
.product-details.pdleft {float: left;width: 50%;}
.product-details.pdright {float: right;width: 50%;}
.product-details.pdright dt:nth-of-type(odd), .product-details.pdright dd:nth-of-type(odd), .product-details.pdleft dt:nth-of-type(odd), .product-details.pdleft dd:nth-of-type(odd){background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmMmZhZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #ffffff 20%, #f2fafe 20%);background: -webkit-gradient(linear, left top, right top, color-stop(20%,#ffffff), color-stop(20%,#f2fafe));background: -webkit-linear-gradient(left,  #ffffff 20%,#f2fafe 20%);background: -o-linear-gradient(left,  #ffffff 20%,#f2fafe 20%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffffff 20%,#f2fafe 20%); background: linear-gradient(to right,  #ffffff 20%,#f2fafe 20%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2fafe',GradientType=1 );}
.product-details.pdleft dt, .product-details.pdleft dd{border-right:1px solid #c0d7e9}
.product-details.pdleft dt, .product-details.pdright dt, .product-details.pdleft dd, .product-details.pdright dd {padding: 0.5em 0 0.3em 24%; }
.product-details.pdleft dt span,.product-details.pdright dt span{text-align:center; width:20%;}
.product-details.pdleft dd, .product-details.pdright dd {height:50px;}
@media screen and (min-width:0px) and (max-width:760px){
.product-details.pdleft, .product-details.pdright {float: none;width:100%;}
.product-details.pdright dt:nth-of-type(odd), .product-details.pdright dd:nth-of-type(odd), .product-details.pdleft dt:nth-of-type(odd), .product-details.pdleft dd:nth-of-type(odd),.product-details dt:nth-of-type(odd), .product-details dd:nth-of-type(odd){background:#f2fafe url('../images/white-spacer.gif') repeat-y top left; }
.product-details dt span{ background-position: center 10px; display:block; font:normal 13px/1.2em open sans, helvetica, arial, sans-serif; height: 113px;min-width: 87px; position:absolute; left:0; top:0; width:12%;}
.product-details.pdleft dt, .product-details.pdright dt, .product-details.pdleft dd, .product-details.pdright dd, .product-details dd, .product-details dt {padding: 0.3em 0 0.3em 95px;}
.product-details.pdleft dt, .product-details.pdleft dd {border-right:0;}
.product-details.pdleft dt span, .product-details.pdright dt span {height:30px; line-height:30px; width:12%;}
.product-details.pdleft dd, .product-details.pdright dd {height:auto;}
}

/*
Popular
--------------------------------------------------------------------------------------------- */
#popular h2{text-align:center; margin:25px 0 20px 0;}
#popular ul li {list-style:none; display:inline-block; line-height:1.2em; margin: 0.5em 0 0 0; padding: 0 2%; width: 20%; vertical-align:top; }
#popular ul li.last{text-align:center; width:100%; padding:0;}
#popular ul li:last-child > a{margin-top:1.5em;}
.open, .close{display:none;}
#popular ul li.last ul{text-align:left; margin:0; overflow:hidden;}
#popular ul li ul li a{display:inline;}
@media screen and (max-width:571px){
	#popular ul li { width: 28%; }
}
@media screen and (max-width:445px){
	#popular ul li { width: 45%; }
}
@media screen and (max-width:445px){
	#popular ul li { width: 100%; }
}
/*
legal
--------------------------------------------------------------------------------------------- */
#legal {background:#f2fafe url(../images/icon-info.png) no-repeat 20px 20px; padding:20px 15px 25px 60px; border: 1px solid #e2f0fb; border-radius:0.5em; color:#00547e; margin:15px 0;}


/*
Columns
--------------------------------------------------------------------------------------------- */
/* Total min-widths + padding + border */
th.col-provider { text-align:left; } 		/* = 88 */ 					/* Step 1 */
.col-provider img {
    max-width: 65px;
}

th.col-product { min-width: 50px; text-align:left; } 		/* 88 + 87 =  175 */
th.col-price { min-width: 80px;} 		/* 175 + 87 =  262 */
th.col-term { min-width: 60px;} 			/* 262 + 67 = 329 */
th.col-elements { min-width: 64px;} 		/* 329 + 67 = 396 */ 		/* Step 2 */
th.col-mishaps { min-width: 60px;} 		/* 396 + 57 = 453 */ 		/* Step 3 */
th.col-excess{min-width: 60px;} 		/* 453 + 67 = 520 */ 		/* Step 4 */
th.col-newforold{min-width: 50px;} 	/* 520 + 57 = 577 */ 		/* Step 5 */
th.col-repairs{min-width: 60px;} 		/* 577 + 57 = 634 */ 		/* Step 6 */
th.col-nofault{min-width: 60px;} 		/* 634 + 67 = 701 */ 		/* Step 7 */
th.col-healthcheck{min-width: 70px;} 	/* 701 + 77 = 778 */ 		/* Step 8 */
th.col-other{min-width: 0px; text-align: left;} 			/* 778 + 187 = 965 */ 		/* Step 9 */
th.col-helpline {min-width: 50px;} 		/* 965 + 57 = 1022 */ 		/* Step 10 */
th.col-loan{min-width: 50px;} 			/* 1022 + 57 = 1079 */ 		/* Step 11 */
th.col-elsewhere{min-width: 50px;} 			/* 1022 + 57 = 1079 */ 		/* Step 12 */
td.col-price{text-align:center; color:#152f6b;font:700 16px/1.2em  Open Sans Condenced, Helvetica, Arial, sans-serif;}
td.col-price span.annual{font:normal 13px/1.2em 'Open Sans', Helvetica, Arial, sans-serif;}
td.col-term{color:#152f6b;}
td.col-excess{color:#152f6b;font:700 14px/1.2em  Open Sans Condenced, Helvetica, Arial, sans-serif;}
td.col-elements, td.col-mishaps, td.col-newforold, td.col-repairs, td.col-nofault, td.col-helpline, td.col-loan, td.col-healthcheck, td.col-elsewhere{text-align:center; }
td.col-provider, td.col-product, td.col-other{text-align:left;}
@media screen and (max-width:340px) and (min-width:0px){
th.col-product , th.col-price , th.col-term { min-width:auto;}
}

@media (max-width:992px) {
	.table-wrap {
		display: block;
		overflow: auto;
		width: 100%;
	}
	
	#main tbody tr td:nth-child(n+6) {
		max-width: initial;
	}
	
	#compare thead th:not(:first-child) {
		min-width: 180px;
	}
	
	#compare thead th:nth-child(n+6) {
		min-width: 80px;
	}
	
	#main .pagination li {
		margin-bottom: 7px;
	}	
	.col-other-new {
		min-width: 240px;
	}
}
/*
Table columns show/hide
--------------------------------------------------------------------------------------------- */


/* Modern browsers hide all, legacy browsers display normally */
.enhanced th { display: none; }
.enhanced td { display: none; }
.legacy-ie .enhanced th.step1 { display: inline; }
.legacy-ie .enhanced td.step1 { display: inline; }
/* Show step1 all dimensions */
.enhanced th.step1 { display: table-cell; }
.enhanced td.step1 { display: table-cell; }

 @media screen and (min-width: 466px) {
/* Show step2 all dimensions up */
.legacy-ie .enhanced th.step2, .legacy-ie .enhanced td.step2 { display: inline; }
.enhanced th.step2, .enhanced td.step2 { display: table-cell; }
}
 @media screen and (min-width: 523px) {
/* Show step3 all dimensions up */
.legacy-ie .enhanced th.step3, .legacy-ie .enhanced td.step3 { display: inline; }
.enhanced th.step3, .enhanced td.step3 { display: table-cell; }
}
 @media screen and (min-width: 590px) {
/* Show step4 all dimensions up */
.legacy-ie .enhanced th.step4, .legacy-ie .enhanced td.step4 { display: inline; }
.enhanced th.step4, .enhanced td.step4 { display: table-cell; }
}
 @media screen and (min-width: 647px) {
/* Show step5 all dimensions up */
.legacy-ie .enhanced th.step5, .legacy-ie .enhanced td.step5 { display: inline; }
.enhanced th.step5, .enhanced td.step5 { display: table-cell; }
}
 @media screen and (min-width: 714px) {
/* Show step6 all dimensions up */
.legacy-ie .enhanced th.step6, .legacy-ie .enhanced td.step6 { display: inline; }
.enhanced th.step6, .enhanced td.step6 { display: table-cell; }
}
 @media screen and (min-width: 781px) {
/* Show step7 all dimensions up */
.legacy-ie .enhanced th.step7, .legacy-ie .enhanced td.step7 { display: inline; }
.enhanced th.step7, .enhanced td.step7 { display: table-cell; }
}
 @media screen and (min-width: 858px) {
/* Show step8 all dimensions up */
.legacy-ie .enhanced th.step8, .legacy-ie .enhanced td.step8 { display: inline; }
.enhanced th.step8, .enhanced td.step8 { display: table-cell; }
}
 @media screen and (min-width: 858px) {
/* Show step9 all dimensions up */
.legacy-ie .enhanced th.step9, .legacy-ie .enhanced td.step9 { display: inline; }
.enhanced th.step9, .enhanced td.step9 { display: table-cell; }

}
 @media screen and (min-width: 1200px) {
/*#filterbar {margin-top:-146px;}*/
}
 @media screen and (min-width: 1263px) {
/* Show step10 all dimensions up */
.legacy-ie .enhanced th.step10, .legacy-ie .enhanced td.step10 { display: inline; }
.enhanced th.step10, .enhanced td.step10 { display: table-cell; }

/* Show step11 all dimensions up */
.legacy-ie .enhanced th.step11, .legacy-ie .enhanced td.step11 { display: inline; }
.enhanced th.step11, .enhanced td.step11 { display: table-cell; }
/*#filterbar {margin-top:-166px;}*/

/* Show step11 all dimensions up */
.legacy-ie .enhanced th.step12, .legacy-ie .enhanced td.step12 { display: inline; }
.enhanced th.step12, .enhanced td.step12 { display: table-cell; }
}
/*
Other queries
--------------------------------------------------------------------------------------------- */

@media screen and (max-width: 520px) {
/* Table button doesn't overlap tabs */
.table-wrapper {padding: 40px 0px 20px 0px;width: 100%;overflow: hidden;}
}
 @media screen and (max-width: 736px) {
/* Footer content centres */
#footer .copyright { float:none; text-align:center; margin-bottom: 20px; }
#footer ul { float:none; margin: 0 auto; text-align:center; }
#footer ul li { display:inline-block; list-style: none; margin-left: 15px; }
}
 @media screen and (min-width: 1205px) {
/* Shrink wrapper when sidebar jumps to the top */
.wrapper {/* width:1159px; */margin:0 auto;}
}
 @media screen and (min-width: 466px) and (max-width: 570px) {
#header .topnav { display:block; width: 100%; text-align:center; margin-top: 10px; }
#header .topnav li { text-align:center; float: none; line-height: 40px; }
#header { padding-top: 15px; padding-bottom: 10px; }
}


/*
filterbar
--------------------------------------------------------------------------------------------- */
.filteroptions {
    display: block;
    padding: 0 15px 15px;
}

.filteroptions .wrap {
    margin-bottom: 15px;
}
.filteroptions .wrap fieldset {}

.filteroptions .wrap fieldset input[type="checkbox"] {
    margin: 0 5px 0 0;
}

#filterbar .filteroptions .wrap fieldset label {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-family: 'Open Sans';
    margin-bottom: 5px;
}
#filterbar .productinfo div {position:relative;}
#filterbar .selectCurrent {}
#filterbar #ptype .selectioncombo { width:85%;}
#filterbar #ptype {position:relative;}
 @media screen and (min-width: 563px) and (max-width: 813px) {
#filterbar #ptype .selectCurrent { width:83.5%}
.product-details.pdleft dt span, .product-details.pdright dt span {height:30px; line-height:13px; width:12%; padding-top:9px;}
 }
  @media screen and (min-width: 0px) and (max-width: 562px) {
#filterbar #ptype .selectCurrent { width:82.5%}
 }
 @media screen and (min-width: 0px) and (max-width: 445px) {
/* 1 column of filters */
#filterbar { position: relative; }
#filterbar h2 { padding-left: 0px; padding-right: 0px; margin-top: 10px; text-align:center; margin-bottom: 15px; }
#filterbar .expanders h2 { padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; display: block; font-size: 16px; text-align:left;}
#filterbar .productinfo { padding: 0px; width: 100%; padding-top: 0px; }
#filterbar .manufacturer { padding: 0px; width: 100%; padding-bottom: 0px; }
#filterbar .advanced { padding: 0px; width: 100%; padding-top: 0px; padding-bottom: 15px; display: none; }
#filterbar .providers { padding: 0px; width: 100%; padding-top: 0px; padding-bottom: 15px; display: none; }
#filterbar .advanced h3, #filterbar .expanders h3 { display: none; }
#filterbar .providers { padding: 0px; width: 100%; padding-top: 15px; padding-bottom: 15px; }
#filterbar .expanders { width: 100%; padding-top: 0px; }
#filterbar .expanders h2 { background:#c0d7e9; border-top: 1px solid #c0d7e9; border-bottom: 1px solid #c0d7e9; clear:both; color:#00547e; margin-bottom: 0px; display: block; line-height:20px; padding:5px 15px;cursor: hand; cursor: pointer;  }
#filterbar .expanders h2:after { content:" \25be"; padding-left: 3px; float:right; }
#filterbar h3 { padding: 0 15px 5px 15px; }
#filterbar label { padding-left: 15px; padding-right: 15px; }
#filterbar input[type=text] { margin-left: 15px; margin-right: 15px; margin-bottom: 10px; }
#filterbar select { margin-left: 15px; margin-right: 15px; margin-bottom: 10px; }
#filterbar fieldset { margin:10px 0; }
#header { padding-top: 10px; padding-bottom: 10px; text-align:left; }
#header .topnav { display: none; }
.wrapper { padding-left: 10px; padding-right: 10px; }
#main .breadcrumb { padding-top: 10px; padding-bottom: 10px; }
#main .breadcrumb li { font-size: 13px; line-height: 19px; }
.product-details.pdleft dt span, .product-details.pdright dt span {height:30px; line-height:13px; width:12%; padding-top:9px;}
}
 @media screen and (min-width: 446px) and (max-width: 599px) {
/* 2 columns of filters */
#filterbar .expanders { width: 50%; }
#filterbar h2 { padding-left: 15px; padding-right: 15px; margin-top: 10px; text-align:center; margin-bottom: 15px; }
#filterbar .productinfo { padding: 0px; width: 100%; padding-top: 0px; }
#filterbar .manufacturer { padding: 0px; width: 100%; padding-bottom: 0px; }
#filterbar .advanced { padding: 0px; width: 100%; padding-top: 0px; padding-bottom: 0px; }
#filterbar .providers { padding: 0px; padding-top: 0px; padding-bottom: 0px; }
#filterbar .expanders { width: 50%; padding-top: 0px; }
#filterbar .expanders h2 { margin-bottom: 0px; display: none; }
#filterbar .expanders h2 a { color:#00547e; display: block; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; }
#filterbar h3 { padding-left: 15px; padding-right: 15px; margin-bottom: 5px; }
#filterbar label { padding-left: 15px; padding-right: 15px; }
#filterbar input[type=text] { margin-left: 15px; margin-right: 15px; margin-bottom: 10px; }
#filterbar select { margin-left: 15px; margin-right: 15px; margin-bottom: 10px; }
#filterbar fieldset { margin-bottom: 10px; }
#header .topnav li { font-size:16px; }
}
 @media screen and (min-width: 680px) and (max-width: 599px) {
/* 3 columns of filters */
#filterbar .expanders {width: 50%; }
#filterbar h2 {padding-left: 15px; padding-right: 15px; margin-top: 10px; margin-bottom: 15px; }
#filterbar .productinfo { padding: 0px; width: 100%; padding-top: 0px; }
#filterbar .manufacturer { padding: 0px; width: 100%; padding-bottom: 0px; }
#filterbar .advanced { padding: 0px; }
#filterbar .providers { padding: 0px; }
#filterbar .expanders { padding: 0 0 0 20px; }
#filterbar .expanders h2 { margin-bottom: 0px; display: none; }
#filterbar .expanders h2 a { color:#00547e; display: block; padding:5px 15px; }
#filterbar h3 { padding-left: 15px; padding-right: 15px; margin-bottom: 5px; }
#filterbar .expanders h3 {margin-left: -5px;padding: 0;}
#filterbar label { padding-left: 15px; padding-right: 15px; display:inline-block; position:relative; width:25%;}
#filterbar .productinfo.expanders label input{position:absolute; left:-8px;top: -3px;}
#filterbar input[type=text] { margin-left: 15px; margin-right: 15px; margin-bottom: 10px; }
#filterbar select { margin-left: 15px; margin-right: 15px; margin-bottom: 10px; }
#filterbar fieldset { margin-bottom: 10px; }
}
 @media screen and (min-width: 600px) and (max-width: 1169px) {
/* 4 columns of filters */
#filterbar {background: #f2fafe; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmMmZhZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNiZmRkZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmZkZGY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JmZGRmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left,  #f2fafe 50%, #bfddf6 50%, #bfddf6 100%, #bfddf6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(50%,#f2fafe), color-stop(50%,#bfddf6), color-stop(100%,#bfddf6), color-stop(100%,#bfddf6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f2fafe 50%,#bfddf6 50%,#bfddf6 100%,#bfddf6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f2fafe 50%,#bfddf6 50%,#bfddf6 100%,#bfddf6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f2fafe 50%,#bfddf6 50%,#bfddf6 100%,#bfddf6 100%); /* IE10+ */
background: linear-gradient(to right,  #f2fafe 50%,#bfddf6 50%,#bfddf6 100%,#bfddf6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2fafe', endColorstr='#bfddf6',GradientType=1 ); /* IE6-8 */

}

.filteroptions { width: 50%; float: left; margin-bottom: 1em;}
#filterbar .wrapR {float:right; width:50%; margin-top:-35px;}
#filterbar .expanders {}
#filterbar h2 { padding:0 15px; margin: 10px 0 15px 0; }
#filterbar h2.compare-button:after{ content:"options \25BE"; font:normal 14px/1.2em Open Sans, helvetica, Arial, sans-werif; padding-left:0.5em;}
#filterbar .productinfo { padding: 0px; float:left; clear:right; width:50%;}
#filterbar .productinfo.expanders {margin-left: 6%; width:94%;}
#filterbar .productinfo.expanders label{width:23%; position:relative;}
#filterbar .productinfo.expanders label input{position:absolute; left: -8px;top: -3px;}
#filterbar .advanced, #filterbar .terms , #filterbar .providers{}
#filterbar .expanders h2 {display:none;}
/*#filterbar .expanders h2 {display:block; clear:both; font-size:16px; line-height:32px; margin:0; padding: 0;}*/
#filterbar .expanders h2:after { content:" \25be"; padding:0 6px  0 3px;}
/*#filterbar .manufacturer { padding: 0px; width: 50%; padding-bottom: 0px; }
#filterbar .advanced { padding: 0px; width: 50%; padding-top: 0px; padding-bottom: 0px; }
#filterbar .providers { padding: 0px; width: 50%; padding-top: 0px; padding-bottom: 0px; }*/
#syear {padding-top: 2px;}
#filterbar .expanders h2 {margin-left:15px;}
#filterbar .expanders h2 a { color:#00547e; display: block; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; }
#filterbar h3 { padding-left: 15px; padding-right: 15px; margin-bottom: 5px; }
#filterbar .expanders h3{margin-left:-5px; padding:0;}
#filterbar label { padding-left: 15px; padding-right: 15px; display:inline-block; }
#filterba{}
#filterbar input[type=text] { margin-left: 15px; margin-right: 15px; margin-bottom: 10px; }
#filterbar select { margin-left: 15px; margin-right: 15px; margin-bottom: 10px; }
#filterbar fieldset { margin-bottom: 10px; }
#filterbar .selectCurrent {width: 80%;}
}
@media screen and (min-width: 600px) and (max-width:813px) {
	#filterbar {background: #f2fafe; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNmMmZhZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNiZmRkZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #f2fafe 60%, #bfddf6 60%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(60%,#f2fafe), color-stop(60%,#bfddf6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f2fafe 60%,#bfddf6 60%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f2fafe 60%,#bfddf6 60%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f2fafe 60%,#bfddf6 60%); /* IE10+ */
background: linear-gradient(to right,  #f2fafe 60%,#bfddf6 60%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2fafe', endColorstr='#bfddf6',GradientType=1 ); /* IE6-8 */}
#filterbar .productinfo.expanders label {width: 100%;}
.filteroptions {width: 58%;}
#filterbar label {display:block;}
#filterbar .wrapR {width: 40%;}
}
@media screen and (min-width: 813px) and (max-width: 950px) {
	#filterbar .productinfo.expanders label {width:40%;}
}
@media screen and (min-width: 1170px) {
/* Sidebar rather than topbar */

.wrapper {margin:0 auto;padding: 0 5px;max-width:1720px;overflow: hidden;}
.table-wrapper { float:left; width:82%;  }
#filterbar { float:left; margin-right:1%; width: 16%; margin-bottom: 20px;}
#filterbar h2 { padding:0 15px; margin:10px 0 15px 0; }
#filterbar h2.compare-title {display:block;}
#filterbar h2.compare-button{display:none;}
#filterbar .productinfo {}
#filterbar .expanders {padding:0; width: 100%; }
#filterbar .advanced, #filterbar .terms {width:100%;display: none;box-sizing: border-box;}
#filterbar .expanders h3 {display: none; }
#filterbar .providers {padding: 0px;width: 100%;display: none;}
#filterbar .expanders h2 {background:#c0d7e9; border: 1px solid #c0d7e9; border-left: 0; border-right:0; color:#00547e; display:block; clear:both; font-size:16px; line-height:32px; margin:0; padding: 0 0 0 0.5em; cursor: hand; cursor: pointer;  }
#filterbar .expanders h2:after { content:" \25be"; padding:0 6px  0 3px; float:right; }
#filterbar h3 {padding:0 15px; margin-bottom: 5px; }
#filterbar label {}
#filterbar input[type=text] {}
#filterbar select {}
#filterbar fieldset {}
th.col-provider {max-width: 81px; color:#00547E; font-style:normal; padding:6px 0px 0px 0px;border-bottom:1px solid #C0D7E9; border-top:1px solid #C0D7E9}
th.col-product {max-width: 80px; }
th.col-price {max-width: 80px; }
th.col-term {max-width: 60px; }
th.col-elements {max-width: 60px; }
th.col-mishaps {max-width: 60px; }
th.col-excess {max-width: 60px; }
th.col-newforold{max-width: 50px; }
th.col-repairs{max-width: 60px; }
th.col-nofault{max-width: 60px; }
th.col-healthcheck{max-width: 70px; }
th.col-other {max-width: 180px; }
th.col-helpline{max-width: 50px; }
th.col-loan{max-width: 50px; }
}



@media (min-width:1199px) {
	#main {
		min-height: calc(100vh - 264px);
	}	
}


.contact-form {
}

.contact-form .wrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}
.contact-form .wrap br {
    display: none;
}
.contact-form .wrap label {
    font: 700 1em/1.1em 'Open Sans Condensed', helvetica, arial, sans-serif;
    color: #00547e;
    font-size: 18px;
}

.contact-form .wrap input[type="text"] {
    margin-top: 7px;
    width: 400px;
}

textarea {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    font-size: 13px;
    line-height: 35px;
    margin: 9px 0 0 0;
    padding: 10px 8px;
    max-width: 100%;
    width: 100%;
}

.contact-form .button {
    width: 170px;
    margin-left: auto;
}


.login-wrap {
    background: #e7f3fc;
    display: inline-flex;
    flex-direction: column;
    padding: 50px 40px;
    border-radius: 8px;
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
}

.login-wrap input {
    width: 100%;
}
.login-wrap .wrap {
    margin-bottom: 10px;
}

.login-wrap input[type="text"], .login-wrap input[type="password"] {
    height: 50px;
    margin: 5px 0 0;
}

.login-wrap input.button {
    margin: 20px 0 5px;
}
#page-login #content {
    display: flex;
    flex-direction: column;
}