h3.colourheader {
	margin-bottom: 6px;
	padding-top: 8px;
	clear: left;
}
div.preview {
	width:40px;
	height: 20px;
	float: left;
	cursor:pointer;
	margin-bottom: 10px;
}
div.preview div {
	width:38px;
	height: 18px;
}
div.preview div:hover {
	background-color: #ffffff;
}
div.previewlabel {
	padding-top: 5px;
	padding-left: 10px;
	float:left;
}
div.colourwrapper {
	width: 100%;
}
div.colourdiv {
	width: 200px;
	padding-right: 10px;
	padding-bottom: 8px;
	float: left;
}
div.colourBox {
	float: left;
	height: 6px;
	width: 8px;
	font-size:2px; /* Lame IE hack */
	cursor:crosshair;
}
div.colourColumn {
	width: 48px;
	float: left;
}
#colours {
	width: 98px;
	height: 110px;
	background-color: rgb(139,141,133);
	padding: 1px;
	border-top: 1px solid rgb(251,252,249);
	border-right: 1px solid rgb(46,47,44);
	border-bottom: 1px solid rgb(46,47,44);
	border-left: 1px solid rgb(251,252,249);		
}

#subcolours {
	width: 96px;
	height: 108px;
	background-color: rgb(231,235,222);
	border-top: 1px solid rgb(251,252,249);
	border-right: 1px solid rgb(46,47,44);
	border-bottom: 1px solid rgb(46,47,44);
	border-left: 1px solid rgb(251,252,249);	
}
#mainblockwrapper {
	height: 48px;
	width: 98px;
	background-color: rgb(139,141,133);
	padding: 1px;
	border-top: 1px solid rgb(251,252,249);
	border-right: 1px solid rgb(46,47,44);
	border-bottom: 1px solid rgb(46,47,44);
	border-left: 1px solid rgb(251,252,249);	
}
#mainblock {
	height: 46px;
	width: 96px;
	border-top: 1px solid rgb(251,252,249);
	border-right: 1px solid rgb(46,47,44);
	border-bottom: 1px solid rgb(46,47,44);
	border-left: 1px solid rgb(251,252,249);
}
div.rgbslider {
	height: 20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	/* Why don't we need width here? Typing at Paul's, kinda drunk... :S */
}
#sliderwrapper {
	width: 98px;
	height: 68px;
	padding: 1px;
}
#subsliderwrapper {
	width: 84px;
	height: 60px;
	padding: 6px 6px 0px 6px;
}
.slot {
	border: 1px solid #999999;
	background-color:#ffffff;
	position: relative;
}
.slider {	
	font-size: 2px;
	background-color: #66ccff;
	position: relative;
	left: 0px;
	cursor: w-resize;
}
.slider:hover {
	background-color: #3399cc;
}
div.sliderlabel {
	width: 10px;
	float: left;
}

.inner {
	background-image: url("../images/metal.png");
	border-top: 1px solid rgb(244,244,244);
	border-right: 1px solid rgb(39,39,39);
	border-bottom: 1px solid rgb(39,39,39);
	border-left: 1px solid rgb(244,244,244);
	background-color: rgb(195,195,195);
}
.outer {
	background-color: rgb(117,117,117);
	border-top: 1px solid rgb(244,244,244);
	border-right: 1px solid rgb(39,39,39);
	border-bottom: 1px solid rgb(39,39,39);
	border-left: 1px solid rgb(244,244,244);
}

#savefields {
	height: 98px;
	width: 98px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding: 1px;
}

#savefields div {
	height: 80px;
	width: 80px;
	padding: 8px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
}

input.save {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	width: 74px;
	position: relative;
	margin: 3px 3px 3px 3px;
}

fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}
#subcontent.demo {
	min-height: 430px;
	height: auto !important;
	height: 430px;
}