#tablearea {
    display: block;  
    float: left;
    width: 500px;
    padding: 0px 0px 0px 0px;
    color: #57ACF7;
    background:transparent;
    text-align: left;
    margin-top:0px; 
   
}
#showtheprices {
    display: none;
    visibility: hidden;
    width: 330px;
    padding: 0;
    background:transparent; 
}
#showtheprices table {
    border-collapse: collapse;
    text-align: left;
    border: solid 1px rgb(230,230,230); 
    width: 320px;
    background: white; 
    
} 
#showtheprices table td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    color:black;
    border-bottom: solid 1px rgb(230,230,230); 
}    


#tablearea table
{
    margin-bottom: 1.5em;
    border-collapse: collapse;
    text-align: left;
    border: solid 1px rgb(230,230,230); 
    width: 650px;
    background: transparent; 
}


#tablearea table th
{
    font-weight: bold;
    padding: 0.5em;
    background: rgb(220,220,220);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color:black;
    
}

#tablearea table td
{
    padding: 3px 3px 3px 3px; 
    border-right: solid 1px rgb(230,230,230);
    border-bottom: solid 1px rgb(230,230,230);; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color:black;
}

#ccdetails {
    width:600px;
    
    background:rgb(255,255,255); 
    padding-left: 0px;
    display: block;
    visibility: visible; 
    min-height: 100px;
    padding-top: 0px;
           
}
#ccdetails p {
    font-family: arial;
    font-size: 1.1em;
    color:black;
    font-weight: lighter;
}



#amountdetails {
    width:670px;
    border:none;
    background:transparent; 
    padding-left: 0px;
    display: none;
    visibility: hidden;        
}


#pricebygallon {
    width:670px;
    border:none;
    background:transparent; 
    padding-left: 0px;
    display: none;
    visibility: hidden; 
    min-height: 25px;       
}
#pricebygallon p {
    font-family: arial;
    font-size: 1.7em;
    color:black;
    font-weight: lighter;
}
#pricebydollar {
    width:670px;
    border:none;
    background:transparent; 
    padding-left: 0px;
    display: none;
    visibility: hidden;
    min-height: 25px;        
}
#pricebydollar p {
    font-family: arial;
    font-size: 1.7em;
    color:black;
    font-weight: lighter;
}

table.house
{
    margin-bottom: 1.5em;
    border:none;
    text-align: left;
    width: 250px; 
    height: 200px;
    background:transparent; 
    
}
table td.housecenter {
    background: url(images/house.png) bottom no-repeat;      
    min-width: 165px;
    min-height: 236px;
    
}

#content table.house input.hs {
    /*background: url(images/newclock.png) no-repeat;    */
    background: white;

    font-size: 3em;
    font-weight: bolder;
    max-width: 25px;
    color: blue;
    
}

#section1 {
    width:700px;
    background:transparent; 
    padding-left: 0px;
    display: block;
    visibility: visible; 
    min-height: 100px;
    margin-top: -20px;
    
} 

#xccdetails {
    width:600px;
    
    background:rgb(255,255,255); 
    padding-left: 0px;
    display: none;
    visibility: hidden; 
    min-height: 100px;
    padding-top: 0px;
           
}

form#order {
   
    position:relative;
    margin-left:0px;
    margin-top:0px;
    width:600px;
    background: transparent;
    padding:1px;
    color:rgb(0,0,0);
    font-size:.7em;
    font-family:'Arial' Calibri, Trebuchet MS, Arial; 
    text-align: left; 
    line-height: 95%; 
} 

form#order input.calc { position:absolute; left  :28em; }  
form#order input.textbox { position:absolute; left  :14em; }
form#order input.textboxc { position:absolute; left  :7em; }
form#order input.textboxesig { position:absolute; left  :23em; margin-top:3px; } 
form#order select { position:absolute; left  :14em; }
form#order input.radio { position:absolute; left  :32em; }  
form#order input.check { position:absolute; left  :14em; margin-top:-2px;} 
form#order input.checkit { position:absolute; left  :1em; }
form#order textarea.box { position:absolute; left  :14em; min-height:100px;} 
form#order textarea.comments { position:absolute; left  :14em; background :white; border:1px solid rgb(240,240,240);} 
textarea.contactus { position:absolute; left  :7em;} 
form#order select.state{ position:absolute; left  :14em; } 
form#order select.month{ position:absolute; left  :14em; } 
form#order select.year{ position:absolute; left  :22em; } 

form#order input.gallons { position:absolute; left  :20em; } 

form#order input.textboxcard { position:absolute; left  :14em; border: 1px solid rgb(234,193,0);}
form#order select.card{ min-width: 130px;  position:absolute; left  :14em; border: 1px solid rgb(234,193,0);}            
form#order select.monthcard{ position:absolute; left  :14em; border: 1px solid rgb(234,193,0);}            
form#order select.yearcard{ position:absolute; left  :22em; border: 1px solid rgb(234,193,0);}            

form#order input.colorvalues {position:absolute; left  :14em; max-width :50px; padding-left:3px;padding-right:3px; background: rgb(255,242,0); }        
form#order input.calculator { position:absolute; left  :26em; border:none;width: 103px; height: 31px; background:url(images/calc.png) ;}      




form#order select.fill { 
    position:absolute; 
    left:20em; 
    background:transparent;    
    
}    


form#order p {
font-family: Arial, Helvetica, sans-serif;      
font-size: 1.5em;
color:black;

font-weight: lighter;
}








