body{ font-family:Arial, Helvetica, sans-serif;  font-size: 12px; color: #000000; text-align: left; margin:0px 0 0 0; padding: 0px; background-color:#333333;
 background:url(../images/background-jet-tyres.gif) center top repeat-y; 
	background-attachment:scroll;}

img {
	border:0px;
}

a {
	text-decoration: none;
	color:#000000;
}

a:hover{text-decoration:underline;}
.a:hover{text-decoration:none;}

p, form {
	margin: 0;
	padding: 0;
	border:0px;
}

P.one {margin:0 0 5px 0;}
P.two { margin:5px 0 5px 0;}

/* Hides from IE-mac \*/
* html .floatholder {height: 1%;}
/* End hide from IE-mac */


#page_container{width: 980px;  margin:0px auto;   }
#page_bot{width: 760px;  margin:0; padding: 0; background:url(../images/bg_back.jpg); background-repeat: no-repeat; margin-left: auto; margin-right: auto; height:20px; }
#page_top{width: 980px; margin:0; padding: 0; height:123px;  }

#credits{text-align: right; width: 760px; margin-left: auto; margin-right: auto; height: 30px; line-height: 30px;} 
#credits_link{padding-right: 0px; text-decoration: none; color: #999999; font-size: 10px;}

/* FOOTER FOR REST ALL OTHER PAGES */
#page_footer{float:left; width:980px; height:60px; }
#page_footer_nav { float:left; padding:15px 0 0 0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; width:100%;}
#page_footer_nav a {color:#000000; text-decoration:none;}
#page_footer_nav a:hover {color:#000000; text-decoration:underline;}
#page_footer_copyright { float:left; width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#page_footer_copyright a { color:#000000; text-decoration:none;}
#page_footer_copyright a:hover { color:#000000; text-decoration:underline;}

/* NAVIGATION ON HOME PAGE */
#nav_bg{width:980px; height:26px;  padding: 0px; font-family:"Trebuchet MS", Arial; float: left; position:relative;  top:30px; }
#nav ul{padding: 0; margin: 0; float:left; height:38px;  }
#nav ul li{display: inline; height:38px;   background-image:url(../images/separator.jpg); background-repeat:no-repeat; background-position:right; line-height:34px; padding:10px 10px 25px 10px;  }

#nav ul li a{font-size: 14px; color: #fff;  text-decoration:none;}
#nav ul li a:hover{text-decoration: none;}
#nav ul li#part {  height:38px; line-height:34px; background-image:url(../images/yellow-nav.jpg); background-repeat:repeat-x; background-color:#FFFF00; font-size:14px; color:#000000; z-index:2; display:inline; }
#nav li#part a{font-size: 14px; color: #000000;  text-decoration:none;}
#nav li#part a:hover{text-decoration: none;}

#nav{font-weight:bold; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; height:38px;   width:980px; background-image:url(../images/nav-bar-bg.jpg); background-repeat:repeat-x; padding:0; margin:0; list-style-type:none; white-space:nowrap; }

/*NAVIGATION MENU REST OF SITE */
#mainnav{ background-image:url(../images/navbar_bg.jpg); background-repeat:no-repeat; height:30px; }
#mainnav ul{margin:0; padding:0px; font-weight:bold; position:relative; float:left; top:10px; left:20px; height:43px }
#mainnav ul li{ display:inline; padding-right:10px; padding-left:10px;}
#mainnav ul li a{font-size: 12px; color: #fff; text-decoration:none;}
#mainnav ul li a:hover{text-decoration: underline; }
.mainseparator{background-image: url(../images/separator.jpg); background-repeat: no-repeat; background-position: bottom;  padding-bottom: 10px; padding-top: 0px; }

/*Header Image */
#header { width:980px; background-image:url(../images/header.jpg); background-repeat:no-repeat; background-color:#FFFFFF; height:119px; }
#header_image {position:relative; margin-left:20px; margin-right:20px;}

/*Services and index Page */
#main_content{width: 900px; float:left;  padding:40px 0px 0 40px;   }
#garages_content{width: 960px; float:left;  padding:10px 0px 0 10px;   }


/*Side Navigation */
.nav{text-align:left; margin:0; padding:0; font-size:10px;}
.nav ul{margin:0 0 0 0px; padding:0 0 0 0px; list-style:none; }
.nav ul li{margin:0 0 0 0px; height:24px; border-top:1px solid #FFFFFF;  }
.nav ul li a{margin:0 0 0 0; text-decoration:none; color:#FFFFFF; font-weight:bold; height:24px;   }
.nav ul li a:hover{text-decoration:underline; height:24px;  }



/*Form Processing */
#formcontainer {display:block; padding:35px 0 0 0; margin:0px; width:420px;}
#configform form {padding:0px; margin:0px; border:0px;}
#configform fieldset { border:0px; margin:0 0 0 0;}
#configform form li {padding:5px 5px 2px 0px; vertical-align:middle; margin:0px; list-style:none; list-style-type:none;}
#configform form ol {margin:0px; padding:0px; list-style-type:none;}
#configform form legend {color:#666666; font-weight:bold; border:0px;}
#configform form label {display:block; line-height:1.8; vertical-align:top; width:140px; float:left; text-align:right; margin-right:10px;}
#configform form em {font-weight:bold; color:#ff0000;}
#configform form fieldset input {  height:19px; width:211px; border:1px solid #a0a0a0; padding:3px 0px 0px 3px; color:#333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; vertical-align:middle;}

/*Form Processing Registration */
#regcontainer {display:block; padding:35px 0 0 0; margin:0px; width:700px;}
#regform #form {padding:0px; margin:0px; border:0px;}
#regform #fieldset { border:0px; margin:0 0 0 0;}
#regform #fieldset li {padding:5px 5px 2px 0px; vertical-align:middle; margin:0px; list-style:none; list-style-type:none;}
#regform #fieldset ol {margin:0px; padding:0px; list-style-type:none;}
#regform #fieldset legend {color:#666666; font-weight:bold; border:0px;}
#regform #fieldset label {display:block; line-height:1.8; vertical-align:top; width:210px; float:left; text-align:right; margin-right:10px;}
#regform #fieldset em {font-weight:bold; color:#ff0000;}
#regform #fieldset input {  height:19px; width:211px; border:1px solid #a0a0a0; padding:3px 0px 0px 3px; color:#333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; vertical-align:middle;}
#regform #fieldset input.none { border:0px solid #000000; width:70px; height:22px; min-height:22px; padding:0px;   }




.cssform p{
width: 150px;
clear: left;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 105px; /*width of left column containing the label elements*/
border-top: 0px dashed gray;
height: 1%;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}

.cssform label{
font-weight: bold;
float: left;
text-align:left;
margin-left: -97px; /*width of left column*/
width: 110px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 100px;
}

.cssform select{
width: 95px;
height: 21px;

}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

h1{font-size: 14px; font-weight:bold;  }

h2
{
	font-size: 14px; font-weight:bold;  color:#18247B; margin-top:0; margin-left:0px; margin-bottom:0px; padding-top: 0; padding-bottom:0px;
}

h3
{
	font-size: 18px; font-weight:bold;  color:#F9EC2A; margin-top:0; margin-left:0px; margin-bottom:0px; padding:0 5px 0 0; float:left;
}

h4
{
	font-size: 14px; font-weight:bold;  color:#000000; margin-top:0; margin-left:0px; margin-bottom:0px; padding:0 5px 0 0; float:left;
}


form.signup


hr
{
	height:0;
	line-height:0;
	border-top:0px solid #e7e7e7;
}

.results
{
	 width:339px; 
}

.results th
{
text-align:center; background-image:url(../images/results-bg.jpg); background-repeat:repeat-x; height:25px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;   
}
.results tr
{
 border-bottom:0px solid #FFFFFF; 
}
.results td
{
text-align:center;
height:20px;
width:67px;
line-height:20px;
background-image:url(../images/price-bg.jpg);
background-repeat:repeat-x;
border-right:1px solid #FFFFFF;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;

}
.results b
{
font-size:11px;
}
.results a
{
text-decoration:none;
padding:2px;
display:inline;
font-size:11px;
font-weight:bold;
color:#000000;
}
.results a:hover
{
color:#000000;
text-decoration:underline;
}

table#conf
{
	 width:100%; 
}

#conf th
{
text-align:center; background-color:#000000; height:25px; line-height:25px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:0 2px 0 2px;   
}
#conf tr
{
 border-bottom:0px solid #FFFFFF; 
}
#conf td
{
text-align:center;
height:25px;
line-height:25px;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;

}
#conf td#left
{
text-align:center;
height:25px;
line-height:25px;
border-right:1px solid #000000;
border-left:1px solid #000000;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;

}

#conf b
{
font-size:11px;
}
#conf a
{
text-decoration:none;
padding:2px;
display:inline;
font-size:11px;
font-weight:bold;
color:#000000;
}
#conf a:hover
{
color:#000000;
text-decoration:underline;
}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
}



.style2 {
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 14px;
		 color:#FFFFFF;
		 }

.style3 {
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 18px;
		 font-weight:bold;
		 color:#FFFFFF;
		 }

.style3 a {color:#FFFFFF;}
.style3 a:hover{text-decoration:underline;}
		 
.style4 {
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 12px;
		 font-weight:bold;
		 color:#FFFFFF;
		 }
		 
.style5 {
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 12px;
		 color:#000000;
		 }
		 
.style6 {
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 10px;
		 color:#F9EC2A;
		 }
.style6 a {color:#F9EC2A;}
.style6 a:hover{text-decoration:underline;}
		 
.style7 {
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 18px;
		 color:#000000;
		 }
		 
.style8 {
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 12px;
		 color:#000000;
		 font-weight:bold;
		 }
.style8 a {
	color:#000000;
}

.style8 a:hover{text-decoration:underline;}

.style9 {
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 12px;
		 color:#ffffff;
		 font-weight:bold;
		 }
.style9 a {
	color:#ffffff;
}

.style9 a:hover{text-decoration:underline;}

.style10 {
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 12px;
		 color:#F9EC2A;
		 font-weight:bold;
		 }

.tyre-tip {
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 14px;
		 color:#000000;
		 font-weight:bold;
		 }
.tyre-tip a {
	color:#000000;
}

.tyre-tip a:hover{text-decoration:underline;}


.contact_txt {
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 12px;
		 color:#ffffff;
		 font-weight:bold;
		 }
.contact_txt a {
	color:#ffffff;
}

.contact_txt a:hover{text-decoration:underline;}

.confirm_label{float:left; width:150px; font-weight:bold;}

.spacer_1{
float:left; width:100%; height:1px;
}

.spacer_20{
float:left; width:100%; height:20px;
}

.spacer_3{
float:left; width:100%; height:3px;
}

.spacer_10{
float:left; width:100%; height:10px;
}

.spacer_15{
float:left; width:100%; height:15px;
}


.pagination {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	
}

.pagination a:link {
	color:#000000;
	
}
.pagination a:visited {
	color:#000000;
	
}
.pagination a:hover {
	color:#000000;
	text-decoration:underline;
}

/*TYRE TIPS NAVIGATION */
#tipsnav{ float:left; width:216px; padding:0 10px 0 0; }
#tipsnav ul{margin:0; padding:0px; float:left; }
#tipsnav ul li{ display:block; padding:0px; width:216px; height:25px; line-height:25px; background-image:url(../images/tyre-tips-left-nav-bg.jpg); background-repeat:no-repeat;}
#tipsnav ul li a{font-size: 12px; color: #fff; font-weight:bold; text-decoration:none; padding:0 0 0 10px;}
#tipsnav ul li a:hover{color: #F8EB2A; }

/*Blog Pages */
	
	.sidebarnav { float:left; width:140px; margin:10px;}

	.sidebarnav ul {
	margin:0px; 
	padding:0px;
	
	
	}
	
	.sidebarnav li {
	color:#ffffff;
	font-size:12px;
	list-style:none;
	}
	
	.sidebarnav li a {
	color:#ffffff;
	text-decoration:none;
	}
	
	.sidebarnav li a:hover {
	color:#ffffff;
	text-decoration:underline;
	}
	
	.sidebarnav h2 {color:#ffffff; font-size:16px; margin-bottom:5px;}
	
	.rightbar {float:right; width:216px; }
	
	/* Tag Cloud */
	.tag_cloud { color:#FFFFFF; width:196px; margin:10px;}
	.tag_cloud a{color:#FFFFFF; text-decoration:none;}
	.tag_cloud a:hover{color:#FFFFFF; text-decoration:underline;}
	/* Post Formatting */
	.post_content_wrapper { width:100%; float:left; border:1px solid #000000; margin-top:0px; }
	.post_top {float:left; width:100%; height:49px; line-height:45px; background-image:url(../images/header-bg.jpg); background-repeat:repeat-x; }
	.post_top h1 { color:#FFFFFF; font-size:16px; margin:0px 10px ; padding:0px;}
	.post_top h1 a{color:#FFFFFF; text-decoration:none;}
	.post_top h1 a:hover{ color:#FFFFFF; text-decoration:underline;}
	.post_content { float:left; color:#000000; font-size:12px; margin:10px; font-family:Arial, Helvetica, sans-serif; }
	.post_content a{color:#000000; text-decoration:none; font-weight:bold;}
	.post_content a:hover{ color:#000000; text-decoration:underline; font-weight:bold;}
	.post_content p {margin:0 0 8px 0; text-align:justify;}
	.post_content h1, h2, h3, h4 {color:#000000;}
	.post_date { float:left; width:100%; height:25px; line-height:25px; color:#FFFFFF; font-size:12px; background-color:#000000;}
	.postmetadata { float:left;  width:100%; margin-top:10px; margin-bottom:20px; font-weight:bold;}