f/*
---------------------------------------------------------
Main styles

Revision:      001
Created:       03/11/2009 by gavincooper@redweb.com
---------------------------------------------------------

[Table of contents] 

1.    960 Overrides
2.    Basics
3.    Typography 
4.    Header
	4.1		Navigation
	4.2		Breadcrumb
	4.3		Secondary Navigation
5.	  Banner
	5.1		Homepage Pods
	5.2		Product Homepage Banner + Product Finder
	5.3		Remaining Page Banners (at this level only 1 style is used site wide)
6.	  Grids/Grid Cascades
	6.1		Grid_6
		6.1.1		Product Listing
		6.1.2		CMS Driven Content
		6.1.3		Image Slider
		6.1.4		Investors
		6.1.5		Aftersales
		6.1.6		Wide Listing - probably still used in news section ;)
	6.2		Grid_3
	6.3		Grid_3 Pods
		6.3.1		Image Pod
7.    Default Form
8.	  Footer	
------------------------------------------------------------------ 

[Color swatch]

Links:         		#007e92
Body text:     		#676866
Background     		#f3f3f3

---------------------------------------------------------
*/

/*
1. 		960 Overrides
--------------------------------------------------------*/
.container_12
{
	width:			980px;
	}
.container_12 .grid_12
{
	margin:			0;
	width:			980px;
	display:		inline;
	}
/*
2. 		Basics
--------------------------------------------------------*/
body 
{
	background: 	#f3f3f3 url("../images/body-repeat.gif") 0 0 repeat-x;
	font-family:	Arial, Helvetica, sans-serif;
}
form#aspnetForm
{
	float:			left;
	padding:		0 0 40px; /* Give the footer some room underneath it */
	}
/*
3. 		Typography
--------------------------------------------------------*/
body {
    font-size:  	62.5%; /* for IE/Win */
}
html>body {
    font-size:  	10px; /* for everything else */
}

h1,
h2,
h3,
h4,
h5,
h6 {                                    font-weight:        bold;
	                                    line-height:        1.8;
}
h1 {
	                                    font-size:          2.125em;
	                                    padding-bottom:     0.465em;
}
h2{                                     font-size:          1.9em;
	                                    padding-bottom:     0.555em;
}

h3{                                     font-size:          1.7em;
	                                    padding-bottom:     0.656em;
}

h4{                                     font-size:          1.4em;
	                                    padding-bottom:     .861em;
}

h5{                                     font-size:          1.313em;
	                                    padding-bottom:     .938em;
}

h6{                                     font-size:          1.313em;
	                                    padding-bottom:     .938em;
}

/*----------------------------------------------------------------------------
main typographic elements in keeping with Elements of typographic style
applied for Web http://webtypography.net/
----------------------------------------------------------------------------*/
#breadcrumb a,
#content a,
#footer a
{
	color:				#0158a4;
	border-bottom:		1px dotted #0158a4;
	text-decoration:	none;
	font-weight:		bold;
	}
#breadcrumb a:visited,
#content a:visited,
#footer a:visited
{
	color:				#003b6f;	
	border-color:		#003b6f;
	}
#breadcrumb a:active,
#content a:active,
#footer a:active
{
	color:				#588130;	
	border-color:		#588130;
	}
#breadcrumb a:hover,
#content a:hover,
#content a:hover span.text,
#footer a:hover
{
	color:				#1e7aca;
	border-bottom:		1px solid #1e7aca;
	}
.external
{
	background:			url("../images/new-window.gif") top right no-repeat;
	padding:			0 10px 0 0;
	}
a.arrow
{
	border:				none !important;
	}
.go
{
	background:		url("../images/go.png") center right no-repeat;
	padding:		0 10px 0 0;
	}
.whitego
{
	/*background:		url("../images/whitego.png") center right no-repeat;*/
	background:		url("../images/whitego.gif") center right no-repeat;
	}
#content .biggo
{
	border:			none;
	font-size:		1.2em;
	}
#content .biggo:hover
{
	border:			none;
	}
.back
{
	background:		url("../images/back.png") center left no-repeat;
	padding:		0 0 0 10px;
	}
span.text
{
	border-bottom:	1px dotted #0158a4;
	}
.highlight
{
	background:		#fff;
	}
.highlight-go
{
	border:			none;
	background:		#fff url("../images/go.png") right center no-repeat;
	padding:		0 10px 0 0;
	}
/*
4. 		Header
--------------------------------------------------------*/
#head
{
	float:			left;
	position:		relative;
	width:			980px;
	height:			157px;
	z-index:		1;
	}
.logo
{
	float:			left;
	display:		inline;
	width:			160px;
	height:			55px;
	margin:			15px 0 0 20px;
	background:		url("../images/logo.gif") 0 0 no-repeat;
	text-indent:	-9999px;
	}
#head fieldset
{
	float:			right;
	display:		inline;
	margin:			30px 20px 0 0;
	background:		#b6b8ba;
	padding:		5px 7px;
	}
#head fieldset legend
{
	display:		none;
	}
#head label
{
	float:			left;
	display:		inline-block;
	text-indent:	-9999px;
	width:			50px;
	height:			18px;
	background:		url("../images/search.gif") 0 0 no-repeat;
	}
#head input
{
	float:			left;
	font-size:		1.3em;
	color:			#373737;
	border:			1px solid #B6B8BA;
	width:			130px;
	margin:			0;
	padding:		1px;
	}
#head input.search_button
{
	width:			21px;
	height:			18px;
	padding:		0;
	margin:			1px 0 0;
	}
/*
4.1		Navigation
--------------------------------------------------------*/
#nav
{
	float:			left;
	position:		relative;
	z-index:		50;
	width:			980px;
	height:			64px;
	background:		url("../images/nav.gif") 0 0 repeat-x;
	}
#nav li
{
	float:			left;
	display:		inline;
	width:			140px;
	height:			39px;
	margin:			25px 0 0;
	background:		url("../images/nav-seperator.gif") top right no-repeat;
	}
#nav li.nth-child-6
{
	width:			138px;
	background:		transparent;
	}
#nav li.last
{
	position:		absolute;
	right:			0;
	top:			0;
	z-index:		100;
	height:			62px;
	width:			142px;
	}
#nav li a
{
	position:		absolute;
	display:		block;
	height:			39px;
	width:			138px;
	text-indent:	-9999px;
	}
a.markets	{		background: url("../images/markets.gif") 0 0 no-repeat; 	}
a.products	{		background: url("../images/products.gif") 0 0 no-repeat; }
a.about		{		background: url("../images/about.gif") 0 0 no-repeat;	}
a.aftersales{		background: url("../images/aftersales.gif") 0 0 no-repeat;}
a.news		{		background: url("../images/news-events.gif") 0 0 no-repeat;}
#nav a.contact
{
	width:			138px;
	background:		url("../images/contact.gif") 0 0 no-repeat;
	}
#nav .investors
{
	width:			142px;
	height:			62px;
	text-indent:	0;
	background:		url("../images/investors.gif") 0 0 no-repeat;
	text-decoration:none;
	}
#nav .investors .title
{
	display:		none !important;
	}
#nav .investors .shareprice
{
	float:			left;
	display:		inline-block;
	margin:			45px 0 0;
	font-size:		1.1em;
	font-weight:	bold;
	width:			142px;
	text-align:		center;
	color:			#fff;
	}
#nav .investors:hover,
#nav .investors:active,
#nav .sfHover a.investors
{
	background-position:0 -62px;
	}
#nav .selected .investors,
#nav .selected .investors:hover
{
	background-position:0 -124px;
	}
#nav li a:hover,
#nav .sfHover a
{
	background-position:0 -39px;
	}
#nav a.selected,
#nav a.selected:hover
{
	background-position:0 -78px;
	}
#nav li ul
{
	position:		absolute;
	z-index:		200;
	top:			64px;
	width:			138px;
	background:		#007dc3;
	display:		none;
	}
#nav .selected ul
{
	background:		#427213;
	}
#nav li ul li
{
	float:			left;
	background:		transparent;
	width:			138px;
	height:			28px;
	margin:			0;
	}
#nav li ul li a
{
	float:			left;
	height:			auto;
	padding:		8px 0;
	background:		transparent;
	text-indent:	0;
	text-align:		center;
	font-size:		1.2em;
	font-weight:	bold;
	color:			#fff;
	text-decoration:none;
	}
#nav li.selected ul li a:hover
{
	background:		#2f6423 url("../images/sub-nav.gif") 0 0 repeat-x !important;
	}
#nav li ul li a:hover
{
	background:		#2f6423 url("../images/sub-nav-hover.gif") 0 0 repeat-x !important;
	}
/*
4.2		Breadcrumb
--------------------------------------------------------*/
#breadcrumb
{
	float:			left;
	display:		block;
	height:			18px;
	width:			980px;
	w\idth:			940px;
	color:			#373737;
	margin:			1px 0 0;
	padding:		4px 20px 0;
	font-size:		1.1em;
	background:		#b6b8ba;
	}
#breadcrumb .seperator
{
	display:		inline-block;
	width:			13px;
	w\idth:			7px;
	height:			11px;
	padding:		1px 3px 0;
	background:		url("../images/breadcrumb-arrow.gif") 3px 2px no-repeat;
	}
/*
4.3		Secondary Navigation
--------------------------------------------------------*/
#subNav{
					margin:		20px 0 0 20px;
					color:		#373737;
					background: #f0efef;
}
#subNav li
{
					float:		left;
					width:		220px;
					padding:	0;
	}
#content #subNav a
{
					float:		left;
					width:		220px;
					padding:	5px 20px 5px 10px;
					w\idth:		190px;
					background:	#fff url("../images/secondary-nav-arrow.gif") right center no-repeat;
					font-size:	11px;
					font-weight:bold;
					color:		#373737;
					border-bottom:1px solid #F0EFEF !important;
	}
#content #subNav a:hover
{
					border:		none;
					color:		#0158a4;
					background:	#fff url("../images/secondary-nav-arrow-hover.gif") right center no-repeat;
	}
#content #subNav li a.selected
{
					background:	#567f2e url("../images/subNav-selected-arrow.gif") right top no-repeat;
					color:		#fff;
	}
#content #subNav li a.collapse
{
					background:	#fff url("../images/collapse.gif") right center no-repeat;
	}
#content #subNav li a.collapse:hover
{
					background-image:url("../images/collapse-hover.gif");
	}
#content #subNav li a.selected-collapse,
#content #subNav li a.selected-collapse:hover
{
					background:	#567f2e url("../images/subNav-selected-collapse.gif") right top no-repeat;
	}
#content #subNav li a.expand
{
					background:	#fff url("../images/plus.gif") right center no-repeat;
	}
#content #subNav li a.expand:hover
{
					background-image:url("../images/plus-hover.gif");
	}
#content #subNav li a.selected-expand,
#content #subNav li a.selected-expand:hover
{
					background:	#567f2e url("../images/subNav-selected-expand.gif") right top no-repeat;
	}
#subNav li ul
{
					float:		right;
					display:	inline;
					width:		200px;
					margin:		0 0 0;
	}
#content #subNav li ul li
{
					width:		200px;
	}
#content #subNav li ul a
{
					width:		200px;
					w\idth:		170px;
	}
#content #subNav li ul li ul,
#content #subNav li ul li ul li
{
					width:		180px;
	}
#content #subNav li ul li ul li a
{
					width:		180px;
					w\idth:		150px;
	}
#content #subNav li ul li ul li ul,
#content #subNav li ul li ul li ul li
{
					width:		160px;
	}
#content #subNav li ul li ul li ul li a
{
					width:		160px;
					w\idth:		130px;
	}
/*
5.		Banner

5.1		Homepage Banner
--------------------------------------------------------*/
.product-finder
{
	height:			320px;
	overflow:		hidden;
	}
#banner
{
	z-index:		0;
	}
#banner .sectors
{
	float:			left;
	position:		relative;
	display:		inline;
	width:			940px;
	margin:			20px 20px 0;
	padding:		0 0 20px;
	}
.sectors .marine,
.sectors .offshore,
.sectors .landbased,
.sectors .aftersales
{
	height:			277px;
	}
.sectors .marine
{
	background:		url("../images/pod-marine.jpg") 0 0 no-repeat;
	}
.sectors .offshore
{
	background:		url("../images/pod-offshore.jpg") 0 0 no-repeat;
	}
.sectors .landbased
{
	background:		url("../images/pod-landbased.jpg") 0 0 no-repeat;
	}
.sectors .aftersales
{
	background:		url("../images/pod-aftersales.jpg") 0 0 no-repeat;
	}
.sectors a,
.aside .image a
{
	float:			left;
	position:		relative;
	display:		block;
	width:			220px;
	height:			278px;
	text-decoration:none;
	}
.sectors .info,
.aside .image .info
{
	position:		absolute;
	bottom:			0;
	display:		block;
	width:			220px;
	w\idth:			180px;

	background:		url("../images/pod.png") 0 50% no-repeat;
	cursor:			pointer;
	}
.sectors .aftersales .info
{
	background:		url("../images/pod-light.png") 0 50% no-repeat;
	bottom:2px;
	}
	
	
		.sectors .info 
	{
		padding:10px 20px;
	}
	
	.aside .image .info 
	{
			padding:		15px 20px;
	}
	
	
	
	
	
.sectors .title,
.aside .image .title
{
	float:			left;
	display:		block;
	width:			160px;
	font-size:		1.8em;
	font-weight:	bold;
	color:			#fff;
	padding:		0;
	cursor:			pointer;
	line-height:	18px;
	}
	

	
	.aside .image .title 
	{
		height: 38px;
		
	
	}
	
.sectors .tagline,
.aside .image .tagline
{
	float:			left;
	margin:			18px 0 0;
	font-size:		1.2em;
	color:			#fff;
	font-weight:	bold;
	cursor:			pointer;
	display: block;
	
	}
	
	
	.sectors .tagline 
	{height:41px;
	margin-right:10px;
	/*padding-left:3px;*/
	}
	
	.sectors .aftersales .tagline {
	margin-left:1px;
	}
	
	.aside .image .tagline 
	{height: 74px;
	margin-right:20px;
	}
	
	
	
/*
5.2		Product Homepage Banner + Product Finder
--------------------------------------------------------*/
.message
{
	position:		absolute;
	z-index:		1;
	top:			0;
	left:			0;
	width:			980px;
	height:			320px;
	overflow:		hidden;
	}
.message li
{
	float:			left;
	position:		relative;
	display:		inline;
	width:			980px;
	height:			320px;
	}
.message a,
.message .info
{
	position:		absolute;
	bottom:			0;
	left:			0;
	display:		block;
	width:			980px;
	}
.message a
{
	text-decoration:none;
	}
.message .info
{
	display:		block;
	float:			left;
	width:			980px;
	padding:		20px;
	w\idth:			940px;
	background:		url("../images/message.png") 0 0 no-repeat;
	}
.message .txt
{
	float:			right;
	width:			700px;
	text-align:		right;
	cursor:			pointer;
	color:			#fff;
	}
.message .title
{
	font-size:		3em;
	float: 			right;
	font-weight:	bold;
	min-height:	    35px;
	_height:	    35px;
	}
.message .tagline
{
	margin:			10px 0 0;
	font-size:		1.6em;
	line-height:	22px;
	}
#controls
{
	position:		absolute;
	top:			10px;
	right:			9px;
	z-index:		15;
	height:			10px;
	}
#controls li
{
	float:			left;
	width:			10px;
	height:			10px;
	}
#controls li a
{
	float:			left;
	display:		block;
	width:			10px;
	height:			10px;
	text-indent:	-9999px;
	background:		url("../images/dot.png") 3px 3px no-repeat;
	}
#controls .selected a
{
	background:		url("../images/dot-active.png") 0 0 no-repeat;
	}
#controls .next a
{
	background:		url("../images/controls-next.png") 2px top no-repeat;
	}
#controls .prev a
{
	background:		url("../images/controls-prev.png") 2px top no-repeat;
	}
#finder
{
	position:		absolute;
	top:			0;
	left:			0;
	z-index:		3;
	width:			980px;
	height:			320px;
	}
#finder .controls
{
	position:		absolute;
	top:			0;
	left:			0;
	z-index:		5;
	width:			240px;
	height:			320px;
	background:		url("../images/product-finder.jpg") 0 0 no-repeat;
	}
#finder .controls h2
{
	float:			left;
	display:		inline;
	width:			220px;
	margin:			10px 0 0 20px;
	color:			#fff;
font-size:1.7em;
font-weight:bold;
	}
#finder .controls div
{
	float:			left;
	position:		relative;
	width:			240px;
	height:			268px;
	}
#finder .controls ul
{
	position:		absolute;
	bottom:			0;
	left:			0;
	width:			240px;
	}
#finder .controls li
{
	float:			left;
	width:			240px;
	}
#finder .controls a
{
	float:			left;
	width:			240px;
	padding:		12px 20px 14px;
	w\idth:			200px;
	background:		url("../images/product-finder-nav.jpg") 0 -1px repeat-x;
	font-size:		1.2em;
	color:			#fff;
	text-decoration:none;
	}
#finder .controls a:hover
{
	background-position:0 -41px;
	font-weight:	bold;
	}
#finder .controls .active a,
#finder .controls .active a:hover
{
	background-position:0 -81px;
	font-weight:	bold;
	}
#finder .content
{
	position:		absolute;
	top:			0;
	right:			0;
	z-index:		10;
	width:			740px;
	height:			320px;
	overflow:		hidden;
	}
#finder .products
{
	position:		absolute;
	left:			0;
	top:			0;
	display:		none;
	z-index:		150;
	height:			320px;
	}
#finder .products ul
{
	position:		absolute;
	top:			0;
	left:			0;
	width:			640px;
	display:		block;
	}
#finder .products ul li
{
	float:			left;
	display:		inline;
	}
#finder .products ul a
{
	float:			left;
	background:		url("../images/product_bg.jpg") 0 0 no-repeat;
	width:			320px;
	padding:		10px;
	w\idth:			300px;
	text-decoration:none;
	}
#finder .products img
{
	float:			left;
	cursor:			pointer;
	width:			71px;
	height:			71px;
	}
#finder .products .title
{
	float:			left;
	display:		block;
	width:			215px;
	margin:			0 0 0 10px;
	font-size:		1.4em;
	color:			#fff;
	cursor:			pointer;
			line-height:	20px;
	
	}
#finder .products .text
{
	float:			left;
	display:		inline;
	width:			215px;
	margin:			10px 0 0 10px;
	font-size:		1.1em;
	color:			#fff;
	border:			none;
	line-height:	14px;
	cursor:			pointer;

	}
#finder .products .link
{
	border-bottom:	1px dotted #fff;
	cursor:			pointer;
	}
/* Slider CSS */
.slide-wrapper
{
	float:			left;
	position:		relative;
	width:			740px;
	height:			20px;
	margin:			273px 0 0;
	background:		url("../images/scroll-bar.png") 0 0 no-repeat;
	}
.slider
{
	float:			left;
	position:		relative;
	display:		inline-block;
	width:			740px;
	height:			20px;
	}
.slider .ui-slider-handle
{
	position:		absolute;
	top:			7px;
	display:		block;
	width:			412px;
	height:			7px;
	z-index:		120;
	background:		url("../images/slider-handle.png") center 0 no-repeat;
	}
.slide-wrapper .left,
.slide-wrapper .right
{
	position:		absolute;
	display:		block;
	width:			18px;
	height:			10px;
	text-indent:	-9999px;
	z-index:		130;
	}
.slide-wrapper .left
{
	top:			5px;
	left:			20px;	
	}
.slide-wrapper .right
{
	top:			5px;
	right:			20px;
	}
/*
5.3		Remaining Page Banners
--------------------------------------------------------*/
.short, 
.short .message, 
.short .message li{
					height: 	180px;
}
.short .message li
{
					background-position:0 center;
	}
.short .message .txt {
					text-align:	left;
					width:		940px;
					line-height:1.3em;
}

.short .message .info{
					padding:	10px 20px;
}
/*
6.		Grids

6.1		Grid_6
--------------------------------------------------------*/
#content
{
	background:		#e2e2e2;
	padding:		0 0 20px;
	}
.products
{
	padding:		0 !important;
	}
#content .grid_6
{
	margin:			16px 0 0 20px;
	}
#content .grid_6 h2
{
	float:			left;
	width:			460px;
	font-size:		1.8em;
	}
#content p
{
	font-size:		1.2em;
	line-height:	18px;
	color:			#373737;
	}
#content .grid_6 p
{
	float:			left;
	width:			460px;
	}
#content .emph
{
	font-size:		1.4em;
	font-weight:	bold;
	line-height:	24px;
	padding:		0 0 0.5em;
	color:			#000;
	}
div#content .contact
{
	margin:			0;
	background:		url("../images/contact-home.gif") 0 0 no-repeat;
	padding:		20px 0 10px 20px;
	w\idth:			440px;
	margin:			20px 0 0;
	}
#content .contact fieldset
{
	float:			left;
	width:			420px;
	}
#content .contact fieldset legend
{
	float:			left;
	width:			420px;
	margin:			0 0 0 -3px;
	font-size:		1.4em;
	color:			#000;
	font-weight:	bold;
	}
#content .contact fieldset ol
{
	float:			right;
	width:			200px;
	margin:			20px 0 0;
	}
#content .contact fieldset li
{
	float:			left;
	width:			200px;
	padding:		0 0 10px;
	}
#content .contact fieldset label
{
	display:		none;
	}
#content .contact fieldset select
{
	float:			right;
	width:			200px;
	border:			1px solid #b6b8ba;
	}
#content .contact fieldset .contact_search
{
	float:			right;
	}
#content .biggo
{
	float:			left;
	display:		inline;
	text-align:		right;
	width:			200px;
	margin:			0 10px;
	padding:		8px 0 10px;
	}
.middle
{
	margin:			20px 0 0 20px;
	}
.middle li
{
	float:			left;
	}
/*
6.1.1		Product Listing
--------------------------------------------------------*/
#content #centre{
					margin:		20px 0 0 20px;	
}
#productListings{
					float:		left;
					width:		460px;
}
#productListings li{
					float:		left;
					display:	inline;
					padding:	0 0 20px;
}

#productListings h3,
#productListings p,
#productListings a,
#productListings img{
					float:		left;
					display:	inline;	
}
#productListings a,
#productListings a:hover{
					border-bottom: none;
}
#content #productListings h3,
#content #productListings p{
					width:		140px;
					padding:	5px 10px;
					w\idth:		120px;
					background:	#f0efef;
}
#content #productListings h3
{
					padding:	5px 10px 0;
	}
#productListings h3{
					color:		#0158a4;
					font-size:	1.4em;
					line-height:18px;
					margin:		0 0 0;
}
#content ul#productListings li{
					margin:		0 20px 0 0;
}
#content ul#productListings li.omega{
					margin:		0;
}
#content ul#productListings li img{
					width:		138px;
					height:		99px;
					border:		1px solid #f0efef;
}
#content #productListings span.go {
					float:		right;
					display:	block;
					height:		12px;
					width:		12px;
}

#content #productListings span.text
{
					border-bottom:	1px dotted #0158a4;
					float:			left;
					display:	block;
					height:		12px;
					width:		auto;
	}
#productListings .view{
					display:	block;
					width:		140px;
					padding:	2px 10px 12px;
					w\idth:		120px;
					font-size:	1.2em;
					background:	#F0EFEF;
					height:		1em;
}
/*
6.1.2		CMS Driven Content
--------------------------------------------------------*/
div.cms
{
	padding:		0 0 20px;
	}
.cms .img
{
	float:			left;
	width:			460px;
	}

#content .cms .emph
{
	margin:			0;
	padding:		0 0 20px;
	width:			390px;
	}
#content .cms p
{
	padding:		0 0 10px;
	}
#content .cms ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	float:left;
	}

#content .cms table{
	float:			left;
	width:			460px;
	padding:		0 0 10px;
}
#content .cms table p{
	float:			none;
	width:			auto;
	padding:		0 10px 10px 0;
}
#content .cms ul li
{
	background-image: url(../images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 12px; 
	padding-bottom:5px;
	font-size:1.3em;
	color:#373737;
	line-height:1.3em;
	position:relative;
	display:block;
	float:left;
	width:440px;
	}
#content .cms ol{
	list-style-type:	decimal;
	padding-bottom:		5px;
	list-style-type:none;
}
#content .cms ol li
{
	color:				#373737;
	float:				none;
	font-size:			1.2em;
	padding-left:	    5px;
	margin-left:		0;
	padding-right:		0;
	padding-top:	 	15px;
	padding-bottom:	 	15px;
	/*width:				410px;*/
	clear:				both;
	border-top:			1px solid #ccc;
	line-height:		20px;
	
	}
#content .cms ol li a
{
	padding-right:5px;
	
	}
#ctl00_BodyContent_serachId_SearchDataPager {
	font-size:1.4em;
	font-weight:bold;
	}
#ctl00_BodyContent_serachId_SearchDataPager a, #ctl00_BodyContent_serachId_SearchDataPager span{
	margin:5px;
	}
#content .cms ul.event li
{
	list-style-type:none;
	width:			460px;
	}
/*#content .cms p:empty
{
	display:		none;
	}*/
#content .results
{
	float:			left;
	width:			460px;
	margin:			10px 0 0;
	}
/*
6.1.3		Image Slider
--------------------------------------------------------*/
.imageSlider,
.imageContainer
{
	float:			left;
	width:			460px;
	}
.imageContainer
{
	border:			1px solid #b9bbbd;
	}
.imageContainer img
{
	width:			460px;
	top:			0px!important;
	}
.imageSlider
{
	padding:		0 0 20px;
	}
.imageSlider .controls
{
	float:			left;
	width:			460px;
	padding:		3px 3px 4px;
	w\idth:			456px;
	background:		#b9bbbd;
	}
#content .controls a
{
	float:			left;
	padding:		0 0 0 15px;
	background:		url("../images/imageSlider-control.gif") left top no-repeat;
	border:			none;
	font-size:		1.1em !important;
	font-size:		0.8em;
	font-weight:	normal;
	line-height:	0.8em;
	}
#content .controls a.collapse
{
	background-position:left -11px;
	}
#content .controls a.collapse:hover
{
	border:			none;
	}
/*
6.1.3		Investor Specific
--------------------------------------------------------*/
#content .investorpods
{
	float:			left;
	width:			460px;
	}
#content .investorpods li
{
	background:		#f0efef;
	margin-top:		20px;
	}
#content .investorpods .shareprice
{
	padding:		0 0 5px;
	}
#content .investorpods .cms p
{
	width:			200px;
	margin:			0 0 0 10px;
	}
#content .investorpods li p.highlight
{
	padding:		20px 0;
}
/*
#content .investorpods ul
{
	float:			left;
	width:			220px;
	}
#content .investorpods ul li
{
	float:			left;
	width:			220px;
	w\idth:			200px;
	margin:			0;
	}
#content .investorpods ul .highlight
{
	width:			220px;
	w\idth:			200px;
	background:		#fff;
	}
#content .investorpods ul .last
{
	padding-bottom:	8px;
	}
*/
.sharechart iframe
{
	float:			left;
	margin:			0;
	background:		#fff;
	}
/*
6.1.4		Aftersales
--------------------------------------------------------*/
#content .cms p.margin
{
	margin:			20px 0 0;
	padding:		0;
	}
#content .aftersalespods
{
	margin:			0;
	}
#corporate li
{
	height:auto;
	}
.contactpods li
{
	float:			left;
	width:			220px;
	display:		inline;
	background:		#f0efef;
	margin-top:		20px;
	}
.contactpods .title
{
	background:		transparent;
	}
#content .contactpods .title h3
{
	color:			#000;
	padding:		10px 0 0;
	}
.contactpods .alt
{
	margin-left:	20px;
	}
.contactpods h3,
.contactpods h4,
.contactpods h6
{
	float:			left;
	display:		inline;
	width:			200px;
	margin:			0 10px;	
	}
.contactpods h3
{
	color:			#0158a4;
	font-size:		1.4em;
	padding:		0;
	}
.contactpods h6
{
	font-size:		1.1em;
	line-height:	14px;
	font-style:		italic;
	}
.contactpods .grid_3 h4
{
	font-size:		1.2em;
	margin-top:		0;
	}
.contactpods dl
{
	float:			left;
	width:			220px;
	padding:		0 10px 8px;
	w\idth:			200px;
	background:		#fff;
	font-size:		1.2em;
	color:			#373737;
	}
.contactpods dt
{
	float:			left;
	width:			75px;
	padding:		8px 0 0;
	font-weight:	bold;
	}
.contactpods dd
{
	float:			left;
	width:			125px;
	padding:		8px 0 0;
	min-width:      125px;
	}
#content .contactpods .email
{
	float:			left;
	display:		inline-block;
	margin:			0 10px;
	width:			200px;
	padding:		5px 0 8px;
	text-align:		left;
	border:			none;
	}
#content .contactpods .email:hover
{
	border:			none;
	}
#content .contactpods .email .go
{
	float:			right;
	cursor:			pointer;
	}
#content .contactpods .email .text
{
	float:			left;
	font-weight:	bold;
	cursor:			pointer;
	}
/*Corporate contact pod overides*/
#corporate
{
	float:			left;
	width:			460px;
	}
#corporate li
{
	width:			460px;
	margin:			inherit 0;
	}
#corporate h3,
#corporate h4,
#content #corporate .email
{
	width:			440px;
	}
#corporate dl
{
	width:			460px;
	w\idth:			440px;
	}
#corporate dl dd
{
	width:			360px;
	}
/*
6.1.5		Investors
--------------------------------------------------------*/
/*
6.1.6		Wide Listing
--------------------------------------------------------*/
.wideList
{
	float:			left;
	width:			460px;
	}
.wideList li
{
	float:			left;
	width:			460px;
	padding:		0 0 20px;
	}
.wideList div
{
	float:			left;
	position:		relative;
	width:			458px;
	height:			90px;
	overflow:		hidden;
	border:			1px solid #F0EFEF;
	}
.wideList div a
{
	display:		block;
	float:			left;
	position:		relative;
	width:			458px;
	height:			90px;
	overflow:		none;
	}
.wideList div a img
{
	width:			458px;
	}
.wideList h3
{
	float:			left;
	width:			460px;
	font-size:		1.2em;
	padding:		10px 20px 5px;
	w\idth:			420px;
	background:		#F0EFEF;
	}
#content .wideList p
{
	float:			left;
	width:			460px;
	padding:		0 20px 10px;
	w\idth:			420px;
	background:		#F0EFEF;
	}
#content .wideList p.date
{
	padding:		0 20px 10px;
	}
.PagingContainer a
{
	font-size:		1.2em;
	}
/*
6.2		Grid_3
--------------------------------------------------------*/
.muted
{
	background:		#f0efef;
	}
/*
#content .investors,
#content .news
{
	margin:			20px 0 0 20px;
	padding:		0 0 10px;
	}
*/
#content .investors
{
	padding:		0;
	}
.grid_3 h4
{
	float:			left;
	display:		inline;
	width:			200px;
	margin:			6px 10px 0 10px;
	padding:		0 0 5px;
	}
#content .grid_3 .highlight
{
	float:			left;
	width:			220px;
	}
#content .news ul .highlight,
#content .investors ul .highlight
{
	width:			200px;
	}
#content .grid_3 p.highlight
{
	text-align:		center;
	font-size:		1.2em;
	font-weight:	bold;
	color:			#0158a4;
	padding:		15px 0 10px;
	}
#content .grid_3 p.highlight strong
{
	font-size:		2.2em;
	}
#content .grid_3 p.extra
{
	float:			left;
	display:		inline;
	margin:			10px 0 10px 10px;
	width:			120px;
	font-weight:	bold;
	}
#content .grid_3 .smallprint
{
	float:			left;
	display:		inline;
	width:			200px;
	font-size:		0.9em;
	line-height:	12px;
	margin:			0 10px;
	}
.grid_3 .regs
{
	float:			left;
	width:			220px;
	padding:		10px 10px;
	w\idth:			200px;
	background-position:203px center;
	font-size:		1.2em;
	margin:			10px 0 0;
	}
.grid_3 h5
{
	float:			left;
	display:		inline;
	width:			200px;
	margin:			10px 10px 0;
	padding:		0;
	}
.grid_3 ul
{
	float:			left;
	width:			220px;
	margin:			0;
	}
.grid_3 ul li
{
	float:			left;
	width:			220px;
	padding:		8px 10px;
	w\idth:			200px;
	font-size:		1.1em;
	}
.grid_3 ul li.highlight
{
	w\idth:			200px;
	}
.grid_3 ul li.last
{
	padding-bottom:	0px;
	}
.grid_3 ul li a
{
	display:		block;
	float:			left;
	width:			200px;
	border:			none !important;
	}
.grid_3 ul li .pdf
{
	padding:		2px 0 2px 20px;
	background:		url("../images/pdf.gif") left center no-repeat;
	w\idth:			180px;
	}
.grid_3 ul li a .go
{
	float:			right;
	display:		block;
	width:			15px;
	w\idth:			0px;
	}
.grid_3 ul li a .text
{
	float:			left;
	width:			auto;
	}
#content .grid_3 .share
{
	float:			right;
	display:		inline;
	margin:			12px 10px 0 0;
	font-size:		1.1em;
	}
div.news ul
{
	float:			left;
	width:			220px;
	}
.news ul li
{
	float:			left;
	position:		relative;
	width:			220px;
	w\idth:			200px;
	padding:		6px 10px 10px;
	}
div.news .date
{
	position:		absolute;
	top:			50%;
	margin-top:		-5px;
	width:			50px;
	font-weight:	bold;
	color:			#003B6F;
	}
div.news ul li a
{
	float:			right;
	display:		block;
	width:			150px;
	padding:		0 15px 0 0;
	w\idth:			135px;
	line-height:	14px;
	}
div.news ul li a span
{
	display:		inline;
	border-bottom:	1px dotted #373737;
	color:			#373737;
	}
div.news ul li a:hover span
{
	border-bottom:	1px dotted #003B6F;
	color:			#003B6F;
	}
div.news .newsletter,
div.news .morenews
{
	border:			none !important;
	font-size:		1.2em;
	margin:			10px 10px 0;
	display:		inline;
	}
div.news .newsletter
{
	float:			right;
	}
div.news .morenews
{
	float:			left;
	}
/*
6.3		Grid_3 Pods
--------------------------------------------------------*/
.aside
{
	margin:			0 0 0 20px;
	}
.aside li
{
	float:			left;
	position:		relative;
	width:			220px;
	margin:			20px 0 0;
	}
	
	
	
#content .grid_3 .news,
#content .grid_3 .investors
{
	float:			left;
	margin:			0 0 0;
	}
#content .grid_3 .news
{
	padding:		0 0 14px;
	}
#content .news ul li,
#content .aside .investors ul li,
#content .investorpods .downloads li
{
	margin:			0 !important;
	}
#content .aside .investors
{
	margin:			20px 0 0;
	}
.downloads a span
{
	border-bottom:	1px dotted #1E7ACA;
	line-height:	14px;
	}
.downloads li,
#content .investorpods .downloads li
{
	background:		url("../images/go.png") 203px center no-repeat;
	}
.downloads li.highlight,
#content .investorpods .downloads li.highlight
{
	background-color:#fff;
	}
#content .investorpods .downloads li,
#content .investorpods .downloads li.highlight
{
	width:			200px;
	}
	
	
/* 
 * padding added to list to force layout to work
 * to be removed in the future if more than one list item is added
*/
#content .investorpods .downloads,
#content .investorpods .downloads
{
	padding-bottom:0px;
}
/*****************************************************************/
	
	.sharechart iframe
{
	float:			left;
	margin:			0;
	background:		#fff;
	}
#ctl00_BodyContent_InvestorRelationHubComposite_PanelSharePrice{
	float:			left;
	width:			460px;
}
#sharePriceFeed{
	padding-left:	10px;
	padding-bottom:	5px;
	width:			450px;
	background:		#fff;
	float:			left;
}

#sharePriceFeed dl{
	float:			left;
	width:			221px;
}

#sharePriceFeed dl dt, 
#sharePriceFeed dl dd{
	float:			left;
	padding:		0 20px 20px 0;
	font-size:		1.2em;
}

#sharePriceFeed dl dt{
	font-weight:	bold;
	width:			90px;
}

#sharePriceFeed dl dd{
	width:			90px;
}

	
	
/*
6.3.1	Image Pod
--------------------------------------------------------*/
.aside li.image a
{
	height:			160px;
	border:			none !important;
	cursor:			pointer;
	}
.aside .image
{
	height:			160px;
	}
.aside .image img
{
	position:		absolute;
	z-index:		1;
	width:			220px;
	height:			160px;
	}
.aside .image .info
{
	background:		url("../images/pod-image.png") right center no-repeat;
	/*bottom:			1px;
	left:			1px;*/
	width:			180px;
	z-index:		10;
	}
.aside .image embed,
.aside .image object,
.aside span.title
{
	cursor:			pointer;
	}
/*
6.3.2	Nearest Contact Pod
--------------------------------------------------------*/
.nearestContact 
{
	background:		url("../images/findYourNearestContact.jpg") no-repeat;
	}
	
.nearestContact h4
{
	display:		block;
	float:			left;
	text-indent:	-999em;
	width:			200px;
	height:			90px;
	}
/*
	Below .contact is used in multiple places thanks to 960.gs
	We can drop the same fieldset anywhere on the site and expect
	a 3 col width with guttering...

	Thats why it's oddly floated right because in some cases we use
	it on the right and other cases its full width thus float right
	gives the same visual look anywhere....at the moment....
*/
.fcontact
{
	float:			right;
	display:		inline;
	width:			200px;
	margin:			0 10px;
	}
.fcontact ol,
.fcontact li
{
	float:			left;
	width:			200px;
	}
.fcontact li
{
	padding:		0 0 10px;
	margin:			0;
	}
.fcontact legend,
.fcontact label
{
	display:		none;
	}
.fcontact select
{
	float:			left;
	width:			200px;
	padding:		2px;
	border:			1px solid #B6B8BA;
	}
.fcontact li.button input
{
	float:			right;
	}
/*
7.		Default Forms
--------------------------------------------------------*/
.defaultform,
.defaultform fieldset,
.defaultform ol,
.defaultform li
{
	float:			left;
	width:			460px;
	}
.defaultform li
{
	padding:		0 0 10px;
	}
.defaultform li.button
{
	padding:		0;
	}
.defaultform legend
{
	font-size:		1.2em;
	color:			#000;
	font-weight:	bold;
	padding:		20px 0 10px;
	}
.searchform legend
{
	padding:		0 0 10px;
	}
.defaultform label
{
	float:			left;
	width:			460px;
	font-size:		1.2em;
	color:			#373737;
	padding:		0 0 5px;
	}
.defaultform input
{
	float:			left;
	width:			260px;
	font-size:		1.3em;
	color:			#373737;
	border:			1px solid #a5acb2;
	padding:		2px;
	}
.defaultform textarea
{
	float:			left;
	width:			260px;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		1.3em;
	color:			#373737;
	border:			1px solid #a5acb2;
	padding:		2px;
	}
.defaultform input:focus,
.defaultform textarea:focus
{
	border:			1px solid #000;
	}
.defaultform tbody input
{
	display:		inline;
	width:			100px;
	margin:			0 10px;
	font-size:		1.2em;
	}
.defaultform table
{
	font-size:		1.2em;
	}
.defaultform th
{
	padding:		0 0 5px;
	text-align:		center;
	}
.defaultform td .number
{
	float:			left;
	padding:		0 0 5px;
	}
.defaultform .button
{
	float:			left;
	width:			100px;
	border:			none;
	cursor:			pointer;
	padding:		2px 0;
	font-weight:	bold;
	color:			#fff;
	background:		#588130 url("../images/button.gif") 0 0 repeat-x;
	}
.defaultform .button:hover
{
	background:		#6c9c3f url("../images/button-hover.gif") 0 0 repeat-x;
	}
.defaultform .error
{
	float:			left;
	width:			460px;
	display:		block;
	font-size:		1.2em;
	padding:		5px 0 0;
	}
.defaultform .required
{
	color:			red;
	}
p.good
{
	color:			#5c8732;
	font-weight:	bold;
	}
fieldset.fcontact .error,
div.contact fieldset .error
{
	float:			left;
	padding:		5px 0 0;
	color:			red;
	font-weight:	bold;
	}
/*
8.		Footer
--------------------------------------------------------*/
#footer
{
	margin:			20px 0 0;
	background:		#eaeaea url("../images/footer-logo.gif") 838px 20px no-repeat;
	padding:		20px 0 20px;
	}
#footer p
{
	display:		inline-block;
	margin:			0 0 0 20px;
	padding:		0 0 5px;
	font-size:		1.1em;
	}
#footer .break
{
	margin:			15px 20px 0;
	}
#footer a
{
	font-weight:	bold;
	}
/* Site Map */
#sitemap
{
	float:			left;
	width:			460px;
	}
#sitemap ul,
#sitemap li
{
	float:			right;
	display:		inline;
	}
#sitemap ul
{
	width:			460px;
	}
#sitemap ul li
{
	width:			460px;
	}
#sitemap ul li ul
{
	width:			460px;
	margin-top:		0;
	}
#sitemap ul li ul li
{
	float:			right;
	display:		inline;
	width:			440px;
	}
#sitemap ul li ul li ul
{
	width:			440px;
	}
#sitemap ul li ul li ul li
{
	width:			420px;
	}
#sitemap ul li ul li ul li ul
{
	width:			400px;
	}
#sitemap ul li ul li ul li ul li
{
	width:			380px;
	}
#sitemap ul li ul li ul li ul li ul
{
	width:			360px;
	}
#sitemap ul li ul li ul li ul li ul li
{
	width:			340px;
	}
#sitemap a
{
	float:			left;
	font-size:		1.2em;
	line-height:	14px;
	padding:		3px 0 !important;
	border:			none;
	}
#sitemap a:hover
{
	border:			none;
	}
#sitemap a span
{
	display:		inline;
	border-bottom:	1px dotted #1E7ACA;
	}
#sitemap a:hover span
{
	border-bottom:	1px solid #1E7ACA;
	}

	
	
	
/*------------------- table ---------------------- */

#content table {
border:	1px solid #000000;
}

#content table td 
{
border-left:1px solid #000000;
border-top:1px solid #000000;
padding: 5px;
}

#content tr {
border-bottom:	1px solid #000000;

}

#content .cms table 
{
	color:#373737;
font-size:1.1em;
}


	
.topleftfloatingimage{
	float:left;
	margin:0 10px 10px 0;
}