/* CSS Document */
/* ---------------CONTENT FORMATING---------------------- */
body {
	background-color:  #666666;
	background-image:url(images/main_bg4.gif);
	background-repeat:repeat;
	background-position:top;
	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	height:100%;
	min-height:100%;
	overflow:visible;
	min-width:815px;
	/* border:1px solid #ffffff; */
}
*html body {
	width:100%;
}
html,body {
	height: 100%;
	/*border:1px solid #663333;*/
}

h1 {
	font-size:12px;
	font-weight:bold;
}
*html h1 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
h2 {
	color:#FFFFFF;
	font-size:12px;
}
hr {
  height: 1px;
  color: #CCCCCC;
  background-color:  #CCCCCC;
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 0px;
}

li.bullet {
	margin-left:13px!important;
	margin-left:0px;
   } 

*html hr {
	padding:0px 0px 0px 0px;
	margin:0px 0px 4px 0px;
}

a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color:#CC0000;
}
p {
	line-height:12px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
*html p {
	line-height:12px;
	margin:7px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}
.formclass {
	display:inline;
}
/* ---------------CONTENT FRAME---------------------- */
#frame {
	width:700px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
	/* border:1px solid #663333; */
	height:100%;
	padding:0px 0px 0px 0px;

	/* border-left:1px solid #cccccc; */
    border-right:1px solid #cccccc;
	overflow:visible;
}

/* ---------------TOP IMAGE---------------------- */
#image_top {
	width:700px;
	height:200px;
	overflow:hidden;
	border-bottom:1px solid #cccccc;
}

/* ---------------NAV CONTENT---------------------- */
#menu_convey { position:relative; z-index:100; }

#nav_container {
	/* background-color:#666666; */
	position:absolute;
	float:left;
	top:212px;
	margin:0px 0px 0px 12px;
	/* border-bottom:3px solid #cccccc; */
	height:18px;
	 z-index:100;
}
*html #nav_container {
	height:15px;
}

#logo_tab {
	position:absolute;
	float:right;
	margin:0px 0px 0px 701px;
	width:56px;
	height:282px;
}
*html #logo_tab {
	width:56px;
	height:282px;
}

/* ---------------MAIN CONTENT---------------------- */
#main_content_container {
	background-image:url(images/contentbg.gif) no-repeat top;
	background-color:#999999;
	height:60%;
	float:right;
	width:698px;
	margin:0px 0px 0px 0px;
	padding:0px;
	/* border:1px solid #000000;  */
}

/* ---------------MAIN CONTENT LEFT---------------------- */
#main_content_left {
	/* float:left; */
	width:455px;
	/* height:100%; */
	border:1px solid #cccccc;
	padding:20px 10px 10px 10px;
	overflow:hidden;
}
*html #main_content_left {
	width:455px;
	padding:25px 10px 10px 10px;
	margin:10px 0px 0px 5px;
}

#main_content_left img {
	border:1px solid #cccccc;
	margin:0px 5px 0px 6px;
	padding:5px 5px 5px 5px;
}
#main_content_left img.shim {
	border:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#main_content_left_noborder {
	float:left;
	width:455px;
 	overflow:visible;
/*	border:1px solid #ffffff; */
	padding:5px 0px 10px 10px;
	margin:5px 10px 0px 0px;
}
*html #main_content_left_noborder {
	width:455px;
	padding:0px 10px 10px 5px;
	margin:0px 0px 0px 0px;
/*	border:1px solid #ffffff; */
}
#main_content_address {
	float:right;
	padding:0px 10px 0px 0px;
}
#main_content_friend {
	text-align:left;
	padding:0px 0px 0px 0px;
	width:320px;
}
#main_content_alignment img{
	border:1px solid #cccccc;
	margin:0px 2px 0px 5px;
	padding:5px 5px 5px 5px;
}
.main_content_alignment img{
	border:1px solid #cccccc;
	margin:0px 2px 0px 5px;
	padding:5px 5px 5px 5px;
}
.box {
	background-color:#CCCCCC;
	border:1px solid #666666;
	padding:5px;
	width:437px;
	margin-left:2px;
	}


/* ---------------MAIN CONTENT RIGHT---------------------- */
#main_content_right {
	float:right;
	width:167px;
	background-color:#666666;
	border:1px solid #cccccc;
	margin:10px 10px 10px 0px;
	padding:0px 10px 10px 10px;
	color:#CCCCCC;
	overflow:inherit;
}
*html #main_content_right {
	overflow:hidden;
	margin:10px 5px 0px 0px;
	padding:0px 10px 10px 10px;
}

#main_content_right img {
	position:relative;
	top:0px;
	float:left;
	margin:0px 0px 5px -5px;
	padding:0px 0px 0px 0px;
}

.RR form {
	margin:0px 0px 0px 100px;
}

/* --------------- ADDRESS ---------------------- */
#address {
	float:left;
	border:1px solid #cccccc;
	background-color:#999999;
	width:160px;
	padding:0px 0px 10px 5px;
	margin:10px 0px 0px 0px;
	color:#333333;
	overflow:hidden;
}
*html #address{
	width:160px;
}
#address p {
	line-height:5px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
/* --------------- SEARCH ---------------------- */
#search {
	float:left;
	border:1px solid #cccccc;
	background-color:#999999;
	width:160px;
	padding:0px 0px 10px 5px;
	margin:10px 5px 0px 0px;
	color:#333333;
}
*html #search {
}

#search img {
	float:right;
	border:0px;
	margin:0px 0px 0px -5px;
	padding:0px 0px 0px 0px;
}

#search img.shim {
  float:none;
	border:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#search_box{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	border:1px solid #333333;
	padding:2px 0px 1px 0px;
	margin:5px 0px 4px 0px;
	width:134px;
	color:#000000;
	background-color:#CCCCCC;
}
#search form {
	display:inline;
}


/* --------------- COPYRIGHT ---------------------- */
#copyright {
	float:left;
	/* border:1px solid #cccccc; */
	background-color:#999999;
	width:476px;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#333333;
	font-size:9px;
}

*html #copyright {
	width:476px;
	padding:5px 0px 0px 5px;
	margin:0px 0px 0px 0px;
}

#RR {
	float:right;
	margin:10px 0px 0px 0px;
	padding:0px 0px 1px 5px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid #cccccc;
	width:160px;
	background-color:#999999;
}
#RR img {
	padding:0px 0px 0px 0px;
}
.RR_box{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	border:1px solid #333333;
	padding:0px 0px 1px 0px;
	margin:0px 0px 4px 1px;
	width:149px;
	color:#000000;
	background-color:#CCCCCC;
}
.RR_button{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	border:1px solid #333333;
	padding:0px 0px 0px 0px;
	margin:3px 0px -5px 2px;
	width:72px;
	color:#333333;
}
.contact_box {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	border:1px solid #333333;
	padding:2px 0px 1px 0px;
	/*margin:5px 0px 4px 0px;*/
	width:210px;
	color:#000000;
	background-color:#CCCCCC;
}
.check_box {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	border:1px solid #333333;
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 0px;
	color:#000000;
	background-color:#CCCCCC;
}

.contact_button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	border:1px solid #333333;
	padding:2px 0px 1px 0px;
	margin:5px 0px 4px 0px;
	width:110px;
	color:#333333;
	
}
.tell_box {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	border:1px solid #333333;
	padding:2px 0px 1px 0px;
	margin:5px 5px 4px 0px;
	width:142px;
	color:#000000;
	background-color:#CCCCCC;
}

/* BASKET STYLE --------------------------------------------- */
#basket {
	float:right;
	/* border:1px solid #cccccc; */
	border:1px solid #cccccc;
	background-color:#999999;
	width:165px;
	padding:0px 0px 5px 0px;
	margin:10px 0px 5px 0px;
	color:#333333;
	background-image:url(images/shopping.jpg);
	background-repeat:no-repeat;
}

#basket table {
	/*background-image:url(images/shopping_fade.jpg);*/
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
	margin-top:0px;
}
#basket form {
	padding:0px 0px 0px 0px;
	margin:5px 5px 0px 0px;
	display:inline;
}
#basket img {
	padding:0px 0px 0px 0px;
	margin:3px 0px 0px 0px;
}
#basket a {
	color:#FFFFFF;
}
#basket a:hover {
	color:#333333;
}
#basket_text {
	text-align:right;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
}
.basket_button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	border:1px solid #333333;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:78px;
	color:#333333;
}

/* PRODUCT VIEW --------------------------------------------- */
#main_content_product {
	/* float:left; */
	width:470px;
	/* height:100%; */
	border:1px solid #cccccc;
	padding:20px 0px 0px 5px;
	overflow:hidden;
}
*html #main_content_product {
	width:460px;
	padding:25px 10px 0px 5px;
	margin:15px 0px 0px 5px;
}
#main_content_product img {
	border:1px solid #cccccc;
	margin:0px 5px 0px 6px;
	padding:5px 5px 5px 5px;
}
.product_container {
	width:455px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
 /* border:1px solid #000000; */
}
*html .product_container {
	width:455px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.product_container p {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
 /* border:1px solid #000000; */
}
.product_image_thumb {
	float:left;
	display:inline;
	padding:3px 0px 0px 0px;
}
.product_image_thumb img {
	border:1px solid #666666;
	margin:0px 10px 5px 0px;
}
.product_image_main {
	float:left;
	display:inline;
	padding:3px 0px 10px 0px;
}
*html .product_image_main {
	float:left;
	display:inline;
	padding:3px 0px 0px 0px;
}
.product_image_main img {
	border:1px solid #666666;
	margin:0px 10px 5px 0px;
}
.product_text {
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	width:280px;
	/* border:1px solid #000000; */
}
*html .product_text{
	width:280px;
}
.product_text_link{
	font-size:10px;
	color:#333333;
	text-decoration:none;
	font-weight:normal;
}
.product_text_link a:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}
#product_buy  {
	border:1px solid #666666;
	margin:10px 10px 10px 10px;
	padding:5px 5px 5px 5px;
}
/* PRODUCT VIEW --------------------------------------------- */
.buttons {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	border:1px solid #333333;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:18px;
	/* width:100px; */
	color:#333333;
}
.text_box{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	border:1px solid #333333;
	padding:2px 0px 1px 0px;
	margin:0px 0px 0px 0px;
	/* width:134px; */
	color:#000000;
	background-color:#CCCCCC;
}

/* DELIVERY ------------------------------------------------- */
#main_content_delivery {
	/* float:left; */
	width:665px;
	/* height:100%; */
	border:1px solid #cccccc;
	padding:20px 0px 10px 10px;
	overflow:hidden;
}
*html #main_content_delivery {
	width:455px;
	padding:25px 10px 10px 10px;
	margin:10px 0px 0px 5px;
}
#showimage {
	width:300px;
	top:250px;
}
*html #showimage {
	width:300px;
	top:250px;	
}

#pagging {
	border-top:1px solid #cccccc;
	height:20px;
	width:465px;
	float:left;
	padding:7px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:right;
}
.contact a{
	color:#000000;
	font-weight:normal;
	}
.contact a:hover{
	color:#990000;
	font-weight:normal;
}

/* SPONSORS ---------------------- */
#sponsors {
	float:left;
	border:1px solid #cccccc;
	background-color:#999999;
	width:160px;
	padding:0px 0px 10px 5px;
	margin:10px 5px 0px 0px;
	color:#333333;
}
*html #sponsors {
}

#sponsors img {
	float:none;
	border:0px;
	margin:0px 0px 0px -5px;
	padding:0px 0px 0px 0px;
}

#sponsors img.shim {
  float:none;
	border:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/* Open Day --------------------------- */

.companies {
	text-align:center;
	}
	
p.indent {
	margin-left:10px;
	}	

/* RIGHT BUTTONS ---------------------- */
#nav_1 a:link, #nav_1 a:visited,
#nav_2 a:link, #nav_2 a:visited,
#nav_3 a:link, #nav_3 a:visited,
#nav_4 a:link, #nav_4 a:visited {
		float:left;
		display:block;
		color:#666666;
		font-size:.1em;
		
		height: 50px;
		margin:0px 0px 5px -5px;
		}
#nav_1 a:link, #nav_1 a:visited {
		background:url(images/porschebrakes_sm.jpg) no-repeat bottom left;
		width:187px;
		}
#nav_2 a:link, #nav_2 a:visited {
		background:url(../images/nav/services.gif) no-repeat bottom left;
		width:69px;
		}
#nav_3 a:link, #nav_3 a:visited {
		background:url(../images/nav/training.gif) no-repeat bottom left;
		width:73px;
		}
#nav_4 a:link, #nav_4 a:visited {
		background:url(../images/nav/contact.gif) no-repeat bottom left;
		width:72px;
		}
#nav_1 a:hover, #nav_1 a:active,
#nav_2 a:hover, #nav_2 a:active,
#nav_3 a:hover, #nav_3 a:active,
#nav_4 a:hover, #nav_4 a:active {
		background-position: 0px -0px;
		}