/*
Basic
-----
*/
html {
    font: 62.5%/20px Arial, Helvetica, sans-serif }

body { 
    font-size: 1.2em;/* Re-set Global font size i.e 1.2em = 12px */
    color: #000 }
        
img {
    border: none }
    
h1 {
    font-size:16px }    
    
a {
    color: Blue;
    text-decoration: underline }

a:hover {
    color: Aqua;
    text-decoration: none }

.negativeValue {
    color: Red; }
    
.productAvailabilityResponse table a {
    display:block;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    background-color:#555 }

.productAvailabilityResponse table a:hover {
    color:#fff;
    text-decoration: underline }    
    
#companyReportSideCol {
    display:none }    
    
/*
Product Availability Response
-----------------------------
*/
.productAvailabilityResponse .col1 {
    width:50% }

/*
Tables
------
*/
#companyReportWrapper table {
    border-collapse:collapse;
    background-color:#FFF;
    border-spacing:0;
    width:100%;
    margin-bottom:20px;
    border-top:1px solid #000;
    border-right:2px solid #000;
    border-bottom:2px solid #000;
    border-left:1px solid #000 } 

#companyReportWrapper tr {}      

#companyReportWrapper th {
    margin:0;
    padding:2px;
    border-left:1px solid #000;
    border-bottom:1px solid #000  }           

#companyReportWrapper td {
    vertical-align:top;
    text-align:right;
    margin:0;
    padding:4px 8px;
    border-left:1px solid #000;
    border-bottom:1px solid #000 }
    
#companyReportWrapper .col1 {
    text-align:left }
    
#companyReportWrapper .string {
    text-align:left }

#companyReportWrapper .number {
    text-align:right }

#companyReportWrapper table table {
    margin-bottom:0;
    border:none }    

#companyReportWrapper table td.hasChild {
    padding:0 }