/* Base colour here is red #c62a35; */


/* WSListS1: Bulleted list with an image as a bullet  */
/* use with smaller images */

.WSListS1para {
	  font-weight: bold;
	  font-size:0.9em;
	  margin:0;
	  padding:0;
	}

.WSListS1 {
	  margin:0;
	  padding:0;
	  padding: .5em;
	  font-size:0.9em;
	  line-height: 140%;
	  list-style:none;
	}
	
.WSListS1 li {
	  margin:0;
	  padding:0;
	  padding-left: 12px;
	  padding-bottom: 0.4em;
	  background: no-repeat url(../images/bullits/redsquare.gif) 0.2em 0.5em; 
	 }
	 
.WSListS1 li a:link {			/* needed otherwise IE indents link more than non link */
	  margin:0;
	  padding:0;
	  color:#c62a35;
	  text-decoration:underline;
	 }

.WSListS1 li a:hover {
	background:#f4f4f4;
	text-decoration:underline;
   	 }


/* WSListS13: Bulleted list with Heading style  */
/* use with smaller images */

.WSListS13para {
	font-size: 1.1em;  
	font-weight: bold; 
	margin: 0;
	padding-bottom:4px;
	color: rgb(159,64,0);
	padding-top:30px;
	}

.WSListS13 {
	  margin:0;
	  padding:0;
	  padding: .5em;
	  font-size:0.9em;
	  line-height: 140%;
	  list-style:none;
	}
	
.WSListS13 li {
	  margin:0;
	  padding:0;
	  padding-left: 12px;
	  padding-bottom: 0.4em;
	  background: no-repeat url(../images/bullits/redsquare.gif) 0.2em 0.5em; 
	 }
	 
.WSListS13 li a:link {			/* needed otherwise IE indents link more than non link */
	  margin:0;
	  padding:0;
	  color:#c62a35;
	  text-decoration:underline;
	 }

.WSListS13 li a:hover {
	background:#f4f4f4;
	text-decoration:underline;
   	 }





/* WSListS2: Bulleted list with a larger arrow as a bullet */

.WSListS2para {
	font-weight: bold;
	margin:0;
	padding:0;
	}
	
.WSListS2 {
	  margin:0;
	  padding:0;
	  padding: .5em;
	  line-height: 140%;
	  list-style:none;
	}

.WSListS2 li {
	padding-left: 15px;
	padding-bottom: 0.4em;
	background: no-repeat url(../images/bullits/redwhitearrow.gif) 0.1em 0.45em;
	}

.WSListS2 li a:link {			/* needed otherwise IE indents link more than non link */
	  margin:0;
	  padding:0;
	  color:#c62a35;
	  text-decoration:underline;
	 }

.WSListS2 li a:hover {
	background:#f4f4f4;
	text-decoration:underline;
   	 }

/* to use the largest red arrow and blue arrows, change the values to 0 0.3em 0 0 and left padding to 18px /*




/* WSListS4: Simple list with horizontal separators */


.WSListS4 {
 	margin:0;
 	padding:0;
	width: 300px;  /* feel free to change the width */
	border-top: 1px solid gray;
	}

.WSListS4para {
	  font-weight: bold;
	  font-size:0.9em;
	  width: 300px;
	  margin:0;
	  margin-top:1em;
	  padding:0;
	  padding-bottom:10px;
	}

.WSListS4 li {
	border-bottom: 1px solid gray;
	padding: 0.25em;
	list-style:none;
	}

.WSListS4 li a:link {			/* needed otherwise IE indents link more than non link */
	  margin:0;
	  padding:0;
	  color:#c62a35;
	 }


/* WSListS5: Coloured blocks with rollover - needs links*/

.WSListS5para {
	  margin:0;
	  margin-top:1em;
	  padding:0;
  	  padding-bottom:10px;
	}

.WSListS5 {
	color: white;
	list-style:none;
  	margin:0px; 		/* controls indentation of the whole block */
	padding:0;
	}
	
.WSListS5 li 	{
	padding: 3px;
	padding-bottom:3px;
	padding-top:3px;
	background-color: #c62a35;
	border-bottom: 1px solid #eee;
	}


.WSListS5 li a {
	color: #fff;
	padding: 3px;
	display: block;
	width:100%;
	background-color: #c62a35;
	}

.WSListS5 li a:link {	
	color: #fff;
	text-decoration: none;
	padding:0px;
	margin:0px;
	}


.WSListS5 li a:visited {	
	color: #fff; 		
	text-decoration: none;
	padding:0px;
	margin:0px;
	}
	
.WSListS5 a:hover {
	width:100%;
	background-color: #ff0000;
	color: #fff;
	}


/* WSListS6: Simple inline list */

.WSListS6para {
	  margin:0;
	  margin-top:1em;
	  padding:0;
  	  padding-bottom:10px;
	}
	
.WSListS6 a {
	color:#c62a35;
	}

	
.WSListS6 li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	}

/* WSListS7: Inline list w background colour */
/* note that on IE no gaps between items, on FireFox nice gap looks like tabs */
.WSListS7 {
	font-size: 0.9em;
	color:#fff;	
	line-height: 1.2em;
	margin:3px;
	padding:3px;
	}

.WSListS7 ul {
	margin:0px;
	padding:0px;
	background-color:#fff;
	list-style: none;
	white-space: nowrap;
	}

.WSListS7 li {
	display: inline;
	list-style: none;
	background-color:#c62a35;
	padding: 3px 10px;
	}
	

.WSListS7 li a:link {
	background-color:#c62a35;
	color:#fff;
	display: inline;
	text-decoration:underline;
	padding:0;
	margin:0;
	}
	
.WSListS7 li a:visited {
	background-color:#c62a35;
	color:#fff;
	display: inline;
	}

.WSListS7 a:hover {
	color: #fff;
	background-color: #f00;
	text-decoration: none;
	}




/* WSListS8: Simple bordered list */
/* note Firefox does not border the top para */

.WSListS8 {
 	margin:0;  /*this affects the whole ul indentation */
	padding:0;
	width: 300px;  /* feel free to change the width */
	border: 1px solid gray;
	list-style:none;
	}

.WSListS8para {
	width: 288px !important;   /* Firefox needs 288px, IE 300px */
	width: 300px; 
 	margin:0;
 	padding: 6px;
	margin-top: 1em;
	padding-bottom: 0.4em;
	border: 1px solid gray;
	font-weight: bold;
	}


.WSListS8 ul {
	padding: 0;
	margin:0;
	border:1px solid gray;
	}
	
.WSListS8 li {
	border-bottom: 1px solid gray;
	padding: 0.4em;
	padding-left:1.1em;
	margin:0;
	}

.WSListS8 li a:link {			/* needed otherwise IE indents link more than non link */
	  margin:0;
	  padding:0;
	  color:#c62a35;
	 }



/* WSListS9: Simple bordered list with colours*/

	
.WSListS9 {
  	margin:0;
	padding:0;
	width: 300px;  /* feel free to change the width */
	border-top:1px solid  #c62a35;
	border-bottom:1px solid  #c62a35;
	list-style-type:none;
	}

.WSListS9para {
 	width: 288px !important;   /* Firefox needs 288px, IE 300px */
	width: 300px; 
  	background: #c62a35;
 	color:#fff;
 	margin:0;
	margin-top: 1em;
	padding: 0.4em;
	width: 300px;  
	border-top:1px solid  #c62a35;
	border-bottom:1px solid  #c62a35;
	font-weight:bold;
	}

.WSListS9 ul {
	background: #ffccd0;
	padding: 0;
	margin:0;
	border:1px solid gray;
	}
	
.WSListS9 li {
	border-bottom: 1px dashed #c62a35;
	background: #ffccd0;
	padding: 0.4em;
	padding-left:0.8em;
	}

.WSListS9 li a:link {			/* needed otherwise IE indents link more than non link */
	  margin:0;
	  padding:0;
	  color:#c62a35;
	 }


/* WSListS10: List with background and bullets */

.WSListS10 {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid rgb(245,211,0);
	}
	
.WSListS10para {
	margin: 0;
	margin-top:1em;
	background-color: rgb(252,243,184);
	font-weight: bold;
	padding-left: .4em;
	padding-top:.4em;
	padding-bottom:.4em;
	border: 1px solid rgb(245,211,0);
	border-bottom:0;
	}


	
.WSListS10 li {
	background-color: rgb(252,243,184);
	line-height:160%;
	margin: 0;
	padding-top:0.4em;
	padding: .2em 2em;
	padding: 2px 1% 2px 6%
	border: 1px solid rgb(245,211,0);
	border-top: 0;
	border-collapse: collapse;
	background: rgb(252,243,184) no-repeat url(../images/hp/yellowarrow2.gif) 16px 9px;
	}

.WSListS10 li a {
	width: 100%;
	/*border: 1px solid red;*/
	}
	
.WSListS10 li a:link, .WSListS10 li a:visited
	{
	color: black;
	text-decoration: none;
	}
	
.WSListS10 li a:hover, .WSListS10 li:hover
	{
	background-color: #ffc;
	}

.WSListS10 li a:link, .WSListS10 li a:visited, .WSListS10 li a:hover, .WSListS10 li a:active
	{
	color: black;
	text-decoration: none;
	}



/* WSListS11: Ordened list with square */
/* WSListS12: Ordened list with lower-roman */

 .WSListS11para, .WSListS12para 
{
  font-weight: bold;
  margin-bottom: .2em;
  margin-top: 1em;
}
 .WSListS11, .WSListS12 
{
  padding-left: 2em;
  line-height: 140%;
}
.WSListS11 li, .WSListS12 li 
{
  padding-left: 1em;
  padding-bottom: .4em;
}
.WSListS11 { list-style-type: square; }
.WSListS12 { list-style-type: lower-roman; }

.WSListS11 li a:link, .WSListS11 li a:visited, .WSListS11 li a:hover, .WSListS11 li a:active,
.WSListS12 li a:link, .WSListS12 li a:visited, .WSListS12 li a:hover, .WSListS12 li a:active,
{
	color: #c62a35;
}




/* WSListS30: Checklist with ticks on the left */

.WSListS30para {
	  font-weight: bold;
	 font-size: 1.2em;
	   margin:0;
	  padding:0;
	}

.WSListS30 {
	  margin:0;
	  padding:0;
	  padding: .5em;
	  line-height: 140%;
	  list-style:none;
	  display: block;
	  width:95%;
	}
	
.WSListS30 li {
	  margin:0;
	  padding:0;
	  display:block;
	  padding-left: 2em;
	  padding-top: 0.4em;
	  padding-bottom: 0.4em;
	  border-bottom: dashed gray 1px;
	  background: no-repeat url(../images/bullits/checkbox.gif) 0.4em 0.8em;
	 }
	 
.WSListS30 li a:link {			/* needed otherwise IE indents link more than non link */
	  margin:0;
	  padding:0;
	  color:#c62a35;
	  text-decoration:underline;
	 }

.WSListS30 li a:hover {
	background:#f4f4f4;
	text-decoration:underline;
   	 }
   	 
   	 
/* WSDefListS1: Table lookalike */


/* WSDefListS2: Vacancy Details - Top part */

/* WSDefListS3: Analyst list */

/* WSDefListS4: ESB Tasting notes */

/* WSDefListS5: Food menu */

/* WSDefListS6: Standard */

/* WSDefListS7: Wine list */
   	 
/***************** TABLE STYLES *******************************/
.infotable1		{ background-color: #0075DF; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; }
.infotable2		{ background-color: #ffa14b; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; }

.tablestyle1                {border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #777777; }
.tablestyle1 td             {padding-right: 5px; padding-left: 5px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #ffffff #cccccc #cccccc #ffffff; }

.tablestyle2                {border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #777777; }
.tablestyle2 td             {padding-right: 5px; padding-left: 5px; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-color: #ffffff #cccccc #cccccc #ffffff; }

.tablestyle4                {border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #777777; }
.tablestyle4 td             {padding-right: 5px; padding-left: 5px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #ffffff #cccccc #cccccc #ffffff; }
.tablestyle4toprow          {background-color:#4a7bff;}
.tablestyle4altrow          {background-color:#e0eeff;}

.tablestyle5                {background-color:#e0e0e0;}
.tablestyle5 td             {padding-right: 7px; padding-left: 7px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #ffffff; }
.tablestyle5toprow          {background-color:#ffcc00;}

.tablestyle6                {border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #cccccc;}
.tablestyle6 td             {padding-right: 7px; padding-left: 7px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #cccccc;}
.tablestyle6toprow          {background-color:#ffffff;}
.tablestyle6altcol          {background-color:#e0e0e0;}




/***************** NEWSFLASH STYLES *******************************/

/* control spacing around banner adverts */
.banners .imagenormal
   { margin:2px;
    }
	

/* nf1.htm PageIntro on a coloured background with rounded corners. Does not show the header at all */

div.nf1 { background: #f8f8f8 url(../images/hp/cornertl.gif) no-repeat 0 0; width: 100%; }
div.nf1 div { background: url(../images/hp/cornerbl.gif) no-repeat 0 100%; } 
div.nf1 div div { background: url(../images/hp/cornerbr.gif) no-repeat 100% 100%; }
div.nf1 div div div { background: url(../images/hp/cornertr.gif) no-repeat 100% 0; padding: .5em; }


.nf1
{
	margin-bottom: 0px;
	text-align: left;
	background: #f8f8f8;
}
.nf1 .nf1header
{
	color: rgb(48,42,131);
	font-size: 100%;
	font-weight: bold;
}
.nf1 .nf1header p
{
	margin: 1px 0 1px 0;
}
.nf1 .nf1body
{
	color: black;
	font-size: 90%;
	font-weight: normal;
	display: block;
	text-align: left;
	line-height: 110%;
	background: #f8f8f8;
	height:144px;
}
.nf1 .nf1body p
{
	/*padding: 0px 0px 0px 0px;*/
	margin: 0 0px 0 0px;
}

/* nf2.htm Depricated - to be recreated */


/* nf3.htm Announcemetn */

.nf3
{
	background-color: #ffffff;
	border: 1px solid rgb(5,123,214);
	margin: 0;
	margin-bottom: 4px;
	padding: 0 5px 0 5px;
}
.nf3 .nf3header
{
	color: rgb(5,123,214);
	font-size: 110%;
	font-weight: bold;
}
.nf3 .nf3header p
{
	margin: 1px 0 1px 0;
}
.nf3 .nf3body
{
	color: black;
	font-size: 100%;
}
.nf3 .nf3body p
{
  margin: 2px 0 2px 0;
}
/* nf4.htm just a border*/
.nf4
{
	background-color: white;

	margin: 0;
	margin-bottom: 6px;
	padding: 5px 5px 5px 5px;
}
.nf4 .nf4header
{
	color: black;
	font-size: 110%;
	font-weight: bold;
}
.nf4 .nf4header p
{
	margin: 1px 0 1px 0;
}
.nf4 .nf4body
{
	color: black;
	font-size: 100%;
	line-height:120%
}
.nf4 .nf4body p
{
	margin: 2px 0 2px 0;
}

.nf4 .nf4body img
{
	margin-right: 10px;
}


/********************** D O C U M E N T   I N T R O    N E W S F L A S H ****************************/
/* Use this for introducing a document, ie. uploaded file such as a case study or research report */
/* note this requires use of image that is 36pixels wide, margin for text is defined not to wrap */


.docintro /* this controls the box */
{ 
  width: 150px;
  border: 1px solid #c8cdd2;
  margin:0;
  padding: 0;  /* set padding to individual elements to avoid IE hacks */
  float:right;
}  

.docintro p
{
padding:0;
margin:0;
}

.docintro .docintroheader p /* this controls the header */
{
  color:#c62a35;
  margin: 0;
  padding: 4px;	
  font-size:130%;
  }

.docintro img /* this controls the image */
{
  margin-left: 4px;	
  margin-right: 0px;
 }
 
 .docintro .imageleft /* this controls the image */
{
  margin-left: 0px;	
  margin-right: 0px;
 }

.docintro .docintrotext p   /* this controls the text */
{  
 	color:#000;
 	margin: 0 4px 0 45px;
 	padding:0;
 	}


.doclink  /* this controls the link */
{  
  	padding: 0 4px 4px 1.4em;
 	display:block;
 	background: no-repeat url(../images/bullits/red2arrows.gif) 0.4em 0.6em;
	font-size:90%;
 	 
}

/********************************** E N D *************************************************/


/******************* I N L I N E    Q U O T E    N E W S F L A S H ************************/
/* Inline_Quote_FloatRight.htm Does not show image at all */

.nf8
{
	margin-bottom: 4px;
	float:right;
}
.nf8 .nf8body
{
	color: black;
	font-size: 87%;
	font-weight: bold;
	line-height: 130%;
}
.nf8 .nf8header
{
	color: black;
	font-size: 83%;
	font-weight: normal;
	line-height: 110%;
}

/****** round corner and padding. Feel free to change the background colour and width *******/
div.nf8 { background: rgb(217,218,231) url(../../tpls/images/hp/cornertl.gif) no-repeat 0 0; width: 192px; }
div.nf8 div { background: url(../../tpls/images/hp/cornertr.gif) no-repeat 100% 0;} 
div.nf8 div div { background: url(../../tpls/images/hp/cornerbl.gif) no-repeat 0 100%; }
div.nf8 div div div { background: url(../../tpls/images/hp/cornerbr.gif) no-repeat 100% 100%; padding: 2px; }
/** for IE ***/
* html body div.nf8 div, * html body div.nf8 div div, * html body div.nf8 div div div
{
	width: 100%;
}

/***** for content ******/
div.nf8 div div div div { background-image: none;}

/*** for quotation ***/
div.nf8 div div div div div{ background: url(../../tpls/images/hp/quote_start.gif) no-repeat 0 0; padding-right: 0; padding-top: 0; padding-bottom: 0;}
div.nf8 div div div div div div { background: transparent url(../../tpls/images/hp/quote_end.gif) no-repeat 100% 98%; }

/*** to have the same style for each browser ***/
.nf8 .nf8body
{
	display: block;
	padding-right: 9px;
}
.nf8 .nf8body p
{
	margin: 1px 0 1px 0;
	text-indent: 20px;
}
.nf8 .nf8header p
{
	margin-left: 4px;
	margin-bottom: 0;
	margin-top: .5em;
}

/********************************** E N D *************************************************/