
/* UNIVERSAL STYLES
================================================================================*/

html, body{
	padding:0;
	margin:0;
	background:#fff url(../images/bg.jpg) no-repeat top center;
	font:normal 13px "Trebuchet MS";
	color:#333;
	}

/*fixing firefox outline*/

a:active{
	outline:none;
	}
	
:focus{
	outline:none;
	}
	
img, form{
	padding:0;
	margin:0;
	border:none;
	}
	
	
	
	
	
	
/* NAVIGATION STYLES
================================================================================*/

#nav_outer{
	width:880px;
	padding:0 0 9px 0;
	}
	
#nav_left{
	float:left;
	background:url(../images/nav_left.jpg) no-repeat 0 0;
	width:9px;
	height:41px;
	font-size:0;
	}
	
#nav_middle{
	float:left;
	background:url(../images/nav_bg.jpg) repeat-x 0 0;
	width:865px;
	height:41px;
	}
	
#nav_right{
	float:left;
	background:url(../images/nav_right.jpg) no-repeat 0 0;
	width:6px;
	height:41px;
	font-size:0;
	}
	
#nav_middle ul{
	padding:0;
	margin:0;
	line-height:100%;
	list-style:none;
	}
	
#nav_middle ul li{
	margin:0;
	float:left;
	}
	
#nav_middle .divider{
	float:left;
	background:url(../images/nav_divider.jpg) no-repeat 0 0;
	width:2px;
	height:41px;
	}
	
#nav_middle ul li a:link, #nav_middle ul li a:visited{
	text-decoration:none;
	font:bold 17px "Trebuchet MS";
	padding:12px 13px 0 12px;
	height:29px;
	display:inline-block;
	color:#fff;
	}
	
#nav_middle ul li a:hover{
	background:url(../images/nav_bg_hover.jpg) repeat-x 0 0;
	height:29px;
	}
	
/*highlighting current page*/	
/*

#homepage #home_b a{
	background:url(../images/nav_bg_hover.jpg) repeat-x 0 0;
	height:29px;
	}
	
#tyrespage #tyres_b a{
	background:url(../images/nav_bg_hover.jpg) repeat-x 0 0;
	height:29px;
	}
	
#brakespage #brakes_b a{
	background:url(../images/nav_bg_hover.jpg) repeat-x 0 0;
	height:29px;
	}
	
#depotspage #depots_b a{
	background:url(../images/nav_bg_hover.jpg) repeat-x 0 0;
	height:29px;
	}
*/

#nav_middle ul li.selected a{
	background:url(../images/nav_bg_hover.jpg) repeat-x 0 0;
	height:29px;
	}
	
	
	



/*TEXT STYLES
================================================================================*/

h1{
	padding:0 0 15px 0;
	margin:0;
	line-height:100%;
	font:bold 20px "Trebuchet MS";
	color:#fff;
	}
	
h2{
	padding:11px 15px 15px 0;
	margin:0;
	line-height:100%;
	font:bold 20px "Trebuchet MS";
	color:#fff;
	text-transform:uppercase;
	text-align:right;
	}

.contentbox h2{
	padding:4px 9px 0 0;
	margin:0;
	line-height:100%;
	font:bold 20px "Trebuchet MS";
	color:#fff;
	text-transform:uppercase;
	text-align:right;
	}
	
h3{
	padding:0;
	margin:0;
	line-height:100%;
	font:bold 18px "Trebuchet MS";
	color:#cb1723;
	}
	
h4{
	background:#727272 url(../images/depots_bg.jpg) repeat-y top left;
	border:1px solid #989898;
	margin:0 0 18px 0;
	padding:10px 9px 10px 9px;
	line-height:100%;
	font:bold 20px "Trebuchet MS";
	color:#fff;
	width:190px;
	text-align:center;
	}	







/* LAYOUT STYLES
================================================================================*/

#container{
	padding:16px 0 0 0;
	margin:0 auto 0 auto;
	width:923px;
	}
	
#header{
	padding:32px 0 0 730px;
	background:url(../images/header_bg.png) no-repeat 0 0;
	width:193px;
	height:86px;
	}

/*only for IE6*/	
* html #header{
	padding:32px 0 0 730px;
	background:url(../images/header_bg_ie6.png) no-repeat 0 0;
	width:193px;
	height:86px;
	}
	
#header p{
	padding:0 0 7px 0;
	margin:0;
	line-height:100%;
	text-align:center;
	}
	
#header_content{
	padding:32px 0 0 730px;
	background:url(../images/header_bg_content.png) no-repeat 0 0;
	width:193px;
	height:86px;
	}

/*only for IE6*/	
* html #header_content{
	padding:32px 0 0 730px;
	background:url(../images/header_bg_content_ie6.png) no-repeat 0 0;
	width:193px;
	height:86px;
	}
	
#header_content p{
	padding:0 0 7px 0;
	margin:0;
	line-height:100%;
	text-align:center;
	}
	
.sign{
	color:#de0e10;
	}
	
.sign a:link, .sign a:visited{
	text-decoration:underline;
	color:#de0e10;
	}
	
.sign a:hover{
	text-decoration:none;
	}
	
#bodyarea{
	background:url(../images/bodyarea_bg.png) repeat-y 0 0;
	width:880px;
	padding:0 22px 0 21px;
	}
	
/*only for IE6*/	
* html #bodyarea{
	background:url(../images/bodyarea_bg_ie6.jpg) repeat-y 0 0;
	width:880px;
	padding:0 22px 0 21px;
	}
	
#banner{
	height: 255px;
	overflow: hidden;
	text-align:center;
	padding:0 0 5px 0;
	}
	
.cleardiv{
	clear:both;
	font-size:0;
	}

#content{
	width:880px;
	background:url(../images/home_content_bg.jpg) repeat-y 0 0;
	}
	
#content_top{
	background:url(../images/home_content_top.jpg) no-repeat 0 0;
	width:880px;
	}

#content_left{
	float:left;
	width:263px;
	margin:0 7px 0 0;
	padding:21px 23px 0 21px;
	}
	
#content_left p{
	padding:0 0 10px 0;
	margin:0;
	line-height:105%;
	color:#fff;
	}
	
#content_left p a:link, #content_left p a:visited{
	color:#fff;
	text-decoration:underline;
	}
	
#content_left p a:hover{
	text-decoration:none;
	}
	
#content_right{
	float:right;
	width:566px;
	}
	
#content_right_depot{
	float:left;
	width:227px;
	background:url(../images/map.jpg) no-repeat top left;
	padding:28px 0 0 120px
	}

#content_heading{
	font:bold 20px "Trebuchet MS";
	color:#E21D1D;
	padding:0 0 26px 22px;
	}
	
.content_right_row{
	width:227px;
	padding:0 0 15px 0;
	}
	
.content_right_cell1{
	float:left;
	width:74px;
	margin:0 15px 0 0;
	text-align:right;
	font:bold 13px "Trebuchet MS";
	color:#333;
	padding:3px 0 0 0;
	}
	
.content_right_cell2{
	float:left;
	width:120px;
	}
	
.content_right_cell2 p{
	padding:3px 0 0 0;
	margin:0;
	font:normal 13px "Trebuchet MS";
	text-align:right;
	}
	
.content_right_cell2 p a:link, .content_right_cell2 p a:visited{
	color:#333;
	text-decoration:underline;
	}
	
.content_right_cell2 p a:hover{
	text-decoration:none;
	}
	
.txtbox{
	border:1px solid #999;
	width:110px;
	background:#fff;
	font:bold 11px "Trebuchet MS";
	color:#1E3153;
	height:19px;
	padding:3px 4px 0 4px;
	}
	
.listmenu{
	border:1px solid #999;
	width:120px;
	background:#fff;
	font:bold 11px "Trebuchet MS";
	color:#1E3153;
	height:24px;
	padding:2px ;
	}
		
#content_right_btn{
	float:right;
	width:218px;
	padding:15px 0 0 0;
	}
	


#content_right_btn_inside{
margin-left: 19px;
	border-left:1px dotted #e6e6e6;
	padding:0 0 0 6px;
	width:150px;
	}
	
#content_right_btn_inside p{
	padding:0 0 9px 0;
	margin:0;
	line-height:100%;
	}
	
#content_bottom{
	background:url(../images/home_content_bottom.jpg) no-repeat 0 0;
	width:880px;
	height:11px;
	font-size:0;
	}
	
#bottom_logos{
	padding:15px 0 4px 0;
	width:880px;
	}
	
#bottom_logos ul{
	padding:0;
	margin:0;
	line-height:100%;
	list-style:none;
	}
	
#bottom_logos ul li{
	padding:0;
	margin:0;
	display:inline;
	line-height:100%;
	}	
	
#footer{
	background:url(../images/footer_bg.png) no-repeat 0 0;
	width:923px;
	padding:25px 0 40px 22px;
	}
	
/*only for IE6*/	
* html #footer{
	background:url(../images/footer_bg_ie6.png) no-repeat 0 0;
	width:901px;
	padding:25px 0 40px 22px;
	}
	
#footer ul{
	padding:0;
	margin:0;
	line-height:100%;
	list-style:none;
	}
	
#footer ul li{
	padding:0;
	margin:0;
	display:inline;
	font:normal 13px "Trebuchet MS";
	color:#333;
	}
	
#footer ul li em{
	padding:0 1px 0 5px;
	font-style:normal;
	}
	
#footer ul li a:link, #footer ul li a:visited{
	text-decoration:none;
	color:#333;
	}
	
#footer ul li a:hover{
	text-decoration:underline;
	}
	
	
	
/*for inner pages*/

#content_inner{
	width:880px;
	padding:0 0 20px 0;
	}
	
#leftcol{
	float:left;
	width:175px;
	margin:0 9px 0 0;
	}
	
#leftcol_top{
	background:url(../images/leftnav_top.jpg) no-repeat 0 0;
	width:175px;
	height:11px;
	font-size:0;
	}
	
#leftcol_middle{
	background:url(../images/leftnav_bg.jpg) repeat-y 0 0;
	width:175px;
	}
	
#leftcol_middle ul{
	padding:0 0 10px 0;
	margin:0;
	line-height:100%;
	list-style:none;
	}
	
#leftcol_middle ul li{
	margin:0;
	text-align:right;
	}
	
#leftcol_middle ul li a:link, #leftcol_middle ul li a:visited{
	padding:6px 17px 6px 0;
	display:block;
	color:#fff;
	text-decoration:none;
	font:bold 14px "Trebuchet MS";
	height:18px;
	}
	
#leftcol_middle ul li a:hover{
	background:url(../images/leftnav_hover.jpg) repeat-y 0 0;
	color:#000;
	}
	
#leftcol_bottom{
	background:url(../images/leftnav_bottom.jpg) no-repeat 0 0;
	width:175px;
	height:13px;
	font-size:0;
	}
	
#rightcol{
	float:right;
	width:694px;
	}
	
#leftcol_depots{
	float:left;
	width:169px;
	}
	
.contentbox{
	background:#727272 url(../images/depots_bg.jpg) repeat-y top left;
	width:149px;
	border:1px solid #989898;
	margin:0 0 5px 0;
	padding:10px 9px 10px 9px;
	}
	
.listmenu2{
	border:none;
	width:149px;
	background:#fff;
	font:bold 14px "Trebuchet MS";
	color:#333;
	height:30px;
	padding:5px 2px 4px 2px;
	text-align:center;
	}
	
.txtbox2{
	border:none;
	width:145px;
	background:#fff;
	font:bold 14px "Trebuchet MS";
	color:#333;
	height:24px;
	padding:6px 2px 0 2px;
	text-align:center;
	}
	
#go_div{
	text-align:right;
	}
	
#rightcol_depots{
	float:right;
	width:683px;
	padding:8px 0 0 0;
	}
	
#rightcol_depots_left{
	float:left;
	width:410px;
	}
	
#depot_content{
	width:410px;
	padding:16px 0 0 0;
	}
	
.depot_address1{
	padding:0 0 10px 0;
	margin:0;
	font:bold 18px "Trebuchet MS";
	color:#333;
	}
	
.depot_tel{
	padding:0 0 10px 0;
	margin:0;
	font:bold 30px "Trebuchet MS";
	color:#333;
	}
	
.depot_normal{
	padding:0 0 14px 0;
	margin:0;
	line-height:120%;
	}
	
.depot_normal a:link, .depot_normal a:visited{
	color:#cb1723;
	font:bold 13px "Trebuchet MS";
	text-decoration:none;
	}
	
.depot_normal a:hover{
	text-decoration:underline;
	}
	
#rightcol_depots_right{
	float:right;
	width:269px;
	padding:6px 0 0 0;
	}
	
.depot_pics{
	padding:0 0 12px 0;
	width:269px;
	}
	
#leftcol_content{
	float:left;
	width:470px;
	}
	
#leftcol_content p{
	padding:0 0 15px 0;
	margin:0;
	line-height:105%;
	}
	
#leftcol_content p a:link, #leftcol_content p a:visited{
	text-decoration:underline;
	color:#333;
	}
	
#leftcol_content p a:hover{
	text-decoration:none;
	}	
	
#rightcol_content{
	float:right;
	width:318px;
	padding:2px 0 0 0;
	}

#leftcol_middle .divider{
	background:url(../images/leftnav_divider.jpg) no-repeat 0 0;
	width:175px;
	height:2px;
	font-size:0;
	line-height:100%;
	}

#footer .divider{
	display:inline;
	background: black;
	padding-left: 1px;
	margin: 0 4px 0 1px;
	}
	
#postcode-search { visibility: hidden; }

#leftcol_content form p.label { font-weight: bold; margin-bottom: 0; padding-bottom: 3px; }

div.gko_type_submit { margin: 1em 0; }

div.gko_message { margin: 1em 0; }

#leftcol_content p.message { margin-bottom: 0; padding-bottom: 3px; }

#leftcol_content span.problem { color: #c00; }

body.sitemap #content_inner ul li a { color: black !important; }

body.sitemap #content_inner ul li ul { padding-bottom: 10px; padding-top: 10px; }

div.body { margin: 1em 0 2em 0; }

body.form textarea { height: 200px; width: 400px; }

div.right-side-image { float: right; }

table td p { margin: 0 !important; padding: 0 !important; }

#header p.sign { visibility: hidden; }
