.item {
	background:url(../../images/interface/shadow.jpg) no-repeat;
	padding:0;
	width: 233px; 
	height: 380px;
	font-family: Century gothic, Georgia, Tahoma, "Times New Roman", Times, serif;
	margin-top: 40px; /* just to keep same distance a la page I'm copying */
	float: left;
}
.image {
	margin-top: 30px;
	margin: 0px 0 8px 16px;
}
.image img {
	border:0;
}
.image a {
	padding:0;                        
	background-color:#fff;
	margin: 35px 0 8px 16px;		
}
.image a:hover {
	text-decoration: none;
}
/* Very slightly different from 'standard' h4 - remove if standard is ok! */
.item h4 {
	color:#555;
	line-height:14px;
	margin: 3px 0 0;
}
.spaceLeft {
	margin-left: 28px !important; /* Most browsers other than IE 6 and below respect the importance immediately */
	margin-left: 28px; /* IE 6 and below uses this value, even though the above is marked as important */
}
.spaceMiddle {
	margin-left: 4px !important; /* Most browsers other than IE 6 and below respect the importance immediately */
	margin-left: 4px; /* IE 6 and below uses this value, even though the above is marked as important */
}
.spaceRight 	{
	margin-left: 12px !important; /* Most browsers other than IE 6 and below respect the importance immediately */
	margin-left: 12px; /* IE 6 and below uses this value, even though the above is marked as important */
}
/* Note the minimum height to keep the links (now buttons) at same y value...due to large buttons this looks quite big - but is at bear minimum! */
.information {
	padding:10px 6px 10px 16px;
	margin: 0px;
	min-height: 160px;
	height:auto !important;
	height: 160px;
	width: 220px;
}
.itemLink {
	padding: 0px 0px -10px 0px;
	float: right;
}

label.error {
	font-size: 11px;
	color: #F00;
	border: none;
	background: none;
	margin: 0;
	display: block;
}
.error, .notice, .success {
	padding:0;
}
.lowSpace {
	margin-bottom: 2px;
}