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

div#slider1Slot {
	height:133px;
}

/* the following rules apply only to IE7 */
*+html div#slider1Slot {
	height:135px;
}

.imageSliderHolder {}
	.imageSliderHolder h2.sectionTitle {
		background-position: -13px -250px;
		}
	.imageSliderHolder .sectionContent {
		background-color: #f8fafb;
		padding-right: 0;
		overflow: hidden;
		}

.imageSlider {
	position: relative;
	margin: 0;
	padding: 5px 0 5px 5px;
	background-color: #f9fafc;
	border: 1px solid #dadcdd;
	z-index: 1; /* Benji 18/04/2011 - was disappearing behind <h2 class="sectionTitle" .../> hence interfering with mouse events */
	height: 120px;
	}
	.imageSlider .carousel {
		position: relative;
		height: 122px;
		}
		.imageSlider .listItemContainer {
			overflow: hidden;
			position: relative;
			height: 122px;
		}
		.imageSlider .prev, .imageSlider .next {
			display: block;
			position: absolute;
			top: 0px;
			left: -28px;
			width: 23px;
			height: 26px;
			overflow: hidden;
			text-indent: -10000px;
			cursor: pointer;
			background-image: url(../images/images.png);
			background-position: -76px -172px;
			background-repeat: repeat-y;
			z-index: 2;
			zoom: 1;
			}
		.imageSlider .prev {
			top: 26px;
			background-position: -76px -140px;
			}
		.imageSlider div.cellList {
			position: absolute;
			}
			.imageSlider div.cellList div.listItem {
				position: relative;
				top: 0px;
				float: left;
				width: 150px;
				margin: 0 4px 0 0;
				padding: 0;
				height: 120px;
				overflow: hidden;
				background-color: #ffffff;
				border: 1px solid #e5eaf0;
				}
				/* title wrapper for carousel items with images */
				.imageSlider div.cellList div.listItem div.titleWrapper {
					position: absolute;
					background-color: #587982;
					display: none;
					width: 100%;
					}
				.imageSlider div.cellList div.listItem span.title {
					color: #ffffff;
					text-decoration: none;
					white-space: normal;
					}
				/* title wrapper for carousel items with images */
				.imageSlider div.cellList div.listItem div.titleWrapper-noImage {
					position: absolute;
					background-color: #none;
					display: block;
					width: 100%;
					}
					.imageSlider div.cellList div.listItem div.titleWrapper-noImage  span.title {
						color: #257CB3;
						text-decoration: underline;
						}
			.imageSlider div.cellList div.listItem.blank {
				background-color: #E8F3F7;
				border: 1px solid #E8F3F7;
				cursor: default;
				}
div#slider2Slot {
	margin-top: 20px;
	position: relative;
}


/* benji 19/04/2011 DOM modifications for new slider */
div#slider1Slot .imageSlider {
	width: 540px;
	white-space: nowrap;
	float: right;
	margin-right: 1px;
	/*display: none;*/
	}
	div#slider1Slot .imageSlider div.cellList {
	}
	div#slider1Slot .imageSlider div.cellList div.listItem {
		margin: 0 10px 0 0;
	}

div#slider2Slot .imageSlider  {
	width: 643px;
	white-space: nowrap;
	}
	/* benji 20/04/2011 margin so that EXACTLY 4 listItems can be displayed */
	div#slider2Slot .imageSlider div.cellList div.listItem {
		margin: 0 10px 0 0;
	}