@import "common.css";
@import "product-promotion-pods.css";
/* ------------------------------------------------------------------
  Filename:        compare-travel-insurance.css
  Author:          AKQA
  Description:     Page layout for the table template
  ------------------------------------------------------------------- */
  
div.offer.first{
    height:138px;
    margin-bottom:3px;
    width:auto;}

div.offer.second{
    height:118px;
    width:auto;}
    
div.mainContent h2{
    margin-bottom:10px;
    margin-left:30px;
    padding-top:20px;
    text-indent:0;
    font-size:1.4em;
	font-weight:bold;
	color:#930031;}
    
div.mainContent table{
    width:723px;
    margin:0 5px 12px 12px;
    table-layout:auto;}

div.mainContent th{
    font-size:1.0em;
    font-weight:normal;
    color:#666666;
    background: url(/library/default/images/table/table-head-bg.gif) repeat-y right top;
    padding:10px 10px 0 10px;
    text-align:center;}
    
div.mainContent th.first, div.mainContent th.last{
    background:none;}
 
div.mainContent th.first{   
        width:70px;}

div.mainContent td{
    background: url(/library/default/images/table/table-bg.gif) repeat-x right 0;
    height:70px;
    padding: 0 10px 0 10px;
    text-align:center;}
    
div.mainContent td img.tick, div.mainContent td img.cross {
    margin-left:0;}
    
div.mainContent td.first{
    background-position: 98% 0;
    padding:0;
    text-align:left;
    width:70px;
    padding-left:10px;}
    
div.mainContent th.second, div.mainContent td.second{
    text-align:left;}

/* added aer for span */    
div.mainContent td.aer, .aer{
    color:#e23d3a;
    font-weight:bold;}
    
div.mainContent td.last{
    background: url(/library/default/images/table/table-right-bg.gif) no-repeat right 0;
    width:120px;}
    
div.mainContent .btnActionSFGrad {
    width:117px;}
    
div.offer.firstonly .buttons 
{
    margin:5px 0 0 343px;}
    
/* Place CSS rules for to-be-replaced elements here. 
Prefix by .sIFR-active so they only apply if sIFR is active. */
	
@media screen { 
	.sIFR-active h2.aboveTable {
		visibility: hidden;
		font-family: Verdana;
		line-height: 1em;
		margin-bottom:6px;
		padding-top:15px;
		font-size:155%;
	}
}