@import "common.css";
@import "product-promotion-pods.css";
/* ------------------------------------------------------------------
  Filename:        compare-savings.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 table{
    width:711px;
    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 td{
    background: #ebebeb url(/library/default/images/table/table-bg-savings.gif) repeat-x right top;
    height:46px;
    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{
    padding:0 0 0 10px !important;
    text-align:left;
    background: url(/library/default/images/table/table-first-bg.gif) repeat-y left top;}
    
div.mainContent th.second, div.mainContent td.second{
    text-align:left;
    width:100px;
    font-weight:bold;}
    
div.mainContent td.row{
    background: #ebebeb url(/library/default/images/table/table-bg-2col.gif) no-repeat right top;}
    
div.mainContent td.col{
    background: #ebebeb url(/library/default/images/table/table-bg-info-col.gif) repeat-y right top;
    height:44px;
    text-align:left;}

/* added aer for span */    
div.mainContent td.aer, .aer{
    color:#e23d3a;
    font-weight:bold;}
    
div.mainContent td.last{
    background: #ebebeb url(/library/default/images/table/table-bg-2col-right.gif) no-repeat right top;
    width:133px;} 
    
div.mainContent td.footerLeft,
div.mainContent td.footerRight{
    height:18px;
    padding:0;
    background: url(/library/default/images/table/table-bottom.gif) no-repeat left top;}

div.mainContent td.footerRight{
	background-position: right top;}
      
div.mainContent .btnActionSFGradTable, div.mainContent .btnActionSFGreyTableSavings {
    width:130px;
    margin: 2px 0;}