@charset "utf-8";
/* CSS Document */
/* fuelcat.co.uk site layout */
/* Author - Mick Froggatt - MGF.net */

.mgf #shadow {
	margin: 0 auto;
	width: 950px;
	background: transparent url('../imgs/bg-shadow.png') repeat-y scroll center;
}

.mgf #container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */	
	text-align: left; /* this overrides the text-align: center on the body element. */
	border:thin solid #000000;
}

/* BASE PAGE FORMAT STYLES */


/* SPACERS */
.mgf #topbar {
	height:25px;
	background-color:#FCCF00;
	padding-top:5px;
	padding-left:10px;
	text-align:right;
	padding-right:10px;
}
/* END SPACERS */

/* HEADER SECTION */
.mgf #header {
	height: 200px;
	background-image:url(../imgs/page-banner.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}
.mgf #navigationbar {
	width: 900px;
	height: 20px;
	background: #000000;
	border-bottom: solid 1px #000000;

}
.mgf #confadbar {
	width: 900px;
	height: 70px;
	background:#CCCCCC;
}
/* END HEADER */	

/* BODY SECTIONS */	
.mgf #bodywrap {
	background-color:#FFFFFF;
	width:900px;
	margin-top:0px;
	height:100%;
}
.mgf #bodywrap2 {
	background-color:#FFFFFF;
	width:894px;
	margin-top:0px;
	padding-left:3px;
	height:100%;
}

.mgf #leftwrap {
	background-color:#FFFFFF;
	height:1000px;
	min-height:1000px;
	width:150px;
	float:left;
	margin-left:5px;
	margin-top:15px;
	margin-bottom:15px;
}
.mgf #lefthead {
	width:150px;
	background: #FFFFFF;
	text-align:center;
}
.mgf #leftbody {
	width:150px;
	padding-top:10px;
	background: #FFFFFF;
	text-align:center;
}
.mgf #rightwrap {
	width:725px;
	float:right;
	margin-right:5px;
	margin-top:15px;
}
.mgf #righthead {
	width:725px;
	height:30px;
	background: #FFFFFF;
	border-bottom: solid 1px #587498;
}
.mgf #rightbody {
	width:725px;
	margin-top:0px;
	padding-top:10px;
}
	.mgf #fuelcatpic {
	width:725px;
	height:100px;
	}
	.mgf #maintop {
	float:left;
	width:686px;
	height:355px;
	margin-left:10px;
	border:1px solid #999999;
	padding-left:2px;
	padding-right:2px;
	margin-bottom:10px;
	}
	.mgf #mainwhatis {
	float:left;
	width:325px;
	height:520px;
	margin-left:10px;
	border:1px solid #999999;
	padding-left:2px;
	padding-right:2px;
	margin-bottom:10px;
	}
	.mgf #mainhowdoes {
	float:left;
	width:325px;
	height:520px;
	margin-left:30px;
	background-color:#FCCF00;
	border:1px solid #999999;
	padding-left:2px;
	padding-right:2px;
	}
	.mgf #mainbenefits {
	float:left;
	width:325px;
	height:320px;
	margin-left:10px;
	margin-top:25px;
	margin-bottom:25px;
	border:1px solid #999999;
	padding-left:2px;
	padding-right:2px;
	}
	.mgf #mainother {
	float:left;
	width:325px;
	height:320px;
	margin-left:30px;
	margin-top:25px;
	margin-bottom:25px;
	border:1px solid #999999;
	padding-left:2px;
	padding-right:2px;
	}
	.mgf #mainfuelsaverwarning {
	width:650px;
	height:150px;
	margin-left:25px;
	padding:5px;
	border:3px solid #FF0000;
	}
									
.mgf #indexleft {
	float:left;
	width:490px;
	text-align:justify;
}
.mgf #indexrightwrap {
		width:270px;
		height:420px;
		margin-left:10px;
		float:left;
}
	.mgf #indexrighttop {
		height: 147px;
		padding-top:42px;
		padding-left:2px;
		background-image:url(../img/scroller-bg-sm.jpg);
		background-repeat:no-repeat;
	}
	.mgf #indexrightbtm {
		height:224px;
		background-image:url(../img/tv-bg2.jpg);
		background-repeat:no-repeat;
	}
		.mgf #movie {
		height: 184px;
		width:230px;
		padding-left:16px;
		padding-top:20px
		}
.mgf #footer {
	background: #FCCF00;
	height: 44px;
	padding-top:2px;
	padding-bottom:2px;
	width:100%;
	
}
.mgf #fleft {
	height: 40px;
	padding-top:2px;
	padding-bottom:2px;
	width:900px;
	text-align:left;
	float:left;
}
/* END */


.mgf #googlemap {
	width:522px;
	margin-left:33px;
}

#bglist {
list-style-type:none;
}
#bglist li {
float: left;
width:270px;
margin-bottom:10px;
font-size:80%;
}
#bglist img {
display: block;
border: 1px solid #6d6e72;
}

/* ADMIN PAGES CSS */
.mgf #leftwrapadmin {
	background-color:#FFFFFF;
	width:100px;
	float:left;
	margin-left:5px;
	margin-top:15px;
	margin-bottom:15px;
}
.mgf #leftheadadmin {
	width:100px;
	background: #FFFFFF url(../img/vertical_fade_400h.jpg) repeat-x left top;
	text-align:center;
}
.mgf #leftbodyadmin {
	width:100px;
	padding-top:10px;
	background: #FFFFFF;
	text-align:center;
}
.mgf #rightheadadmin {
	width:775px;
	height:30px;
	background: #FFFFFF;
}
.mgf #rightbodyadmin {
	width:775px;
	margin-top:0px;
	background: #FFFFFF;
	padding-top:10px;
}

/* END ADMIN PAGES CSS */