@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	background:url("../images/_build/page-bg.gif") repeat;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a:link, a:visited, a:active {
	color:#741416;
	text-decoration:none;
	}
a:hover {
	border-bottom:1px #2e2519 dotted;
	color:#2e2519;
	}


/* ---------------------------------------------- */
/* HEADER
/* ----------------------------------------------- */


#header {
    background: url("../images/_build/header-home-bg-short.jpg") repeat-x scroll center bottom transparent;
    height: 155px;
    text-align: center;
}
		
#header-wrap {
		background:url("../images/_build/header-cityscape.jpg") center top no-repeat;
		height:132px;							
		}
		
#header-content {
		position:relative;
		margin:0 auto;
		width:1000px;
		}
		
#header-content h1 {
	position:absolute;
	top:24px;
	left:0px;
	background:url("../images/_build/bc-header-logo.jpg");
	height:101px;
	text-indent:-1000em;
	width:243px;
	}
#header-content h1 a {
	display:block;
	border:none;
	width:243px; height:101px;	
	}
		
#header-content h2 {
		text-indent:-1000em;
		}

h2#polaroid, h2#customisable-suspension, h2#damper-performance {
		position:absolute;
		text-indent:-1000em;
		}
		
h2#polaroid {
	top:389px;left:14px;
	background:url("../images/_build/bc-coilover-polaroid.jpg") 0 0 no-repeat;
	width:248px; height:240px;
	text-indent:-1000em;
	}
	
h2#customisable-suspension {
	top:417px;
	left:278px;
	background:url("../images/_build/h2-customisable-kits.jpg") 0 0 no-repeat;
	width:336px;
	height:119px;
	text-indent:-1000em;
	}
	
h2#damper-performance {
	top:392px;
	left:615px;
	background:url("../images/_build/h2-damper-performance.jpg") 0 0 no-repeat;
	width:384px;
	height:144px;
	text-indent:-1000em;
	}
				
		
/* ----------------------------------------------------- */
/* BC RACING NAVIGATION
/*------------------------------------------------------ */
		
#navigation {
		position:absolute;
		top:102px;
		left:378px;
		background:url("../images/_build/navigation2.gif") 0 0 no-repeat;
		width:626px;
		height:25px;
		padding:0;
		margin:0;
		}
		
#navigation li span { display: none; }

#navigation li { float:left; list-style:none; position:relative; }   
		
#navigation li, #navigation a {height:25px;display:block;margin:0;padding:0; }  
	
	li#bc-home {width:77px;}
	li#bc-coilovers {width:87px;}
	li#bc-applications {width:110px;}
	li#bc-accessories{width:105px;}
	li#bc-contact {width:147px;}
	li#bc-vieword {width:100px;}
	
	#bc-home a:hover { background:url("../images/_build/navigation2.gif") 0px  -25px no-repeat; }  
	#bc-coilovers a:hover { background:url("../images/_build/navigation2.gif") -77px  -25px no-repeat; }  
	#bc-applications a:hover { background:url("../images/_build/navigation2.gif") -164px  -25px no-repeat; }  
	#bc-accessories a:hover { background:url("../images/_build/navigation2.gif") -274px  -25px no-repeat; }  
	#bc-contact a:hover { background:url("../images/_build/navigation2.gif") -379px  -25px no-repeat; }   
	#bc-vieword a:hover { background:url("../images/_build/navigation2.gif") -524px  -25px no-repeat; }   

/* ---------------------------------------------- */
/* SLIDER
/* ----------------------------------------------- */

div#slider {
	position:absolute;
	top:147px;
	left:6px;
	width:739px;
	height:218px;
	overflow:hidden;
	}
			
div#slide1, div#slide2, div#slide3 {
	width:739px; height:218px;
	text-indent:-1000em;
	}
	
div#slide1 {
	background:url("../images/_promo/damper-dyno-tested.jpg") 0 0 no-repeat;	
	}
	
div#slide2 {
	background:url("../images/_promo/suspension-tuning.jpg") 0 0 no-repeat;	
	}
	
div#slide3 {
	background:url("../images/_promo/support-and-spares.jpg") 0 0 no-repeat;	
	}
	
	
/* ---------------------------------------------- */
/* PARTS FINDER
/* ----------------------------------------------- */

div#part-finder {
/*	background: #741416 url("../images/_build/bc-parts-finder.jpg") 0 0 no-repeat;	04-11-10; removal of part finder	*/
	background: #741416 url("../images/_build/bc-parts-finder3.jpg") 0 0 no-repeat;
	cursor: pointer;
	position:absolute;
	top:10px;
	/*right: -4px;*/
	right: 66px;
	width: 550px;
	height:77px;
	border: 3px solid #601D1F;
	}
	
#part-finder legend {
	text-indent:-1000em;
/*	margin-bottom:30px;	04-11-10; removal of part finder	*/
	}
	
#part-finder .dropdown {
	position: absolute;
	left: 10px;
	top: 32px;
	_top: 35px;
	color: #000;
	font-size:11px;
	font-weight:bold;
	background:#CCC;
	border:#990000 2px solid;
	margin:12px 0;
	padding: 4px;	
	font-family:Arial, Helvetica, sans-serif;
	}
#part-finder .dropdown2 {
	position: absolute;
	left: 180px;
	top: 32px;
	_top: 35px;
	color: #000;
	font-size:11px;
	font-weight:bold;
	background:#CCC;
	border:#990000 2px solid;
	margin:12px 0;
	padding: 4px;	
	font-family:Arial, Helvetica, sans-serif;
	}
#part-finder .dropdown3 {
	position: absolute;
	left: 310px;
	top: 32px;
	_top: 35px;
	color: #000;
	font-size:11px;
	font-weight:bold;
	background:#CCC;
	border:#990000 2px solid;
	margin:12px 0;
	padding: 4px;	
	font-family:Arial, Helvetica, sans-serif;
	}
	
#part-finder option {
	padding: 2px 12px 2px 3px;
	}
	
#part-finder .submit input {
	color: #000;
	font-size:16px;
	background:#CCC;
	border:#990000 2px solid;	
	}
#part-finder .button
{
	position: absolute;
	top: 45px;
	left: 430px;
}


/* ---------------------------------------------- */
/* CONTENT
/* ----------------------------------------------- */

div#content {
			background:url("../images/_build/content-bg.jpg") repeat-y;
			background-position:center;
			min-height:300px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:0.9em;
			letter-spacing:-0.03em;
			line-height:140%;	
			}
#content h1 {
			font-size:2.2em;
			font-family:Georgia, "Times New Roman", Times, serif;
			letter-spacing:-0.06em;
			padding:8px 0;
			color:#2e2519;
			line-height: 1em;	/*	11-08-09; LJB; prevent overlap when line wraps	*/
			}
#content h2 {
			font-size:1.3em;
			font-weight:normal;
			color:#741416;
			letter-spacing:-0.06em;
			padding:2px 0;
			}
			
div#content-wrap {
			margin:0 auto;
			width:990px;
			padding:20px 5px 20px 20px;
			}
			
	
#content fieldset {
			border:1px dotted #AF9C78;
			padding:15px;	
			}
			
#content legend {
			margin:15px 0 15px 0;
			background-color: #741416;
			padding:4px;
			color:#fff;
			}
				
#content label
			{
			width: 8em;
			float: left;
			text-align: right;
			margin-right: 0.8em;
			display: block;
			padding-bottom:15px;
}	

.errormsg {
			margin:15px 0 15px 0;
			background-color: #741416;
			padding:4px;
			color:#fff;
		}
		
.successmsg {
			margin:15px 0 15px 0;
			background-color:#006600;
			padding:4px;
			color:#fff;
		}
		
		
#content input, #content textarea {
			background-color:#d0c3aa;
			border:1px solid #AF9C78;
			padding:3px;				
			}	
				
#submit-btn, #reset-btn {
			font-size:20px;
			padding:5px;
			float:right;
			margin:5px;
			
			}		
div.hr {
			border: none;
			border-top: 1px dotted #333;
			margin-top: 5px;
			margin-bottom: 18px;
			clear:both;
	
}
div.hr hr { display: none; }
			
div#left-box {
			margin-top:75px;
			width:250px;
			float:left;
			}
			
div#main-box {
			border-left:1px #2c2c2c solid;
			width:710px;
/*			float:left;	19-05-09; LJB; amended when made subcats page	*/
			float:right;	
			padding:0 10px;		
			}
#main-box h2 {background:none;font-size:16px;}
			
#order-direct, #dealer-app, #whatsNew {width:205px;margin:0 auto;margin-bottom:35px;text-align:center;}
#left-box .payPal {width:250px;margin:0 auto;margin-bottom:35px;text-align:center;}
#left-box .payPal h2 {
				background:url("../images/_build/paymentOpts.gif") center no-repeat;
				height:46px;
				text-indent:-1000em;
				padding-bottom:8px;
				}	
#order-direct h2 {
				background:url("../images/_build/h2-order-direct.gif") 0 0 no-repeat;
				width:205px; height:46px;
				text-indent:-1000em;
				padding-bottom:8px;
				}
#dealer-app h2 {
				background:url("../images/_build/h2-dealer-app.jpg") 0 0 no-repeat;
				width:205px; height:45px;
				text-indent:-1000em;
				padding-bottom:8px;
				}
#whatsNew h2 {
				background:url("../images/_build/h2-dealer-blog.jpg") 0 0 no-repeat;
				width:205px; height:45px;
				text-indent:-1000em;
				padding-bottom:8px;
				}	
#dealer-app a {
			opacity:0.5;
			filter: alpha(opacity = 50);
			zoom:1;
			}
#dealer-app a:hover {
			opacity:1;
			filter: alpha(opacity = 100);
			zoom:1;
			border:none;
			}		
#log, #log-app {width:205px;margin:0 auto;margin-bottom:35px;text-align:center;}			
#log h2 {
				background:url("../images/_build/h2-dealer-log.jpg") 0 0 no-repeat;
				width:205px; height:46px;
				text-indent:-1000em;
				padding-bottom:8px;
				}
		#log a {
			opacity:0.5;
			filter: alpha(opacity = 50);
			zoom:1;
			}
		#log a:hover {
			opacity:1;
			filter: alpha(opacity = 100);
			zoom:1;
			border:none;
			}		
	


#product-display {
		border:1px dotted #AF9C78;
		padding:10px;
		}

#product-display h2 {
		background-color:#741416;
		padding:10px;
		color:#fff;
		}

#product-display h3 {
		background-color:#000;
		padding:10px;
		color:#fff;
		font-size:15px;
		font-weight:bold;
		}
#product-display h4, .dealerEnq h4 {
		font-size:14px;
		font-weight:bold;
		}

#product-display h5 {
		background-color:#741416;
		padding:4px;
		text-indent:20px;
		color:#fff;
		font-size:12px;
		}
		
#product-display img {
		float:left;
		}		
.coilover-type {
		margin-top:10px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:28px;
		letter-spacing:-0.06em;
		}
.product-price {
	border:4px dotted #AF9C78;
	padding:8px;
	margin:8px;
	color:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:34px;
	float:right;
	text-align: center;
		}

.frm-element {
		padding:6px;		
		}	
		
/* IMAGE BORDERs */

.left-img-border {
		float:left;
		border:2px #c0b08d solid;
		margin:0px 6px 6px 0px;
		}
		
.right-img-border {
		float:right;
		border:2px #c0b08d solid;
		margin:0px 0px 6px 6px;
		}
			
/* APPS */

#applications  {
	margin:20px;
	list-style:square;
	}
	
#applications li  {
	padding:10px 0;
	}
#applications .models li  {
	padding:2px 0;
	}
#applications .models {
	margin-left:20px;
	list-style:square;
	}	


				
/* ---------------------------------------------- */
/* FOOTER
/* ----------------------------------------------- */

div#footer {
			
			background:url("../images/_build/bc-footer-bg.jpg") 0 0 repeat-x;
			height:176px;
			padding-top:23px;
			font-family:arial;
			}
			
div#footer-wrap {
			position:relative;
			margin:0 auto;			
			background:url("../images/_build/footer-layout.jpg") 0 0 no-repeat;
			width:986px;
			height:176px;
			}
div.updateMsg {
	color: #741416;
	position: absolute;
	left: 120px;
	bottom: 20px;
	_bottom: 15px;
}
div#send-message {
			position:absolute;
			top:77px;
			left:691px;
			background:url("../images/_build/send-message-btn.jpg");
			width:292px;
			height:37px;
			text-indent:-1000em;
			}
			
			#send-message a {height:37px;display:block;margin:0;padding:0;}
			#send-message a:hover { background:url("../images/_build/send-message-btn.jpg") 0px  -37px no-repeat; } 
			
.footer-menu
{
	float:right;
	margin-top:140px;
	font-size:13px;
}
			
			
			 
#part-finder p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: left;
	padding: 5px 15px 5px 15px;
	text-indent: -1000em;
}
#part-finder a {
	color: #DDD2BB;
	font-weight: bold;
}


.facebook-button {
position: absolute;
right: -4px;
top: 10px;
z-index: 1;
width: 64px;
height: 82px;
}
.facebook-button a {
display: block;
width: 64px;
height: 82px;
background: url("../images/_build/facebook-icon-off.png") transparent no-repeat;
}
.facebook-button a:hover {
background: url("../images/_build/facebook-icon.png") 0 0 no-repeat;
border: none;
}
.facebook-button span {
display: none;
}