
BODY{
	BACKGROUND-COLOR: #ffffff;	MARGIN-LEFT: 0px;
	margin-right: 0px;
	MARGIN-TOP: 0px;	POSITION: absolute;	TOP: 0px;	LEFT: 0px
}TD{
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	COLOR: #333333;
	FONT-SIZE: 12px}a{	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	COLOR: #0066CC;
	FONT-SIZE: 12px}
a:hover{	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	COLOR: #0066CC;	TEXT-DECORATION: none;
	FONT-SIZE: 12px}
.topnav{
	BACKGROUND-COLOR: #FBDF0F}
.topnav A{
	COLOR: #333;
	TEXT-DECORATION: none}
.topnav A:hover
{
text-decoration: underline;
	}
	h1.blue
	{
	background: #AED7FF;
	padding: 4px;
	color: #333;
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	}
	h1.yello
	{
	background: #FFCC00;
		padding: 4px;
	color: #333;
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	}
	h1.green
	{
	background: #C5E1A8;
	padding: 4px;
	color: #333;
	font-size: 12px;
		margin: 0px 0px 5px 0px;
	}
	h1.grey
	{
	background: #CCCCCC;
	padding: 4px;
	color: #ffcc00;
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	color: #CC0000
	}
	/* coloured boxes */
	.blueintro
	{
	border: 1px solid #AED7FF;
	padding: 1px 1px 5px 1px;
	font-size: 10px;
	float: left;
	margin: 0px 35px 10px 0px;
	}
	.yellointro
	{
	border: 1px solid #FFCC00;
	padding: 1px 1px 5px 1px;
	font-size: 10px;
	float: left;
	margin: 0px 35px 10px 0px;
	}
	.greenintro
	{
	border: 1px solid #C5E1A8;
	padding: 1px 1px 5px 1px;
	float: left;
	font-size: 10px;
	margin: 0px 35px 10px 0px;
	}
	.greyintro
	{
	border: 1px solid #CCCCCC;
	padding: 1px 1px 5px 1px;
	float: right;
	font-size: 10px;
	margin: 0px 0px 10px 0px;
	}
	.ten
	{
	font-size: 11px;
	}
	.homepic
	{
	margin-right: 5px;
	}
.blackline{	
	BACKGROUND-COLOR: #666666}
.lightnav{
	BACKGROUND-COLOR: #CCCCCC;
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	COLOR: #333333;
	height: 20px;
	FONT-SIZE: 12px}			
			
.lightnav a{
	BACKGROUND-COLOR: #CCCCCC;
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	COLOR: #666666;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none}	
.lightnav a:hover{
	BACKGROUND-COLOR: #CCCCCC;
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	COLOR: #FFFFFF;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none}	
.lightnav a:hover B{
	BACKGROUND-COLOR: #CCCCCC;
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	COLOR: #0066CC;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none}	
	.order{
	BACKGROUND-COLOR: #CCCCCC;
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	COLOR: #333333;
	FONT-SIZE: 12px}	
	.selection{
	BACKGROUND-COLOR: #CCCCCC;
	FONT-FAMILY: Arial, Verdana, Helvetica;
	COLOR: #333333;
	FONT-SIZE: 12px}
.main{	FONT-SIZE: 12px;	FONT-FAMILY: Arial, Verdana, Helvetica;	COLOR: #333333}	.titles{	FONT-SIZE: 14px;	FONT-FAMILY: Arial, Verdana, Helvetica;	COLOR: #333333;
	FONT-WEIGHT: bold}
.holder
{
Padding-left: 15px;
}
.holder2
{
Padding-left: 10px;
padding-right: 10px;

}
.holder3
{
Padding-left: 0px;
padding-right: 0px;

}
#gasform {
text-align:left;
}
#address {
padding-left: 10px;
}

#yeovil{
	TOP: 8px;	LEFT: 450px;
	WIDTH: 142px;	HEIGHT: 71px;
	POSITION: absolute;	VISIBILITY: hidden;
	Z-INDEX: 1}		
#portland{
	TOP: 8px;	LEFT: 450px;
	WIDTH: 142px;	HEIGHT: 71px;
	POSITION: absolute;	VISIBILITY: hidden;
	Z-INDEX: 2}		
#wimborne{
	TOP: 8px;	LEFT: 450px;
	WIDTH: 142px;	HEIGHT: 71px;
	POSITION: absolute;	VISIBILITY: hidden;
	Z-INDEX: 3}		
#glasto{
	TOP: 8px;	LEFT: 450px;
	WIDTH: 156px;	HEIGHT: 66px;
	POSITION: absolute;	VISIBILITY: hidden;
	Z-INDEX: 4}		
#services{
	TOP: 254px;	LEFT: 36px;
	WIDTH: 38px;	HEIGHT: 25px;
	POSITION: absolute;	VISIBILITY: hidden;
	Z-INDEX: 9}	
#lubricants{
	TOP: 160px;	LEFT: 36px;
	WIDTH: 38px;	HEIGHT: 25px;
	POSITION: absolute;	VISIBILITY: hidden;
	Z-INDEX: 10}	
#delivery{
	TOP: 207px;	LEFT: 36px;
	WIDTH: 38px;	HEIGHT: 25px;
	POSITION: absolute;	VISIBILITY: hidden;
	Z-INDEX: 11}	#coal{
	TOP: 301px;	LEFT: 36px;
	WIDTH: 38px;	HEIGHT: 25px;
	POSITION: absolute;	VISIBILITY: hidden;
	Z-INDEX: 16}	#home{
	TOP: 348px;	LEFT: 36px;
	WIDTH: 38px;	HEIGHT: 25px;
	POSITION: absolute;	VISIBILITY: hidden;
	Z-INDEX: 17}
#order{
	TOP: 113px;	LEFT: 36px;
	WIDTH: 38px;	HEIGHT: 25px;
	POSITION: absolute;	VISIBILITY: hidden;
	Z-INDEX: 12}	
#jetlogo{
	TOP: 375px;	LEFT: 657px;
	WIDTH: 60px;	HEIGHT: 42px;
	POSITION: absolute;	VISIBILITY: visible;
	Z-INDEX: 13}	
#btlogo{
	TOP: 448px;	LEFT: 550px;
	WIDTH: 99px;	HEIGHT: 12px;
	POSITION: absolute;	VISIBILITY: visible;
	Z-INDEX: 14}
#stathide	{
	TOP: 453px;	LEFT: 0px;
	WIDTH: 50px;	HEIGHT: 50px;
	POSITION: absolute;	VISIBILITY: visible;
	Z-INDEX: 17	}
	.credits
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999999;
	}
	.credits a
	{
	text-decoration: none
	}
	INPUT
	{
	Width: 140px;
	height: 19px;
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	COLOR: #333333;
	FONT-SIZE: 12px;
	border: 1px solid #999999
	}
	input.enq
	{
	margin: 0 0 5px 0;
	width: 200px;
	}
	INPUT.go
	{
	Width: 90px;
	height: 19px;
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	COLOR: #333333;
	FONT-SIZE: 12px;
	border: 1px solid #999999
	}
	SELECT
	{
	Width: 140px;
	height: 19px;
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	COLOR: #333333;
	FONT-SIZE: 12px
	}
	SELECT.enq
	{
	Width: 140px;
	height: 19px;
	margin-bottom: 5px;
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	COLOR: #333333;
	FONT-SIZE: 12px
	}
	TEXTAREA
	{
	Width: 140px;
	height: 109px;
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	COLOR: #333333;
	FONT-SIZE: 12px
	}
	.classy
	{
	Width: 107px;
	height: 20px;
	background-color: #CCCCCC;
	text-align: center
	}
	.classy a
	{
	Width: 107px;
	height: 16px;
	color:#555555;
	background-color: #CCCCCC;
	text-align: center
	}
	.classy a:hover
	{
	Width: 107px;
	height: 20px;
	vertical-align:bottom;
	color:#ffffff;
	background-color: #FBDF0F;
	text-align: center
	}
	.classyon
	{
	Width: 107px;
	height: 20px;
	background-color: #FBDF0F;
	text-align: center
	}
	.classyon a
	{
	Width: 107px;
	height: 16px;
	color:#555555;
	background-color: #FBDF0F;
	text-align: center
	}
	.classyon a:hover
	{
	Width: 107px;
	height: 20px;
	vertical-align:bottom;
	color:#ffffff;
	background-color: #CCCCCC;
	text-align: center
	}