
/* 
	'Sliding doors' solution for image roll-overs featured on 
	health/mediaandindustry/nhs60/index.htm
      
	  Template has been modified to write out the image specific css rules when the page is published.
      KB: 30/05/08	
*/
/*
.rollover_list
{
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: inline; 
	overflow: hidden; 
}

.rollover_list li 
{ 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: inline; 
} 

.rollover_list a 
{ 
	float: left; 
	overflow: hidden; 
	height: 0px !important; 
} 
*/



#homepromocontent
{
   width:32.4em;
   display:block;
   float:left;
}

*html #homepromocontent
{
   !width:32em;
}

.rolloverPromo
{
  width:150px;
  height:134px;
  display:block;
  position:relative;
  float:left;
  margin-right:0.75em;
}

*html .rolloverPromo
{
   !margin-right:0.6em;
}

.promolink
{
   /*background:orange;*/
   display:block;
   width:150px;
   height:134px;
   position:absolute; 
   top:0; 
   left:0;
   z-index:99;
   display:none;
}

/*
#promo2link
{
	background:#81bc4e;
}

#promo3link
{
	background:red;
}
*/

.promolink a
{
   display:block;
   width:100%;
   height:100%;
   color:black;
   text-decoration:none;
   font-size:0.76em;
}

/*
#promo3link a
{
   color:white;
}
*/

.promolink a span
{
   display:block;
   padding:0.7em 1.1em 0.7em 0.7em;
}





/*
#rollover_list_1 a:hover{background-position: 0 -11.3em;}
   
.rollover_list#rollover_list_1 a{padding: 9.1em 0.7em 0 0;}


#rollover_list_1 a:hover{background-position: 0 -9.3em;}
   
.rollover_list#rollover_list_1 a{padding: 9.1em 0.7em 0 0;/*height :9em;width:10.8em;*//*}
*/


/*
#rollover_list_1 a:hover{background-position: 0 -134px;}
   
.rollover_list#rollover_list_1 a{padding: 134px 0.7em 0 0;/*height :9em;width:10.8em;*//*}
*/


/*
#slider1_1 a
{
     background: url(../Images08/homepage-2012.jpg) top left no-repeat;

}
  
#slider2_1 a
{
    background: url(../Images08/Community.jpg) top left no-repeat;
}

#slider3_1 a
{
    background: url(../Images08/Work-experience-small-banner.jpg) top left no-repeat;

}*/
   
  

