﻿ADDRESS,
BLOCKQUOTE, 
BODY           
DD, 
DIV            
DL, DT, 
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4, 
H5, H6, IFRAME, 
NOFRAMES, 
OBJECT, OL, P, 
UL, APPLET, 
CENTER, DIR, 
HR, MENU, PRE   { display: block }
LI              { display: list-item }
HEAD            { display: none }
TABLE           { display: table }
TR              { display: table-row }
THEAD           { display: table-header-group }
TBODY           { display: table-row-group }
TFOOT           { display: table-footer-group }
COL             { display: table-column }
COLGROUP        { display: table-column-group }
TD, TH          { display: table-cell }
CAPTION         { display: table-caption }
TH              { font-weight: bolder; text-align: center }
CAPTION         { text-align: center }
BODY            { padding: 8px; line-height: 1.33 }
H1              { font-size: 2em; margin: .67em 0 }
H2              { font-size: 1.5em; margin: .83em 0 }
H3              { font-size: 1.17em; margin: 1em 0 }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0 }
H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG          { font-weight: bolder }
BLOCKQUOTE      { margin-left: 40px; margin-right: 40px }
I, CITE, EM,
VAR, ADDRESS    { font-style: italic }
PRE, TT, CODE,
KBD, SAMP       { font-family: monospace }
PRE             { white-space: pre }
BIG             { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
S, STRIKE, DEL  { text-decoration: line-through }
HR              { border: 1px inset }
OL, UL, DIR,
MENU, DD        { margin-left: 40px }
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline }
CENTER          { text-align: center }
BR:before       { content: "\A" }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }
A[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }


/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, 
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, 
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT, 
COL, COLGROUP, TD, TH, CAPTION 
                { unicode-bidi: embed }
/* End bidi settings */


@media print {
  page         { margin: 10% }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, 
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media speech {
  H1, H2, H3, 
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}

*
{
padding: 0px;
margin: 0px;
color: #535353;
}

* html div.teaser-slot
{
    width: 180px;
    overflow: hidden;
}

* html div.center-column
{
    overflow: hidden;
}

* html div.right-column
{
    width: 180px;
    overflow: hidden;
}

* html div.skyscraper-slot
{
    float: left;
    width: 160px;
    margin-left: 5px;
}

a:link        { color: #535353; }
a:visited     { color: #535353; }
a:active      { color: #535353; }

form#aspnetForm
{
padding: 0px;
margin: 0px;    
}

h1
{
    font-size: large;
}

h2
{
    font-size: medium;
}

input.button
{
    padding: 0px 10px 0px 10px;    
    line-height: 25px;
    font-size: large;
    font-family: Arial Narrow;
    font-weight: bold;        
    color: #FFFFFF;
    height: 31px;
    background: white url("Images/LargeButtonBackground.png") no-repeat top;
    background-position:right;
    border-style: none;        
}

input.secondary-button
{
    padding: 0px 10px 0px 10px;    
    line-height: 25px;
    font-size: large;
    font-family: Arial Narrow;
    font-weight: bold;        
    color: #FFFFFF;
    height: 31px;
    background: white url("Images/LargeSecondaryButtonBackground.png") no-repeat top;
    background-position:right;
    border-style: none;        
}

input.back-button
{
    padding: 0px 10px 0px 10px;    
    line-height: 25px;
    font-size: large;
    font-family: Arial Narrow;
    font-weight: bold;        
    color: #FFFFFF;
    height: 31px;
    background: white url("Images/LargeBackButtonBackground.png") no-repeat top;
    background-position:left;
    border-style: none;       
}

div.link-button
{
    padding: 0px 0px 0px 10px;
    height: 31px;
    line-height: 28px;
    font-size: large;
    font-family: Arial Narrow;
    font-weight: bold;
    background-image: url("Images/LargeButtonBackground.png"); 
    background-position:right;
}

div.link-button a
{
    text-decoration: none;
    color: #FFFFFF;
}

img
{
    border: 0px;
    vertical-align:bottom;
}

div
{
    border: solid 0px red;
}

body { margin: 0 auto; width: 902px; font-family: Arial; }

div
{
     border: solid 0px red;
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px;
}

div.header-section
{
    width: 900px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #999999;
    border-left: solid 1px #dbdbdb;
    border-right: solid 1px #dbdbdb;
}

div.leaderboard
{
    width: 728px;
    height: 90px;
    margin: auto;
}

div.top-section
{
    width: 900px;
    height: 150px;
    background-image: url("Images/VerticalGradientBackground150.png");    
    border-left: solid 1px #dbdbdb;
    border-right: solid 1px #dbdbdb;
    overflow: hidden;
}

div.top-section h2
{    
    font-size: x-large;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 15px;
    padding-bottom: 20px;
}

div.top-section h2 a
{
    text-decoration: none;
}

div.middle-section
{
    float: left;
    border-left: solid 1px #dbdbdb;
    border-right: solid 1px #dbdbdb;
    width: 900px;
    background-image: url("Images/PageBackground.gif");        
}

div.footer-section
{
    float: left;
    width: 900px;
    height: 45px;
    background-image: url("Images/VerticalGradientBackground45.png");        
    border-left: solid 1px #dbdbdb;
    border-right: solid 1px #dbdbdb;
}

div.center-column
{
    float: left;
    width: 720px;
    float: left;
    font-size: small;
}

div.right-column
{
    width: 180px;
    float: left;    
}

div.slogan
{
    padding-top: 15px;
    float: right;
    font-family: Arial;
    font-size: small;
    text-align: right;
    font-weight: bold;
}

div.primary-navigation
{
}

div.navigation-item
{
    float: left;
    width: 150px;
    font-size: small;
    font-weight: bold;
}

div.navigation-item-last
{
    float: right;
    text-align: right;
    width: 150px;
    font-size: small;
    font-weight: bold;
}


div.navigation-item a
{
    text-decoration: none;
}

div.navigation-icon
{
}

div.teaser-slot
{
    float: left;
    width: 180px;
    height: 400px;
    font-size: x-small;
    font-weight: bold;
    background-image: url("Images/TeaserSlotBackground.png");    
}

div.teaser-slot h2
{
    font-size: small;
}

div.teaser-icon
{
    margin: auto;
    margin-top: 40px;
    margin-bottom: 20px;
    width: 125px;
    height: 125px;
}

div.help-slot
{
    float: left;
    width: 180px;
    height: 400px;
    background-image: url("Images/TeaserSlotBackground.png");    
}

div.help-icon
{
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 125px;
    height: 125px;
}

div.info-slot
{
    border-top: solid 1px #e0e0e0;
    width: 720px;
    background-image: url("Images/VerticalGradientBackground150.png");    
    background-position: bottom;
    background-repeat:repeat-x;
    border-right: solid 1px #dbdbdb;
    float: left;
}

div.tools-slot
{
    width: 180px;
    float: left;
}

div.tools-slot a
{
    color: #eff0e8;
    font-size: small;
}

div.skyscraper-slot
{
    float: left;
    width: 160px;
    margin-left: 10px;
    padding-bottom: 15px;
}

div.padding
{
    padding: 13px 30px 13px 30px;
    float: left;
}

div.half-page-slot
{
    width: 360px;
    float: left;
}

div.thin-padding
{
    padding: 10px 10px 10px 10px;
    float: left;
}

div.error
{
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    background-image: url("Images/ErrorBar.png");
    text-align: center;
    border: solid 1px #be4b48;
}

span.error
{
    color: #be4b48;
    font-weight: bold;
}

div.success
{
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    background-image: url("Images/SuccessBar.png");
    text-align: center;
    border: solid 1px #98b954;
}

div.information
{
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    background-image: url("Images/InformationBar.png");
    text-align: center;
    border: solid 1px #4a7ebb;
}

div.content
{
    float: left;
    padding: 0px 0px 0px 0px;
}

div.buttons
{
    text-align: right;
}

div.hidden-content
{
    float: left;
    padding: 0px 0px 0px 0px;
    display: none;
}

div.info
{
    font-size: small;
    font-family: Arial;
}

div.content h1
{
    margin-top: 20px;
    padding-top: 0px;
}

div.content img
{
    float: left;
    padding: 0px 20px 10px 0px;
}


div.content table.layout
{
    
}

div.content table.layout tr td
{
    vertical-align: top;
    text-align: center;  
    padding: 20px 40px 20px 0px;  
}
/* BEGIN OF GENERIC CONTENT GRID STYLES */

div.content table.grid
{
    width: 650px;
    margin-left: 1px;
    border: 0px;
    border-collapse:collapse;
    margin-bottom: 20px;

}

div.content table.grid tr
{
}

div.content table.grid tr th
{
    vertical-align: top;    
    text-align: left;
    padding: 1px 5px 1px 5px; 
    font-weight: normal;
    background: url("Images/GridHeaderBackground.png");
}

div.content table.grid tr.footer th
{
    vertical-align: top;    
    text-align: left;
    padding: 1px 5px 1px 5px; 
    font-weight: normal;
    height: 20px;
    background: url("Images/GridFooterBackground.png");
}

/* END OF GENERIC CONTENT GRID STYLES */

/* BEGIN OF CAR INSURANCE GRID STYLES */

div.content table.car-insurance-grid
{
    width: 650px;
    margin-left: 1px;
    border: 0px;
    border-collapse:collapse;
    margin-bottom: 20px;
    font-size: small;
}

div.content table.car-insurance-grid tr
{
}

div.content table.car-insurance-grid tr th
{
    height: 115px;
    background: url("Images/GridHeaderBackground.png");
    text-align: center;
    vertical-align: bottom;
    padding: 0px 0px 5px 0px;
    font-weight: normal;
}

div.content table.car-insurance-grid tr th.check-column
{
    width: 20px;    
    padding: 0px 0px 0px 0px;
}

div.content table.car-insurance-grid tr th img
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

div.content table.car-insurance-grid tr td
{
    height: 26px;
}

div.content table.car-insurance-grid tr.footer th
{
    vertical-align: top;    
    text-align: left;
    padding: 1px 5px 1px 5px; 
    font-weight: normal;
    height: 16px;
    background: url("Images/GridFooterBackground.png");
}

div.content table.car-insurance-grid tr td.first
{
    padding-top: 5px;
    vertical-align: top;
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.error
{
    padding-top: 5px;
    padding-left: 10px;
    vertical-align: top;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.empty
{
    padding-top: 5px;
    padding-left: 10px;
    vertical-align: top;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.bonus
{
    padding-top: 5px;
    vertical-align: top;
    text-align: right;
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.deductible
{
    padding-top: 5px;
    vertical-align: top;
    text-align: right;
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.price
{
    padding-top: 5px;
    vertical-align: top;
    text-align: right;
    border-top: solid 1px #cccccc;
    color:#FB5A0C;
    font-weight:bold;
}

div.content table.car-insurance-grid tr td.product-advertisement
{
    padding-bottom: 5px;
    width: 350px;
}

div.content table.car-insurance-grid tr td.none
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Pearls/unavailable.png");
    background-position:center;
    background-repeat:no-repeat;  
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.gold
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Pearls/included-plus.png");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.silver
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Pearls/included-normal.png");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.bronze
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Pearls/included-minus.png");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.gold-transparent
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Pearls/optional-plus.png");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.silver-transparent
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Pearls/optional-normal.png");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.bronze-transparent
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Pearls/optional-minus.png");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.gold-info
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Pearls/included-plus-info.png");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.silver-info
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Pearls/included-normal-info.png");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.bronze-info
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Pearls/included-minus-info.png");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.gold-transparent-info
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Pearls/optional-plus-info.png");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.silver-transparent-info
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Pearls/optional-normal-info.png");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.bronze-transparent-info
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Pearls/optional-minus-info.png");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.gold-hover
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Pearls/included-plus-hover.png");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.silver-hover
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Pearls/included-normal-hover.png");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.bronze-hover
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Pearls/included-minus-hover.png");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.gold-transparent-hover
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Pearls/optional-plus-hover.png");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.silver-transparent-hover
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Pearls/optional-normal-hover.png");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.bronze-transparent-hover
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Pearls/optional-minus-hover.png");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.loading
{
    width: 208px;
    padding: 0px 0px 0px 0px;
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.running
{
    width: 208px;
    padding: 0px 0px 0px 0px;
    background: url("Images/loadingAnimation.gif");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}

div.content table.car-insurance-grid tr td.completed
{
    width: 208px;
    padding: 0px 0px 0px 0px;
    /* Keep it loading until replace with loaded result cells. */
    background: url("Images/loadingAnimation.gif");
    background-position:center;
    background-repeat:no-repeat;    
    border-top: solid 1px #cccccc;
}


/* END OF CAR INSURANCE GRID STYLES */

/* BEGIN OF OLD CAR INSURANCE GRID STYLES */

div.content table.grid#car-insurance-grid
{
}

div.content table.grid#car-insurance-grid tr th
{
    background: url("Images/GridHeaderBackground.png");    
    height: 115px;
    vertical-align: bottom;
    text-align: center;
    padding: 0px 0px 5px 0px;
}

div.content table.grid#car-insurance-grid tr.footer th
{
    vertical-align: top;    
    text-align: left;
    padding: 1px 10px 1px 10px; 
    font-weight: normal;
    height: 20px;
    background: url("Images/GridFooterBackground.png");
}

div.content table.grid#car-insurance-grid tr th img
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

div.content table.grid#car-insurance-grid tr th a img
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

div.content table.grid#car-insurance-grid tr th.check-column
{
    width: 16px;    
    padding: 0px 0px 0px 0px;
}

div.content table.grid#car-insurance-grid tr td.none
{
    padding: 0px 0px 0px 0px;
}

div.content table.grid#car-insurance-grid tr td.gold
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Medals/gold.png");
    background-position:center;
    background-repeat:no-repeat;    
}

div.content table.grid#car-insurance-grid tr td.silver
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Medals/silver.png");
    background-position:center;
    background-repeat:no-repeat;    
}

div.content table.grid#car-insurance-grid tr td.bronze
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Medals/bronze.png");
    background-position:center;
    background-repeat:no-repeat;    
}

div.content table.grid#car-insurance-grid tr td.gold-transparent
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Medals/gold_transparent.png");
    background-position:center;
    background-repeat:no-repeat;    
}

div.content table.grid#car-insurance-grid tr td.silver-transparent
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Medals/silver_transparent.png");
    background-position:center;
    background-repeat:no-repeat;    
}

div.content table.grid#car-insurance-grid tr td.bronze-transparent
{
    padding: 0px 0px 0px 0px;
    background: url("Images/Medals/bronze_transparent.png");
    background-position:center;
    background-repeat:no-repeat;    
}

div.content table.grid#car-insurance-grid tr td.error
{
    padding: 6px 0px 0px 6px;
    color: White;
    font-weight: bold;   
    background: url("Images/GridOptionErrorBackground.png");
    background-position:center;
    background-repeat:no-repeat;    
}

div.content table.grid#car-insurance-grid tr td.error a
{
    color: White;    
}

div.content table.grid#car-insurance-grid tr td.basic
{
    padding: 6px 0px 0px 5px;
    color: White;
    font-weight: bold;   
    background: url("Images/GridOptionSelectedBackground.png");
    background-position:center;
    background-repeat:no-repeat; 
}

div.content table.grid#car-insurance-grid tr td.basic a
{
    color: White;    
}

div.content table.grid#car-insurance-grid tr td.additional
{
    padding: 6px 0px 0px 5px;
    color: White;
    font-weight: bold;   
    background: url("Images/GridOptionAdditionalBackground.png");
    background-position:center;
    background-repeat:no-repeat;    
}

div.content table.grid#car-insurance-grid tr td.additional a
{
    color: White;    
}


div.content table.grid#car-insurance-grid tr td.additional-selected
{
    padding: 6px 0px 0px 5px;
    color: White;
    font-weight: bold;   
    background: url("Images/GridOptionAdditionalSelectedBackground.png");
    background-position:center;
    background-repeat:no-repeat;    
}

div.content table.grid#car-insurance-grid tr td.additional-selected a
{
    color: White;    
}


div.content table.grid#car-insurance-grid tr td.other-cover-details
{
    padding: 6px 0px 0px 5px;
    color: White;
    font-weight: bold;   
    background: url("Images/ExclamationMark.png");
    background-position:center;
    background-repeat:no-repeat;    
}

div.content table.grid#car-insurance-grid tr td.additional-no-price
{
    padding: 6px 0px 0px 5px;
    color: White;
    font-weight: bold;   
    background: url("Images/GridOptionAdditionalBackground.png");
    background-position:center;
    background-repeat:no-repeat;    
}

div.content table.grid#car-insurance-grid tr td.additional-no-price a
{
    color: White;    
}

div.content table.grid#car-insurance-grid tr td.additional-no-price-selected
{
    padding: 6px 0px 0px 5px;
    color: White;
    font-weight: bold;   
    background: url("Images/GridOptionErrorBackground.png");
    background-position:center;
    background-repeat:no-repeat;    
}

div.content table.grid#car-insurance-grid tr td.additional-no-price-selected a
{
    color: White;    
}

/* END OF OLD CAR INSURANCE GRID STYLES */



div.content table.grid tr td
{
    vertical-align: top;    
    text-align: left;
    padding: 5px 5px 5px 5px; 
}

div.content table.grid tr.high td
{
    vertical-align: top;    
    text-align: left;
    border-top: solid 1px #cccccc;
    padding-top: 9px;
}

div.content table.grid tr.low td
{
    vertical-align: top;    
    text-align: left;
    padding-bottom: 9px;
}

div.content table.grid tr.high td.first
{
    border-top: solid 1px #cccccc;
}

div.content table.grid tr.high td.last
{
    border-right: none;
    border-top: solid 1px #cccccc;    
}

div.content table.grid tr.high td.last a
{
    color: #fb5a0c; 
    font-weight: bold; 
}

div.content table.grid tr.middle td
{
    vertical-align: top;    
    text-align: left;
}

div.content table.grid tr.middle td.first
{
}

div.content table.grid tr.middle td.last
{
}

div.content table.grid tr.middle td.last a
{
    color: #fb5a0c;    
}

div.content table.grid tr td img
{
    padding: 0px 0px 0px 0px;
}

div.content table.grid tr.low td.last
{
}

/* BEGIN OF BASIC TABLE */

div.content table.form
{
    font-size:small;
    margin-left: 1px;
    border-collapse:collapse;
    border-top: solid 1px #cccccc;
    margin-bottom: 10px;
    width: 650px;
}

div.content table.form tr th
{
    padding: 5px 10px 5px 10px; 
}

div.content table.form tr td.field-name
{
    font-weight: bold;
    vertical-align: top;
    text-align: right;
    font-size: medium;
    padding-right: 20px;
    width: 180px;
}

div.content table.form tr td
{
    font-size: medium;
    padding: 10px 10px 5px 10px;     
    border: none;
    font-family: Arial Narrow;    
}

div.content table.form tr td input.checkbox
{
    margin: 3px 5px 3px 0px;
}

div.content table.form tr td label
{
    margin-left: 5px;
}

div.content table.form tr td a
{
    background: url("Images/ToggleButtonUpBackground.png");
    padding: 0px 5px 0px 5px;
    text-decoration: none;
}

div.content table.form tr td a.selected
{
    background: url("Images/ToggleButtonDownBackground.png");
    padding: 0px 5px 0px 5px;
    text-decoration: none;
    color: White;    
}

div.content table.form tr td.buttons
{
    text-align: right;
}

/* END OF BASIC TABLE */

/* BEGIN OF CAR INSURANCE TENDER TABLE */

div.content table.car-insurance-tender-form
{
    font-size:small;
    margin-left: 1px;
    border-collapse:collapse;
    border-top: solid 1px #cccccc;
    margin-bottom: 10px;
    width: 650px;
}

div.content table.car-insurance-tender-form tr th
{
    padding: 5px 10px 5px 10px; 
}

div.content table.car-insurance-tender-form tr td.field-name
{
    font-weight: bold;
    vertical-align: top;
    text-align: right;
    font-size: medium;
    padding-right: 20px;
    width: 180px;
}

div.content table.car-insurance-tender-form tr td
{
    font-size: small;
    padding: 10px 10px 5px 10px;     
    border: none;
    font-family: Arial;    
}

div.content table.car-insurance-tender-form tr td input.checkbox
{
    margin: 3px 5px 3px 0px;
}

div.content table.car-insurance-tender-form tr td label
{
    margin-left: 5px;
}

div.content table.car-insurance-tender-form tr td a
{
    background: url("Images/ToggleButtonUpBackground.png");
    padding: 0px 5px 0px 5px;
    text-decoration: none;
}

div.content table.car-insurance-tender-form tr td a.selected
{
    background: url("Images/ToggleButtonDownBackground.png");
    padding: 0px 5px 0px 5px;
    text-decoration: none;
    color: White;    
}

div.content table.car-insurance-tender-form tr td.buttons
{
    text-align: right;
}

/* END OF CAR INSURANCE TENDER TABLE */

div.content table.product-grid
{
    border-collapse: collapse;
}

div.content table.product-grid tr td
{
    vertical-align: top;
    text-align: left;
    padding: 3px 5px 3px 5px; 
}

div.content table.product-grid tr td.product-info
{
    padding: 8px 5px 8px 5px; 
    border-top: solid 10px White;
    background-color: #e3ecd0;    
}

div.content table.product-grid tr td.product-header
{
    padding: 8px 5px 8px 5px; 
    border-top: solid 10px White;
    background-color: #f3fae0;   
}

div.content table.layout table.news-feed
{
    width: 250px;
    border-collapse: collapse;    
    font-size: smaller;    
    border: solid 1px Black;
}

div.content table.layout table.news-feed tr th
{
    vertical-align: top;
    text-align: left;
    padding: 3px 5px 3px 5px; 
    background-color: Black;   
    color: White;
}

div.content table.layout table.news-feed tr td
{
    vertical-align: top;
    text-align: left;
    padding: 3px 5px 3px 5px; 
    background-color: #f6f6f6;   
    height: 60px;
}

div.content table.layout table.news-feed tr th a
{
    color: White;
}

div.content table.layout table.news-feed tr td a
{
    color: Black;
}

div.content table.news
{
    width: 555px;
    border-collapse: collapse;    
    font-size: smaller;    
}

div.content table.news tr th
{
    vertical-align: top;
    text-align: left;
    padding: 3px 5px 3px 5px; 
    background-color: #95b886;
    font-weight: bold;
    color: White;
    font-family: Arial;
}

div.content table.news tr h4
{
    margin-top: 0px;
    margin-bottom: 4px;
}

div.content table.news tr td
{
    vertical-align: top;
    text-align: left;
    padding: 10px 5px 20px 5px; 
    background-color: White;   
}

div.content table.news tr th a
{
    color: White;
}

div.content table.news tr td a
{
    color: Black;
}

div.popup
{
    display: none;
}

table.form-two-columns
{
    width: 650px;

    border-collapse:collapse;
    border-top: solid 1px #cccccc;
    margin-bottom: 10px;

}

table.form-two-columns tr td
{
    padding: 10px 0px 0px 0px;     
    width: 300px;
}

table.form-two-columns tr td.buttons
{
    width: 650px;
    text-align: right;
}

table.form-two-columns tr td table td
{
    padding: 0px 0px 0px 0px;     
    border: none;
}

div.home-insurance-teaser-text
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
}

/* Round corned chat bubble */
div.bubble-t {background: url(Images/Bubble/dot.png) 0 0 repeat-x; margin-right: 5px;}
div.bubble-b {background: url(Images/Bubble/dot.png) 0 100% repeat-x;}
div.bubble-l {background: url(Images/Bubble/dot.png) 16px 0 repeat-y}
div.bubble-r {background: url(Images/Bubble/dot.png) 100% 0 repeat-y}
div.bubble-bl {background: url(Images/Bubble/bl.png) 0 100% no-repeat}
div.bubble-br {background: url(Images/Bubble/br.png) 100% 100% no-repeat}
div.bubble-tl {background: url(Images/Bubble/tl.png) 0 0 no-repeat}
div.bubble-tr {background: url(Images/Bubble/tr.png) 100% 0 no-repeat; padding: 10px 10px 10px 25px; font-size: small; font-family: Arial;}

div.content span.orange {font-weight: bold;color:#FB5A0C;}
div.content span.bold {font-weight: bold;}
div.content span.bold a {color:#FB5A0C;}
div.content table.form tr td a {background: none; text-decoration: underline;padding: 0px 0px 0px 0px;}
