/* NZ Helmet Camz Styles */

/* ------ page nuts and bolts --------*/

/* ------ the red colour is #f20000 - the grey colour is #666666 - the darkest text grey is #333333 --------*/




body{ /* Sets up the page and aligns eve
rything to center */
	padding:0;
	margin:0 auto 0;/* makes MOZ center everything*/
	text-align:center; /* makes IE center everything*/
	background:#fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:90%;
	}
	
#container{
	padding:0;
	margin:0 auto 0;
	width:731px;
	text-align:center;
	background-color:#fff;
	border-top:#fff 1px solid;
	}
	
#maincontent{
	padding:0;
	margin:0;
	float:left;
	text-align:left;
	width:731px;
	color:#333333;
	background: url("../../images/background.gif") bottom left no-repeat;
	}
	
body a:link, body a:active, body a:visited{
	color:#f20000;
	text-decoration:none;
	}
	
body a:hover{ 
	color:#333333;
	text-decoration:none;
	/* --background:#ffff8a;-- */
	}
	
/* -------------------------- the header ------------------------ */	
#header{
	padding:0;
	margin:0;
	float:left;
	text-align:left;
	background: url("../../images/helmetcamzlogo.gif") top left no-repeat;
	width: 730px; /* dimensions of the image, logo2.gif */
	height: 146px; /* dimensions of the image, logo2.gif */
	}
	
#header h1 a{
	
	width: 730px; /* dimensions of the image, logo2.gif */
	height: 146px; /* dimensions of the image, logo2.gif */
	display:block;
	background: none;
	}
	
#header p{
	font-family:verdana, Helvetica, sans-serif;
	margin: 0 0 0 0;  
	padding: 7px 0 0 1px;
	font-size:70%;
	}
	
#header p a:link, #header p a:active, #header p a:visited{
	color:#f20000;
	text-decoration:none;
	}
	
#header p a:hover{ 
	color:#333333;
	text-decoration:none;
	}
	
#header h1{
	font-family:verdana, Helvetica, sans-serif;
	margin: 0 0 0 0;  
	padding: 0 0 0 0;
	text-indent: -9000px;
	overflow: hidden;  /* needed for I*/
	}
	


/* -------------------------- navigation / LHC below ------------------------ */

#left{ 
	width:166px;
	float:left;
	}
	
#nav{
	margin:0 0 0 2px;
	padding:10px 0 10px 0;
	width:163px;
	background: #000 url("../../images/navbackground.gif") top left no-repeat;
	border-top:#fff 1px solid;
	}

#nav ul{
	color:#fff;
	font-weight:bolder;
	list-style-type:none;
	padding:16px 0 12px 0px;
	margin:0;
	font-size:90%;
	}
	
#nav a {
	text-decoration: none;
	display:block;
	margin:0;
	width:146px;
	padding:4px 0 4px 14px;
	color: #fff;
}
	
#nav ul li{
	padding:0 0 0 0;
	margin:0;
	width:146px;
	}
	
#nav ul li a:hover{ 
	color: #000;
	background:url("../../images/over.gif")   no-repeat;
	}
	
#nav .current a, #nav ul#subnav li.current a {
	background:url("../../images/over.gif")   no-repeat;
	color:#ccc;
	}
	
#nav .current a:hover, #nav ul#subnav li a:hover { 
	background:url("../../images/over.gif")   no-repeat;
	}
	
#nav ul#subnav {
	padding:0;
	width:130px;
	
}

#nav ul#subnav li {
	width:144px;
}	

#nav ul#subnav li a { 
	background:none;
	width:144px;
	padding: 2px 0 2px 18px;
	font-size: .9em;
}

#nav ul#subnav li.current a { 
	width:144px;
	padding: 2px 0 2px 18px;
	font-size: .9em;
}

#nav ul#subnav li a:hover { 
	color:#ccc;
}

#filler{
	margin:0 0 0 2px;
	height:28px;
	width:163px;
	background: url("../../images/filler.gif") top left no-repeat;
	}
	
#email{
	margin:0 6px 0 16px;
	padding:0 0 20px 0;
	color:#333333;
	font-size:80%;
	font-weight:bolder;
	}
	
#email p a:link, #email p a:active, #email p a:visited{
	color:#333333;
	text-decoration:none;
	background: url("../../images/emailus.gif") bottom left no-repeat;
	padding:0 0 52px 2px;
	}
	
#email p a:hover{ 
	color:#f20000;
	text-decoration:none;
	background: url("../../images/emailus.gif") bottom left no-repeat;
	padding:0 0 52px 2px;
	}
	
	
#email p a{
	display: block;  /* so the link will work */
	width: 144px;
	height: 30px;
	background:none;
	}

	
/* ------------------------------------- the central content ------------------------ */
	
#main{
	float:left;
	width:335px;
	padding:0 20px 0 30px;
	}

#main h2{
	color:#333;
	padding:6px 0 6px 0;
	font-size:110%;
	}

#main p{
	color:#333333;
	padding:0 0 3px 0;
	font-size:80%;
	line-height:160%;
	}

#main .feature{
	color:#f20000;
	font-weight:bolder;
	padding:11px 0 11px 0;
	margin:24px 0 40px 0;
	font-size:110%;
	border-top:#f20000 1px dashed;
	border-bottom:#f20000 1px dashed;
	line-height:144%;
	}

#main .feature span{
	color:#666666;
	padding:20px;
	line-height:144%
	}
	
	
/* --------------------------------------- the right coll (homepage feature boxes)----------------------- */


#rightcoll{
	float:right;
	}

#right2{
	width:140px;
	padding:6px 34px 0 0px;
	}

#right2 h5{
	border-bottom:3px solid #f20000;
	width:154px;
	}

#right2 h5 a:link, #right2 h5 a:active, #right2 h5 a:visited{
	color:#fff;
	background: #000 url("../../images/POV/m_5_thumb.jpg") top left no-repeat;
	padding:116px 0 2px 4px;
	width:150px;
	border-bottom:1px solid #fff;
	display:block;
	}
	
#right2 h5 a:hover{ 
	color:#000;
	background: #f20000 url("../../images/POV/m_5_thumb.jpg") top left no-repeat;
	padding:116px 0 2px 4px;
	width:150px;
	border-bottom:1px solid #fff;
	display:block;
	}
	
#right2 .film a:link, #right2 .film a:active, #right2 .film a:visited{
	color:#fff;
	background: #000 url("../../images/film.jpg") top left no-repeat;
	padding:116px 0 2px 4px;
	width:150px;
	border-bottom:1px solid #fff;
	display:block;
	}
	
#right2 .film a:hover{ 
	color:#000;
	background: red url("../../images/film.jpg") top left no-repeat;
	padding:117px 0 2px 4px;
	width:150px;
	border-bottom:1px solid #fff;
	display:block;
	}


/* --------------------------------------- the footer----------------------- */

#footer{
	padding:3px 12px 20px 0;
	font-size:70%;
	color:#333333;
	text-align:right;
	}
	
#footer p{ 
	margin:0;
	padding:0;
	
	}

#footer a:link, #footer a:active, #footer a:visited{
	color:#333333;
	text-decoration:none;
	}
	
#footer a:hover{ 
	color:#f20000;
	text-decoration:none;
	}

/* ------------------------------------- Stepdown pages below ------------------------ */


	
#main-stepdown{ /* --------------------- products pages --------------------- */
	float:left;
	width:476px;
	padding:0 20px 0 30px;
	text-align:left;
	}

#main-stepdown h2{
	color:#333;
	padding:6px 0 6px 0;
	font-size:110%;
	}

#main-stepdown p{
	color:#333333;
	padding:0 0 3px 0px;
	font-size:80%;
	line-height:150%;
	}
	
#main-stepdown .top-para{
	padding:0;
	margin:0;
	font-size:100%;
	font-weight:bolder;
	}
	
#main-stepdown img{
	
	border:none;
	margin:20px 16px 0 0;
	}
	

	

	
#main-stepdown .holdall{/* --------------------- formatts the products images layout --------------------- */
	padding:0;
	margin:20px 0 10px 0;
	float:left;
	}
	
#main-stepdown .left{/* --------------------- formatts the products images layout --------------------- */
	float:left;
	border:none;
	margin:0;
	clear:both;
	width:100px;
	}
	
#main-stepdown .left img{
	margin:5px 16px 0 0;
	float:left;
	}
	
#main-stepdown .txt{/* --------------------- formatts the products images layout --------------------- */
	padding:0;
	margin:0;
	width:360px;
	float:left;
	}
	
#main-stepdown .txt p{
	padding:0;
	margin:0;
	}
	
#main-stepdown .notop{
	margin:0 16px 0 0;
	}

#main-stepdown #extra{
	margin:0px 0 20px 0;
	float:left;
	}
	
#main-stepdown .feature-stepdown{
	color:#f20000;
	font-weight:bolder;
	padding:11px 0 11px 0;
	margin:40px 0 40px 0;
	font-size:80%;
	border-top:#f20000 1px dashed;
	border-bottom:#f20000 1px dashed;
	line-height:164%;
	clear:both;
	}
			
#main-stepdown .feature-stepdown span{
	color:#666666;
	line-height:124%
	}
	
#main-stepdown table{
	font-size:70%;
	}
	
#main-stepdown table .one{
	background-color:#f0f0f0;
	}
	
#main-stepdown tr{
	background-color:#fdfdfd;
	padding:6px;
	}
	
#main-stepdown td{
	padding:6px;
	}
	
#main-stepdown object{
	margin:0 50px 0 0;
	}
	
h3.linkHeading {
	margin-bottom: -1em;
	font-size:90%;
}

div#foot {
	margin: 0 0 20px 18px;
	font-size: 80%;
}
div#foot p {
	margin-left: 180px;
}

#main-stepdown ul {
	font-size:80%;
}

#sidebar {
	float: right;
	width: 150px;
	margin: 0 0 10px 20px;
}

#sidebar img{
	border: 1px solid #ccc;
	margin: 0;
	padding: 0;
}

#main-stepdown p.highlight {
	font-size: 1.2em;
	border: 1px solid red;
	padding: 1em;
}