body {	
	width:100%; 
	height:100%;
	font-family:Verdana;
	font-size:11px;
	background-color:#171A1C;
	color:#dadada;
}

#siteTopContainer {
  background-color:#171a1c;
  overflow: hidden;
}

#site {   
	background: #171a1c url(/images/back_middle.jpg) repeat-y center;
	width: 984px;
	float:left;
}

#siteTop {
  margin-left:auto;
  margin-right:auto;
  width:984px;
}

#leftBorder {
	float:left;
	background-image: url(/images/top_bar_cont.jpg);
	background-repeat: repeat-x;
	height: 125px;
	padding-right: 4000px !important;
	margin-right: -4000px !important;
}

/*#rightBorder {
	float:left;
	background:url(/images/top_bar_cont.jpg);
  background-repeat: repeat-x;    
  height: 125px;
	padding-right: 400px !important;
	margin-right: -400px !important;
	border: solid 1px blue;
  display:inline;
}*/

#header {
	background-image: url(/images/top_bar.jpg);
	float:left;
	width:984px;
	height:125px;
}

.contentWrapper
{
	width:770px;
	margin-bottom:20px;
}

/**html .contentWrapper {
	margin-left:20px;
	width:772px;
}*/

.contentWrapper P {
	padding-bottom: 10px;
}

.contentWrapper H1 {
	color:#33b132;
	font-size:1.6em;
	margin-bottom: 15px;
	margin-top: 10px;
	margin-left:18px;
	display:block;
	height:34px;
}

.contentWrapper H2 {
	color:#FFF;
	font-weight:bold;	
	margin-bottom: 5px;
	margin-top: 10px;
	margin-left:18px;
}

.contentWrapper H3 {
	font-size: 11px;
	font-weight:bold;	
	padding-bottom:5px;
	padding-top: 10px;
}

.smallGreenHeading {
	color:#33b132;
	font-size: 11px;
	font-weight:bold;	
	padding-bottom:5px;
	padding-top: 10px;
}


A {
	text-decoration:none;
}
A:hover {
	text-decoration:underline;
}

.emailButton {
	padding-top:25px;
	padding-left: 0px !important;
	padding-bottom: 10px;
}

#mainContentContainer {
	float:left;	
	width:780px;
	background-color: #171a1c;
	padding-left: 6px;
}

.breadCrumb {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 9px;
}

.breadCrumb a {
	padding: 0 !important;
}

.textBlock {
	/*min-height: 322px;*/
	overflow:hidden;
}

.textBlockLeft {
	float:left;
	width:536px;
	margin-right: 1px;
	min-height:270px;
}

.textBlockRight {
	float:right;
	width: 233px;
}

.clientTextBlockLeft {
	float:left;
	width:458px;
	margin-right: 1px;
	min-height:270px;
}

.clientTextBlockRight {
	float:right;
	width: 311px;
}

.lightGreenTextBar {
	width: 536px;
	height: 8px;
	background-image: url(/images/light_grn_bar.jpg);
}

.darkGreenTextBar {
	width: 233px;
	height: 8px;
	background-image: url(/images/drk_grn_bar.jpg);
}

.clientLightGreenTextBar {
	width: 458px;
	height: 8px;
	background-image: url(/images/light_grn_bar.jpg);
}

.clientDarkGreenTextBar {
	width: 311px;
	height: 8px;
	background-image: url(/images/drk_grn_bar.jpg);
}

.clientGrayGreenTextArea {
	height: 368px;
	background-color: #3F4541;
}

.cleintRightTextArea {
	background-color: #3F4541;
	height: 368px;
	padding-left: 15px;
	padding-right: 15px;
}

.cleintRightTextArea ul {
	padding-top:15px;
	padding-left: 10px;
	list-style-type:disc !important;
	list-style-position:outside;
}

.cleintRightTextArea li {
	padding-top: 3px;
	padding-bottom: 3px;
	list-style-type:disc;
}

.clientGrayGreenTextArea a {
	padding-left: 0 !important;
}

.grayGreenTextArea {
	padding-left: 15px;
	padding-right: 15px;
	background-color: #3F4541;
	padding-bottom: 4000px;
	margin-bottom: -4000px;
}

.grayTextArea {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 4000px;
	margin-bottom: -4000px;
}

.grayGreenTextArea ul {
	padding-top:15px;
	padding-left: 10px;
	list-style-type:disc;
	list-style-position:outside;
}

.grayGreenTextArea li {
	padding-top: 3px;
	padding-bottom: 3px;
	list-style-type:disc;
}

#mainContentContainer A {
	padding-left:15px;
}

.perforatedGrayLine {
	font-size: 11px;
	font-weight:bold;
	border-bottom: dotted 1px #ffffff;
}

.fixedWidth {
	float:left;
	width: 40px !important;
	padding:0;
	height:13px;
}

.noBreak {
	display:inline;
}

#crownLogo {
	float:left;	
	padding-top: 30px;
	padding-left: 28px;
}

#bannerTop
{
	float:left;	
	width:830px;
	height:125px;
}
#topRightLinks {
	float:right;
	padding-top: 20px;
	font-size: 14px;
}

#topRightLinks A
{
	text-decoration:none;
	color:#dadada;
}

#pageMontage {
	height: 144px;
}

.plumDivider {
	color: #b13273;
}

.noLink
{
	padding-left:15px;
}

.linkList
{
	margin-left:18px;
	position:relative;
	left:18px;	
}

/********COLOURS AND BACKGROUNDS**********/
#mainContentContainer A
{
	font-weight:normal;
	/*background-image:url(/images/contentLink.gif);*/
	background-position:left;
	background-repeat:no-repeat;
	
	color:#dadada;	
}

ul li a
{
	color:#dadada;	
}
/********END COLOURS*****************/


/*****NAVIGATION *********/

#leftNavigationContainer
{
	float:left;
	width:166px;
  min-height:633px;
	overflow:visible;
	padding-left: 10px;
}

#leftNav
{
	min-height:515px;
	width:156px;
	color:#dadada;
	overflow:hidden;
	margin-left:10px;
}

#leftNav a
{ 
	display:block;
}

/* A few IE bug fixes */
* {
	margin: 0; 
	padding: 0; 
}
* html ul ul li a {
	height: 100%; 
}

* html ul li a {
	height: 100%;
}

* html ul ul li {
	margin-bottom: -1px;
}

.themenu {
	padding-top:21px;
	width: 100%; 
	height: 650px; 
}

/* Some list and link styling */
#leftNav ul li {
	width: 100%; border:none;
}

#LeftNav ul li a:hover {
	text-decoration:none;
}

#leftNav ul ul li {
	width:100%; 
	line-height:30px; 
	background:#171a1c url(/images/grey_arrow.gif) no-repeat scroll 141px 11px;
	display:block;
	padding-left: 10px; 
	margin-left: 5px;
	margin-bottom: 0;
	border-bottom: solid 1px #999999;
}

#leftNav ul ul li a .selectedlink {
	width:100%; 
	line-height:30px; 
	background:#171a1c url(/images/blue_arrow.gif) no-repeat scroll 141px 11px;
	display:block;
	padding-left: 10px; 
	margin-left: 5px;
	margin-bottom: 0;
	border-bottom: solid 1px #999999;
	color: #1b7a74;
}


/*#leftNav ul ul li a {
	display:block; 
	color: #dadada; 
	padding-left:10px;
}*/

#leftNav ul ul li a:hover {
	color: #FFF;
	text-decoration:none;
}

/* For the xtra menu */
#leftNav ul ul ul li {
	width: 145px;
	border-left: none; 
	line-height:30px;
	padding: 0; 
	width: 100%; 
	margin-bottom: 0;
}

#leftNav ul ul ul li:last-child {
	border:none;
}
#leftNav ul ul ul li a {
	display:block; 
	color: #dadada; 
	padding-left:10px;
}

#leftNav ul ul ul li a:hover { 
	color: #FFF; 
	text-decoration:none;
}

.nav2item {
	padding-left:20px !important; 
}

li { 
	list-style-type: none; 
}

h2 { 
	margin-top: 1.5em; 
}

/* Header links styling */
h3.head a  {
	width:100%;
	line-height:30px;
	background:#171a1c url(/images/grey_arrow.gif) no-repeat scroll 141px 11px;
	display:block;
	margin-left:5px;
	border-bottom: solid 1px #999999;
	font-weight:normal;
	font-size:13px;
}

h3.head2 a {
	font-weight: normal;
	font-size:11px;
}

h3.head a:hover { 
	color: #FFF;
	text-decoration:none;
}

h3.selected a { 
	background:#171A1C url(/images/green_arrow.gif) no-repeat scroll 141px 5px; 
	color: #33b132;
}

h3.selected a:hover { 
	color: #FFF;
	text-decoration:none;
}

/* Xtra Header links styling */
h4.head a { 
	width:100%;
	line-height:30px;
	background:#171A1C url(/images/green_arrow.gif) no-repeat scroll -4px 5px;
	display:block;
	color:#dadada;
}

h4.head a:hover  {
	color: #FFF;
	text-decoration:none;
}

h4.selected a {
	background:#171A1C url(/images/nav2ndLinkSelected.gif) no-repeat scroll -4px 5px;
}
h4.selected a:hover { 
	color: #FFF;
	text-decoration:none;
}

ul li .selectedlink {
	background:#171A1C url(/images/green_arrow.gif) no-repeat scroll 141px 11px;
	color: #33b132;
}

ul ul li .selectedlink {
	background:#171A1C url(/images/blue_arrow.gif) no-repeat scroll 131px 11px;
	color: #1b7a74;
}

ul ul ul li .selectedlink {
	background:#171A1C url(/images/blue_arrow.gif) no-repeat scroll 141px 11px;
	color: #1b7a74;
}

:focus {
  -moz-outline-style: none;
}

/***********End Navigation ****************/


.carouselContainer {
	background-image: url(/images/carousel_back.jpg);
	height: 272px;
}

.carouselContainer ul {
	padding-left:20px;	
	margin-left:14px;
	padding-top:58px;
	padding-bottom:5px;
}

#siteHome {
	vertical-align:bottom;	
	display:none;
}

#siteFooterContainer {
	overflow:hidden;
}

#footerOverflowContainer {
	overflow:hidden;
}

#footerContainer {
	width:984px;	
	/*height: 334px;*/
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

/*#FooterLeft {
  float:left;
  width:40px;
  height:100%;
  display:block;
  padding:0px !important;
}

#FooterRight {
  float:left;
  width:40px;
  height:100% !important;
  display:block;
  padding:0px !important;
}*/

#footer {
	width:984px;
	height:334px;
	background-image: url(/images/footer.jpg) !important;
	background-position: bottom left;
	background-repeat: no-repeat;
	float:left;
	/*margin-bottom: 0;
	padding-bottom: 0;*/
}

#leftFooterBorder {
	background-image: url(/images/footer_cont.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 334px;
	padding-right: 4000px;
	margin-right: -4000px;
	float: left;
	overflow:hidden;
}

/*#rightFooterBorder {
	background-image: url(/images/footer_cont.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 334px;
	padding-right: 4000px;
	margin-right: -4000px;
	float:left;
}*/

/**html #footer
{
	width:1050px;
	height:100%;
}
*+html #footer
{
	width:1050px;
	height:100%;
}*/


#footer Div
{
	/*padding-left:10px;
	float:left;*/
	/*height:100%;*/
}


#footerLinks1 {
	padding-left: 5px;
}

#footerInfo {
	float:right;
	width:224px;
	color:#dadada;
	text-align:right;
	padding-top:85px;
	padding-right:25px;
}

#footerInfo img {
	margin-bottom: 10px;
}

#footer ul {
	width:178px;
  padding-top:45px;
  padding-bottom:10px;
}

#footer ul li A {
	display:block;
	text-align:left;
	padding-left:20px;
	padding-top:5px;
	text-decoration:none;
	color:#dadada;
}

/*#footerLinks1  ul li {
	background:url(/images/footer1stLink.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#footerLinks2  ul li
{
	
	background:url(/images/footer2ndLink.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#footerLinks3  ul li
{
	
	background:url(/images/footer3rdLink.gif);
	background-position:left;
	background-repeat:no-repeat;
}*/

.FooterCol {
	float:left;
	padding-top:60px;
}

#footer ul li
{
	width:100%;
	height:20px;
	background-position:left;
	background-repeat:no-repeat;
	background-position:0px 10px;
	
}
*html #footer ul li
{
	background-position:0px 9px;	
}

*+html #footer ul li
{
	background-position:0px 8px;	
}

.emailLink
{
	float:left;
	background:transparent url(/images/emailLink.gif) no-repeat left 3px;
	padding-left:15px;
	padding-right:15px;
	color:#dadada;
	
}
#footerInfoLinks
{
	float:right !important;
	height:30px !important;
}
#footer .telephoneLink
{
	background:transparent url(/images/telephoneLink.gif) no-repeat left 3px;
	padding-left:15px;
	float:left;
}

.copyrightTail {
	float:left;
	width:100%;
	text-align:center;
	padding-top: 55px;	
}

/*////////*/


#accordionExample {
  /*border : 1px solid #4f4f4f;*/
  width: 150px;
}

.panelHeader, .nestedPanelHeader{
	/*background-image: url('/images/example1_panelBG.png');*/
  height: 22px;
	color : #ECECEC;
	font-weight : normal;
  padding-left: 5px;
  white-space: nowrap;
}

.panelHover {
  background-image: url('images/example1_panelBGHover.png');
  height: 22px;
	color : #ffffff;
	background-color:#1D1D1D;
	cursor:pointer;
  padding-left: 5px;
}

.panelClicked {
   background-image: url('images/example1_panelBGClick.png');
   height: 22px;
   color : #ffffff;
   padding-left: 5px;
}

.panelSelected {
	background:url(/images/nav1stLink.gif) no-repeat 135px 0px !important;
  height: 22px;
	color : #494949;
	font-weight : bold;
  padding-left: 5px;
}
.panelContent .panelSelected
{
	background:url(/images/nav2ndLink.gif) no-repeat 135px 0px !important;
}
.panelContent, .nestedPanelContent {
  background-image: url('images/example1_contentBG');
  background: #000;
  color:#FFF;
	overflow: hidden;
  padding-left:10px;
}

.panelContent A
{
	display:block;
	text-decoration:none;
}
.panelContent A:hover
{
	text-decoration:underline;	
}

#nestedaccordionExample {
  margin-top: 0px;
  margin-left:0px;
  width: 150px;
  /*border : 1px solid #4f4f4f;*/
  overflow: hidden;
}


/*/////////////////////////////////////////*/

.accordion-color
{
	line-height:30px;
	border-bottom:1px dotted #434343;
	background:#000 url(/images/leftNavLink.gif) !important;
	background-position:right  !important;
	background-repeat:no-repeat  !important;
	display:block;
}

.accordion-pane, .accordion-cont
{
	background-color:#000 !important;	
	
}

.accordion-contents2
{
	line-height:30px;
	border-bottom:1px dotted #434343;
	background-position:right;
	background-repeat:no-repeat;
	display:block;
}

.Selected 
{
	background:url(/images/nav1stLink.gif) no-repeat 159px 5px !important;
}
.Selected2
{
	background:url(/images/nav2ndLink.gif) no-repeat 158px 5px !important;
}
.Selected3
{
	background:url(/images/nav3rdLink.gif) no-repeat 157px 5px !important;
}

/************HomePage******************/
#topRow, #bottomRow
{
	width:100%;
	height:170px;
	/*border-bottom:1px dotted #4d4d4d;*/
}
#topRow Div, #bottomRow Div
{
	float:left;
}
.homeButton
{
	width:154px;
	height:170px;
}
#Content A
{
	padding-left:0px;	
}
#Content #mobapp
{
	background:#000 url(/images/pageAssets/1mobileApp.gif) no-repeat;
	display:block;
}
#Content #mobapp:hover
{
	background:#000 url(/images/pageAssets/1mobileApp_on.gif) no-repeat;
}

#Content #ukMostAccWeb
{
	background:#000 url(/images/pageAssets/ukMostAccWeb.gif) no-repeat;
	display:block;
}
#Content #ukMostAccWeb:hover
{
	background:#000 url(/images/pageAssets/ukMostAccWeb_on.gif) no-repeat;
}

#Content #OnlineInvestmentSupermarket
{
	background:#000 url(/images/pageAssets/1OnlineInvestmentSupermarket.gif) no-repeat;
	display:block;
}
#Content #OnlineInvestmentSupermarket:hover
{
	background:#000 url(/images/pageAssets/1OnlineInvestmentSupermarket_on.gif) no-repeat;
}

#Content #OnlineInsuranceSupermarket
{
	background:#000 url(/images/pageAssets/1OnlineInsuranceSupermarket.gif) no-repeat;
	display:block;
}
#Content #OnlineInsuranceSupermarket:hover
{
	background:#000 url(/images/pageAssets/1OnlineInsuranceSupermarket_on.gif) no-repeat;
}

#Content #FlashContentManagement
{
	background:#000 url(/images/pageAssets/1FlashContentManagement.gif) no-repeat;
	display:block;
}
#Content #FlashContentManagement:hover
{
	background:#000 url(/images/pageAssets/1FlashContentManagement_on.gif) no-repeat;
}

#Content #GlobalGradRecruitment
{
	background:#000 url(/images/pageAssets/1GlobalGradRecruitment.gif) no-repeat;
	display:block;
}
#Content #GlobalGradRecruitment:hover
{
	background:#000 url(/images/pageAssets/1GlobalGradRecruitment_on.gif) no-repeat;
}

#Content #OnlinePensions
{
	background:#000 url(/images/pageAssets/1OnlinePensions.gif) no-repeat;
	display:block;
}
#Content #OnlinePensions:hover
{
	background:#000 url(/images/pageAssets/1OnlinePensions_on.gif) no-repeat;
}

#Content #OnlineRecruitment
{
	background:#000 url(/images/pageAssets/1OnlineRecruitment.gif) no-repeat;
	display:block;
}
#Content #OnlineRecruitment:hover
{
	background:#000 url(/images/pageAssets/1OnlineRecruitment_on.gif) no-repeat;
}

#Content #ElectronicTicketing
{
	background:#000 url(/images/pageAssets/1ElectronicTicketing.gif) no-repeat;
	display:block;
}
#Content #ElectronicTicketing:hover
{
	background:#000 url(/images/pageAssets/1ElectronicTicketing_on.gif) no-repeat;
}

#Content #FlashPersonalProfile
{
	background:#000 url(/images/pageAssets/1FlashPersonalProfile.gif) no-repeat;
	display:block;
}
#Content #FlashPersonalProfile:hover
{
	background:#000 url(/images/pageAssets/1FlashPersonalProfile_on.gif) no-repeat;
}
/**************************************/

/**********What We've Done ***************/
#wwdContent
{
	float:left;
	width:480px;
	height:100%;
	margin-right:55px;
}
#wwdNavigation
{
	float:left;
	width:210px;
	height:300px;
}

#wwdContent H1
{
	width:457px;
}
#wwdNavigation H1
{
	width:210px;
}
#wwdNavigation IMG
{
	margin-left:18px;	
}
#wwdNavigation a, #wwdContent a
{
	background-image:none;
	padding:0px;
}
#wwdContent .link
{
	font-weight:normal;
	background-image:url(/images/contentLink.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
	color:#dadada;	
	float:right;
}

#wwdNavigation .link
{
	font-weight:normal;
	background-image:url(/images/contentLink.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
	color:#dadada;	
}

#wwdNavigation .back
{
	font-weight:normal;
	background-image:url(/images/contentLinkBack.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
	color:#dadada;	
	float:left;
}

#wwdContent ul
{
	width:420px;	
}
#wwdContent IMG
{
	margin-left:18px;	
}

#spn_Hsbc:Hover
{
	background-image:url(/images/whatwevedone/nav/hsbc.gif);	
	
}

/****TEST*********/
#visableSection
{
	height:400px;
	width:227px;
	overflow:auto;
	position:absolute;
	z-index:4;
	
}

#section1
{
	width:210px;
	height:100%;
	z-index:-1;
}
#section2, #section3
{

height:100%;

}

#section2 A, #section3 A
{
	vertical-align:bottom;	
}

#section2.selected, #section3.selected
{
	left:0px;
	top:0px;
}

#btnWWDDown
{
}
/********************/
/*****************************************/