/*----------------------------------------------------------------------------------------
 * color & trim
 *--------------------------------------------------------------------------------------*/
#colours {
	height: 320px;
	border: 1px solid #3861A4;
	background: url("/img/bg/models/spinner.gif") no-repeat 50% 50%;
	position: relative;
	width: 494px;
	margin:15px 0 5px 0;
}
/* check ie.css for above margin value */

#center #colour_holder,
#center #colour_holder2,
#center #colour_holder3 {
	margin: 0;
	padding: 5px 5px 0;
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 282px;
	width: 484px !important;
}
#center #colour_title,
#center #colour_title2,
#center #colour_title3 {
	position: absolute;
	clear: left;
	bottom: 3px;
	left: 4px;
	color: #999 !important;
	font: bold 13px Verdana;
	width: 100%;
}
#center #colour_holder dd,
#center #colour_holder2 dd,
#center #colour_holder3 dd {
	float: left;
	clear: none;
	margin: 0 5px 5px 0;
	border: 1px solid #333;
}
#center #colour_holder dd a,
#center #colour_holder2 dd a,
#center #colour_holder3 dd a {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999em;
	overflow: hidden;
	text-decoration: none !important;
}
#colour_ranges {
	background: #3861A4;
	list-style: none;
	margin: 0;
	padding: 4px;
	overflow: hidden;
	width: 440px;
}
#colour_ranges li {
	display: block;
	float: left;
	margin: 0 4px 0 0;
}
#colour_ranges li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #3861A4;
	padding: 0 8px;
}
#colour_ranges li a:focus, #colour_ranges li a:hover, #colour_ranges li a:active, #colour_ranges li a.active {
	background-color: #6A89BB;
	border: 1px solid #8FA7CC;
}