/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {
	color: #000;
}

a:hover {
	color: #28E;
	margin: 0, 5px, 0, 0;
}

body {
	
	color: #000;
	font: normal 62.5% verdana,sans-serif;
	margin: 0;
}
p,cite,code,ul,ol {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}

#inform{
	text-align: left;
	width:600px;
}

h1 {

	font-size: 2em;
	margin-bottom: 4px;
}

h2 {
	font-size: 1.4em;
	}

li {
	margin-left: 18px;
	padding-left: 14px;
}
	
	
ul li {
	list-style: circle;
}

h1,h2,h3 {
	color: #000;
	padding-top: 6px;
}

/* misc */
.clearer {
	clear: both;
}

/* structure */
.container {
	margin: 0 auto;
	width: 730px;
	
	
}

/* title */
.title {
	float: left;
	margin-top: 5px;
	text-align: center;
	width: 220px;
}
.title h1 {
	font: normal 2em Verdana,sans-serif;
}
.title h2 {
	color: #999;
	font: normal 1.1em Verdana,sans-serif;
}

/* navigation */
.navigation {
	height: 100px;
	padding: 0 16px;
}
.navigation a {
	border-left: 1px solid #DDD;
	border-right: 1px solid #FFF;
	color: #000;
	float: right;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	margin-top: 9px;
	padding: 58px 18px 8px;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {
	color: #28E;
	padding: 56px 18px 10px;
}

/* holders */
.holder {
	padding: 0 32px;
	background: #FFFFFF;
}
.holder_top,.footer {
	clear: both;
	height: 40px;
}

/* footer */
.footer {
	background-position: left bottom;
	color: #666;
	font-size: 1.1em;
	text-align: center;
}

.pic {
	margin: auto;
	display: block;
	text-align: center;
	padding: 20px;
	}

/* bands */
	
.bang {
	display:none;
	background: url(lo.gif) ;
	padding:0;
	margin-top:2px;
	}
	
.bang2 {
	display:none;
	background: url(do.gif) ;
	padding:0;
	margin-top:2px;
	
	}

	/*display products*/
.product
  {
  margin:2px;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
  
.product img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
  
.product a:hover img
  {
  border:1px solid #0000ff;
 
  }
  
.desc
  {
  text-align:center;
  font-weight:normal;
  width:inherit;
  margin:2px;
  height:20px;
  }
  
 .pics{
 float:right;
 }
 
 .picsl{
 float:left;
 padding-right:50px;
 }
 
 .big{
 display:none;
 position:fixed !important;
 position:absolute;
 bottom:0px;
 left:300px;
	visibility:hidden;
	
 }
 
 .big img {
 display:block;
 border:10px solid black;
 
 float:none;
 }
 /* 2 products in row */
 .product2
  {
  margin:2px;
  height:auto;
  width:200px;
  float:left;
  text-align:center;
  padding-left:100px;
  margin-right:-55px;
  }
  
.product2 img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
/* 3 products in row */
  .product3
  {
  margin:2px;
  height:auto;
  width:200px;
  float:left;
  text-align:center;
  }
  
.product3 img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
/* 4 products in row */
  .product4
  {
  margin:2px;
  height:auto;
  width:150px;
  float:left;
  text-align:center;
  }
  
.product4 img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
	
/* 5 products in row */
  .product5
  {
  margin:2px;
  height:auto;
  width:125px;
  float:left;
  text-align:center;
  }
  
.product5 img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }	

/* COLOUR blocks - as in made to order page*/

.block{
	width:20px;
	height:20px;
	padding:10px;
	float:left;
	}
	
.Red{
	width:20px;
	height:20px;
	padding:5px;
	background-color: #EC292F;
	float:left;
	margin:10px;
	}
.Maroon{
	width:20px;
	height:20px;
	padding:5px;
	background-color:	#8C1F34;
	float:left;
	margin:10px;
	}
.Yellow{
	width:20px;
	height:20px;
	padding:5px;
	background-color:	#F1E34C;
	float:left;
	margin:10px;
	}
.Emerald{
	width:20px;
	height:20px;
	padding:5px;
	background-color: #00704C;
	float:left;
	margin:10px;
	}
.Sky{
	width:20px;
	height:20px;
	padding:5px;
	background-color:	#628EBD;
	float:left;
	margin:10px;
	}
.Royal{
	width:20px;
	height:20px;
	padding:5px;
	background-color:	#384DA0;
	float:left;
	margin:10px;
	}
.Navy{
	width:20px;
	height:20px;
	padding:5px;
	background-color:	#3D466F;
	float:left;
	margin:10px;
	}
.Black{
	width:20px;
	height:20px;
	padding:5px;
	background-color:	#000000;
	float:left;
	margin:10px;
	}
.White{
	width:20px;
	height:20px;
	padding:5px;
	background-color:	#FFFFFF;
	float:left;
	margin:10px;
	border:1px solid black;
	}
.Amber{
	width:20px;
	height:20px;
	padding:5px;
	background-color:	#F6AB1C;
	float:left;
	margin:10px;
	}
.Green{
	width:20px;
	height:20px;
	padding:5px;
	background-color:	#018259;
	float:left;
	margin:10px;
	}
.Purple{
	width:20px;
	height:20px;
	padding:5px;
	background-color:	#8B00FF;
	float:left;
	margin:10px;
	}
.Pink{
	width:20px;
	height:20px;
	padding:5px;
	background-color:	#F45190;
	float:left;
	margin:10px;
	}
.Gold{
	width:20px;
	height:20px;
	padding:5px;
	background-color:	#ECCFB1;
	float:left;
	margin:10px;
	}

#inner{
position:absolute;
}

#jacket{
/*position:absolute;*/
width:120px;
}	


/* Highlight prices */
.price{
padding-left:20px;
margin-top:-5px;
	font-weight: bold;
	font-size: 14px;
	}
	
.lineprice{

	margin-top:-5px;
	font-weight: bold;
	font-size: 14px;
	
	}
	
.kit
  {
  margin:2px;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
  
.kit img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
  
.kit a:hover img
  {
  border:1px;
  margin:3px 0;
 
  }
  
 .cat {
 width:auto;
 margin:auto;
 display:block;
 }
 
 form p{
 width: 350px;
 text-align: right;
 font-family: verdana, sans-serif;
 font-size: 13px;
 }
 input {
 width:200px;
 }
 
 .rad {
	margin-left:150px;
	
	width:75px;
	}
  
 .order{
	width:60px;
	font-family: verdana, sans-serif;
	font-size: 13px;
} 

.order1{
width:200px;
 font-family: verdana, sans-serif;
 font-size: 13px;
} 
  
 .menu{
	display:none;
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family: "Trebuchet Unicode MS", "Trebuchet MS", "Bitstream Vera Sans", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
.menu ul{
	background:#F78118;
	height:25px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:right;
		padding:0px;
		list-style:none;
		}
	.menu li a{
		background:#F78118;
		color:#000000;
		display:block;
		font-weight:bold;
		line-height:25px;
		margin:0px;
		padding:0px 5px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #D0621C;
			color:#000000;
			text-decoration:none;
			}
	.menu li ul{
		background:#F78118;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:150px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		/*background:url('images/sub_sep.gif') bottom left no-repeat;*/
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:150px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:25px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#D0621C;
			border:0px;
			color:#000000;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	

		
		
.product1
  {
  margin:2px;
  height:auto;
  width:200px;
  float:left;
  text-align:center;
  padding-left:250px;
  margin-right:-55px;
  }
  
.product1 img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }