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

.hub-4col,
.hub-default{
height:180px;
min-height:180px;
}


.hub-default .link-overlay,
.hub-4col .link-overlay
{
float:left;
position:absolute;
bottom:0;
left:0;
right:0;
top:0;
z-index:5;
display:block;
}

.hub-4col a.link-overlay:focus span.hidden,
.hub-default a.link-overlay:focus span.hidden{ 
	position:relative !important;
	left:0 !important;
	top:50px !important;
	color:#FFFFFF;
	width:150px;
	background-color:#000000;
}

.hub-4col a.link-overlay:hover ,
.hub-default a.link-overlay:hover{ 
	text-decoration:none!important;
}

.hub-4col a.link-overlay:active span.hidden,
.hub-default a.link-overlay:active span.hidden{ 
	position:absolute !important;
	left:-9999em !important;
	top:50px !important;
	outline:0;
	visibility:hidden;
}

.hub-default .image-overlay,
.hub-4col .image-overlay {
width:194px;
height:91px;
float:left;
z-index:3;
position:absolute;
bottom:0;
left:0;
}

.hub-4col .image-overlay{
width: 262px !important;
}

.hub-default .image-overlay .footer,
.hub-4col .image-overlay .footer {
background-image:url('/catalogue/assets/hub/hub_footer3.png');
background-repeat: no-repeat;
width:194px;
height:91px;
float:left;
}

.hub-4col .image-overlay .footer{
width: 262px !important;
background-image:url('/catalogue/assets/hub/hub_footer_4col_png8.png');
}

.hub-default .content .link,
.hub-4col .content .link
{
	float:left;
	position:absolute;
	left:-9999em;
}

.hub-default .content .watermark,
.hub-4col .content .watermark{
	float:left;
	position:absolute;
	left:15px;
	top:15px;
	z-index:4;
	width:68px;
	height:83px;
}

.hub-default .content h3,
.hub-4col .content h3{
	float:right;
	color:#fff;
	position:absolute;
	right:5px;
	top:15px;
	font-size:1em;
	width:90px;
}

/* TH20100311: - My 4col requires this h3 to be hidden - (why is this a h3 anyway???) - need to "flexiblise" this later */

.hub-4col .content h3{
	position:absolute;
	left: -9999em;
	top: -9999em;
}


.hub-default .image-overlay .footer .title,
.hub-4col .image-overlay .footer .title
{
bottom:14px;
color:#FFFFFF;
font-size:1.5em;
left:12px;
position:absolute;
}