/*====================================================================*/
/* Jobs4Network */
/* Created June 2010 */
/* Banner styles */
/*====================================================================*/

#mpuholder {min-height: 380px;}

#mpuholder,
div.expand-banner div.image-holder {position: relative;}

div.expand-banner p {margin-top: 0;}
	
div.expand-banner div.banner-mask-1 {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	}

div.expand-banner div.banner-mask-2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	}	
	
#hsbc-banner div.banner-mask-1,
#hsbc-banner div.banner-mask-2 {background:#ffff01;}
	
div.expand-banner div.job-content {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 2;
	border-top: 30px solid #ffff01;
	padding: 15px;
	background: #fff;
	font-size: 1.1em;
	}

div.expand-banner div.job-content h2 {
	margin: 0 0 1.5em;
	padding: 0;
	text-indent: -1000em;
	}
	
#hsbc-banner div.job-content h2 {
	width: 398px;
	height: 66px;
	background: url(http://www.jobs4network.co.uk/images/yell-newmedia.png) no-repeat;
	}

div.expand-banner div.job-content dl {margin: 0 0 1em;}

div.expand-banner div.job-content dl dt {
	margin: 0.7em 0 0;
	font-size: 1.4em;
	color: #000;
	}

div.expand-banner div.job-content dl dd {
	margin: 0;
	font-size: 1.2em;
	color: #222;
	}
	
div.expand-banner div.job-content div.emphasize {
	margin: 2em 0 1.5em 0;
	padding: 15px;
	background: #f2f2f2;
	color: #222;
	}
	
div.expand-banner div.job-content div.emphasize ul {
	margin: 0 0 1em 0;
	padding: 0;
	font-weight: bold;
	list-style: none;
	font-size: 1.1em;
	}
	
div.expand-banner div.job-content div.emphasize ul li {margin: 0 0 2px 0;}

div.expand-banner div.job-content a {
	color: #000;
	text-decoration: underline;
	}
	
div.expand-banner div.job-content a:hover,
div.expand-banner div.job-content a:focus {text-decoration: none;}