/* ------------------------------------ Colours & Background Colours ------------------------------------------ */

.ColourBlue {
  color: #1261C8;
}

.ColourWhite {
  color: #FFFFFF;
}

.DarkPurple {
  color: #5E1F84;
}

.IndRed {
  color: #FC1B23;
}

.IndMauve {
  color: #9967B0;
}

.IndFucia {
  color: #CC3399;
}

.DarkFucia {
  color: #921677;
}

.IndOrange {
  color: #FE880D;
}

.Orange {
  color: #F17F08;
}

.DarkOrange {
  color: #E05700;
}


.GreyWarm1 {
  color: #7D775B;
}

.IndFuciaBG {
  background-color: #CC3399;
}

.LightGrey {
  background-color: #F4F3F0;
}

.LightMauve {
  background-color: #EBE1EF;
}

.LightPurple {
  background-color: #ECEAF9;
}

.LightYellow {
  background-color: #FAF8EA;
}

.LightOrange {
  background-color: #FBF1E6;
}

.LightRed {
  background-color: #F8E4E2;
}

.MidCoolGrey {
  background-color: #D2D1D0;
}

.White {
  background-color: #FFFFFF;
}

/* ------------------------------------ End of Colours & Background Colours ------------------------------------ */



.roundedtable
{
  font-family:  Verdana, sans-serif, Arial;
  font-size: 0.83em;
  vertical-align: top;
}

.roundedtable td
{
  font-family:  Verdana, sans-serif, Arial;
  font-size: 0.83em;
  vertical-align: top;
}

.roundedtableLarger td
{
  font-family:  Verdana, sans-serif, Arial;
  font-size: 1em;
  vertical-align: top;
}


/* BUG FIX: Removes default top margin from paragraphs in Mozilla 
div > p {
  margin-top: 0;
}

div > h1 {
 margin-top: 0;
}

div > h2 {
 margin-top: 0;
}
*/


.PanelLinkWhiteNonRelative {
  font-size: 0.6em;
  letter-spacing: 0em;
  font-weight: bold;
  color: #FFFFFF;
}

.PanelLinkWhiteNonRelative:link {color: #FFFFFF; text-decoration: none; font-weight: bold;}
.PanelLinkWhiteNonRelative:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;}  
.PanelLinkWhiteNonRelative:hover {color: #FFFFFF; text-decoration: underline; font-weight: bold;}
.PanelLinkWhiteNonRelative:active {color: #FFFFFF; text-decoration: underline; font-weight: bold;}

.FloatLeft {
  float: left;
}

.Font1point1em {
  font-size: 1.1em;
}

.BreadcrumbDashWhite {
  color: #FFFFFF;
  font-size: 1.1em;
  vertical-align: -9%;
}
/*
div.TextBodySize table {
  font-size: 1.1em;
}
*/

/* by adding this one removes the need to but border="0" throughout a document */
img {
  border: none;
  outline: none;
}

/* from here came from middle */

.CellTitle {
  font-size: 1em;
  letter-spacing: -0.09em;
  font-weight: bold;
  padding-bottom: 6px;
}

#MiddleCell {
  vertical-align: top;
  width: 261px;
}

.MiddlePanel {
  width: 261px;
  height: 99px;
  background-position: top left;
  background-repeat: no-repeat;
  padding-bottom: 8px;
}

.MiddlePanel01 {
  background-image: url('/digitalAssets/441_HomePage_MiddleCell01_background.gif');
}
.MiddlePanel02 {
  background-image: url('/digitalAssets/439_HomePage_MiddleCell02_background.gif');
}
.MiddlePanel03 {
  background-image: url('/digitalAssets/440_HomePage_MiddleCell03_background.gif');
}

.Height70px {
  height: 70px;
}

.MiddlePanelContent {
  padding-left: 80px;
  padding-top: 10px;
  padding-right: 16px;
}

.MiddlePanelLink {
  padding-top: 5px;
  padding-right: 15px;
  text-align: right;
  font-size: 1.4em;
}

.MiddlePanelImageArea {
  position: relative;
  width: 64px;
  height: 64px;
  left: 12px;
  top: 13px;
}

	


/* this is the rounded boxes on the home page */

	.boxbottom146{
		display:block;
		width:146px; 
		background-position:left bottom;
		background-repeat:no-repeat;
		background-image:url(images/left-bottom146-blue.gif);
		text-align:center;
	}
	
	.boxtop146 {
		display:block;
		width:146px;
      height:39px;
		background-position:left top;
		background-repeat:no-repeat;
		background-image:url(images/left-top146-blue.gif);
		margin-top: 0px;
	}
	
	.topcontent146 {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	padding-top: 10px;
	padding-left: 7px;
	text-align:left;
	}
	
	.maincontent146{
		color:white;
      font: 80%/1.3em Verdana, Arial, Helvetica, sans-serif;
		display:block;
		text-align: left;
		padding-left: 7px;
		padding-bottom: 7px;
		padding-right: 6px;
		margin-bottom: 20px;
	}
	
	
	

/* this is the wider 292 rounded boxes on the home page centre */

	.boxbottomgrey{
		/*make this the same width as the bottom image*/
		/*don’t set the height as this needs to be flexible*/
		display:block;
		width:350px; /* ensure that this is set to graphics width */
		/*set the image as a background*/
		background-position:left bottom;
		background-repeat:no-repeat;
		background-image:url(images/center-blue350.gif);
		text-align:center;
	}
	
	/* 160 wide box */
	.boxtopgrey {
		/*make this the same size as the top image*/
		display:block;
		width:350px;
	   height:39px;  /* was 81 */
		/*set the image as a background*/
		background-position:left top;
		background-repeat:no-repeat;
		background-image:url(images/center-topblue350.gif);
	}
	.topcontentgrey {
		/*set the font style for the box title*/
	font: 2em Verdana, Arial, Helvetica, sans-serif;
/*	height:48px; */
	color:#0002BF;
		/*shift the title down a bit and center it*/
		padding-top: 10px;
		padding-left: 7px;
	/*	padding:5px 5px 0px 5px; */
	text-align:left;
	}
	
	.maincontentgrey{
		/*set the font style for the main content*/
		color:#000;
      font: 1.3em Verdana, Arial, Helvetica, sans-serif;
		display:block;
		text-align: left;
	   padding-left: 7px;
	padding-bottom: 7px;
	padding-right: 2px;
		/*align the main content nicely*/
	/*	padding:0px 5px 5px 5px;  */ /*
	padding-bottom: 5px;
		padding-right:5px;  */
/*		background-color: #568c57;  */
	}
	

.productbutton{
background-image: url(/images/product-button.png);
background-repeat: no-repeat;
background-position: 50% 50%;
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: center;
}

.generalproductbutton{
background-image: url(/images/general-product-button.png);
background-repeat: no-repeat;
background-position: 50% 50%;  
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: center;
}
	
.floatright {
  float: right;
}