/* // Easy Slider */

img {
  border:none;
}

#container {
  margin:0 auto;
  position:relative;
  text-align:left;
  width:470px;
  background:#fff;
  margin-bottom:2em;
  overflow:hidden; /* jfp - I seemed to have an issue in ie6 with all the banners showing so lets hide the overflow */
}

#container2 {
  margin:0 auto;
  position:relative;
  text-align:left;
  width:160px;
  background:#fff;
  margin-bottom:1em;
}

#content {
  position:relative;
}

#content2 {
  position:relative;
}

/* Easy Slider */

#slider {
  height:70px;
}

#slider ul, #slider li {
  margin:0;
  padding:0;
  list-style:none;
}
#slider li {
  /* 
  define width and height of list item (slide)
  entire slider area will adjust according to the parameters provided here
  */ 
  width:470px;
  height:62px; /* for some reason it's clipping the bottom of the banner so give a little extra */
  overflow-x:hidden;
  overflow-y:hidden;
}

p#controls, p#controls2 {
  margin:0;
  position:relative;
}

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2 {
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;
	width:16px;
	height:60px;
	position:absolute;
	left: -16px;
	top: -60px;
}

#nextBtn, #nextBtn2 {
  left:468px;
}

#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a {
	display:block;
	width:16px;
	height:60px;
	background:url(http://www.breastcancer.org.uk/js/images/easyslider/btn_prev2.gif) no-repeat 0 0;
}
#nextBtn a, #nextBtn2 a {
	background:url(http://www.breastcancer.org.uk/js/images/easyslider/btn_next2.gif) no-repeat 0 0;
}

/* numeric controls */ 

ol#controls{
  margin: 1px 0;
  padding:0;
  height:10px;
}
ol#controls li{
  margin:0 10px 0 0; 
  padding:0;
  float:left;
  list-style:none;
  height:10px;
  line-height:10px;
}   

ol#controls li a{
  float:left;
  height:10px;
  line-height:10px;
  border:1px solid #333;
  background:#DAF3F8;
  color:#555;
  padding:0 10px;
  text-decoration:none;
}     

ol#controls li.current a{
  background:#137484;
  color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{
  outline:none;
}
/* // Easy Slider */