/*

	This website was created by Natural Graphic

	Copyright:	2009 Natural Graphic Ltd All rights reserved
	Author(s):	Alex Traylen
	Web:		www.naturalgraphic.co.uk
	Email:		talk [at] naturalgraphic.co.uk
	Phone:		+44 (0) 20 7241 2264

*/





/* -----------------------------------
+
+
+	General
+
+
----------------------------------- */

body
		{
			font-family:arial,verdana,sans-serif;
			background-color:#fff;
			line-height:130%;
			color:#666;
		}





/* -----------------------------------
+
+
+	Containers
+
+
----------------------------------- */

.container
		{
			/*background:red;*/
			
			/*overflow:hidden;*/
			margin:0 auto;
			padding:10px;
			width:960px;
		}
		
.header
		{
			/*background:cyan;*/
			
			overflow:hidden;
		}
		
.header .logo
		{
			/*background:blue;*/
			
			float:left;
		}

.header .controlpanel img,
.header .logo img
		{
			vertical-align:bottom;
		}
		
.header .controlpanel,
.header .search
		{
			/*background:blue;*/
			
			clear:right;
			float:right;
		}
		
.header .search fieldset legend,
.header .search fieldset label
		{
			display:none;
		}

.header .search .searchterminput
		{
			font-family:arial,verdana,sans-serif;
			border:#ccc solid 1px;
			margin:0 0 20px 0;
			background:#fff;
			font-size:80%;
			width:160px;
			height:20px;
		}
		
.header .search .submit
		{
			vertical-align:top;
			background:#d3d3d3 url(../img/button-fade.jpg) bottom left repeat-x;
			font-weight:bold;
			font-size:76%;
			height:22px;
			width:36px;
			color:#777;
		}
		
.content
		{
			/*background:yellow;*/
			
			margin:30px 0;
			overflow:hidden;
		}
		
.page
		{
			/*background:purple;*/
			
			/*overflow:hidden;*/
			
			/*font-size: 100%;*/
			display:inline;
			width:720px;
			float:left;
		}
		
.smalltablewindow
		{
			display:none;
			background:#FFFFFF;
		}
		
		
		
		
/* -----------------------------------
+
+
+	Typography
+
+
----------------------------------- */

p
		{
			margin-bottom:20px;
			line-height:120%;
			font-size:80%;
		}
		
h1
		{
			
			margin-bottom:20px;
			font-weight:normal;
			line-height:100%;
			font-size:200%;
			color:#bed933;
		}

h1 span.blue
		{
			color:#006a72;
		}
		
h2
		{
			font-weight:bold;
			color:#bed933;
		}
		
h3
		{
			font-weight:bold;
			color:#006a72;
			font-size:86%;
		}
		
h3.pagename
		{
			margin-bottom:20px;
			line-height:100%;
		}
		
h4
		{
			font-weight:normal;
			color:#006a72;
			font-size:86%;
		}
		
.red
		{
			color:#f00;
		}
		
.blue
		{
			color:#006a72;
		}
		
.green
		{
			color:#bed933;
		}
		
.small
		{
			font-size:70%;
		}
		
.bold
		{
			font-weight:bold;
		}

sup
		{
			vertical-align:super;
			font-size:76%;
		}
		
sub
		{
			vertical-align:sub;
			font-size:65%;
		}
		
.searchhighlight
		{
			background-color:#bed933;
		}
		
		
		
		
/* -----------------------------------
+
+
+	Grid
+
+
----------------------------------- */

/* Columns */


.column140px,
.column220px,
.column460px,
.column700px
		{
			/*background:lime;*/
			
			margin:0 10px 0 10px;
			float:left;
		}
		
.column140px
		{		
			width:140px;
			float:left;
		}

.column175px
		{
			/*background:lime;*/
			
			width:175px;
			float:left;
		}

.column220px
		{
			width:220px;
		}

.column460px
		{
			width:460px;
		}
		
.column700px
		{
			width:700px;
		}
		
/* for Landing page columns */

.spacercolumn
		{
			border-left:#006a72 solid 1px;
			margin-top:20px;
			height:170px;
			float:left;
			width:0;
		}
		
.rightblueborder
		{
			border-right:#006a72 solid 1px;
		}
		
.leftblueborder
		{
			border-left:#006a72 solid 1px;
		}
		
.marginleft5px
		{
			margin-left:5px;
		}
		
.marginleft10px
		{
			margin-left:10px;
		}
		
.marginleft15px
		{
			margin-left:15px;
		}
		
.marginleft20px
		{
			margin-left:20px;
		}
		
.margintop20px
		{
			margin-top:20px;
		}
		
		
		
/* -----------------------------------
+
+
+	Links
+
+
----------------------------------- */
	
a
		{
			color:#006a72;
		}
		
a:active
		{
			color:#006a72;
		}
		
a:visited
		{
			color:#006a72;
		}
		
a:hover
		{
			color:#000;
		}
		
		
		
		
		
/* -----------------------------------
+
+
+	Button
+
+
----------------------------------- */
	
a.button
		{
			background-color:#d8e588;
			vertical-align:middle;
			text-decoration:none;
			display:inline-block;
			border-radius:4px;
			padding:3px 6px;
			font-size:86%;
			color:#006a72;
		}
			
a:hover.button
		{
			background-color:#006a72;
			color:#fff;
		}
		
a.findoutmore,
a.findoutmore:visited
		{
			margin-left:5px;
			background:url(../img/but-background.png) no-repeat right top;
			width: 140px;
			padding: 3px 20px 3px 10px;
			color: #fff;
			font-size: 80%;
			text-decoration: none;
		}
		
a.findoutmore:hover
		{
			margin-left:5px;
			background:url(../img/but-background.png) no-repeat right bottom;
		}
		
		
		
		
		
/* -----------------------------------
+
+
+	Email a friend
+
+
----------------------------------- */
	
.emailafriend
		{
			/*background:lime;*/
			
			text-align:center;
		}

.emailafriend form fieldset
		{
			display:inline;
		}

.emailafriend form fieldset legend
		{
			display:none;
		}

.emailafriend form fieldset label
		{
			/*background:red;*/
			
			margin:0 20px 20px 0;
			text-align:right;
			font-size:80%;
			width:220px;
			float:left;
			color:#666;
		}
		
.emailafriend form fieldset textarea,
.emailafriend form fieldset input
		{
			border:#ccc solid 1px;
			margin:0 0 20px 0;
			font-size:80%;
			height:20px;
			width:458px;
			float:left;
		}

.emailafriend form fieldset textarea
		{
			height:100px;
		}
		
.emailafriend form fieldset .submit
		{
			background-color:#d8e588;
			padding:3px 6px 22px 6px;
			vertical-align:middle;
			text-decoration:none;
			display:inline-block;
			border-radius:4px;
			font-size:86%;
			color:#006a72;
			margin:0 auto;
			float:none;
			width:50px;
			border:0;
		}
		
		



/* -----------------------------------
+
+
+	Navigation
+
+
----------------------------------- */
	
.navigation
		{
			/*background:lime;*/
			
			overflow:hidden;
		}

.navigation ul
		{
			/*background:cyan;*/
			
			/*overflow:hidden;*/
		}

.navigation ul li
		{
			/*background:yellow;*/
			
			border-right:#fff solid 1px;
			border-left:#fff solid 1px;
			float:left;
		}

.navigation ul li a
		{
			background-color:#d8e588;
			text-decoration:none;
			text-align:center;
			padding:10px 0;
			color:#006a72;
			display:block;
			font-size:80%;
			width:158px;
		}

.navigation ul li a.active
		{
			background-color:#c1d830;
			font-weight:bold;
		}

.navigation ul li a:hover
		{
			background-color:#c1d830;
		}

.navigation .breadcrumb
		{
			/*background:purple;*/
			
			margin:10px 0 0 0;
			color:#415a68;
			font-size:80%;
			float:left;

		}

.navigation .breadcrumb a
		{
			text-decoration:none;
			color:#415a68;
		}

.navigation .pagination
		{
			margin:10px 0 0 0;
			float:right;
		}





/* -----------------------------------
+
+
+	Sub navigation
+
+
----------------------------------- */
	
.subnavigation
		{
			/*background:lime;*/
			
			margin:0 10px 0 10px;
			width:220px;
			float:left;
		}
	
.subnavigation ul
		{
			/*background:green;*/
			
			/*border-top:#b3d3d5 solid 1px;*/
		}
	
.subnavigation ul li
		{
			/*background:cyan;*/
			
			border-bottom:#b3d3d5 solid 1px;
		}

.subnavigation ul li ul
		{
			border:0;
		}

.subnavigation ul li a
		{
			text-decoration:none;
			color:#006a72;
			font-size:80%;
			display:block;
			padding:2px;
		}

.subnavigation ul li.open ul li.open a,
.subnavigation ul li.open a
		{
			font-weight:bold;
		}

.subnavigation ul li.open a.active,
.subnavigation ul li a.active
		{
			background-color:#006a72;
			font-weight:normal;
			color:#fff;
		}

.subnavigation ul li.open ul li.open ul li a,
.subnavigation ul li.open ul li a
		{
			font-weight:normal;
		}

.subnavigation ul li ul li
		{
			border:0;
			border-top:#fff solid 1px;
		}

.subnavigation ul li ul li a
		{
			padding:2px 2px 2px 20px;
			font-weight:normal;
		}
		
.subnavigation ul li ul li ul li a
		{
			padding:2px 2px 2px 40px;
			font-weight:normal;
		}

.subnavigation ul li ul li a.active
		{
			background-color:#006a72;
			font-weight:normal;
			color:#fff;
		}

.subnavigation ul li a:hover
		{
			background-color:#006a72;
			color:#fff;
		}







/* -----------------------------------
+
+
+    Control panel navigation
+
+
----------------------------------- */

.header .controlpanel ul
       {
			/*background:cyan;*/
			
			overflow:hidden;
       }

.header .controlpanel ul li
       {
			float:left;
       }

.header .controlpanel ul li ul
       {
			/*border-bottom:#b3d3d5 solid 1px;
			border-right:#b3d3d5 solid 1px;
			border-left:#b3d3d5 solid 1px;*/
			border:#c2ce7a solid 3px;
			position:absolute;
			display:none;
			z-index:1;
       }
       
.header .controlpanel ul li ul li
       {
			display:block;
			clear:right;
			float:none;
       }

.header .controlpanel ul li ul li a
       {
			background-color:#ebf2c3;
			text-decoration:none;
			padding:0 5px;
			font-size:76%;
			display:block;
			color:#006a72;
       }

.header .controlpanel ul li ul li a:hover
       {
			background-color:#006a72;
			color:#fff;
       }
       
       
       
       
	   
/* -----------------------------------
+
+
+    Content lists
+
+
----------------------------------- */       
       
.page ul,
.page ol
	{
		list-style:disc outside;
		margin-bottom:20px;
		padding-left:10px;
		margin-left:10px;
		/*color:#006a72;*/
	}

.page ol
	{
		list-style:decimal outside;
		/*color:#495966;*/
	}
	
.page li
	{
		line-height:120%;
		font-size:80%;
	}

.page ol.small li
	{
		font-size:96%;
	}
	





/* -----------------------------------
+
+
+    Pagination
+
+
----------------------------------- */       

.pagination-bottom
		{
			/*background:lime;*/
			
			padding-left:60px;
			text-align:right;
		}
	
.pagination-bottom a
		{
			font-size:76%;
		}
	
.pagination-bottom span
		{
			font-size:76%;
		}
	











/* -----------------------------------
+
+
+    Financial highlights
+
+
----------------------------------- */       

img.highlights
		{
			margin:20px 10px 20px 0;
		}
	






/* -----------------------------------
+
+
+    Supporting content
+
+
----------------------------------- */       

 .fact
		{
			margin-bottom:20px;
		}
	
 .fact h1
		{
			/*background:lime;*/
			
			margin:0 0 5px 0;
			font-size:260%;
		}
	
 .fact h2
		{
			/*background:red;*/
			
			border-top:#006a72 solid 1px;
			line-height:125%;
			padding-top:5px;
			font-size:76%;
			color:#006a72;
		}
		
.seg-col-wrapper
		{
			/*background:lime;*/
			
			overflow:hidden;
		}

.seg-col-1
		{
			/*background:yellow;*/
			
			border-top:#006a72 solid 1px;
			margin:0 0 20px 0;
			width:460px;
			float:left;
		}
		
.seg-col-1 p
		{
			margin-bottom:0;
		}

.seg-col-2
		{
			/*background:red;*/
			
			border-top:#006a72 solid 1px;
			margin:0 0 20px 40px;
			width:200px;
			float:left;
		}

.seg-col-2 img
		{
			vertical-align:bottom;
		}

.seg-col-2 h1
		{
			margin-bottom:0;
		}
/*
.segcolwide
		{
			
			margin-bottom:30px;
			height:440px;
			width:344px;
			float:left;
		}
	
.segcol
		{
			
			border-left:#006a72 solid 1px;
			margin:0 0 30px 5px;
			position:relative;
			height:440px;
			width:169px;
			float:left;
		}
		
.segtext h1
		{
			
			font-weight:bold;
			margin-bottom:0;
			padding:0 10px;
			font-size:110%;
			color:#4a5967;
			height:65px;
		}
		
.segtext p
		{
			padding:0 10px;
			font-size:75%;
		}
		
.segfact
		{
			
			position:absolute;
			padding:0 10px;
			bottom:0;
		}
	
.segfact h1
		{
			margin:0 0 5px 0;
			font-size:260%;
		}
	
.segfact h2
		{
			line-height:125%;
			font-weight:bold;
			font-size:76%;
			color:#4a5967;
		}
	*/
.nomargin
		{
			margin:0;
		}
		
.helpimg
		{
			text-align:center;
			margin:20px 0;
			width:100%;
		}
		
.indent25
		{
			text-indent:25px;
		}
		
.indent30
		{
			text-indent:30px;
		}
		
.indent35
		{
			text-indent:35px;
		}
		
#lbCaption
		{
			display:none;
		}

.cash-container
		{
			/*background:yellow;*/
			
			overflow:hidden;
		}
		
.cashcol1
		{
			/*background:red;*/
			
			width:460px;
			float:left;
		}
		
.cashcol2
		{
			/*background:red;*/
			
			margin:0 0 0 20px;
			width:220px;
			float:left;
		}
		
.noborder
		{
			border:0;
		}
		
.hidden
		{
			visibility:hidden;
			display:none;
		}