body {
	background-image: url(../IMAGES/newImages/claddingrightHeader.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#contentBox {
	background-image: url(../IMAGES/newImages/cladding/marbleback.jpg);
}
#rolloverBox span {
	display:none;	
}	

#rolloverBox a:hover {
	color: #666666;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#rolloverBox {
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 400px;
	width: 550px;
	background-image: url(../IMAGES/newImages/cladding/production-cycle/production-backgrounds/background.jpg);
	background-repeat: no-repeat;
	background-position: 0px 3px;	
}
#rolloverBox .HeadingBox {
	position: absolute;
	left: 20px;
	top: 10px;
	text-align:center;
	width: 300px;
	color: #000000;
}
#rolloverBox .HeadingBox h3 {
	color: #000000;
}
#rolloverBox #rawMaterials {
	position: absolute;
	left: 283px;
	top: 0px;
}
#rolloverBox #rawMaterials a:hover span {
	display:block;
	left:-173px;
	top:90px;
	width:336px;
	height:217px;
	position: absolute;
	background-image: url(../IMAGES/newImages/cladding/production-cycle/production-backgrounds/raw_materials.jpg);
	background-repeat: no-repeat;
}
#rolloverBox #grinding {
	position: absolute;
	left: 448px;
	top: 67px;
}
#rolloverBox #grinding a:hover span {
	display:block;
	left:-338px;
	top:23px;
	width:336px;
	height:217px;
	position: absolute;
	background-image: url(../IMAGES/newImages/cladding/production-cycle/production-backgrounds/grinding.jpg);
	background-repeat: no-repeat;
}
#rolloverBox #drying {
	position: absolute;
	left: 448px;
	top: 213px;
}
#rolloverBox #drying a:hover span {
	display:block;
	left:-338px;
	top:-123px;
	width:336px;
	height:217px;
	position: absolute;
	background-image: url(../IMAGES/newImages/cladding/production-cycle/production-backgrounds/drying.jpg);
	background-repeat: no-repeat;
}
#rolloverBox #mixing {
	position: absolute;
	left: 310px;
	top: 306px;
}
#rolloverBox #mixing a:hover span {
	display:block;
	left:-200px;
	top:-216px;
	width:336px;
	height:217px;
	position: absolute;
	background-image: url(../IMAGES/newImages/cladding/production-cycle/production-backgrounds/pressing.jpg);
	background-repeat: no-repeat;
}
#rolloverBox #firing {
	position: absolute;
	left: 138px;
	top: 310px;
}
#rolloverBox #firing a:hover span {
	display:block;
	left:-28px;
	top:-220px;
	width:336px;
	height:217px;
	position: absolute;
	background-image: url(../IMAGES/newImages/cladding/production-cycle/production-backgrounds/firing.jpg);
	background-repeat: no-repeat;
}
#rolloverBox #finishes {
	position: absolute;
	left: 9px;
	top: 217px;
}
#rolloverBox #finishes a:hover span {
	display:block;
	left:101px;
	top:-127px;
	width:336px;
	height:217px;
	position: absolute;
	background-image: url(../IMAGES/newImages/cladding/production-cycle/production-backgrounds/polishing.jpg);
	background-repeat: no-repeat;
}
#rolloverBox #qualityControl {
	position: absolute;
	left: 9px;
	top: 69px;
}
#rolloverBox #qualityControl a:hover span {
	display:block;
	left:101px;
	top:21px;
	width:336px;
	height:217px;
	position: absolute;
	background-image: url(../IMAGES/newImages/cladding/production-cycle/production-backgrounds/sorting.jpg);
	background-repeat: no-repeat;
}
#colourList {
	margin: 0px;
	padding: 0px;
	height: 258px;
	width: 800px;
	background-image: url(../IMAGES/newImages/cladding/individual-colour-swatches/BLANK.jpg);
	background-repeat: no-repeat;
	background-position: 250px;
}

#colourList span {
	display:none;	
}	
#colourList a:hover {
	color: #666666;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#colourList ul {
	position: absolute;
	margin: 0px;
	padding: 0px;
	height: 258px;
	width: 240px;
}
#colourList ul li {
	float: left;
	width: 20%;
	margin: 0px;
	padding: 0px;
}

#colourList a:hover span {
	display:block;
	left:250px;
	top:0px;
	width:429px;
	height:258px;
	position: absolute;
}
#reflectList {
	margin: 0px;
	padding: 0px;
	height: 258px;
	width: 800px;
	background-image: url(../IMAGES/newImages/cladding/surfaceFinishes/reflectionsmall3.jpg);
	background-repeat: no-repeat;
	background-position: 250px;
}

#reflectList span {
	display:none;	
}
#reflectList .para {
	display:block;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 4px;
}	
#reflectList a:hover {
	color: #666666;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#reflectList ul {
	position: absolute;
	margin: 0px;
	padding: 0px;
	height: 258px;
	width: 240px;
}
#reflectList ul li {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#reflectList a:hover span {
	display:block;
	left:250px;
	top:0px;
	width:429px;
	height:258px;
	position: absolute;
}

.blackborder {
border:1px #000000 solid;
}

.white{
color:#FFFFFF;
}