@charset "utf-8";

/* CSS Document */
body { /*Values below ensure the divs stay centre of the screen*/
	margin-top: 1px;
	margin-left: auto;
	margin-right: auto;
	/* setting the background image */
	background-image: url("../images/greypage_background1.jpg");
	background-position: top;
	background-repeat: repeat-x;
	/* Default font settings*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
}

H1 {
	background-color: #993366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #ffffff;
	font-weight: 900;
	line-height: 1.5em;
	text-align: left;
	vertical-align: middle;
	margin-top: 0px;
}

H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #666666;
	font-weight: 600;
	line-height: 1.3em;
	word-spacing: 0.1em;
	text-align: left;
}

.H2RED {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #993366;
	font-weight: 800;
	line-height: 1.9em;
	word-spacing: 0.1em;
	text-align: left;
	border-bottom: thin;
	border-bottom-color: #CCCCCC;
}

H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #666666;
	font-weight: 600;
	line-height: 1.0em;
	text-align: left;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #666666;
	font-weight: normal;
	line-height: 1.7em;
	text-align: left;
}

.buttonlink img {
	border:none;
}
.buttonlink a img {
	border:none;
}

.buttonlink {
	padding:5px 0 0 0;
}

.p-bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 86%;
	color: #666666;
	font-weight: 800;
	line-height: 1.7em;
}

ul {
	text-align: left;
	padding-top: 0px;
	font-family: verdana;
	font-size: 0.9em;
	color: #666666;
	font-weight: 800;
	line-height: 1.7em;
	background-color: #FFFFFF;
}

/*THE FOLLOWING STYLES ARE FOR ALL PAGE LINKS*********************************************************************STARTS*/
a:link {
	font-weight: 800;
	color: #666666;
	text-decoration: none;
}

A:link img {
	border: none;
	margin: 5px 0;
}

a:visited {
	font-weight: 800;
	color: #666666;
	text-decoration: none;
}

a:hover,a:active {
	text-decoration: none;
	color: #666666;
	font-weight: 800;
}

a:hover,a:hover {
	text-decoration: none;
	color: #993366;
	font-weight: 800;
}

/*The link styles below are the 'more' links in the Calls to action boxes (both left and right hand side)*/
a.calltoactionmore {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #999999;
	font-weight: bold;
	line-height: 17px;
	text-decoration: none;
}

a.calltoactionmore:hov2er {
	color: #993366;
	text-decoration: none;
}

a.searchLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #999999;
	font-weight: bold;
	line-height: 17px;
	text-decoration: underline;
}

a.searchLink:hov2er {
	color: #993366;
	text-decoration: underline;
}

/*The link styles below are for the top bar main navigation)****************************************************starts*/

#menuposition a {
	font-family: gotham, verdana, Arial, Helvetica;
	font-size: 1.1em;
	padding-right: 12px;
	padding-left: 12px;
}

#menuposition a.selected {
	font-size: 1.5em;
}

#topbarcolumn_text_position {
	font-size: 1.1em;
	color: #999;
	padding: 0;
	margin: 0;
}

#topbarcolumn_site_usage a {
	font-size: 0.9em;
	font-weight: normal;
}

/*The link styles below are for centre page grey 'Call to action', used on the home page, landing pages and some others****starts*/
.calltoactioncentre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 1.1em;
	font-weight: 600;
}

a.calltoactioncentre:link {
	color: #CCCCCC;
	text-decoration: none;
}

a.calltoactioncentre:hover {
	color: #993366;
	text-decoration: none;
}

a.calltoactioncentre:active {
	color: #993366;
	text-decoration: none;
}

a.calltoactioncentre:visited {
	color: #993366;
	text-decoration: none;
}

/*The styles below are for centre page headlines and listings for literature and products ****starts*/

#pagecopyleft p a {
	margin: 0;
	padding: 0;
}

#pagecopyleft h2.headline, #pagecopyright h2.headline {
	font-weight: bold;
	padding-top: 0px;
	margin: 0;
	margin-bottom: 20px;
	line-height: 2em;
	color: #000;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}

#pagecopyleft h3.headline, #pagecopyright h3.headline {
	width: 190px;
	background-color: #CCC;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 0px;
	margin: 0;
	line-height: 2em;
}

#pagecopybox1 h2, #pagecopybox2 h2, #pagecopybox3 h2 {
	color: #00B185;
    margin-top: 0px;
	font-size: 1.1em;
	font-weight: bold;
}
 
#pagecopybox1 p, #pagecopybox2 p, #pagecopybox3 p {
            line-height: 1.2em;
}
 
#pagecopybox1 a, #pagecopybox2 a, #pagecopybox3 a {
            color: #00B185;
            font-weight: normal;        
}
 
#pagecopybox1 a:hover, #pagecopybox2 a:hover, #pagecopybox3 a:hover {
            color: #993366;
 
}
 
#righthandcolumn .keyDocuments p {
            background-color: #EDD5E6;
            color: #000;
	
}

/*The link styles below are for the footer links)*********************************************************Starts*/

#footcolumn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}

#footcolumn p {
	text-align: center;
	font-size: 0.9em;
}

#footcolumn a {
	color: #999999;
}

#footcolumn a:hover {
	color: #993366;
	text-decoration: none;
}


/*The styles below are used on the Quote page************************************************************starts*/
.MAINHEADERS {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #993366;
	font-weight: 900;
	text-align: left;
}

a.MAINHEADERS:link {
	color: #993366;
}

a.MAINHEADERS:hover {
	color: #666666;
}

a.MAINHEADERS:active {
	color: #993366;
}

a.MAINHEADERS:visited {
	color: #993366;
}

.MAINHEADERS2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #993366;
	font-weight: 900;
	text-align: left;
	text-indent: 100px;
}

.SUBHEADS {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #666666;
	font-weight: 600;
	text-align: left;
}

.SECONDARY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	font-weight: 500;
}

/*The link styles below are for the sub-navigation feature that appears on all pages bar he home page*****************Starts*/
a.subnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666666;
	font-weight: 900;
	line-height: 19px;
	text-decoration: none;
}

a.subnav:hover {
	color: #993366;
}

/*The styles below are for search box, search text and background image in the search box************************Starts*/
.searchfield {
	padding-right: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: 300;
	color: #666666;
	line-height: 1em;
	width: 135px;
	height: 18px;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}

.searchFieldImage {
	padding-left: 0px;
	position: absolute;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 1px;
	width: 25px;
	height: 22px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

/*The style below is for the Burgandy-coloured headers used on the left-hand side calls to action*********************Starts*/

.calltoactionleftheader {
	font-family: gotham, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #993366;
	font-weight: 900;
}

/*The style below is for the cyan-coloured headers used on the right-hand side calls to action*********************Starts*/

.calltoactionheader {
	font-family: verdana;
	font-size: 1.0em;
	color: #00b185;
	font-weight: bold;
	line-height: 14px;
	padding-bottom: 5px;
	padding-top: 25px;
}

#righthandcolumn .otherContentTop p {
	color: #009090;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	line-height: normal;
	margin-bottom: 5px;
}

a.pdfLink {
	background-image: url(../images/pdfImage.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 20px;
	font-size: 0.9em;
	display: block;
}

/*



NOTE: this is the style for the login box and is to be used when the login box is put onto the advister section pages and home pages 

.logintext {

font-family: verdana;

font-size:0.9em;

color: #cccccc;

}*/
	/*The style below is for the text that sits above the search top-right search box.************************Starts*/
.toprightpagetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #999999;
	font-weight: 400;
	text-decoration: none;
}

/*The styles below are for the various greyline rulers across the site ***********************************Starts*/
.rulerlinewidth {
	width: 170px;
	height: 2px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.rulerlinewidth2 {
	width: 480px;
	height: 2px;
	padding-bottom: 10px;
}

.rulerlinewidth3 {
	width: 480px;
	height: 2px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.rulerlinewidth-left-top {
	width: 170px;
	height: 2px;
	padding-bottom: 10px;
	padding-top: 0px;
}

.rulerlinewidth-centre-top {
	width: 270px;
	height: 2px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.rulerlinebottom {
	width: 860px;
	height: 2px;
	padding-bottom: 2px;
}

.rulerlinemiddle {
	width: 480px;
	height: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.space {
	padding-bottom: 10px;
	padding-top: 10px;
}

/*The style below is for the all text that sits in the left and right-hand 'Calls to action' boxes **************Starts*/
.boxcopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #666666;
	line-height: 17px;
	font-weight: 400;
	
}

}

/*The style below is for the Press release or news item release date text*********Starts*/
.dateclass {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 78%;
	color: #666666;
	text-align: left;
}

/*The style below is for the Press release or news item release strapline text*********Starts*/
.strapline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	font-weight: 500;
	line-height: 1.2em;
	word-spacing: 0.1em;
	text-align: left;
}

/*The style below is for centre page images used in press releases, news items and so on***************Starts*/
.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 78%;
	color: #999999;
	font-weight: 600;
	text-align: left;
	background-color: #FFFFFF;
}

/*The style below is for search results header (and link). The results are the ones that appear above each search result***************Starts*/
.searchresultheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666666;
	font-weight: 600;
	text-align: left;
}

a.searchresultheader:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666666;
	font-weight: 600;
	text-align: left;
	text-decoration: none;
}

a.searchresultheader:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #993366;
	font-weight: 600;
	text-align: left;
	text-decoration: none;
}

a.searchresultheader:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #993366;
	font-weight: 600;
	text-align: left;
	text-decoration: none;
}

a.searchresultheader:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #993366;
	font-weight: 600;
	text-align: left;
	text-decoration: none;
}

/*The style below is for search results precis***************Starts*/
.searchresults {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 78%;
	color: #999999;
	font-weight: 300;
	text-align: left;
	background-color: #FFFFFF;
	background-image: 
}

ul.level0 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #666666;
	font-weight: 900;
	line-height: 19px;
	text-align: left;
	text-decoration: none;
	list-style-type: none;
	text-indent: 0px;
	text-decoration: none;
	padding-top: 0px;
	padding: 2px;
	margin: 0px;
	background: transparent
}

ul.level1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #666666;
	font-weight: 900;
	line-height: 19px;
	text-align: left;
	text-decoration: none;
	list-style-type: none;
	text-indent: 10px;
	text-decoration: none;
	padding-top: 0px;
	padding: 2px;
	margin: 0px;
	background: transparent
}

ul.level2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #666666;
	font-weight: 900;
	line-height: 19px;
	text-align: left;
	text-decoration: none;
	list-style-type: none;
	text-indent: 6px;
	text-decoration: none;
	padding-top: 0px;
	padding: 2px;
	margin: 0px;
	background: transparent
}

ul.level3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #666666;
	font-weight: 900;
	line-height: 19px;
	text-align: left;
	text-decoration: none;
	list-style-type: none;
	text-indent: 12px;
	text-decoration: none;
	padding-top: 0px;
	padding: 2px;
	margin: 0px;
	background: transparent;
}

#loginiframe {
	text-align: left;
	background: #FFFFFF;
}

/*The style below is for the navigation list on the left-hand side *********************Starts*/

 

.leftHandNav {
	background-color: #D1D2D4;
	width: 170px;
}

* html .leftHandNav { /*IE only rule. Original menu width minus all left/right paddings */
	width: 164px;
}

.leftHandNav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.leftHandNav a {
	padding: 4px 3px;
	display: block;
	width: 100%; /*Define width for IE6's sake*/
	color: #000000;
	text-decoration: none;
	background-color: #D1D2D4;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

.leftHandNav a.subLink {
	background-color: #B9B9B9;
	padding-left: 10px;
}

.leftHandNav a.subLinkCurrent {
	background-color: #9A4C81;
	padding-left: 10px;
	color: #FFF;
}

* html .leftHandNav a.subLink { /*IE only rule. Original menu width minus all left/right paddings */
	width: 157px;
}

* html .leftHandNav a.subLinkCurrent { /*IE only rule. Original menu width minus all left/right paddings */
	width: 157px;
}

html>body .leftHandNav a { /*Non IE rule*/
	width: auto;
}

.leftHandNav a:hover, .leftHandNav a.current {
	background-color: #9A4C81;
	color: #FFFFFF;
}