/* Core Colours, Panels, Gradients
----------------------------------------------------------------------*/

.bg { background-image: url(../../../../assets/sections/breakdown/img/bg-panel.png);  } 
#insurance table tr td, #insurance table tr th, #insurances table tr.lastrow td table tr td, #insurance table tr.lastrow td table tr th {border-bottom:solid 1px #b2dbed; border-right:solid 1px #b2dbed}
#insurance table tr th {background-color: #e4f2f8}
#insurance table { border: solid 1px #b2dbed }

ul.tabs li.current a, ul.tabs li.current div  { background: #b9dded }

#insurance .read-more { background-color: #ecf5f8; border-top: 1px solid #b2dbed; border-bottom: 1px solid #b2dbed; }
.btn-read-more { background-position: 0px -110px; }
.btn-close { background-position: -100px -110px; }

ul.sub-level li.indent {margin: 0 0 0 14px !important;}

/* Adjusts positioning of main promotion image */
/* .feature img { margin-top: -20px;  } */


/* Radios
----------------------------------------*/
#selector { width: 90%; margin: 0 auto 15px auto; }
#q-1, .js #selector, #radios { display: none; }
.js #radios {display: block; }

#radios { float: left; padding-top: 15px; }
#radios input { margin: 0; border: none;}
#radios label { margin: 0 10px 0 0; font-size: 18px }
/* #radios label:before { content: " - "; } */
#radio td { text-align: left; }
#radio span { font-weight: bold; margin-right: 10px; width: 200px; }

#q-1 { float: left; width: 50%; padding: 10px 0;  }

#q-1, #q-2 { font-size: 18px; }
#q-2 { clear: both; padding-top: 15px;}
.js #q-2 {  border-top: 1px solid #dadada; }

/*td, th { border: 1px #fff solid !important;  }*/

/* thead th, (Removed by SDF as was interfering with regular breakdown th styles in brochureware) */
#pricing thead th span,
#annual-cost td, 
#annual-cost th,
#cars-1 th, #cars-2 th, #q-1, #q-2, #radios label, #details thead th  { font-weight: bold;font-family: Calibri, Helvetica, Arial ,sans-serif !important; }

/* Pricing table 
----------------------------------------*/
#pricing { border: 1px solid #e6e6e6; }
#pricing thead th span { background: #e6e6e6; display: block; line-height: 2; margin: 3px 3px 0 3px; }
#pricing thead th,
#annual-cost td, 
#annual-cost th { font-size: 24px;}

#cars-1 th,  
#cars-2 th { font-size: 18px; }

#cars-1 td,
#cars-2 td { font-size: 13px; }

#cars-1 a, #cars-2 a { display: block; }

#pricing tr { border-top: 0; border-bottom: 0;}

#annual-cost th, #annual-cost td { background-color: #fff !important; }

#annual-cost .v,
#annual-cost .s,
#annual-cost .f { font-size: 24px; color: #ce0a0a !important; font-weight: bold; text-align: center !important; }

#pricing .v,
#pricing .s { border-right: 1px solid #e6e6e6 !important; }


#price a { margin: 0 auto 15px auto;  }



th span { font-weight: normal;}



/* Details Table 
-----------------------------------------*/
#details { border: 1px solid #dadada; border-collapse: border-collapse !important; }
#details .headings { width: 40%;  }
#details .v, #details .s, #details .f { width: 20%; }

#details thead th { font-size: 18px;}

#details th, #details thead td { background: #f2f2f2 !important; }
#details td, #details th {  border-left: 1px solid #dadada; border-bottom: 1px solid #dadada }

#details thead td, #details tbody th { border-left: none;  }
#details .lastrow td { border-bottom: none; }


.js #cars-1, .js #cars-2 { display: none; }

/* Underwriter expandable areas */
#underwriters { padding-top: 8px;}
.type-2 #underwriters .read-more  { position: relative; display: block; clear: both; margin-left: 0 !important; margin-right: 0 !important; padding: 7px 0px 1px 4px; width: 460px !important; }
.read-more #underwriters h3 { text-transform: none !important; font-size: 1.3em; line-height: 1; margin-bottom: 5px; padding-top: 0 !important; padding-left: 6px; }
#underwriters .read-more { background: #f0f7f9 url(../../../../assets/sections/travelins/img/bg-underwriters.png) repeat-x top left; border: 1px solid #b2dbed; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; -moz-box-shadow: 2px 2px 2px #e2e1e1; -webkit-box-shadow: 2px 2px 2px #e2e1e1; box-shadow: 2px 2px 2px #e2e1e1; }
#underwriters .btn-read-more { background-position: 0px -110px; }
#underwriters .btn-close { background-position: -100px -110px; }
#underwriters .read-more .btn-read-more, #underwriters .read-more .btn-close { position: absolute; top:5px; right: 11px; }
#underwriters .or { text-align: center; font-weight: bold; font-family: /* Tesco,  */Calibri, Helvetica, Arial ,sans-serif; font-size: 1.4em; line-height: 1; padding: 10px 0 10px 0; }
#underwriters .read-more .inner { margin-left: -4px;}
#underwriters .read-more .highlight { text-align: center !important; text-transform: none !important; padding: 10px 4px 10px 4px !important; margin-top: 10px; margin-bottom: 20px; border: 3px solid #b2dbed !important; background-color: #fff; }
#underwriters .read-more .split {border-top: 1px solid #c5e0ed; padding-top: 10px; }