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

/* MOTORCYCLE CRASH HELMETS CSS Document */

/*COLOUR SCHEME*******************

Brown #4e4539

**********************************

LAST EDITED BY GAVIN JONES 06-10-08

**********************************/
body {
	margin: 					0px;
	padding: 					0px;
	height:						100%;
	font-size:					100%;
	line-height:				1.125em;
	background:					#fff url(/images/layout/page-bg.gif) top left repeat-x;
}
a {
	color:						#4e4539;
	text-decoration:			underline;
}
a:hover {
	color:						#000;
	text-decoration:			none;
}
img {
	border:						0;
	float:						left;
}
h1 {
	font: 						bold 1.8em "Trebuchet MS", Tahoma, Arial;
	color:						#000;
	text-decoration:			none;
	margin:						0 0 0 0;
}
h2 {
	font: 						bold 1.6em "Trebuchet MS", Tahoma, Arial;
	color:						#009900;
	margin:						0 0 0 0;
	text-decoration:			none;
}
h3  {
	font: 						bold 1em "Trebuchet MS", Tahoma, Arial;
	color:						#000;
	margin:						0 0 10px 0;
	text-decoration:			none;
	border-bottom:				1px solid #999;
}
/**HEADER SEARCH BOX CONTAINER*********************************/

div.searchHeaderContainer {
	float:						none;
	width: 						970px; /*The width of our layout*/
	height:						10px;
	margin-left: 				auto;
	margin-right: 				auto;
	position:					relative;
	font: 						normal 0.75em "Trebuchet MS", Tahoma, Arial;
	padding:					20px 30px 20px 0;
	text-align:					right;
	/*Margin left and right set to auto center's our layout*/
}
/***************************************************/



/**HEADER CONTAINER*********************************/

div.headerContainer {
	float:						none;
	width: 						1000px; /*The width of our layout*/
	height:						119px;
	margin-left: 				auto;
	margin-right: 				auto;
	position:					relative;
	/*Margin left and right set to auto center's our layout*/
}
	div.headerContainer div.siteName {
		position:				absolute;
		padding:				5px 0 0 5px;
		width:					436px;
		height:					38px;
		top:					40px;
		left:					5px;
		background:				url(/images/layout/title-bg.jpg) left no-repeat;
	}
/***************************************************/

/**TOP NAV CONTAINER********************************/

div.topNavContainer {
	float:						none;
	width: 						990px; /*The width of our layout*/
	height:						20px;
	padding: 					5px;
	margin-left: 				auto;
	margin-right: 				auto;
	position:					relative;
	font: 						normal 0.75em "Trebuchet MS", Tahoma, Arial;
	/*Margin left and right set to auto center's our layout*/
}
div.topNavContainer ul {
	margin: 					0;
	padding: 					0;
}
div.topNavContainer li {
	float: 						left;
	margin: 					0;
	padding: 					0;
	list-style:					none;
}

div.topNavContainer a {
	float: 						left;
	display: 					block;
	color:						#006699;
	text-decoration:			none;
	margin: 					0 1px 0 0;
	padding: 					4px 8px 4px 7px;
	border: 					0;
	text-decoration:			none;
	font-size:					1.1em;
}

div.topNavContainer a:hover {
	color: 						#000;
	text-decoration:			none;
}
/*****************************************/

/**ADS TOP CONTAINER **********************************/
div.adsTopContainer {
	float:						none;
	width: 						1000px; /*The width of our layout*/
	margin-left: 				auto;
	margin-right: 				auto;
	margin-top: 				10px;
	margin-bottom: 				10px;
	position:					relative;
	height:						10px;
	padding:					10px 0 10px 0;
	/*Margin left and right set to auto center's our layout*/
}
/************************************************/

/**MAIN CONTAINER **********************************/
div.mainContainer {
	float:						none;
	width: 						1000px; /*The width of our layout*/
	margin-left: 				auto;
	margin-right: 				auto;
	margin-top: 				0;
	margin-bottom: 				0;
	position:					relative;
	/*Margin left and right set to auto center's our layout*/
}
/************************************************/

/**MAIN CONTAINER **********************************/
div.mainContainerLeft {
	float:						left;
	width: 						720px;
	position:					relative;
	min-height:					800px;
	height:						100%;
}
	div.mainContainerLeft div.products {
	float:						left;
	width: 						698px;
	margin:						10px;
	position:					relative;
	border-top:					1px solid #333;
	border-left:				1px solid #333;
	border-right:				1px solid #333;
	border-bottom:				3px solid #333;
	}
	div.products div.prodImg {
	float:						left;
	width: 						248px;
	height: 					248px;
	position:					relative;
	margin-bottom:				5px;
	}
	div.products div.prodInfo {
	float:						left;
	width: 						450px;
	position:					relative;
	}
			div.prodInfo div.prodPrice {
			float:						left;
			bottom:						10px;
			right:						375px;
			font: 						normal 1.6em "Trebuchet MS", Tahoma, Arial;
			color:						#0066FF;
			padding:					5px 5px 5px 5px;
			margin:						0 50px 10px 0;
			}
			div.prodInfo div.prodLink {
			float:						left;
			font: 						bold 0.8em "Trebuchet MS", Tahoma, Arial;
			height:						20px;
			padding:					5px 5px 5px 5px;
			background:					url(/images/layout/button-bg.gif) left repeat-x;
			border-top:					1px solid #ccc;
			border-left:				1px solid #ccc;
			border-bottom:				1px solid #000;
			border-right:				1px solid #000;
			margin:						0 0 10px 0;
			}
	div.products div.prodTitle {
	float:						left;
	width: 						450px;
	margin-bottom:				10px;
	position:					relative;
	}
	div.prodTitle h2 {
	font: 						bold 1em "Trebuchet MS", Tahoma, Arial;
	color:						#009900;
	margin:						0 0 0 0;
	text-decoration:			none;
	}
	div.products div.prodDesc {
	float:						left;
	width: 						450px;
	margin-bottom:				10px;
	position:					relative;
	font: 						normal 0.75em "Trebuchet MS", Tahoma, Arial;
	}
	div.mainContainerLeft div.sections {
	float:						left;
	width: 						505px;
	position:					relative;
	height:						190px;
	padding:					15px 15px 15px 200px;
	font: 						normal 0.75em "Trebuchet MS", Tahoma, Arial;
	}
	div.sections div.sectionsTitle{
	width: 						505px;
	position:					relative;
	height:						20px;
	border-bottom:				1px dashed #999;
	margin-bottom:				10px;
	}
	div.sections div.sectionsDesc{
	width: 						505px;
	position:					relative;
	}
	div.sections div.sectionsLinks{
	width: 						505px;
	height:						20px;
	position:					absolute;
	bottom:						15px;
	right:						15px;
	}
		.fullFace {
		background:					url(/images/layout/home-section-bg-full-face.jpg) left no-repeat;
		}
		.demiJet {
		background:					url(/images/layout/home-section-bg-demi-jet.jpg) left no-repeat;
		}
		.flipUp {
		background:					url(/images/layout/home-section-bg-flip-up.jpg) left no-repeat;
		}
		.openFace {
		background:					url(/images/layout/home-section-bg-open-face.jpg) left no-repeat;
		}
		.shoei {
		background:					url(/images/layout/home-section-bg-shoei.jpg) left no-repeat;
		}
		.custom {
		background:					url(/images/layout/home-section-bg-custom.jpg) left no-repeat;
		}
		.motoOffroad {
		background:					url(/images/layout/home-section-bg-motocross-offroad.jpg) left no-repeat;
		}
		.shoei {
		background:					url(/images/layout/home-section-bg-shoei.jpg) left no-repeat;
		}
		.scorpion {
		background:					url(/images/layout/home-section-bg-scorpion.jpg) left no-repeat;
		}
		.shark {
		background:					url(/images/layout/home-section-bg-shark.jpg) left no-repeat;
		}
/************************************************/

/**MAIN CONTAINER **********************************/
div.mainContainerRight {
	float:						left;
	width: 						280px; /*The width of our layout*/
	position:					relative;
	min-height:					800px;
	height:						100%;
}
	div.mainContainerRight div.rightBrandLogos {
	float:						left;
	width: 						258px; /*The width of our layout*/
	margin:						10px 10px 5px 10px;
	position:					relative;
	background:					#fff;
	border:						1px solid #000;
	font: 						normal 0.75em "Trebuchet MS", Tahoma, Arial;
	}
	
	div.mainContainerRight div.rightContent{
	float:						left;
	width: 						258px; /*The width of our layout*/
	margin:						10px 10px 0 10px;
	position:					relative;
	min-height:					800px;
	height:						100%;
	background:					#ccc;
	border:						1px solid #000;
	font: 						normal 0.75em "Trebuchet MS", Tahoma, Arial;
	}
/************************************************/

/**FOOTER **********************************/
div.footer {
	float:						left;
	width: 						100%;
	background:					#ccc;
	border-top:					1px solid #000;
	position:					relative;
}
div.footer div.footerContent {
	width: 						1000px; /*The width of our layout*/
	margin-left: 				auto;
	margin-right: 				auto;
	margin-top: 				30px;
	margin-bottom: 				0;
	position:					relative;
	height:						150px;
	font: 						normal 0.75em "Trebuchet MS", Tahoma, Arial;
	text-align:					center;
	/*Margin left and right set to auto center's our layout*/
}
/************************************************/