/* CSS BBM */


#wrapper {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:15px ;
	background: url(../../../../images/bbmBarclays.gif) no-repeat right top;
	font-size:80%;
}
#logolink {
	position:absolute;
	top:15px;
	left:15px;
}
#topdropmenu{
	position:absolute; top:160px;
}
#border {
	border-left:4px solid #CDE6A0;
	border-right:4px solid #CDE6A0;
	border-top:4px solid #CDE6A0;
	background: url(../../../../images/bbmBorderBck.jpg) repeat-x top;
	margin-bottom:-15px;
	padding-top:15px;
	padding-bottom:20px;
}

#maincontent {
	vertical-align:top;
	margin-right:15em;
	padding:2%;
}
#wrapper h1 {
	background-image: url(../../../../images/bbmHeader.gif);
	background-repeat: no-repeat;
	height: 128px;
	text-indent:-3000px;
	margin-bottom:0px;
}

#maincontent p{
	line-height:1.5em;
	font-size:1em;
}
#rightcontent *{
	margin:0;
}
#rightcontent {
	position:absolute;
	top:280px;
	right:35px;
	width:150px;

}
#rightcontent P{
	line-height:1.5em;
	font-size:0.85em;
	margin-bottom:10px;
	margin-top:10px;
}
div#rightcontent ul {
	margin-left:15px;
}
div#rightcontent ul li {
	margin-bottom: 0.5em;
	list-style: url(../../../../images/bullet.gif); 
	font-size:0.85em;
}
div#rightcontent ol li {
	margin-bottom: 0.5em;
	font-size:0.85em;
}

.green {
	color:#008469;
}
.redbold {
	font-weight: bold;
	color: #D90000;
}
.redbold ul
{
	list-style: square;
	margin-top:20px;
}

.redbold li
{
	margin-bottom:0px;
	margin-left:-22px;
}
.alert {
	font-weight: bold;
	color: #D90000;
}
.alert ul
{
	list-style: square;
	margin-top:20px;
}
.alert li
{
	margin-bottom:0px;
	margin-left:-22px;
}
a {
	color: #000000;
}
a:visited {
	color: #003A63;
}
a:hover {
	color: #008469;
}

.top {
	text-align: right;
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
}
hr {
	color: #CDE6A0;
	height: 1px;
	background-color: #CDE6A0;
	border: solid #CDE6A0 0px;
}
div#maincontent ul li {
	margin-bottom: 0.5em;
	list-style: url(../../../../images/bullet.gif); 
}
div#maincontent ol li {
	margin-bottom: 0.5em;

}
/***** footer styles ***************/
div#footer {
	font-size:0.85em;
}
#footer p{
	font-size:1em;
	display:inline;
	padding-left:7px;
}
div#footer a {
	font-size: 1em;
	color: #008469;
	text-decoration: none;
}
div#footer a:visited {
	color: #008469;
}
div#footer a:hover {
	color: #000000;
}
div#footer span.small a {
	color: #000000;
	text-decoration:underline;
}
div#footer span.small  {
	line-height:3em;
}
div#footer {
	clear:both;
	padding-top:50px;
	text-align:center;
	background:  url(../../../../images/bbmBorderBottom.gif) no-repeat top right;
	height:40px;
}

/***** form styles ***************/

select
{
	font-size: 0.85em;
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #ffffff;
	border: solid #7FC1B2 1px;
	margin: 1px 6px 6px 2px
}
textarea
{
	font-size: 0.85em;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #ffffff;
	border: solid #7FC1B2
 1px;
	padding-left: 3px;
	margin: 1px 6px 6px 2px
}
input.field
{
	font-size: 0.85em;
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #ffffff;
	border: solid #7FC1B2 1px;
	padding-left: 3px;
	height:15px;

}
input.button {
	font-weight: bold;
	font-size: 0.95em;
	color: #ffffff;
	background-color: #008469;
	cursor: pointer;
	border:1px solid #008469;
}
input.button:hover, input.button.hover {
	background-color: #CDE6A0;
	color: #000000;
}  

input.buybutton {
	font-weight: bold ;
	font-size: 0.9em;
	color: #ffffff;
	background-color: #CC0000;
	cursor: pointer;
	border: solid #99cc33 1px;
}
input.buybutton:hover , input.button.hover {
	background-color: #008469;
	color: #ffffff;
} 
fieldset {
	border: solid #CDE6A0 1px;
	padding: 20px 15px 10px 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}
legend {
	color:#003A63;
	border: solid #CDE6A0 1px;
	padding:3px 6px 5px 6px;

}
input:focus, select:focus, textarea:focus {
	background:#E5F7FD;
}
.commbutton {
	width:160px;
}
.commform {
	margin-bottom:-5px;
}
form dt {
	padding: 5px 0;	
}
form dd {
	padding: 0 0 15px 0;
}



/* Template Colour Styles */
/* Changes the colour of sections of the page dependant on the style sheet in use */

#header	{background-color:#7183C3;  border-bottom:1px solid #7183C3; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#687BBE', EndColorStr='#DFEFFF');}
#left	{background-color:#eeeeee; border-right:1px solid #7183C3;}

/* Mozilla Fix for problem with header section not attaching to top */
#header	{border-top:1px solid #7183C3;}


/*Top Drop Down Menu Color Selection Styles */

	/* All Level Styles*/
	#topdropmenu			{}	
	#topdropmenu a			{}
	#topdropmenu a:hover	{}


	/* Level 0 Styles */
	#topdropmenu UL UL.L0			{}	/* level 0 "leaf" properties - not really a leaf since its the top level */
	#topdropmenu a.L0hc				{color:#000000; background: url(../../../../images/bbmTopMenuLinkBckC.jpg) right center no-repeat;}  /* level 0 item with children properties. defines background color and bullet image */
	#topdropmenu a.L0hcsel			{color:#000000; background: url(../../../../images/bbmTopMenuLinkBckCsel.gif) right center no-repeat;} /* level 0 item selecred with children properties. defines background color*/
	
	#topdropmenu a.L0nc				{color:#000000; background: url(../../../../images/bbmTopMenuLinkBckNC.jpg) right center no-repeat;} /* level 0 item with no children properties. defines background color*/
	#topdropmenu a.L0hc:hover		{color:#000000; background: url(../../../../images/bbmTopMenuLinkBckC_f2.jpg) right center no-repeat;}	/* hover effect for level 0 with children */
	#topdropmenu a.L0nc:hover		{color:#000000; background: url(../../../../images/bbmTopMenuLinkBckNC_f2.jpg) right center no-repeat;} /* hover effect for level 0 with no children */
	#topdropmenu a.L0ncsel			{color:#000000; background: url(../../../../images/bbmTopMenuLinkBckNCsel.gif) right center no-repeat; } /* level 0 item selecred with no children properties. defines background color*/

	
	/* Level 1 Styles */
	#topdropmenu UL UL.L1			{border:1px solid #daeabe ;}
	#topdropmenu a.L1hc				{color:#000000; background:#cde6a0 url(../../../../images/rtArwGrey.gif) right center no-repeat;}
	#topdropmenu a.L1nc				{color:#000000; background:#cde6a0;}
	
	#topdropmenu a.L1hc:hover		{color:#000000; background:#f2f8e9 url(../../../../images/rtArwGrey.gif) right center no-repeat;}	
	#topdropmenu a.L1nc:hover		{color:#000000; background:#f2f8e9;}
	
	#topdropmenu a.L1ncsel			{color:#000000; background:#cde6a0;}
	#topdropmenu a.L1ncsel:hover	{color:#000000; background:#f2f8e9;}
	
	#topdropmenu a.L1hcsel			{color:#000000; background:#cde6a0 url(../../../../images/rtArwGrey.gif) right center no-repeat;}
	#topdropmenu a.L1hcsel:hover	{color:#000000; background:#f2f8e9 url(../../../../images/rtArwGrey.gif) right center no-repeat;}

	/* Level 2 Styles */
	#topdropmenu UL UL.L2			{border:1px solid #daeabe ;}
	#topdropmenu a.L2hc				{color:#000000; background:#daeabe url(../../../../images/rtArwGrey.gif) right center no-repeat;}
	#topdropmenu a.L2nc				{color:#000000; background:#daeabe;}
	
	#topdropmenu a.L2hc:hover		{color:#000000; background:#ffffff url(../../../../images/rtArwGrey.gif) right center no-repeat;}	
	#topdropmenu a.L2nc:hover		{color:#000000; background:#ffffff;}
	
	#topdropmenu a.L2ncsel			{color:#000000; background:#daeabe;}
	#topdropmenu a.L2ncsel:hover	{color:#000000; background:#ffffff;}

	#search {color:#000000; font-size:10%; float:right; padding-top:20px; padding-right:20px;}

.rightCol {background:#ffffff; padding: 5px 5px 5px 5px; font-family: Verdana; border: 1px solid #f2f2f2;}

div#breadcrumb {
	position:absolute;
	top: 129px;
	left: 168px;
	font-size:0.8em;
	color: #003A63 ;
}
div#breadcrumb a{
	color: #003A63 ;
}
div#breadcrumb a:hover{
	color: #008469 ;
}