@charset "utf-8";
/* CSS Document */

#main .mainHorizontalLayout2 #all-colours{
	background:url(../images/all-colours-bg.png) no-repeat scroll 0 0;
	height:108px;
	margin:10px 40px 0;
	padding-top:20px;
}

table td.selector:hover{
	cursor:pointer;
	opacity:0.5;
}

#main .mainHorizontalLayout2 #all-colours table {
    border-collapse: separate;
    border-spacing: 2px;
    text-indent: 0;
	margin:0 30px;
}

#main .mainHorizontalLayout2 #all-colours td{
	width: 23px;
	height: 20px;
}

#main .mainHorizontalLayout #colourchart{
	margin: 0 auto;
	font:7px arial,sans-serif;
	background:url(../images/colourchart-bg.png) no-repeat 0 0;
	margin:0 40px;
	padding:20px;
}

#main .mainHorizontalLayout #colourchart td{
	width: 100px;
	height: 50px;
}

#main .mainHorizontalLayout #colourchart table{
	margin: -3px;
}

.colorlabel{
	text-align:center;
}

.pickable{
	vertical-align:bottom;	
	font:8px arial,sans-serif;
}

.dark{
	color:white;
}

.light{
	color:black;
}