body {
    margin: 0;
    padding: 0;
    background: url(images/bg5.png) repeat-x left top;
    
}


h1 {
    margin: 0;
    text-transform:none;
    font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    color:rgb(89,109, 117);
    font-size: 2em;
}
h2 {
    margin: 0;
    text-transform:none;
    font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    color:rgb(89,109, 117);
    font-size: 1.5em;
}
h2.lif {
    margin: 0;
    text-transform:none;
    font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    color:rgb(89,109, 117);
    font-size: 1.5em;
   
}
h3 {
    margin: 0;
    text-transform:none;
    font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    color:rgb(89,109, 117);
    font-size: 1.2em;
}
#login p.log {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em; 
    color: white;   
} 

/* Header */


#header {
	display: block;
    position: relative;
    width: 1024px;
	height: 145px;
	margin: 0 auto;
	background:url(images/header2.png) top left no-repeat;
    text-align: right;
}


#header p {
    font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    color:white;
    font-size: 1.5em;
}    
/* Menu */

#smallmenu {
    display: block;
    position: absolute;
    top:80px;
    left:10px;
    width: 900px;
    height: 40px;
    padding-left: 10px;
    padding-top: 18px;
    background: transparent;  
   
}

/* Page */

#page {
	display: block;
    width: 1024px;
	margin: 0 auto;
	background: url(images/mid.png) repeat-y left top;  
    
}
#pagebottom {
    display: block;
    width: 1024px;
    margin: 0 auto;
    background: url(images/pagebtm.png) no-repeat left top;             
    min-height: 49px;
}

#page-bgtop {
	padding-top: 30px;
	
}                      

	/** LOGO */

#logo {
	width: 400px;
	margin-left: 510px;
    padding-top: 100px;
    background: transparent;
}




/* Content */

#content {
	position: relative;
    display: block;
    float: right;
	width: 720px;
	padding-top: 20px;
    line-height: normal;
    background:transparent;
    margin-left: -20px;
}

#check {
    position: relative;
    display: block;      
    background: transparent;
    padding-right : 5px;
}


#content_gas {
    position: relative;
   
    display: block;
    width: 685px;
    background:transparent;
}

#inner_content {
    position: relative;
    display: block;
    float: left;
    width: 680px;
    padding-top: 8px;
    padding-left: 10px;
    padding-right : 10px; 
    line-height: normal;
    background:white;
    margin-left: 0px;
    border: 1px solid rgb(226,228,232);
    
}
a.privacy {
    font-family: Arial, Verdana,Lucida Sans,Arial;  
    font-size:.8em;        
    color:blue;
}
#content p {
    font-family: Arial, Verdana,Lucida Sans,Arial;  
    font-size:.8em;        
    color:black;
}
#content ul {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    color:black;
}
#inner_content ul.links {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
    color:black;
}
li.black {
    list-style-image:url('images/bullet.png');
    font-family: Arial, Helvetica, sans-serif;  
    font-size: 1em; 
    color: black;  
    
}
li.green {
    list-style-image:url('images/gbullet.png');
    font-family: Arial, Helvetica, sans-serif;  
    font-size: 1.1em; 
    color: red;  
    
}
.post {
    width : 697px;
    padding-left: -10px;  
}
#sidebartop {
    display: block;
    position: relative;
    float: left;
    width: 258px;
    min-height: 295px;
    padding-left: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin-top: 20px;
    background: url(images/sbtopblank.png) no-repeat left top;
    
    margin-left: 10px;
   
}

#sidebarjoin {
    display: block;
    position: relative;
    float: left;
    width: 258px;
    min-height: 295px;
    padding-left: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin-top: 20px;
    background: url(images/sbtopjoin2.png) no-repeat left top;
    
    margin-left: 10px;
   
}
#sidebartoporder {
    display: block;
    position: relative;
    float: left;
    width: 258px;
    min-height: 331px;
    padding-left: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin-top: 20px;
    background: url(images/customerlogin.png) no-repeat left top;
    
    margin-left: 10px;
   
}

#sidebartopdiesel {
    display: block;
    position: relative;
    float: left;
    width: 258px;
    min-height: 659px;
    padding-left: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin-top: 20px;
    background: url(images/diesellogin.jpg) no-repeat left top;
    
    margin-left: 10px;
   
}
#sidebartopcontact {
    display: block;
    position: relative;
    float: left;
    width: 258px;
    min-height: 357px;
    padding-left: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin-top: 20px;
    background: url(images/truck3.png) no-repeat left top;  
    margin-left: 30px;
   
}
#sidebarmid {
    display: block;
    position: relative;
    float: left;
    width: 258px;
    min-height: 557px;
    padding-left: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin-top: 40px;
    background: url(images/sbmid.png) no-repeat left top;
    
    margin-left: 10px;
   
}


#sidebarcontact_text {
    display: block;
    position: relative;
    float: left;
    width: 245px;
    padding-left: 0px;
    margin-top: 170px;
    background:transparent;
    margin-left: -17px;
    text-align: left;
}
#sidebarcontact_text p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    color:black;
} 


#sidebarmid_text {
    display: block;
    position: relative;
    float: left;
    width: 245px;
    padding-left: 0px;
    margin-top: 260px;
    background:transparent;
    margin-left: -17px;
    text-align: center;
}

#sidebarmid_text p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    color:white;
} 
#sidebarmid_text a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color:blue;
}       




#pricearea {
    display: block;
    position: relative;
    float: left;
    width: 245px;
    min-height: 25px;
    margin-left: -20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.3em;
    background: transparent;
    margin-top: 85px;
}
#pricearea p {
    color:rgb(0,0,0);
    font-weight: bolder;
    font-size: .8em;
    margin-left: 7px;     
}

#login {
    display: block;
    position: relative;
    float: left;
    width: 170px;
    min-height: 150px;
    padding-left: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    background: transparent;
    margin-top: 40px;
    
}
#login input.btnLogin {
    background: url(images/login2.png) no-repeat left top;
    border: none;
    width: 90px;
    height: 75px;
    margin-left: 10px;
    margin-top: 105px;  
} 

#purchase {
    width:500px;
    background:rgb(254,255,254);
    padding-left: 0px;
    border: solid 1px rgb(115,137,159);
}

#gauge {
    position: absolute;
    top:390px;
    left:335px;
    
    
    /*background: url(images/gauge3.png) no-repeat left top; */
    background: transparent; 
}




   
#login p.log {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em; 
    color:white;   
} 
#login h2.log {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.7em; 
    color:rgb(15,109,171); 
    margin-top: -40px;  
} 

#homepictures {
    display: block;
    position: absolute;
    top:40px;
    left:10px;
    width: 389px;
    height: 241px;
    background: transparent;
    
} 
#sandbaghome2 {
    display: block;
    position: relative;
    float: left;
    width: 704px;
    min-height: 308px;
    background: url(images/special2.png) no-repeat left top;  
    padding-top: 23px;
    padding-left: 8px;
} 

#coupon {
    display: block;
    position: absolute;
    top:38px;
    left:395px;
    width: 301px;
    height: 238px;
    background: url(images/special.png) no-repeat left top;
    padding-top: 35px;
    
} 

#coupon p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
    color:rgb(255,255,255);
    padding-left: 10px; 
    padding-right: 10px;  
}

/* Footer */

#footer-wrapper {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    background: url(images/bbg.png) top left repeat-x;  
    min-height: 275px;
    text-align: center;
}




#three-columns {
    width: 1024px;
    margin: 0 auto;
    text-align: center;
    margin-top: 40px;
}
#towns {
    display: block;
    position: relative;
    width: 1024px;
    margin: 0 auto;
    text-align: center;
    background:transparent; 
    margin-top: 12px;
}
#names {
    display: block;
    position: absolute;
    top:10px;
    left:0px;
    width: 1024px;
    text-align: center;

    
background: url('images/lowerlogo.png') top left no-repeat;
background-position: 5px -4px;
}


#towns p {
    font-family: Arial, Verdana,Lucida Sans,Arial;  
    color:white;
    font-size: .75em;
}


#three-columns a {
    color: white;
    
    text-decoration: none;
    font-family: Arial, Verdana,Lucida Sans,Arial;
    font-weight: bolder; 
    font-size: .9em; 
}
#three-columns a:hover {
    color: #57ACF7;
    color:rgb(217,217,217);
    text-decoration: underline;
    font-family: Arial, Verdana,Lucida Sans,Arial;  
}

#three-columns ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#three-columns li {
    padding: 0px 0px 0px 15px;
    /*border-bottom: 1px solid #57ACF7; */
    
}

#three-columns h2 {
     padding: 0px 0px 20px 0px;
    font-size: 28px;
    color: #FFFFFF;
}

#column1 {
    float: left;
    width: 280px;
    margin-left: 50px;
    margin-top: 10px;
    text-align: left;
}

#column2 {
    float: left;
    width: 280px;
    margin-top: 10px;
    text-align: left; 
    margin-left: 60px;
}

#column3 {
    float: right;
    width: 280px;
    margin-top: 10px;
    margin-left: 40px;
    text-align: left; 
}

#content table
{
    margin-bottom: 1.5em;
    border: none;
    text-align: left;
    border:none;
    width: 650px;
    background: transparent; 
    
}
#content table th
{
    font-weight: bold;
    padding: 0.5em;
}

#content table td
{
    padding: 7px 7px 7px 7px; 
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color:black;
}
#content table td.left_m
{
    padding: 7px 7px 7px 7px; 
    border-right: solid 1px #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.5em;
    color:black;
}
#content table tr.rowH
{
    color: #fff;
    
    border-right: solid 1px #fff;
}

#content table tr.rowA
{
    background: rgb(230,243,217) top left;
    border-top: solid 1px #fff;
    color: inherit;
}

#content table tr.rowB
{
    background:rgb(246,246,246) top left;
    border-top: solid 1px #fff;
    color: inherit;
    
}


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

form#order input.calc { position:absolute; left  :28em; }  
form#order input.textbox { position:absolute; left  :16em; }
form#order input.checkbe { position:absolute; left  :15.3em; }  
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  :16em; }
form#order input.radio { position:absolute; left  :21em; } 
form#order input.burneryes { position:absolute; left  :19em; }
form#order input.burnerno { position:absolute; left  :22em; }   
   
form#order input.check { position:absolute; left  :16em; } 
form#order input.checkit { position:absolute; left  :1em; }
form#order textarea.box { position:absolute; left  :16.3em; } 
form#order textarea.comments { position:absolute; left  :6em; background :rgb(250,250,240);border: 1px solid rgb(230,230,240)} 
form#order select.state{ position:absolute; left  :16em; } 
form#order select.month{ position:absolute; left  :17em; } 
form#order select.year{ position:absolute; left  :25em; }
form#order select.tanksize{ position:absolute; left  :16em; }        

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

form#order input.textboxcard { position:absolute; left  :16em; border: 1px solid rgb(234,193,0);}
form#order select.card{ min-width: 130px;  position:absolute; left  :16em; border: 1px solid rgb(234,193,0);}            
form#order select.monthcard{ position:absolute; left  :16em; border: 1px solid rgb(234,193,0);}            
form#order select.yearcard{ position:absolute; left  :24em; 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;
}

#ccdetails {
    width:600px;
    
    background:transparent; 
    padding-left: 0px;
    display: none;
    visibility: hidden; 
    min-height: 100px;
    padding-top: 0px;
           
}
#ccdetails p {
    font-family: arial;
    font-size: 1.1em;
    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: 1em;
    font-weight: normal;
    max-width: 25px;
    color: blue;
    
}

       
#xccdetails {
    width:600px;
    background:transparent;  
    padding-left: 0px;
    display: none;
    visibility: hidden; 
    min-height: 100px;
    padding-top: 0px;
           
}

#content span {
    color:blue;
}