/* CSS Document */
/* Coat Colours Matrix */

#colour div.swatch, #colour button{
	width: 32px;
	height: 32px; 
	margin: 0;
	padding: 0;
	margin-left: 8px;
	background-image: url(../images/coatcolours.jpg);
	vertical-align: middle;
	border: 1px solid #333;
}
#colour p div.swatch {float: right;}
#colour button {float:left; margin:0;}
/* Swatches layout for the administration interface */
div#colourSwatches {
	width:50% !important;
	margin:1em 0 0 25%;
	padding:0.5em 2em 1em 2em;
	border:1px solid #999999;
	display:none;
}
div#colourSwatches div {
	float:left;
	margin:0 8px 0 0 !important;
}
div#colourSwatches strong {
	margin-bottom:0.5em;
	display:block;
}

div#colour p{
	line-height: 16px;
	vertical-align: middle;
	}

.black {
	background-position: 0px 0px !important;
}

.blackappaloosa {
	background-position:  32px 0px !important;
}

div.deepchestnut {
	background-position: 0px 32px !important;
}

div.deepchestnutappaloosa {
	background-position: 32px 32px !important;
}

div.blueroan {
	background-position: 0px 63px !important;
}

div.blueroanappaloosa {
	background-position: 32px 63px !important;
}

div.buckskin {
	background-position: 0px 95px !important;
}

div.buckskinappaloosa {
	background-position: 32px 95px !important;
}

div.strawberryroan {
	background-position: 0px 127px !important;
}

div.strawberryroanappaloosa {
	background-position: 32px 127px !important;
}

div.dun {
	background-position: 0px 159px !important;
}

div.dunappaloosa {
	background-position: 32px 159px !important;
}

div.chestnut {
	background-position: 0px 191px !important;
}

div.chestnutappaloosa {
	background-position: 32px 191px !important;
}

.lightbay {
	background-position: 0px 223px !important;
}

div.lightbayappaloosa {
	background-position: 32px 223px !important;
}

div.darkbay {
	background-position: 0px 255px !important;
}

div.darkbayappaloosa {
	background-position: 32px 255px !important;
}