/* CSS Document */

body {
		background-color:#CCCCCC; 
		background-image:url(../images/main_bg.gif);
		background-repeat:repeat-y;
		background-position:center bottom;
		color:#333;
		font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; 
		font-size:12px;
		line-height:18px;
		margin:0px;
		height:100%;
		}

#frame {
		margin:0 auto 0 auto;
		width:928px;
		overflow:hidden;
		padding:15px 15px 15px 15px;
		}

form {
		margin:0;
		padding:0;
		}

p {
		margin:7px 0 0 0;
		}

ul.menu {
		margin:0px;
		padding:0px;
		}

h1 {
		font: normal 18px Arial, Verdana, Tahoma, Helvetica, sans-serif; 
		color:#003366;
		text-transform:lowercase;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}
		
h2 {
		font: normal 14px Arial, Verdana, Tahoma, Helvetica, sans-serif; 
		color:#003366;
		padding: 0px 0px 0px 0px;
		margin: 10px 0px 0px 0px;
		font-weight:bold;
}
		
* html h1 {	
		padding: 0px 0 0 0px;
		}
		
h1.menu {
		font: normal 18px Arial, Verdana, Tahoma, Helvetica, sans-serif; 
		color:#FFFFFF;
		text-transform:lowercase;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}
		
h2.menu {
		font: normal 14px Arial, Verdana, Tahoma, Helvetica, sans-serif; 
		color:#FFFFFF;
		padding: 0px 0px 0px 0px;
		margin: 10px 0px 0px 0px;
		font-weight:bold;
}
		
* html h1.menu {	
		padding: 0px 0 0 0px;
		}


hr {
      color: #CCCCCC;
      background-color:#CCCCCC;
      height: 1px;
			width:100%
    }



/* Products Table
***********************************************************************/

table.table	{
			border-style: solid;
			border-color: #5AA1D4;
			border-width: 1px;
			margin:10px 0px 0px 0px;
			width:710px;
			}

tr.table	{
			background-image:url(../images/table_top.jpg);
			height: 25px;
			width:710px;
			color:#FFFFFF;
			}
			
tr.row1		{
			background-color:#eaeaea;
			}
			
tr.row2		{
			background-color:#eaeaea;
			text-align:center;
			}
			
/* New products Table (red)
***********************************************************************/

table.tablered	{
			border-style: solid;
			border-color: #AE2727;
			border-width: 1px;
			margin:10px 0px 0px 0px;
			}

tr.tablered	{
			background-image:url(../images/table_topred.jpg);
			height: 25px;
			width:710px;
			color:#FFFFFF;
			}

span.new {
		color:#CC0000;
		font-weight:bold;
}


/* New products Table - top
***********************************************************************/
table.tabletop	{
			border-style: solid;
			border-color: #AE2727;
			border-width: 1px;
			margin-left:53px;
			font-size:10px;
			}

tr.tabletop	{
			background-image:url(../images/table_topred.jpg);
			/*height:25px;*/
			width:468px;
			color:#FFFFFF;
			}

span.new {
		color:#CC0000;
		font-weight:bold;
}


/* New Wide Version products Table
***********************************************************************/

#productsboxnew {
		width:162px;
		height:190px;
		border:5px solid #CCCCCC;
		background-color:#CCCCCC;
		float:left;
		margin:10px 0px 0px 16px;
		}
		
		
table.tabletop_new	{
			width:162px;
			font-size:10px;
			}

tr.tabletop_new	{
			background-image:url(../images/table_topred.jpg);
			/*height:25px;*/
			width:162px;
			color:#FFFFFF;
			}
			
td.tabletop_new_border {
			border-bottom:1px solid #ffffff;
			}
			
tr.row1_new		{
			background-color:#eaeaea;
			}
			
td.tdpadding		{
			height:42px; /* see meta.htm include for ie height fix */
			padding:0px 3px 0px 3px;
			border-top:0px solid #ffffff;
			border-right:1px solid #ffffff;
			border-bottom:1px solid #ffffff;
			border-left:1px solid #ffffff;
			}


/* Links
***********************************************************************/

a.txt:link, a.txt:visited {
		text-decoration:none;
		color:#336699;
		font-weight:bold;
		border-bottom:1px solid #336699;
		}

a.txt:hover, a.txt:active {
		color:#000000;
		border-bottom:1px solid #000000;
		}
		
a.download:link, a.download:visited {
		text-decoration:none;
		color:#95c9ef;
		font-weight:bold;
		line-height:20px;
		border-bottom:1px solid #95c9ef;
		}

a.download:hover, a.download:active {
		color:#FFFFFF;
		border-bottom:1px solid #FFFFFF;
		}
		
span.small {
		font-size:10px;
}
		
a.small:link, a.small:visited {
		text-decoration:none;
		color:#336699;
		font-weight:bold;
		font-size:10px;
		}

a.small:hover, a.small:active {
		color:#000000;
		}
		
a.menu1:link, a.menu1:visited {
		border:0;
		text-decoration:none;
		font: normal 18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Arial, Helvetica, sans-serif;
		color:#000000;
		letter-spacing:0px;
		text-transform:lowercase;
		}

a.menu1:hover, a.menu1:active {
		color:#999999;
		}
		
a.menu2:link, a.menu2:visited {
		border:0;
		text-decoration:none;
		font: bold 18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Arial, Helvetica, sans-serif;
		color:#6699CC;
		letter-spacing:0px;
		text-transform:lowercase;
		}

a.menu2:hover, a.menu2:active {
		color:#999999;
		}
		
a.light:link, a.light:visited {
		text-decoration:none;
		color:#FFFFFF;
		font-weight:bold;
		border-bottom:1px solid #FFFFFF;
		}

a.light:hover, a.light:active {
		color:#000000;
		border-bottom:1px solid #000000;
		}
		
a.red:link, a.red:visited {
		text-decoration:none;
		color:#AE2727;
		font-weight:bold;
		border-bottom:1px solid #AE2727;
		}

a.red:hover, a.red:active {
		color:#000000;
		border-bottom:1px solid #000000;
		}

		
/*buttons
***********************************************************************/
#buttons {
		width:928px;
		height:60px;
		float:left;
		padding:0px 0px 0px 0px;
		margin:15px 0px 0px 0px;
		}
		
a.button_1:link, a.button_1:visited,
a.button_2:link, a.button_2:visited,
a.button_3:link, a.button_3:visited,
a.button_4:link, a.button_4:visited,
a.button_5:link, a.button_5:visited,
a.button_6:link, a.button_6:visited {
		float:left;
		height:60px;
		width:172px;
		margin:0px 0px 0px 0px;
		border:0;
		}

a.button_1:link, a.button_1:visited, a.button_1:hover, a.button_1:active,
a.button_2:link, a.button_2:visited, a.button_2:hover, a.button_2:active,
a.button_3:link, a.button_3:visited, a.button_3:hover, a.button_3:active,
a.button_5:link, a.button_5:visited, a.button_5:hover, a.button_5:active {
		margin:0px 17px 0px 0px;
		}
	
a.button_1:link, a.button_1:visited {
		background:url(../images/buttons/carkits.jpg) top no-repeat;
		}	

a.button_2:link, a.button_2:visited {
		background:url(../images/buttons/bikekits.jpg) top no-repeat;
		}
a.button_3:link, a.button_3:visited {
		background:url(../images/buttons/motorsport.jpg) top no-repeat;
		}
a.button_4:link, a.button_4:visited {
		background:url(../images/buttons/oem.jpg) top no-repeat;
		}
		
a.button_5:link, a.button_5:visited {
		background:url(../images/buttons/accessories.jpg) top no-repeat;
		}
		
		
a.button_6:link, a.button_6:visited {
		background:url(../images/buttons/hosecolours.jpg) top no-repeat;
		}
		
a.button_1:hover, a.button_1:active,
a.button_2:hover, a.button_2:active,
a.button_3:hover, a.button_3:active,
a.button_4:hover, a.button_4:active,
a.button_5:hover, a.button_5:active,
a.button_6:hover, a.button_6:active {
		background-position:bottom;
		}

/*top container
***********************************************************************/

#top_container {
		width:928px;
/*		height:104px;*/
		float:left;
		padding:0px 0px 0px 0px;
		}
		
#top_container_logo {
		width:219px;
		height:90px;
		float:left;
		padding:0px;
		}
		
#top_container_menu {
		width:709px;
		height:22px;
		float:left;
		text-align:right;
		padding:68px 0px 0px 0px;
		}

#top_image {
		width:730px;
		height:190px;
		border:5px solid #CCCCCC;
		float:left;
		margin:10px 0px 0px 0px;
		}



#top_table {
	float:left;
	width:521px;
	padding:0px;
}

#top_container_menu_small {
		width:709px;
		height:22px;
		float:left;
		text-align:right;
		padding:15px 0px 0px 0px;
}


#top_container_menu_oneitem {
		width:709px;
		height:22px;
		float:left;
		text-align:right;
		padding:36px 0px 0px 0px;
}

/* left container
***********************************************************************/

#left_container {
		width:739px;
		float:left;
		margin:15px 17px 0px 0px;
		}
		
#left_container_content {
		background:url(../images/content_bg.gif) repeat-y;
		width:709px;
		float:left;
		padding: 0px 15px 0px 15px;
		}
		
#left_container_top {
		background:url(../images/content_top.gif);
		width:739px;
		height:20px;
		float:left;
		}
	
#left_container_bottom {
		background:url(../images/content_bottom.gif);
		width:739px;
		height:20px;
		float:left;
		}

/* right container
***********************************************************************/

#right_container {
		width:172px;
		float:left;
		margin:0px 0px 15px 0px;
		}
		
#right_menu1 {
		width:172px;
		float:left;
		margin:15px 0px 0px 0px;
		color:#FFFFFF;
		}
		
#right_menu1_content {
		background:url(../images/menu_bg.gif) repeat-y;
		width:142px;
		float:left;
		padding: 0px 15px 0px 15px;
		}
		
#right_menu1_top {
		background:url(../images/menu_top.gif);
		width:172px;
		height:20px;
		float:left;
		}
#right_menu1_bottom {
		background:url(../images/menu_bottom.gif);
		width:172px;
		height:20px;
		float:left;
		}
		
.right_menu2 {
		width:172px;
		float:left;
		margin:15px 0px 0px 0px;
		color:#FFFFFF;
		}

.right_menu2_content {
		background:url(../images/menu2_bg.gif) repeat-y;
		width:142px;
		float:left;
		padding: 0px 15px 0px 15px;
		}
		
.right_menu2_top {
		background:url(../images/menu2_top.gif);
		width:172px;
		height:20px;
		float:left;
		}
.right_menu2_bottom {
		background:url(../images/menu2_bottom.gif);
		width:172px;
		height:20px;
		float:left;
		}

#right_menu3_content {
		background:url(../images/menu3_bg.gif) repeat-y;
		width:142px;
		float:left;
		padding: 0px 15px 0px 15px;
		color:#FFFFFF;
		overflow:hidden;
		}
		
#right_menu3_top {
		background:url(../images/menu3_top.gif);
		width:172px;
		height:20px;
		float:left;
		}
#right_menu3_bottom {
		background:url(../images/menu3_bottom.gif);
		width:172px;
		height:20px;
		float:left;
		margin-bottom:15px;
		}
		
/* bottom container
***********************************************************************/
	
#bottom_container {
		background:url(../images/bottom_bg.jpg);
		width:739px;
		height:83px;
		float:left;
		font-size:10px;
		line-height:14px;
		margin:15px 0px 0px 0px;
		}

#bottom_container_left {
		text-align:left;
		width:335px;
		float:left;
		padding:40px 0px 0px 15px;
		}
		
#bottom_container_right {
		text-align:right;
		width:185px;
		float:right;
		padding:40px 15px 0px 0px;
		}

/*News/Event
***********************************************************/
div.newsleft{
	float:left;
	width:489px;
}

div.newsright{
	float:left;
	width:200px;
	margin-left:20px;
	padding-top:10px;
}

div.news_bigimg{
	margin:0px 0px 10px 10px;
	width:190px;
}

div.news_smallimg{
	margin:0px 0px 10px 10px;
	width:90px;
	float:left;
}

.imgborder {
	border:none;
	}
	
	
.twohundred {
	min-height:180px;
  height:auto !important;
  height:180px;
}

.event {
	margin-top:15px;
}

/* Staff gallery
************************************************************/
.gallery_image {
	width:220px;
}

.gallery_text {
	width:200px;
	padding:0px 10px 10px 10px;
}

.gallery_item {
	margin:10px 20px 0px 0px;
	background-color:#cccccc;
	width:220px;
	float:left;
}

.gallery_item_right {
	margin:10px 0px 0px 0px;
	background-color:#cccccc;
	width:220px;
	float:left;
}

.gallery_image2 {
	width:390px;
	margin-right:10px;
	float:left;
}

.gallery_text2 {
	float:left;
	width:300px;
}

.gallery_item2 {
	margin-top:10px;
}

.clear {
  clear: both;
  height: 0;
}

img.gal_main {
	margin-bottom:10px;
	float:left;
}

img.gal_small_left {
	margin-bottom:10px;
	float:left;
}

img.gal_small_right {
	margin-bottom:10px;
	margin-left:10px;
	float:left;
}

ul.gal {
	padding-left:0px;
	margin-left:15px;
}


/*Gallery
***********************************************************/

	
.gallerypage_item {
	margin:20px 35px 0px 60px;
	float:left;
	width:255px;
}

.gallerypage_itemright {
	margin:20px 60px 0px 35px;
	float:left;
	width:255px;
}

.gallerypage_image {
	width:255px;
	height:155px;
}
	
.gallerypage_text {
	background-color:#CCCCCC;
	width:255px;
	margin:0px;
}

img.galleryimgleft {
	float:left;
	margin:20px 35px 0px 60px;
	border:none;
}

img.galleryimgright {
	float:left;
	margin:20px 60px 0px 35px;
	border:none;
}

p.gallerytext {
	padding:10px 10px 10px 10px;
	margin:0px 0px 0px 0px;
}


/* Staff gallery Old
************************************************************/
.gallery_image_old {
	width:250px;
	margin-right:10px;
	float:left;
}

.gallery_text_old {
	float:left;
	width:440px;
}

.gallery_item_old {
	margin-top:10px;
}

.clear_old {
  clear: both;
  height: 0;
}

img.gal_main_old {
	margin-bottom:10px;
}

img.gal_small_left_old {
	margin-bottom:10px;
	float:left;
}

img.gal_small_right_old {
	margin-bottom:10px;
	margin-left:10px;
	float:left;
}

ul.gal_old {
	padding-left:0px;
	margin-left:15px;
}



/*Event gal
***********************************************************/
img.event_gal_left {
	float:left;
	margin-bottom:10px;
}

img.event_gal {
	float:left;
	margin-left:11px;
	margin-bottom:10px;
}

div.event_gallery {
	margin-top:10px;
}

/* Motorsport parts
************************************************************/
div.l_col{
	float:left;
	width:489px;
}

div.r_col{
	float:left;
	width:200px;
	margin-left:20px;
	padding-top:10px;
}

/* Distributors
************************************************************/

div.distrib{
	width:225px;
	float:left;
	margin-right:10px;
}

/*FAQ
************************************************************/

p.question{
	font-weight:bold;
}

p.answer{
	margin-bottom:20px;
}

/*Sitemap
************************************************************/
.sitemap {
	list-style:none;
}

/* Contact
************************************************************/
input.textbox, textarea.textbox {
		width:100%
}

div.contactform {
		width:500px;
}

/*
input, textarea {
		margin:0px;
		margin:0px;
		border: 1px solid #990000;
		background-color: #fff;
		color:#333;
		width:180px;
		}
		
input.button {
		width:50px;
		}

	*/			
	

/* Hose Colour Changer
************************************************************/

.coloursframe {
width:710px;
margin:9px auto 0px auto;
}

.centerframe {
margin:0px 0px 10px 0px;
}

.centerframe2 {
}

#coloursimg {
border:1px solid #b7b7b7;
margin:0px 0px 5px 0px;
}

.colourblock {
width:52px;
height:40px;
margin:0px 0px 20px 20px;
border:1px solid #b7b7b7;
float:left;
}


	
.colourspage_item {
	margin:10px 15px 5px 0px;
	float:left;
	width:118px;
}
	
.colourspage_text {
	background-color:#CCCCCC;
	width:118px;
	margin:0px;
}

img.coloursimgleft {
	float:left;
	margin:10px 10px 0px 0px;
	border:none;
}

img.coloursimgright {
	float:left;
	margin:10px 0px 0px 0px;
	border:none;
}

p.colourstext {
	padding:10px 10px 10px 10px;
	margin:0px 0px 0px 0px;
}

p.photonote {
display:block; 
width:509px; 
background-color:#cccccc; 
margin-top:0px; 
padding:5px 0px; 
text-align:center;
}

#cert {
width:200px;
margin:0px 4px 10px 10px;
background-color:#ccc;
float:right;
border:1px solid #999;
height:313px;
}

#cert img {
margin-bottom:10px;
border-bottom:1px solid #999;
}

#cert p {
margin:0px 10px 10px 10px;
clear:both;
}