body
{
	margin: 0;
	padding: 0;
	font: 11px Verdana, Helvetica, sans-serif;
	text-align: center;
	background-image: url(images/bg.gif);
	background-repeat: repeat;
	background-color:#666666;
}

.submit {overflow:visible;padding:0 3px;}

p.breadcrumb { 
		color: #FF0000;
		font: arial, helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
	}
	
li {list-style: none;}

p.intro { 
	padding: 0px 10px 0 15px;
	text-align: left; 
	}
	
p.intro2 { 
	line-height: 200%;
	text-align: center; 
	}
	

	a:link, a:visited
	{ 
		color: #fff; 
		text-decoration: none;
	}
	
	a:hover, a:active
	{ 
		color: #fff; 
		text-decoration: underline;
	}
	
	h1
	{
		color: #333;
		font: arial, helvetica, sans-serif;
		font-size:11px;
		font-weight: bold;
		text-align: left;
		margin: 0 0 2em 0;
	}
	
	h2
	{
		color: #333;
		font: 120% arial, helvetica, sans-serif;
		font-variant:small-caps;
		font-weight: bold;
		text-align: left;
		margin: 0 0 8px 0;
	}
	
	
	h3
	{
		color: #333;
		font: 110% arial, helvetica, sans-serif;
		font-weight: bold;
		text-align: left;
		margin: 0 0 2px 0;
	}

	p { text-align:left;
		line-height: 120%;
		font-stretch:semi-expanded;
		}
	

#container
{
	width: 747px;
	margin: auto;
	background-color: #fff;
	color: #333;
	line-height: 130%;
	padding: 6px 12px;
}

#header
{
	height: 136px;
	width: 747px;
	background-image: url(images/header.jpg);
	margin-bottom: 6px;
}


/*top navigation*/
#navcontainer {
	width: 747px;
	height: 29px;
	background-image: url(images/navbar.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	position: relative;
	color: #fff;
	font-family: 100% verdana, helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	vertical-align:top;
	overflow: hidden;
	margin-bottom: 6px;
}
#navcontainer table{
		padding: 0;
		margin: 0;
	 	width: 100%;
		height: 100%;
		vertical-align:text-top;
		}
#navcontainer td {
		padding: 0 .75em 0 1em;
		margin: 0;
	}
#navcontainer ul {
		padding: 0;
		margin: 0;
		text-align:right;
		color: #333;
	}
#navcontainer li {
		padding: 0;
		margin: 0;
		display:inline;
		}
#navcontainer li a:link, #navcontainer li a:visited {
		text-decoration:none;
		color: #333;
		}
		
#navcontainer li a:hover, #navcontainer li a:active {
		text-decoration:underline;
		color: #333;
		}
		
		#navcontainer li a:link.red, #navcontainer li a:visited.red{
		color: #FF0000;
		}
		
#navcontainer a:link, #navcontainer a:visited {
		text-decoration:none;
		color: #fff;
		}
#navcontainer a:hover, #navcontainer a:active {
		text-decoration:underline;
		color: #fff;
		}


/* sub navigation */
#leftnav {
	float: left;
	width: 170px;
	height: 100%;
	text-align: left;
	background-color: #F0F0F0;
}

#products h2 {
	color: #5A5A43;
	font-size: 100%;
	font-weight:bold;
	line-height: 25px;
	margin: 10px 0 -10px 0;
	padding-left: 1.9em;
}
#products ul {
	padding: 0;
	margin-left: 0;
	border-top: 1px solid #E5E5E5;
}
#products li {border-bottom: 1px solid #E5E5E5;}
#products li a {
	font-size: 100%;
	font-weight:bold;
	color: #554;
	display: block;
	padding: 7px 0 7px 0;
	text-decoration: none;
	width: 100%;
}
#products li a:hover {
	color: #FF0000;
	background-color: #F7F7F7;
}
#products .bullet {
color: #FF0000;
font-size: 90%;
margin-left: 12px;
margin-right: 7px;
}

/*extra side info (red)*/
		#addedinfo .sideinfo
		{
	font: 100% arial, helvetica, sans-serif;
	color:#FF0000;
	margin-top: 50px;
	text-align:center;
		}
		
	#clearone {
			clear: right;
			height: 370px;
			}	
			

/*main content area*/
#content
{
	padding: 1.2em;
	line-height: 110%;
	font-size: 100%;
	float: right;
	width: 520px;
}
#content a:link, #content a:visited  
		{ 
			color: #8F8F8F;
			text-decoration: underline;
		}
#content a:hover, #content  a:active
		{ 
			color: #C1C1C1;
			text-decoration: underline;
		}
/*PRODUCT GALLERY STARTS HERE*/

table.products  {
	text-align:left;
	line-height:160%;
	width: 100%;
	}
	
	td.productimage img {
	border: #999 2px solid;
	margin: .75em 2.3em 0 0;
	padding: 1px;
	width: 155px;
	height: 240px;
	}
	
	td.productimage2 img {
	border: #999 2px solid;
	margin: .75em 2.3em 0 0;
	padding: 1px;
	width: 230px;
	height: 230px;
	}
	
	td.fotlimage img {
	margin-left: 2.5em;
	}
	
	td.productname {
		color: #FF0000;
		font: 120% arial, helvetica, sans-serif;
		font-weight: bold;
		width: 35%;
	}
	
	td.productname2 {
		color: #000000;
		font: 110% arial, helvetica, sans-serif;
		font-weight: bold;
		vertical-align: bottom;
			}
	
	td.productdesc {
		font: 110% arial, helvetica, sans-serif;
		font-weight: normal;
	}
	
	.productdescextra {
		color: #FF0000;
		font: 110% arial, helvetica, sans-serif;
		font-weight: normal;
	}

	.productdesc2extra {
		color: #FF0000;
		font: 90% arial, helvetica, sans-serif;
		font-weight: normal;
		font-style:italic;
	}

	td.productdesc2 {
		font: 100% arial, helvetica, sans-serif;
		font-weight: normal;
		width: 65%;
	}
	
	td.productinfo {
		color: #FF0000;
		font: 100% arial, helvetica, sans-serif;
		font-weight: bold;
		}
	
table.colours  {
	text-align:left;
	width: 100%;
	}
	
	tr td.colourinfo {
		color: #FF0000;
		font: 100% arial, helvetica, sans-serif;
		font-weight: bold;
		}

	
	table.colours li.colourimage {
		margin: .5em .5em 0 0;
		width: 25px;
		height: 25px;
		display: block;
	}
	
	table.colours li.colourimagehat {
		margin: .5em .5em 0 0;
		/*width: 25px;
		height: 25px;*/
		display: block;
	}
	
	table.colours li.colourname {
		color: #000;
		font: 100% arial, helvetica, sans-serif;
		font-weight: bold;
		margin: .5em 0 .5em 0;
		/*font-variant: small-caps;*/
	}
	

<!--List classes for main products page-->	

	table.catalogue  {
	text-align:left;
	}
	
	table.catalogue tr {
	text-align: center;
	width: 70%;
	}
	
	td.catalogue {
	text-align: left;
	line-height:200%;
	}
	
	table.catalogue a img {
		text-decoration: none;
		border: #CCC 2px solid;
	}
	
	table.catalogue a:hover img {
		border: #999 2px solid;
	}
	
	table.catalogue img {
		padding: 1px;
	}
	
	table.catalogue li.cataloguecode {
		color: #000;
		font: 100% arial, helvetica, sans-serif;
		font-weight: bold;
		margin: .5em 0 .5em 0;
	}
	
	table.catalogue li.cataloguename {
		color: #000;
		font: 100% arial, helvetica, sans-serif;
		font-weight: bold;
		margin: .5em 0 .5em 0;
		/*font-variant: small-caps;*/
	}
	
	
	<!--Colours Table -->	

	table.catalogue2  {
	text-align:center;
	margin:auto;
	}

	td.catalogue2 {
	text-align:center;
	line-height:80%;
	width: 3.5em;
	vertical-align: top;
	}
	
		
	.colourname {
		color: #000;
		font: 90% arial, helvetica, sans-serif;
		font-weight: normal;
	}
	
	img.colourimage {
	padding: .5em 0 .5em 0;
	width: 25px;
	height: 25px;
	}
	
	img.colourimagehat {
	padding: .5em 0 .5em 0;
	/*width: 100%;
	height: 100%;*/
	}
	
	
/*next buttons*/	
#nextbuttons
{
	width: 520px;
	color:#6666FF;
	font-size: 110%;
	clear: left;
	text-align: left;	
}	

#nextbuttons a:link, #nextbuttons a:visited  
		{ 
			color: #6666FF;
			text-decoration: underline;
		}
#nextbuttons a:hover, #nextbuttons  a:active
		{ 
			color: #00CCFF;
			text-decoration: underline;
			}
	
	td.productimage img {
	border: #999 2px solid;
	margin: .75em 2.3em 0 0;
	padding: 1px;
	width: 155px;
	height: 240px;
	}


/*ORDER/ENQUIRY TABLE*/

	table.enquiry  {
	width: 100%;
	font-size: 100%;
	background-image:url(images/bg_dots.gif);
	border:#ccc solid 1px;
	padding: 1em;
	}
	
	table.enquiry p{
		color:#333;
		font-weight:bold;
		}
	
	table.enquiry p.plain{
		font-weight:normal;
		}
		
	table.enquiry span.extra{
		font-weight:normal;
		font-size: 85%;
		font-style:italic;
		}
	
/*VIEW ORDERS TABLE*/

table.orders  {
	text-align:left;
	line-height:160%;
	width: 450px;
	}
	
table.orders tr  {
		padding: 0;
	}
	
table.orders tr th {
		font: 100% arial, helvetica, sans-serif;
		color:#FFFFFF;
		font-weight:bold;
		font-stretch:semi-expanded;
		background-color: #999999;
		padding: 2px;
	}
	
table.orders tr td {
		font: 110% arial, helvetica, sans-serif;
		font-stretch:semi-expanded;
		background-color: #E5E5E5;
		padding: 2px;
	}

table.buttons td{
	vertical-align:top;
	}




/*footer section*/
#footer
{
	clear: both;
	width: 747px;
	height: 29px;
	background-image:url(images/footer2.jpg);
	margin-top:6px;
}

#footer p.copyright
{
	font: 90% arial, helvetica, sans-serif;
	font-weight:bold;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	padding-top: 7px;
}