#container{
	background-color:#CCCCCC;
	margin: 1em auto 0 auto;
	width: 98%;
	width: 980px;
	text-align: left;
	background-color: #BFDFFF;
	border: 1px solid #000000;
	padding: 0;
	background-image: url(../FW_images/whiteNavBG.gif);
	background-repeat: repeat-y;
	position: relative;
}
	
#header {background: #fff; width: 100%; height: 136px; padding: 0; margin: 0; position: relative;}
#header {background: #fff url(../images/header-bg.jpg) 100% 0 no-repeat;}

#photo {position: absolute; top: 0; left: 0; width: 186px; height: 136px; z-index: 3;}
#photo a {margin: 0; padding: 0; border: 0;}
#photo a img {border: 0;}

#lawson_cars {position: absolute; top: 0; left: 186px; width: 460px; height: 112px; padding: 0; margin: 0; z-index: 2;}

	#lawson_cars h1 {position: absolute; top: 0; left: 0; color: #0060BF; margin: 0; padding: 0; border: 0;}
	#lawson_cars h1 a img {border: 0;}
	#lawson_cars h2 {position: absolute; top: 82px; left: 0; color: #0060BF; margin: 0; padding: 0; border: 0;}

	#carLogos {position: absolute; top: 0; right: 2px; width: 112px; height: 112px; margin: 0; padding: 0; background: url('../images/logo_box.gif') 0 0 no-repeat;}
	#carLogos img {margin: 0; padding: 0;}

	#SeatCarsLogo 		{position: absolute; top: 4px; left: 4px;}
	#AudiCarsLogo 		{position: absolute; top: 4px; right: 4px;}
	#VolkswagenCarsLogo {position: absolute; bottom: 4px; left: 4px;}
	#SkodaCarsLogo 		{position: absolute; bottom: 4px; right: 4px;}

#navigation {position: absolute; top: 112px; left: 0; margin: 0; padding: 0; width: 100%; background: #fff url('../images/menu_bg.gif') 0 0 repeat-x; z-index: 1;}
#nav {margin-left: 186px; overflow: auto; line-height: 24px;}
#nav a {padding: 2px 0;}

#columns {width: 980px;}
#col1{
	width: 174px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	float: left;
	z-index: -20;
	border: 0px none #CC6600;
/*	height: 100%;*/
	clear: none;
}

#col2{
/*	float: left;*/
	margin-left: 6px;
	margin-left: 180px;
	padding: 2px 3px 4px 5px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	border: 0px none #CC6600;
	vertical-align: top;
	display: block;
	clear: none;
}

#footer {margin: 2px auto; width: 98%; clear: both;}

#footLinks {margin: 1em; padding: .25em;}
#footLinks a {color: #036; text-decoration: none; border: 0;}
#footLinks a:hover {text-decoration: underline;}

#sectionLinks{
	margin: 15px 0px 0px;
	padding: 0px;
	border: 0px none #CCCC00;
	width: 170px;
	clear: none;
	text-align: left !important;
}

#address{
	margin: 15px 0px 0px;
	padding: 0px;
	border: 0px none #CCCC00;
	width: 170px;
	clear: none;
}

#photoContainer{
	background-color:#CCCCCC;
	margin: 1em auto;
	width: 90%;
	text-align: center;
	background-color: #BFDFFF;
	border: 1px solid #000000;
	padding: 0px;
	
	
}
.spacer { clear: both; }

.hidden {display: none; visibility: hidden; speak: none;}

#subnav {
	position: relative;
	top: -10px;
	right: -20px;
	margin: 0px 0px 10px 20px;
	padding: 0px 0px 20px 10px;
	width: 185px;
	font-size: 11px;
	line-height: 11px;
	display:inline;
	border: 0px solid #000000;
	clear:none;
	float: right;	
	
}

.motWidget {float: right; margin-left: 15px; width: 235px !important; padding-bottom: 32px; background: url(http://www.motmiddlesbrough.co.uk/images/station_images/116/lawson-bgrep.jpg) 0 0 repeat-y; text-align: right;}
.motWidgetText 	{float: right; width: 210px; padding-top: 10px; font-size: 90%; text-align: center;}
.nextslotWidget {float: right; clear: both;}

/*  Float containers fix: */ 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix{display: inline-block;} 
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;} 
.clearfix{display: block;}
/* End hide from IE-mac */