body, table, td, tr, th, p, h1, h2, h3, h4, h5, h6, h7 {
padding: 0;
margin: 0;
font-family: "Calibri", "Verdana";
font-size: 12px;
color: #000000;
}

body {
background: #E3E3E3;
}

input, select, textarea {
font-family: "Calibri", "Verdana";
border: 1px solid #E0E5E8;
background: #F7F7F7;
}

input:hover, select:hover, textarea:hover {
font-family: "Calibri", "Verdana";
border: 1px solid #C0C4C6;
background: #F7F7F7;
}

.container {
margin: 0px auto; /* align center */
width: 685px;
border: 0px solid #FFFFFF;
}

a {
text-decoration: none;
outline: none;
color: #000000;
}

a:hover {
text-decoration: none;
color: #000000;
}

a:active {
text-decoration: underline;
color: #000000;
}

a:visited {
text-decoration: none;
color: #000000;
}

a img {
border: 0;
}

img {
border: 0px;
}

.topMessage {
font-size: 14px;
}

.header {
margin-top: -1px;
width: 685px;
overflow: hidden;
}

.header h1 {
font-size: 50px;
text-align: center;
}

.pad5 {
padding-top: 10px;
}

.contentContainer {
margin-top: -10px;
}

.contentSection {
background: #ED9042;
padding: 1px;
margin-left: 5px;
margin-right: 5px;
margin-top: 10px;
border: 1px solid #000000;
}

.contentSection p {
background: #ED9042;
color: #AB4F02;
padding: 2px;
font-family: "Verdana";
font-size: 13px;
}

.contentSection h2 {
color: #000000;
font-weight: bold;
font-size: 17px;
padding: 6px;
line-height: 20px;
}

.footerSpacer {
width: 685px;
height: 5px;
background: #B6B2B2;
margin-top: 25px;
}

.headerSpacer {
width: 685px;
height: 5px;
background: #B6B2B2;
margin-bottom: 12px;
}

.spacer {
width: 685px;
height: 5px;
background: #B6B2B2;
margin-top: 12px;
margin-bottom: 12px;
}

.bottom-box p {
color: #686666;
font-size: 10px;
}

.contentBox {
width: 325px;
height: 135px;
color: #FFFFFF;
font-size: 13px;
float: left;
margin: 6px;
}

.gem {
text-align: center;
width: 175px;
}

.price {
text-align: center;
width: 175px;
font-size: 48px;
margin-top: -8px;
}

.prices {
position: relative;
right: 8px;
top: -122px;
float: right;
font-size: 18px;
overflow: hidden;
}

#euro {
background: #37AF1B;
}

#euro h2 {
color: #FFFFFF;
font-size: 72px;
padding-left: 7px;
text-align: center;
width: 175px;
line-height: 72px;
}

#super {
background: #DBBD11;
}

#super h2 {
color: #FFFFFF;
font-size: 64px;
padding-left: 7px;
text-align: center;
width: 175px;
line-height: 72px;
}

#diesel {
background: #000000;
}

#diesel h2 {
color: #FFFFFF;
font-size: 62px;
padding-left: 7px;
text-align: center;
width: 175px;
line-height: 72px;
}

#lpg {
background: #F60C0C;
}

#lpg h2 {
color: #FFFFFF;
font-size: 72px;
padding-left: 7px;
text-align: center;
width: 175px;
line-height: 72px;
}

div.main-box {
position:relative;
text-align:left;
overflow:hidden;
width:998px;
}

div.top-box {

}

div.bottom-box {
width:685px;
}

div.center-box {
position:relative;
width:685px;
height: 445px;
left:0px;
}

div.reset-box {
position:relative;
width:100%;
left:100%;
margin-left:-203px;
} 

div.right-box {
position:relative;
width:100%;
margin-left:-203px;
}

div.content-box {
position:relative;
width:100%;
margin-left:-100%;
left:203px;
}

div.left-col {
float:left;
width:203x;
}

div.right-col {
float:right;
width:203px;
}

div.center-col {
margin-left:203px;
margin-right:203px;
}

* html div.center-col {
height:1%;
margin:0;
}

* html div.left-col {
margin-right:-3px;
}

* html div.right-col {
margin-left:-3px;
}

.clearfix:after {
content: "."; 
display: block;
height: 0px;
clear: both; 
visibility: hidden;
}

.heightfix:before {
content:'.';
display:block;
visibility:hidden;
height:0;
}