/* CSS Document */

/*   CSS Document --------- main.css   */

/* TOC
------------------------
1 - Setup
2 - Fonts and Links
3 - Tables
4 - Main Divs (site structure) - containing all relevant elements 
6 - Tabs
7 - Classes, floats and clears
-----------------------*/

/*Colour scheme:

*/

/**********************************************************************************/
/*----------------------SET UP----------------------------------------------------*/
/*--------------------------------------------------------------------------------*/


* {	
	margin: 0;
	padding: 0;
}

html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, img, input {
	margin: 0;
	padding: 0;
	border:0;
}

body {
	text-align:center; /*aligns centre in IE*/
	background-color:#FFF;
	font: normal 12px/130% Arial, Helvetica, sans-serif;
	color:#000;
}


/*------------FONTS and LINKS---------------------------------------------------*/
/*------------------------------------------------------------------------------*/

h1 {
	font-size:12px;
	line-height:26px;
	margin-bottom:10px;
}

h2 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
    color:#462425;
}

p {margin-bottom:10px;}

p#breadcrumb a, p.topofpage a {
	font-size:11px;
	text-decoration:none;
}

p#breadcrumb a:hover, p.topofpage a:hover {text-decoration:underline;}

a {color:#462425; text-decoration:underline;}
a:hover, a:active {color:#462425; text-decoration:none;}

#prfnt
{font-size:11px;
}



/*---------MAIN DIVS-------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

#wrapper {
        position:relative;
	margin:10px auto; /*aligns centre in FF*/
	text-align:left;
	width: 926px; 
	background-color: #FFF;
}


img#homepagelogo {float:right;}



/*--------------TOPNAV SECTION-----------------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/

#topnav {
	clear: right;
	padding: 25px 0 10px; 
	border-bottom: 10px solid #DF0134;
	margin-bottom: 15px;
	width:100%;
}

/* to stretch the container div to contain floated list */
#topnav :after {
	content:"";
	display: block;
	line-height: 1px;
	clear: both;
}

#topnav img {vertical-align:bottom;}

#topnav ul {list-style-type: none;}

#topnav ul li {
	float: left;
	width:125px;
	margin: 0 8px 10px 0;
}

#topnav ul li.lasttopnav {
	width:128px;
	margin-right:0;
}

#topnav ul li a {
	display:block;
	border-top:9px solid #462425;
	text-decoration: none;
}


/*--------------SUBNAV and RELATED LINKS on the LEFT and RIGHT SECTIONS--------------------------*/

#subnav, #related_links {width: 197px; margin-bottom:4px;}

#subnav {float: left;}
#related_links {float: right;}

#subnav #secondarynav ul {
	list-style-type: none;
	margin:0 0 20px 8px;
}

#subnav #secondarynav ul li a {
	text-decoration:none;
	font-weight:bold;
	color:#946D6E;
}

#subnav #secondarynav ul li.nav2a a {color:#000;}
#subnav #secondarynav ul li.nav2aa a {color:#E00235;}

#subnav #secondarynav ul li.nav3 {margin:0 0 0 8px;}
#subnav #secondarynav ul li.nav3a {margin:0 0 0 8px;}
#subnav #secondarynav ul li.nav3a a {color:#000;}
#subnav #secondarynav ul li.nav3aa {margin:0 0 0 8px;}
#subnav #secondarynav ul li.nav3aa a {color:#DF0134;}

#subnav #secondarynav ul li.nav4 {margin:0 0 0 16px;}
#subnav #secondarynav ul li.nav4a {margin:0 0 0 8px;}
#subnav #secondarynav ul li.nav4aa {margin:0 0 0 16px;}
#subnav #secondarynav ul li.nav4aa a {color:#DF0134;}

#subnav #secondarynav ul li a:hover{color:#E00235;}


.subnav-set, .rel-links-set{
	background-color:#FFFEE2;
	padding:4px;
	margin-bottom:4px;
	width: 189px; 
}

.subnav-set h2, .rel-links-set h2 {	
	background-color:#BFBAA7; 
	padding:4px;
	margin:0; /*cancels out margin-bottom on normal h2*/
}

.subnav-set p {	
	padding:3px;
	margin:0; /*cancels out margin-bottom on normal p*/
}

.rel-links-set p {	
	padding:0 3px;
	line-height:20px;
	margin:0; /*cancels out margin-bottom on normal p*/
}


.rel-links-set p.alignright a {
	font-weight:bold;
	font-size:90%;
}

.rel-links-set .shareprice {
	font-weight:bold;
	font-size:120%;
}


#utilities {
	background-color:#ECEAE5;
	padding:4px;
	margin: 20px 0 10px;
}

#utilities form {margin-bottom:10px;}

input.searchField {
	display:inline;
	float: left; 
	width: 160px !important;
	width: 157px;  /*only IE6 sees this*/
	height: 18px;
	border: 1px solid #8A846A;
}

input.searchButton {
	display: inline; 
	margin-left:6px;
}

input.searchfield { 
	width: 160px;
	height: 18px;
	border: 1px solid #8A846A;
}

#utilities ul {list-style-type: none;}
#utilities ul li {margin-bottom:3px;}
#utilities ul li a {text-decoration:none;}
#utilities ul li a:hover {text-decoration:underline;}

#utilities ul li#printlink, #utilities ul li#basketlink, #utilities ul li#alertlink {
	padding-left:30px;
	margin-bottom:8px;
}


#utilities ul li#printlink {background:url(/cgl/images/sundries/icon-printpage.gif) 0 2px no-repeat;
}

#utilities ul li#basketlink {background:url(/cgl/images/sundries/icon-printbasket.gif) 0 2px no-repeat;
}

#utilities ul li#alertlink {background:url(/cgl/images/sundries/icon-alert.gif) 0 0 no-repeat;
}


/*--------------CONTENT SECTION---------------------------------------------------------*/

#content {
	float: left; 
	width: 500px; 
	margin: 0 12px; 
}

#content_2 {
	float: left; 
	width: 700px; 
	margin: 0 0 0 16px; 
}

#content img#landingbanner {margin-bottom:10px;}

#content img#pagetitle {margin-bottom:10px;}

#content ul, #content ol {margin: 0 0 10px 30px;}

#content ol ul {list-style-type:disc;}

p#breadcrumb {font-size:11px; margin:0 0 20px;}

#landingboxes{
	width:100%;
	background: #BFBAA7 url(/cgl/images/sundries/whitebar.gif) 245px 0 repeat-y;
	margin-bottom:10px;
}

#boxleft, #boxlinkleft {width:245px; float:left;}
#boxright, #boxlinkright {width:245px; float:left; padding-left: 10px;}

#boxlinkleft, #boxlinkright {text-align:right;}

#landingboxes h2, #landingboxes p{padding:4px; margin:0;}

#landingboxes a {
	font-size:11px;
	font-weight:bold;
}

#landingboxes a:hover, #landingboxes a:active {text-decoration:none;}

/* Career section boxes 2008 */

.careerBanner {float: left; width:713px; margin: auto auto 16px 16px; padding:0; background-color:#BFBAA7; color:#462425; font-size:18px;}
.careerBanner img {float:left; width:516px; padding:0; border:0;}
.careerBanner p{float:right; width:167px; margin:10px 10px auto 0px; line-height:1.3em; border:0;}
.careerBanner a{color:#FFFFFF; background-color:#BFBAA7; text-decoration:none; display: block; padding-top: 0.5em;}

/* not in use - Layout for three column boxes  */
#featureBoxes {float:left; padding: 1.2em 0; margin:0;}
.careerLandingBox {width:13.3em; height: 355px; padding:0; margin:0 10px 0 0; float:left; background-color:#CAC0B6;}
.careerLandingBox h3, .careerLandingBox p {color:#462425; font-size:100%; margin:10px auto; padding:0px;} 
.mar0 {margin:0;}
/* not in use end */

.landFlatBox {float:left; clear:both; width:500px; margin:auto auto 1.2em auto; padding:0; background-color:#CAC0B6;}
.landFlatBox img {float:left; margin-right:16px; border:none;}
.landFlatBox h2, .landFlatBox h3, .landFlatBox p  {
	float: right; margin:10px auto 0 auto; padding:0px; color:#462425; font-size: 100%; text-align:left; width: 280px;
}
.brownBG {background-color:#CAC0B6;}
.blueBG {background-color:#B9C9D0;}
.greenBG {background-color:#D5D8BD;}

.careerLandingBox p, .landFlatBox p{color:#000000;}
.careerLandingBox a, .landFlatBox a {font-weight: bold;  font-size: 0.95em;}

.botMar_12 {margin-bottom:1.2em;}

.expandView {background-color:#CAC0B6; padding:10px; margin: 1.2em auto;}
#content .expandView ul, .expandView ul li{ width:100%; margin:0; padding:0; list-style:none; font-weight:bold;}

span#expand_1 a, span#expand_2 a, span#expand_3 a, span#expand_4 a,
span#expand_5 a, span#expand_6 a, span#expand_7 a, span#expand_8 a
{float:right; font-weight:normal; text-decoration:none; display:block; margin:0;}
#span_1, #span_2, #span_3, #span_4, #span_5, #span_6, #span_7, #span_8  {margin-top: 1.2em;}

/* ----------- NEW VERSION ------------*/
dl#expandView {padding:0px; margin:1.2em auto;}
#content dl#expandView dt, #content dl#expandView dd {background-color:#CAC0B6; width:500px !important; width:480px; margin:0; padding:10px; text-align:left;}
#content dl#expandView dt {margin-top:1.2em;}
#content dl#expandView dt span, #content dl#expandView dt a {float:right; text-decoration:none;}
#content dl#expandView dt a {margin-top:-1.2em;}


/* Careers Graduates section */
.GradLinks {float:left; clear:left; width: 500px; margin: 1.2em auto; display:block;}
.GradLinks h2, .GradLinks p{float:right; margin: auto auto 0.4em auto; width: 360px;}
.GradLinks img{float:left; margin-right:16px;}


/*------faqs--------------------------------------------------------------------*/

.faq {
	padding-bottom:10px;
	border-bottom:1px solid #BFBAA7;
	margin-top:20px;
}



/*-------Highlight boxes-----------------------------------------------------------*/

.highlightcontent{
	background-color:#BFBAA7;
	padding:4px;
	margin-bottom:4px;
}

.highlightcontent h2 {	
	background-color:#FFFEE2; 
	padding:4px;
	margin:0; /*cancels out margin-bottom on normal h2*/
}

.highlightcontent p {	
	padding:3px;
	margin:0; /*cancels out margin-bottom on normal p*/
}


/*------Forms in alerting pages----------------------------------------------------*/

table.alertfootnote {font-size:85%;}

form.alertform {margin-bottom:30px;}

form.alertform input {border: 1px solid #8A846A;}

form.alertform input.alertingbutton {background-color:#ECEAE5;}

form.alertform select {border: 1px solid #8A846A;}



/*----Classes of Business-----------------------------------------------------------*/

#content table.class_list {
	margin: 0 0 20px;

}
table.class_list td.noborderbot {border-bottom: 1px solid #FFF;}

table.class_list td {

	padding:3px 0;
	border-bottom: 1px solid #BFBAA7;

}

.class_list td a {text-decoration:none;}
.class_list td img {margin-top:5px;}

.class_list td a:hover{text-decoration:underline;}





/*----Underwriters----*/

  .people_list dt, 
  .people_list dd {border-bottom: 1px solid #BFBAA7;}
  .people_list dd
  {
  background-color:#FFF; 
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
   padding-left: 30px;
   }
  .people_list dd.on {background-color:#FFFEE2;}
  .people_list dd.on .more_info .image,
  .people_list dd.on .more_info .text{ padding-top:15px; }




  .people_list dt {font-weight:bold; background:#ECEAE4; padding:5px;}
  .people_list dt.first {border-top:1px solid #BFBAA7;}
  .people_list dt.bgl {border-bottom: 1px solid #FFFFFF;}

  .people_list dd .name,
  .people_list dd .contact,
  .people_list dd .jobtitle,
  .people_list dd .info_link,
  .people_list dd .more_info .image,
  .people_list dd .more_info .text{ display:block;float:left; }
  .people_list dd .more_info .close{ display:block;text-align:right;font-weight:bold; }

  .people_list dd .name,
  .people_list dd .more_info .image{ width:30%; }

  .people_list dd.on .name,
  .people_list dd.on .contact,
  .people_list dd.on .jobtitle { font-weight:bold; }
  
  .people_list dd .more_info .text{ width:69% }
  .people_list dd .more_info .extended{ width:99% }
  .people_list dd .contact,
  .people_list dd .jobtitle { width:55%; }
  .people_list dd .info_link{ width:15%;font-weight:bold;text-align:right; }
  .clr{ clear:both; }


/* -- js this stuuf */
  .people_list dd .more_info{ display:none; }

/*----  people directory filter form  ----*/

form#frmFilter {margin:0 0 10px 0; padding:0;border-top:1px solid #BFBAA7;border-bottom:1px solid #BFBAA7;background-color:#ECEAE5;}
form#frmFilter fieldset {border:none; padding:3px;}
form#frmFilter legend {color:#000; font-weight:bold; padding:5px 0; margin:0 !important; margin: 0 -6px; /* IE Win */ }
form#frmFilter div {clear:both;padding:5px 0 5px 0; width:450px; }
form#frmFilter label {float:left; width:150px;}
form#frmFilter input, form#frmFilter select {font-family:Arial, Helvetica, sans-serif;}
form#frmFilter input.NameField {float: left; width: 250px; height: 20px;border: 1px solid #8A846A;}
form#frmFilter select {float: left; width: 250px;height: 20px;border: 1px solid #8A846A;}
form#frmFilter input.SubmitButton {font-weight:bold; float:right; width:80px; height: 20px;border: 1px solid #8A846A;background-color:#BFBAA7;margin:3px; }
form#frmFilter input.ResetButton {font-weight:bold; float:right; width:80px; height: 20px;border: 1px solid #8A846A;background-color:#BFBAA7;margin:3px; }


/*----inline tabbing system - Press Releases page and ----*/

#inlinenav {
	width:100%;
	border-bottom:25px solid #ECEAE5;
}

#inlinenav ul {
	list-style:none;
	background-color:#FFF;
	margin-left:0; /*cancels margin set in the content div*/
}

#inlinenav li {
	float:left;
	padding-right:1px;
}

#inlinenav a {
	display:block;
	text-align:center;
	padding:7px 11px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	background-color:#BFBAA7; 
}

#inlinenav a:hover, #inlinenav li.nav3a a {background-color:#ECEAE5;}




/*---- forms in share chart section ----*/

/* 
form#rnssearch fieldset {padding:4px; border-bottom:1px solid #A6C6BB;}
form#rnssearch label, form#rnssearch select, form#rnssearch input {float:left; margin-bottom:3px;} */

form#rnssearch label{width: 40%;}

form#rnssearch input#submit{margin-left:40%;}
form#rnssearch input, form#rnssearch select {width:200px;}

form#controls select#StartDay, form#controls select#StartMonth, form#controls select#EndDay, form#controls select#EndMonth {margin-right:20px;}


table#sscharttable {background-color:#EFEFEF; float:left; margin:0 10px 10px 0;}
p#sscharttext {float:left; width:100px;}
input#drawchart {margin-bottom:10px; padding:1px 10px; border:1px solid #8A846A;}



/*------acrobat reader div--------------*/

#acrobat img {float:left;}
#acrobat p {margin-left:95px;}


/*--------------FOOTER SECTION----------------*/

#footer {
	clear: both;
	border-top: 10px solid #462425;
	padding-top: 5px;
}

#footer ul{float:left; clear:both;}

#footer ul li {
	display:inline; 
	padding-right:10px; 
	list-style-type:none;
}

#footer p#copyright{
	float:right; 
	font-size:11px;
	color:#462425;
}

#footer a {
	font-size:11px;
	text-decoration:none;
}

#footer a:hover,  #footer a:active {text-decoration:underline;}

/*--------------CLASSES----------------*/

.floatleft {float:left;}
.clearleft {clear:left;}
.floatright {float:right;}
.clearright {clear:right;}
.clearall {clear:both;}


.font9px {font-size:9px;}
.wdth70px {width:70px;}
.marginleft125 {margin-left:125px;}
.alignright {text-align:right;}


/*-----------SITEMAP--------------------*/

ul#sitemap{list-style-type:none; }

ul#sitemap li {position:relative;}
ul#sitemap li.lev1 {margin-left:20px;}
ul#sitemap li.lev2 {margin-left:40px;}
ul#sitemap li.lev3 {margin-left:60px;}
ul#sitemap li.lev4 {margin-left:80px;}
ul#sitemap li.lev5 {display:none;}
ul#sitemap li a{
display:block;
text-decoration:none; 
border-bottom:1px solid #DF0134;
padding: 2px 1px;
}


/* These hacks were needed to fix positioning in Safari and Opera */
span#expand_1 a, span#expand_2 a, span#expand_3 a, span#expand_4 a,
span#expand_5 a, span#expand_6 a, span#expand_7 a, span#expand_8 a 
{margin:-1.2em 0 0 0;#} 
/* dl#expandView dt span a{margin-top:1em;#} /* Safari < 3.0 hack here */ 


/* Safari 3.0 and Opera 9 rules here */
@media screen and (-webkit-min-device-pixel-ratio:0) {
span#expand_1 a, span#expand_2 a, span#expand_3 a, span#expand_4 a,
span#expand_5 a, span#expand_6 a, span#expand_7 a, span#expand_8 a, 
#content dl#expandView dt span a {margin-top:1.2em;}
}