body {

	background-color: #999;

	font-family: Arial, Helvetica, sans-serif;

	margin: 0;

}

#wrap {

	min-width: 950px;

}

#leftcol {

	width: 320px;

	float: left;

}

#leftcol span {
	margin: 10px;
	
}

#leftcol span a {
	text-decoration: none;
	color: #fff;
	font-size: 12px;
}

#leftcol span a:hover {
	text-decoration: underline;
}

#rightcol {

	float: left;

	margin-left: 20px;	

	width: 600px;

}

#rightwrap {

	width: 100%;

}

#im {

	margin: auto;

	float: left;

	margin: 5px 0px 0px 0px;		

	clear: both;

	height: 510px;

}

#info {

	float: left;

	margin-left: 10px;	

	clear: both;

	width: 100%;	

}

#info #bar {

	clear: both;

	float: left;  

	border: solid 2px;

	background-color: #ccc;

	border-color: #ddd #aaa #aaa #ddd;

	width: 100%;

	height: 20px;

	padding: 5px;

	font-size: 12px;

	color: #333;

}

#info #bar span.name {

	float: left;

}

#info #bar span.size {

	float: right;

	margin-right: 10px;

}

#info #bar a#help {

	float: right;

	width: 15px;

	height: 15px;

	background-color: #eee;

	margin: 2px 2px 0px 0px;

	border: solid 1px;

	border-color: #999 #ddd #ddd #999;

	font-size: 14px;

	font-weight: bold;

	text-align: center;

	text-decoration: none;

	color: #666;

}

#info #bar a#help:hover {

	background-color: #fff;

	border-color: #ddd #999 #999 #ddd;

	color: #000;

}

#info #nav {

	clear: both;

	width: 100%;

	height: 30px;

	margin-bottom: 20px;

}

#info #nav #backnav {

	float: left;

	width: 100px;

	height: 20px;

}

#info #nav #navdesc {

	width: 370px;

	height: 20px;

	text-align: center;

	float: left;

	font-size: 10px;

	padding-top: 15px;

}

#info #nav #nextnav {

	float: right;

	width: 100px;

	height: 20px;

	text-align: right;

}

a.nav,

a.nav:link,

a.nav:visited {

	display: block;

	width: 80px;

	height: 18px;

	color: #333;

	text-decoration: none;

	background-color: #e3e3e3;

	font-size: 14px;

	border: solid 1px #ccc;

	text-align: center;

}

a.nav:hover {

	background-color: #fff;

	color: #000;

	border: solid 1px #333;

}

div#break {
	width: 100%;
}	

div#colourselector {

	display: block;

	width: 150px;
		
	float: left;	

	margin-top: 60px;
	
}

div#colourselector span {
	margin-left: 20px;	
	font-size: 11px;
	color: #000;
}

div#magnify {

	display: block;

	width: 100px;

	float: right;	

	text-align: center;
	
	margin-top: 80px;

}

div#magnify span {

	width: 100%;

	font-size: 0.7em;

	color: #fff;	

	margin-bottom: 5px;

}



div#colourselector ul {

	list-style-type: none !important;

}

ul#colours {

	display: block;

	margin: 0;

	margin-left: 20px;

	margin-top: 20px;

	padding-left: 0;

	width: 72px;

	height: 80px;

	overflow: scroll;

	list-style-type: none !important;

	clear: both;

}

ul#colours li {		

	width: 100%;

}

ul#colours li a {

	background-image: none;

	display: block;

	width: 50px;

	text-decoration: none;

	margin-bottom: 1px;

	border-right: solid 4px #fff;

}

ul#colours li a:hover {

	border-right: solid 4px #000;

}

div#contentpane {

	margin-top: 20px;

	margin-left: 20px;

	width: 550px;

	height: 500px;

	overflow: scroll;

	font-size: 0.7em;

	border: solid 1px #333;	

}

div#contentpane h1 {

	margin: 10px;

	font-size: 1.3em;

	font-weight: bold;

}

div#contentpane h2 {

	margin: 10px;

	font-size: 1.1em;

	font-weight: bold;

}

div#contentpane p {

	margin: 10px;

}

.clearboth {

	width: 100%;

	height: 1px;

	clear: both;

}

a,

a:link,

a:visited {

	font-size: 1.2em;

	font-weight: bold;

	color: #000;

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}

span.telephone {

	color: #0000cc;	

}