body {
	  background: url(images/bg-body.png) repeat-x top;
	  color: #666666;
	  font-family: Arial,Verdana,sans-serif;
	  font-size: 13px;
	  font-style: normal;
	  font-weight: normal;
	 
	}
	
	a {
	  color: #2a6bc5;
	  text-decoration: none;
	}
	
	a:hover {
	   color: #2a6bc5;
	   text-decoration: none;
	}
	
	
	#content a:hover {
	   text-decoration: underline ;
	}
	/* common codes */
	
	.left  { float: left;}
	.right { float: right;}
	.clear { clear: both;}
	.hide { 
		margin: 0;
		padding: 0;
	}
	
	small {
	  font-size: 11px;
	}
	
	.red {
	  color: #f32d13;
	}
	
 /*  Reset */
	
	html, body, div, ul, ol, li, h1, h2, h3, h4, p, form, table, td, iframe {
	  margin: 0;
	  padding: 0;
	}
	
	h1, h2, h3, h4 {
	  font-style: normal;
	  font-weight: bold;
	  padding-bottom: 18px;
	  font-family: Helvetica, Geneva, Arial, sans-serif;
	}
	
	h1 {
	  font-size: 18px;
	  color: #f9a109;
	  text-transform: inherit;
	  padding-bottom: 21px;
	}
	
	h2 {
	  font-size: 16px;
	  color: #159ad8;
	  text-transform: inherit;
	  padding-top: 18px;
	}
	
	h3 {
	  font-size: 14px;
	  color: #666666;
	  text-transform: uppercase;
	  padding-top: 18px;
	}
	
	p {
	  line-height: 18px;
	  padding-bottom: 18px;
	  text-align: justify;
	}
	
	.margin-l20 { margin-left: 20px;}
	.margin-t20 { margin-top: 20px;}
	.margin-b20 { margin-bottom: 20px;}
	.margin-b40 { margin-bottom: 40px;}
	.margin-b10 { margin-bottom: 10px;}
	h2.nopadding-b { padding-bottom: 0;}
	h2.nopadding-t { padding-top: 0;}
	p.pading-b { padding-bottom: 10px;}
    .padding-l { padding-left: 10px; }
    .padding-r { padding-right: 10px;}
	 .padding-r20 { padding-right: 20px;}
	
	 /*  reset ul or ol */
	#nav, #subnav, #footer-nav, #inside-links, #external-links, .gas-price ul,  #benefits, #bullets, #global-ul, .definations ul  {
	  list-style-image: none;
	  list-style-position: outside;
	  list-style-type: none;
	}
	
	ul, ol {
	   list-style-position: inside;
	}
	
	.article ul li a:hover {
	  text-decoration: underline;
	}
	
	#content ul li, ol li {
	  padding-bottom: 5px;
	   
	}
	
	img {
	  border: 0 none;
	}
	
	#wrapper {
	  width: 960px;
	  margin: 0 auto;
	}
	
	#header {
	  width: 960px;
	} 
	
	#header-global{
	  width: 960px;
	  height: 150px;
	  margin-bottom: 20px;
	  background: url(images/bg-header-global.jpg) repeat-x bottom;
	} 
	
	#nav {
	  float: right;
	  height: 27px;
	  margin-top: 7px;
	}
	
	#nav li {
	  background: url(images/navcurve-left.png) no-repeat left;
	  padding-left: 12px;
	  height: 20px; 
	  float: left;
	  margin-right: 10px;
	}
	
	#nav li a { 
	  display: block;
	  color: #536060;
	  background: url(images/navcurve-right.png) no-repeat right;
	  padding-right: 12px;  
	  height: 20px;
	  line-height: 20px;
	  text-align: center;
	}
	
	#nav li a:hover {
	  color: #ed9a0a;
	}
	
	#nav li.nomargin, #subnav li.nomargin {
	  margin-right: 0;
	}
	
	#subnav {
	  float: right;
	  margin-top: 22px;	  
	}
	#subnav li {
	  float: left;
	  margin-right: 12px;
	}
	
	#subnav li a {
	  display: block;
	  height: 47px;
	  width: 162px;
	  background: url(images/sprite.png) no-repeat;
	  text-indent: -9999px;
	  overflow: hidden;
	}
	
	#subnav li.conversion a  {
	  background-position: -7px -4px;
	}
	
	#subnav li.conversion a:hover, #subnav li.conversion-active a {
	  background-position: -7px -51px;
	}
	#subnav li.autotechnik a  {
	  background-position: -180px -4px;
	}
	
	#subnav li.autotechnik a:hover, #subnav li.autotechnik-active a {
	  background-position: -180px -51px;
	}
	#subnav li.solutions a  {
	  background-position: -353px -4px;
	}
	
	#subnav li.solutions  a:hover, #subnav li.solutions-active a {
	  background-position: -353px -51px;
	}
	
	#sidebar-right {
	  width: 250px;
	  float: left;
	  margin-right: 30px;
	}
	#main-content {
	  width: 400px;
	  float: left;
	  margin-right: 30px;
	}
	
	#content { /*content area for subpages*/
	  width: 670px;
	  float: left;
	  margin-right: 40px;
	}
	
	#news-content { /*content area for newspage*/
	  width: 440px;
	  float: left;
	  margin-right: 40px;
	}
	
	.boxes a {
	   width: 400px;
	   height: 100px;
	   text-indent: -9999px;
	   margin-bottom: 10px;
	   display: block;
	   overflow: hidden;
	}
	#safe {
	  background: url(images/safe-technology.jpg) no-repeat;
	}
	#save {
	  background: url(images/save-costs.jpg) no-repeat;		  
	}
	#clean {
	  background: url(images/clean.jpg) no-repeat;
	  margin-bottom:
	}
	#sidebar-left {
	  width: 250px;
	  float: left;
	}
	
	#inside-links, #external-links  {
	  margin-bottom: 20px;
	}
	
	#inside-links li a {
	  background: url(images/links.png) no-repeat;
	  background-position: 0 0;
	  height: 27px;
	  width: 250px;
	  font-size: 12px;
	  line-height: 27px;
	  margin: 4px 0;
	  display: block;
	  text-indent: 15px;
	  color: #246e79;
	}
	#inside-links li a:hover {
	  color: #FFFFFF;
	  background-position: 0 -27px;
	}
	
	#inside-links li.active a {
	   color: #888888;
	   background-position: 0 -54px;
	}
	
	#external-links li a {
	  font: bold 14px Helvetica, Verdana, Arial, sans-serif;
	  text-transform: uppercase;
	  color: #2c5fa6;
	  border-bottom: 3px #c8c6c6 solid; 
	  padding: 8px 0;
	  display: block;
	}
	#external-links li a:hover {
	  color: #898a8d;
	}
	#external-links li.contact a {
	  color: #fa5106;
	  width: 250px;
	}
	
	.calculator a {
	  background: url(images/sprite.png) no-repeat -7px -123px;
	  height: 107px;
	  width: 250px;
	  text-indent: -9999px;
	  overflow: hidden;
	  display: block;
	}
	.map a {
	  background: url(images/sprite.png) no-repeat -7px -263px;
	  height: 212px;
	  width: 250px;
	  text-indent: -9999px;
	  overflow: hidden;
	  display: block;
	}
	
	#footer {
	  border-top: 1px #d5d8d8 solid;
	  margin-top: 20px;
	  padding: 20px 0;
	}
	
	 #footer-nav {
	   float: right;
	 }
	
	 #footer-nav li {
	  display: inline;
	  border-right: 1px #888888 solid;
	  padding: 0 10px;
	}
	 #footer-nav li a {
	   color: #777777;	 
	}
	
	#footer-nav li a:hover {
	  color: #2a6bc5;
	}
	
	 #footer-nav li.noborder {
	   border-right: none;
	   padding-right: 0;
	 }
 /* About CNG pages */
    .gas-price, .definations {
	  background-color: #ffffff;
	  padding: 10px;
	  width: 320px;
	  margin: 20px 0;
	}
	.definations {
	  width: 500px;
	}
	 .gas-price ul, .definations ul {
	   float: left;
	   width: 150px;
	   font-weight: bold;
	 }
	 .definations ul {
	   width: 230px;
	 }
	 .gas-price li, .definations li {
	   padding: 5px 0;
	 }
	 
	 .source a {
	   font-size: 14px;
	   text-transform: uppercase;
	   font-weight: bold;
	 }
	 .source a:hover {
	   text-decoration: underline;
	 }
	 
	 #content p i {
	   font-style: normal;
	   background-color: #00579d;
	   color: #FFFFFF;
	   font-weight: bold;
	   padding:2px 5px;
	 }
	 
	 #top-intro {
	   border-bottom: 2px #cdc9c9 solid;
	   border-top: 2px #cdc9c9 solid;
	   padding: 10px 0;
	   font: normal 14px Georgia, "Times New Roman", Times, serif;
	   font-style: italic;
	   text-align: justify;
	   color: #888888;	  
	   margin-bottom: 20px;
	 }
	 #benefits, #bullets {
	   margin-top: 10px;
	 }
	 
	 #benefits li, #bullets li {
	   background: url(images/bullets-circle.png) no-repeat left center;
	   padding: 4px 25px;
	   font-size: 13px;
	   color: #666666;
	 }
	 #bullets li {
		color: #06C;
		font-size: 14px;
		font-weight: bold;
	 }
     
	 #content table {
	   /*width: 610px; wtf is this table with fixed width?! */
	   margin: 5px 0 20px 0 ;
	 }
	 
	 #content table td {
	   /*background-color: #ece8e8;*/
	   height: 28px;
	   /*width: 305px;
	   vertical-align: middle;
	   padding-left: 20px;*/
	   border-bottom: 2px #FFFFFF solid;
	 }
	 .footer-quote, .footer-quote a {
	   font-size: 16px;
	   font-weight: bold;
	   text-align: center;
	 }
	 .footer-quote {
	    border-bottom: 1px #d5d8d8 solid;
		padding-bottom: 20px;
		margin-bottom: 20px;
	 }
	 
	 .footer-quote a:hover {
	    text-decoration: underline;
	 }
	 
	 #five-stations {
	   list-style-position: inside;
	 }
	  #five-stations li {
	    font-size: 14px;
		font-weight: bold;
		padding-bottom: 5px;
	  } 
	  
	   /* NEWS page */
	   
	   #sidebar-right-news {
	     width: 190px;
		 margin-right: 40px;
		 float: left;
	   }
	   
	   .article {
		 padding: 10px;
	   }
	   
	   .article p {
	     padding-bottom: 8px;
	   }
	   
	   #news-content h2 {
	     padding-bottom: 8px;
	   }
	   
	    #news-content a:hover {
		  text-decoration: underline;
		}  
		
	 /* CNG Conversion page */
	 
	  #global-ul {
	     margin-bottom: 20px;
	  }
	  #global-ul li {
	    background: url(images/bg-check.jpg) no-repeat left center;
		height: 34px;
		line-height: 34px;
		font-size: 15px;
		font-weight: bold;
		padding-left: 32px;		
	  }
	  
	  #content table td.short {
	    width: 145px;
	  }
	  
	   #content table td.long {
	     width: 465px;
	   }
	   .contact {
	     width: 310px;
	   }
	   
	   #content .contact table {
	      width: 310px;
		  margin-top: 20px;
	   }
	   
	    #content .contact table td.short, #content .contact table td.long{
	      width:70px;
		  background-color: #ffffff;
          border-bottom: none;
		  height: auto;        
          padding: 0;
          vertical-align: top;
		  text-align: right;
		  font-size: 11px;
		  color: #888888;
		  text-transform: uppercase;
	   }
	   
	     #content .contact table td.long {
	      width:220px;
		  text-align: left;
		  padding-left: 20px;
		  padding-bottom: 15px;
		  font-size: 12px;
		  color: #666666;
		  text-transform: none;
		  font-weight: bold;
	    }
		
		.border {
		   border-bottom: 2px #cdc9c9 solid;
	       border-top: 2px #cdc9c9 solid;
		   padding: 10px;
		   margin: 20px 0;
		   color: #666666;
		}
	  .yellow-bg {
	    padding: 10px;
		background-color: #f0e583;
		color: #000000;
		margin-bottom: 20px;
	  }   
	  .note-icon {
	    background:url(images/icon-note.png) no-repeat left;
		text-indent: 15px;
		font-size: 12px;
	  }	
	  .products-l, .products-r  {
	    float: left;
		padding-right: 10px;
	  }
	  .products-r {
	    float: right;
	    padding-left: 10px;
	  }
	  
	  .border-b {
	    border-bottom: 1px #cdc9c9 solid;
	  }
	   .border-b-p {
	    border-bottom: 1px #cdc9c9 solid;
		padding-bottom: 20px;
	  }
	  
	  .border-b2 {
	    border-bottom: 1px #cdc9c9 solid;
		margin-bottom: 20px;
		padding-bottom: 20px;
	  }
	  .border-none {
	    border-bottom: none;
	  }
	  
	  #xstore table.xstore {
	    width: 670px;
	  }
	  
	  #xstore table td.col2 {
	    width: 140px;
		height: 20px;
	  }
	   #xstore table td.col3 {
	    width: 160px;
		height: 20px;
	  }
	  
	  .con-pricelist a {
	    background: url(images/conversion-pricelist.png) no-repeat 0 0;
		width: 670px;
		height: 47px;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		margin-top: 20px;
		
		
	  }
	  
	  .con-pricelist a:hover {
	    background: url(images/conversion-pricelist.png) no-repeat 0 -47px;
	  }
	  
	   /* Filling-stations page */
	   
	   #content-stations {
	     width: 960px;
	   }
	   
	   #content-stations .stations {
	     width: 310px;
		 margin-right: 20px;
		 float: left;
	   }
	   
	   /*Accordion*/
	   
	   .arrowlistmenu{
		width: 670px; /*width of accordion menu*/
		}
		
		.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
		font: bold 14px Arial;
		height: 30px;
		color: #3d84a5;
		background: url(images/close.png) no-repeat;
		margin-bottom: 10px; /*bottom spacing between header and rest of content*/
		padding: 0 0 0 10px; /*header text is indented 10px*/
		line-height: 30px;
		cursor: hand;
		cursor: pointer;
		}
		
		.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
		background: url(images/open.jpg) no-repeat; 
		}
		
		/*Tooltips for the Station Locator*/
		
  	  #easyTooltip{
		padding:5px 10px;
		border:1px solid #195fa4;
		background:#195fa4 url(images/bg.gif) repeat-x;
		color:#ffffff;
		}
		
		#content #pc_table,
		#content #cse_menu,
		#content #cse_content {
width: 670px;
}


#content #pc_table td {
background-color: #FFFFFF;
vertical-align: top;
}

#content #pc_table #pc_var {
padding: 0;
width: 400px;
}

#pc_dl,
#pc_table dt, 
#pc_table dd {
margin: 0;
}

.pc_whoa {
font-size: large;
}

.notes {
  font-style: italic;
  font-size: 90%;
}

.odd {
  background-color: #ECECEC;
}

.even {
}