@charset "utf-8";


/* Generic */

body{background: #FFF url(../_images/bckgrd.jpg) center top no-repeat; margin: 0 auto; text-align:center; padding: 0px; font-family: Arial, sans-serif; font-size: 14px; color: #000; line-height:24px;}

	

	h1{font-size: 16px; font-weight: bold; color: #000000; padding: 0px; margin:0 0 15px 0px; line-height: 16px;}
	h2 {font-size: 15px; font-weight: bold; color: #000000; margin:10px 0 15px 0; line-height: 17px;}
	h3{font-size: 28px; color: #d32d2d;}

	small { font-size:11px;}
	ol  { margin:0 0 15px 25px; list-style-type:decimal; float:none; clear:both;}
	ol li { padding:0 0 15px 0;}
	
	
	a {color:#0066b6;text-decoration:underline;}
	a:hover {color:#000; text-decoration:none;}
	
	.largefont { font-size:1.4em;}
	.largefont  a { text-decoration:none;}
	
	table  {border-right:solid 1px #fff; border-bottom:solid 1px #fff; margin:0 0 20px 0;}
	table tr td { border-left:solid 1px #fff; border-top:solid 1px #fff; padding:4px; background:url(../_images/tablebak.jpg);}
		.tableright { text-align:right;}
		.tablecenter { text-align:center;}
		.tablebold { font-weight:bold; line-height:16px;}
			.tablebold td { vertical-align:middle;}
		.tablebackground { background:#eeeeee; font-weight:bold; color:red;}
	
	p { padding:0 0 20px 0; width:100%; float:left;}
	.nopadding { padding:0px 0 10px 0; margin:0px;}
	
	strong { font-weight:bold;}

	.leadingpara{ font-weight:bold;}
	.largertext { font-size:16px; font-weight:bold; margin:0 0 16px 0;}
	
	.blueandbold{font-weight: bold; color: #2d4d36;}						
	.blue{color: #2d4d36;}
	
	.red { color:#ee1c37; width:100%; clear:both; padding:20px 0 0px 0; display:block; height:40px;}
	
	.topbanner { position:absolute; float:left; margin:8px 0 0 235px;  top:0;}
	
	.cleaner{clear: both;}
	
	.redphone {background:#ee1c37; color:#FFF; width:96%; clear:both; padding:2%; display:block; margin-bottom:20px;}
	.redphone strong { font-size:2em; width:100%; clear:both; float:left;}
		
	.redphoneno {font-size:1.6em; width:100%; clear:both; float:left; color:#ee1c37;}
	
	
	a.white { color:#FFF; text-decoration:none; font-weight:bold;}
	a.white:hover { color:#ccc; text-decoration:none;}
	
	#nationalagreements { text-decoration:none;}


	#smallfont { font-size:10px; letter-spacing:0px;}

/* Layout */
	
		#emergencydelivery { position:absolute; top:0px; margin:0 0 0 490px;}
	
		.innercontainer {height: auto; width: 773px; margin:0 auto; text-align:left;}
	
			#topbar{width: 773px; float:left; height:100px;}			
			#topNavigation {height:20px; width: 773px; margin:10px 0 30px 12px; float:left; color:#FFF; font-size:18px; font-weight:bold;}
				#topNavigation ul { width:588px; float:left;} 
				#topNavigation li {float:left; padding:0 40px 0 0;}		
				#topNavigation li a {text-decoration:none; color:#FFF; font-size:13px; font-weight:bold;}	
				#topNavigation li a:hover { color:#000;}	
				
			#leftside {float:left; height:auto; width: 141px; margin:0 0 0 8px; position: relative; padding:0 0 231px;}
			
			
		#footercontainer{background: url(../_images/footerbckgrd.jpg) no-repeat center top; height: 270px; width:100%; float:left; font-size:11px; line-height:14px;}
			#footer { height: auto; width: 773px; margin:0 auto; text-align:left; padding:60px 0 0 0;}
	
		#leftnavbckgrd{display: block; height: 370px; width: 140px; margin-left: 0px; padding-left: 10px;}
		
		
		
		#midsection{width: 416px; height: auto; min-height:620px; float: left; margin-left: 20px;}
			#midsection img { border:0px;}
			#midsection ul { margin:0 0 15px 25px; list-style-type:disc; float:none; clear:both;}
			
			
#extralinks{
	width: 137px;
	height: 22px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}			
			
			
#ul2columns ul { float:left; width:180px; clear:right;}			
			
		#rightside{width: 153px; float: left; margin-left: 14px; position: relative; clear:right;}



/* Top Nav */



	
	#topNavigation-inner {width:770px; text-align:left; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;}	
	#topNavigation-inner a {color:#fff; text-decoration:none; margin-top:2px; margin-left:10px; margin-right:15px; font-size:13px; font-weight: bold;}	
	#topNavigation-inner a:hover {color:#000;}
	
	#menubox{padding-top: 0px;}



/* Specific to Pages */

		/*  Front */
	
		#frontimages { width:100%; clear:both; float:left;}
		#frontimages img { float:left; width:208px; height:135px;}
		
		#frontimages_bottom { width:100%; clear:both; float:left; margin:0 0 15px 0;}
		#frontimages_bottom img { float:left; clear:right;}		
		

	div#call-back {width:138px;margin-bottom:10px; padding:8px; line-height:14px; height:autopx; text-align:left; background-color: #eaf4ff; background-repeat: no-repeat; font-size:11px;}
	div#call-back2 {width:154px; margin-bottom:10px; height:autopx; text-align:left; background-repeat: no-repeat;}
	#call-backinner{margin-right: auto; margin-left: auto; width: 137px; margin-left: auto; margin-right: auto; padding-top: 5px;}
	#call-backinner2{margin-right: auto; margin-left: auto; width: 137px; margin-left: auto; margin-right: auto; padding-top: 0px;}
	*+html #call-backinner{padding-top: 15px;}
	*+html #call-backinner2{padding-top: 15px;}
	*html #call-backinner{padding-top: 15px;}
	div#call-back #call-backinner p {line-height: 10px; padding-top: -5px; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 3px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px;}

.mainlogo { position:absolute; top:0; left:50%; margin:20px 0 0 -390px;}


/* form */

	.form {width:135px; border: 1px solid #ccc; background:#fff!important; margin-top: 2px; margin-right: 0; margin-bottom: 0; margin-left: 0px;}

	.button {width:137px; border: 1px solid #ccc; color:#000; padding:1px; margin-top: 10px; margin-right: 0; margin-bottom: 0; margin-left: 0px; background-color: #dcdcdc; background-image: url(../_images/but_gradient.jpg); background-repeat: repeat-x;}
		.button:hover {background-image: url(../_images/but_gradient_hover.jpg);}

	div#strapline {float:left; padding-left:170px; padding-bottom:6px; clear:both; width:520px;}
	
	div#address {float:left; padding-left:170px;}
		div#address span{ color:#d41e1b; text-transform:uppercase; font-weight:bold;}
	
	.links {float:left; margin-left:26px; padding-left:1px;	}
		.links span{color:#d41e1b; text-transform:uppercase; font-weight:bold;}
		.links a {color:#000; text-decoration:none;}
		.links a:hover {color:#0066b6; text-decoration:underline;}
	
	#beatenbox{display: block; height: 221px; width: 153px; position: absolute; left: 6px; top: 370px;}
	
	#extralinks{width: 137px; height: 22px; margin-right: auto; margin-left: auto; margin-top: 50px;}
	
	
	#prev a{float: left; background-image: url(../_images/prev.jpg); height: 22px; width: 66px;}
		#prev a:hover{background-image: url(../_images/prev_hover.jpg);}
		#next a{float: right; float: left; background-image: url(../_images/next.jpg); height: 22px; width: 71px;}
		#next a:hover{background-image: url(../_images/next_hover.jpg);}
	
	#extralinkstransport{width: 235px; height: 22px; margin-right: auto; margin-left: auto; margin-top: 10px;}
	
	#adblue a{float: left; background-image: url(../_images/adblue.jpg); height: 22px; width: 115px;}
		#adblue a:hover{background-image: url(../_images/adblue_hover.jpg);}
	
	#lubricants a{float: right; float: left; background-image: url(../_images/lubricants.jpg); height: 22px; width: 120px;}
		#lubricants a:hover{background-image: url(../_images/lubricants_hover.jpg);}
	 
	.midtitle{font-size: 14px; font-weight: bold;}
	
	#support_logos{background-image: url(../_images/support_logo.jpg); display: block; height: 62px; width: 243px; margin-top: 20px;}
	
	#googlemap{height: 300px; width: 400px; border: 1px solid #000000; margin-top: 20px;}
	
	#londonbarrels{float: left; height: 119px; width: 304px;}




/* Counter */

#counterwrap {width:153px; height:232px; text-align:center; margin:20px 0 20px 0; float:left; z-index:5; background:#fff;}
#counterwrap object { z-index:1;}
#counter { font-family:Arial, Helvetica, sans-serif; font-weight:bolder; color:#00a8e3; font-size:10px;  z-index:10; text-align:center; padding:2px; margin:90px 0 0 50px; position:absolute;}



/* press release */

#pressarticles ul { border-top:1px solid #000;  border-bottom:1px solid #000; float:left; width:100%; padding-bottom:10px; padding-top:10px; margin:0px; list-style:none;}
#pressarticles ul li { width:46%; float:left; padding:5px 2% 5px 2%;}


#pressrelease ul { float:left; width:406px; padding:0px; padding-bottom:10px; border-top:1px solid #000;  border-bottom:1px solid #000; padding-top:10px; list-style:none; margin:0px;}

#pressrelease ul li { width:100%; float:left; padding:5px 0 10px 0px}
#pressrelease span { display:block; background:#c33c43; margin:0 5px 0 0; padding:0px 2px 0px 2px; color:#FFF; width:auto; float:left;}

#strapline { display: none }
#footer_strapline { display: none }