/* Required to obtain min-width behaviour with IE */

.width						{width: 50%; min-width: 990px;}
.content					{padding: 0;}

/*\*/ /* Ignored by IE Mac*/
* html .minwidth, * html .container	{height: 1px;}
/**/

* html .container			{margin-left: -990px; position: relative;}
 .width						{width:100%; min-width: 990px;}
* html .minwidth			{padding-left: 990px;}

/*\*/
* html .minwidth, * html .container, * html .content, * html .layout	{height: 1px;}
/**/

/*************************************************************/

body						{font-family: arial; font-size: 0.75em; background-color: #F3F8FE; min-width: 770px; margin: 0;}

#header						{height: 20em; background: #FFFFFF url('/images/backgrounds/clouds.png') no-repeat;}
#footer						{float: left; width: 99%; margin: 5px auto; padding: 0; font-size: 0.9em; text-align: center;}

#search					    {float: right; clear: right; margin: 10px 10px 0 0; width: 50%;}
* html #search              {margin: -37px 0 0 0;}
html>body #search           {*margin: -37px 10px 0 0;}

#statement					{height: 21.5em; margin: 0 230px 0 0; padding: 1px; position: relative;}
#statement p				{float: right; color: #555555; font-size: 1.7em; text-align: right; margin: 100px 390px 5px 5px; padding: 0;}
* html #statement p			{float: none; margin-top: 160px; font-size: 1.8em; }

#mainwrap					{position: relative; background: url('/images/home/grey-spirax-curve.png') no-repeat top right; margin-top: -12.7em;}
* html #mainwrap			{width: 100%; margin-top: -12.6em;}

#statement .image-holder	{position: absolute; top: 20px; right: 0; height: 20em; overflow: hidden; z-index: 2;}
#print-image				{display: none; position: absolute; top: 0; left: 0; border: none; z-index: 3;}
#curve-layer				{position: absolute; top: 0; left: 0; border: none; z-index: 4;}

#country-outer				{margin: 2px 230px 0 0; text-align: center; border: 10px solid #DDDDDD;}
#country-inner				{background-color: #DDDDDD; margin: 0; padding: 0;}
#country-inner2				{background-color: #FFFFFF; margin: 0; padding: 5px;}
#country-inner2 span		{color: #22509E; font-size: 1.4em;}
#country-inner2 form		{display: inline; margin: 0; padding: 0;}

#news						{position: absolute; top: 2em; right: 0; width: 229px; margin: 0; padding: 0; background-color: #F3F8FE;}
* html #news				{width: 220px; margin-left: 1px;}

#search .searchform                    {width: 100%; margin: 0; padding: 0;}
#search .searchform input              {float: right;}
#search .searchform input.searchtext   {width: 145px; margin: 0 5px 5px 0; font-size: 0.9em; border: 1px solid #CDCDCD;}
#search .searchform input.searchbutton {margin-top: -1px; font-size: 0.9em;}
#search ul.searchlinks                 {float: right; width: 100%; margin: 5px 5px 0 0; padding: 0;}
#search ul.searchlinks li              {float: right; list-style-type: none; font-size: 0.9em; margin: 0 10px 0 0;}

#menu						{float: right; clear: right; margin-top: 1.5em; right: 0; background: url('/images/menu/menu-left.gif') no-repeat top left; z-index: 1;}
#menu #udm					{width: auto !important; height: 8em; padding: 1px 230px 0 5px;}
#menu #udm li				{float: left; z-index: 3; list-style-type: none;}
#menu #udm li ul			{display: none;}
#menu #udm li.hide			{display: none;}

span.share-price			{font-weight: bold;}

a:link						{color: #0000FF;}
a:visited					{}
a:hover						{color: #FF0000;}
a:active					{color: #FF0000;}

a.nowrap					{white-space: nowrap;}

img							{border: 1px solid #CDCDCD;}
a img						{border: 0;}
img.flag					{border: 0; padding: 0; vertical-align: middle; margin: 0 10px 0 0;}
img.logo					{position: relative; top: 10px; left: 10px; margin: 0; padding: 0; border: 0;}
img.icon					{margin: 0 5px 0 0; border: 0; padding: 0;}
img.no_border				{border: 0;}

input						{font-size: 0.9em;}
select						{font-size: 0.9em; font-family: Arial;}

#news .box					{float: left; width: 190px; padding: 5px; margin: 10px; font-size: 0.9em; background: #F9FDFF url('/images/backgrounds/box-gradient.jpg') top left repeat-x; border: 1px solid #CDCDCD;}
* html #news .box			{margin: 10px 10px 10px 3px;}
#news .box h3				{font-size: 1.3em; margin: 0 0 10px 0;}
#news .box h4				{font-size: 1.1em; margin: 10px 0 0 0;}
#news .box p				{margin: 0 0 10px 0;}

#news a.image_link img						{border: 1px solid #CDCDCD;}
#news a.image_link:visited img				{border: 1px solid #CDCDCD;}
#news a.image_link:hover img				{border: 1px solid #FF0000;}

#news a.image_link_lightblue img			{border: 1px solid #f3f8fe;}
#news a.image_link_lightblue:visited img	{border: 1px solid #f3f8fe;}
#news a.image_link_lightblue:hover img		{border: 1px solid #FF0000;}

.news						{margin: 0; padding: 0;}
.news li					{float: left; width: 100%; clear: both; list-style-type: none; margin: 0 0 15px 0;}
.news li span.date			{display: block; font-weight: bold; margin: 0;}
.news li h4					{font-size: 1em; font-weight: normal; margin: 0;}
.news li img				{float: left; width: 50px height: 50px; margin: 0 5px 0 0;}

.advert						{margin: 0; padding: 0;}
.advert img					{float: left; margin: 0 5px 5px 0;}
.advert li					{float: left; width: 100%; clear: both; list-style-type: none; margin: 0 0 20px 0; padding: 0;}
.advert li p				{margin: 0 0 5px 0;}
.advert li h4				{font-size: 1em; font-weight: normal; margin: 0 0 5px 0;}

#site-area-container		{margin: 0 230px 0 0;}
.site-area					{float: right; width: 23.5%; margin: 10px 0 0 1%;}

.site-area-heading			{display: block !important; background: #1B1475 url('/images/backgrounds/site-area-heading.png') top left repeat-x; margin: 0; padding: 2px 5px;}
.site-area h2				{font-size: 1.2em; height: 3em; line-height: 1.4em; color: #FFFFFF; margin: 2px 5px; padding: 0;}
.site-area h2 a				{text-decoration: none; font-size: 1em; color: #FFFFFF; font-weight: bold; margin: 0;}
.site-area h2 a:hover		{text-decoration: underline; color: #FFFFFF;}

.site-area-list				{padding: 2px; min-height: 10.5em; border: 1px solid #CDCDCD; background: #F9FDFF url('/images/backgrounds/box-gradient.jpg') top left repeat-x;}
* html .site-area-list		{height: 10.5em;}
.site-area ul				{float: left; margin: 0; padding: 0 5px 0 20px;}
.site-area ul li			{font-size: 0.9em; list-style-image: url('/images/bullets/square-bullet.gif'); margin: 5px 0 0 0; padding: 0;}
.site-area p				{float: left; margin: 15px 5px 5px 5px; padding: 5px; font-size: 0.9em;}

#footer #printer_form	{display: inline;}

@media print	{
	#menu						{display: none;}
	#print-image				{display: block;}

	/* Required to obtain min-width behaviour with IE */
	.width									{width:50%; min-width:0;}
	.content								{padding:0;}
	
	/*\*/ /* Ignored by IE Mac*/
	* html .minwidth, * html .container		{height: 1px;}
	/**/

	* html .container						{margin-left:0; position:relative;}
	.width									{width:100%; min-width:770px;}
	* html .minwidth						{padding-left:0;}

	/*\*/
	* html .minwidth, * html .container, * html .content, * html .layout  {height:1px;}
	/**/
}
