h4 {font-size:1.1em;color:black;}
h5 {font-size:1em;}
p {clear:both;}

label {
	/*default label style*/
	color:black;
	clear:left;
	vertical-align:baseline;
}
label.blk {
	/*default label style*/
	width:10em;
	text-align:right;
	float:left;
	clear:left;
	margin-right:0.5em;
	display:inline; /*IE floated margin fix*/
}	
form {
	padding:0;
	margin:0;
}		
form p.full label {
	/*cancel it for full with labels*/
	float:none;
	width:auto;
}
p span.blk {
	text-align:left;
	margin-left:10.5em;
	display:block;
	padding:0;
	vertical-align:top;
}
code {
	color:darkgreen;
}

.required, .req {color:Sienna;}
.required input, .req input, .req textarea {background:#bcd9e3;}
input, textarea {
	/*textarea needs a repeat of font info*/
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 11px;	
	width:24em;
	border:1px dimgray solid;
	padding:1px 2px;
	}
span.hint {color:dimgray;}
	
input.checkbox {width:auto;padding:0;border:0;}

button {
	border-top:1px Ghostwhite solid;
	border-left:1px Ghostwhite solid;
	border-bottom:1px Lightslategray solid;
	border-right:1px Lightslategray solid;
}

div.invalid {
	border-top:2px #f76c97 solid;
	border-bottom:2px #f76c97 solid;
	background: #fee5ed;
	margin-bottom:0.5em;
	padding:0.3em 0;
}
div.invalid p.error {
	color:#87304b;
}

/*
	Samples table
*/
table.swatches {
	margin:2px 16px;
	padding:0;
	border:0;
	width:730px;
}

td.swatch {
	padding:0px;
	vertical-align:top;
	text-align:left;
	border:1px #eee solid;
	background:white;
	width:140px;
}
td.swatch.selected {
	border:1px #f76c97 solid;
}
table.swatches td.empty {
	border:none;
}
td.swatch label {
	font-size:11px;
	display:block;
	padding-left:20px;
}

td.swatch label input.checkbox {
	/*margin-left:-20px;*/
	position:absolute;
	left:0;
}

td.swatch img {
	width:120px;
	height:120px;
	margin:2px auto;
}

table.swatches td p,
table.swatches td h3,
table.swatches td h4 {
	margin:0.4em 8px;
}