/* Page Styles */

html							{height:100%; background: #C4E9F2 url(../images/bg.jpg) top left repeat-x;}

body 							{height:100%; margin:0 auto; line-height:1.35em; font-family: Helvetica, arial, sans-serif; font-size: 0.8em;}

h1								{font-size:300%; color:#005D79; letter-spacing:-0.05em; margin:0; font-weight:normal; line-height:1.1em; padding:0;}
h2								{font-size:190%; font-weight:normal; letter-spacing:-0.05em; margin:0; line-height:1.1em; padding:0;}
h3								{}
h4								{padding-bottom:5px; margin-top:0; font-size:120%; line-height:1.4em;}

hr								{}

a								{color:#005D79; text-decoration:none;}
a:hover							{}

.clearfix						{clear:both; width:100%; margin:0; padding:0; height:1px;}

.splitter						{float:left; width:694px; height:30px; clear:both; margin:0; padding:0; background: url(../images/hr-bg.jpg) center left repeat-x; border:0;}



/* WRAPPER */

#wrapper-home					{position:relative; margin:0 auto; padding:0; width:960px; background: #FFFFFF url(../images/home-content-bg.jpg) bottom left no-repeat; overflow:auto;}
#wrapper						{position:relative; margin:0 auto; padding:0; width:960px; background-color:#FFFFFF; overflow:none;}


/* HEADER */

#header								{padding:0; width:100%; height:180px; background-color:#005D77;}
#header img							{border:0;}

#header .logo						{float:left; margin:50px 0 0 20px; padding:0; width:323px; height:65px;}

#header .header-right				{float:right; text-align:right; width:300px; font-size:120%; letter-spacing:-0.05em; font-weight:normal; line-height:1.2em; margin:0 20px 0 0; padding:20px 3px 0 0; font-family: Helvetica, arial, sans-serif; color:#FFFFFF;}
#header .header-right p				{color:#FFFFFF;}

#header .time						{font-size:110%; font-weight:bold;}

#header form						{float:right; width:183px; height:33px; margin:20px 0 0 0; background: url(../images/header-search-bg.jpg) top left no-repeat;}
#header form #search				{float:left; color:#000000; width:160px; margin:7px 0 0 8px; border:0;}
#header form #search.blur			{color:#CCCCCC;}

#clock-container					{position:relative; float:right; margin:0; padding:0;}
#analogue-clock						{position:absolute; top:0; left:-60px; z-index:1000;}


/* TOP NAV */

#topnav								{padding:0; width:100%; min-height:59px; background-color:#003B4D;}

#topnav ul							{width:500px; height:30px; float:left; margin:22px 0 0 20px; padding:0; overflow:auto;}
#topnav ul li						{display:inline; margin-left:12px;}
#topnav ul li a						{font-size:120%; color:#FFFFFF; line-height:1.25em;}
#topnav ul li a:hover				{border-bottom:1px solid #FFFFFF;}




/* SEARCH TOGGLE */

#valve-search-toggle				{position:relative; clear:both; padding:20px 25px 0 25px; width:910px; height:90px; border-bottom:10px solid #003B4D; background-color:#5A5B5F;}
#distributor-search-toggle			{position:relative; clear:both; padding:20px 25px 0 25px; width:910px; height:200px; border-bottom:10px solid #003B4D; background-color:#5A5B5F;}

#valve-search-toggle h3								{color:#FFFFFF; line-height:1em;}
#valve-search-toggle span							{float:left; padding:0; margin-right:20px; color:#FFFFFF;}
#valve-search-toggle form input.product-name		{height:20px;}
#valve-search-toggle form input.figure-number		{height:20px;}
#valve-search-toggle form .searchScope				{height:20px;}

#distributor-search-toggle h3						{color:#FFFFFF; line-height:1em;}
#distributor-search-toggle span						{float:left; padding:0; margin-right:20px; color:#FFFFFF;}
#distributor-search-toggle form 					{clear:both; padding-bottom:50px;}
#distributor-search-toggle form input.uk-text		{height:20px;}
#distributor-search-toggle form input.uk-postcode	{height:20px;}


.toggle-valve				{position:absolute; top:180px; right:185px;}
.toggle-valve a				{float:left; color:#152437; width:100px; height:30px; font-weight:bold; font-size:13px; line-height:1.2em; padding:20px 8px 0 13px; background: url(../images/nav-valve.jpg) top left no-repeat; cursor:hand;}
.toggle-valve a:hover		{color:#FFFFFF;}

.toggle-distributor			{position:absolute; top:180px; right:15px;}
.toggle-distributor a		{float:left; color:#152437; width:135px; height:52px; font-weight:bold; font-size:13px; line-height:1.2em; padding:20px 0 0 16px; background: url(../images/nav-distributor.jpg) top left no-repeat; cursor:hand;}
.toggle-distributor a:hover	{color:#FFFFFF;}



/* RANGE TOGGLE */

#valve-range-toggle						{position:relative; clear:both; width:560px; height:286px; padding:0px 25px 10px 25px; background-color:#A4E3F5;}
#valve-range-toggle ul 					{margin:0; padding:0 0 20px 0;}
#valve-range-toggle ul li				{display:inline;}
#valve-range-toggle ul li a				{float:left; width:100%; color:#005D78; padding:1px 0 2px 11px; background: url(../images/range-bullet.png) center left no-repeat;}
#valve-range-toggle ul li a:hover		{text-decoration:underline;}



/* HOME BANNER */

#homebanner								{width:100%; height:260px; background:#000001;}

#homebanner #divroller_container		{float:left; margin:0; padding:0; width:960px; height:260px; color:#FFFFFF;}
#homebanner #divroller_container h2		{float:left; clear:both; padding-top:10px; font-weight:normal; font-size:410%; color:#158CAE;}
#homebanner #divroller_container p		{float:left; clear:both; font-weight:normal; line-height:1.25em; margin:10px 0 3px 0; font-size:190%;}
#homebanner #divroller_container a		{color:#4AC7EA;}
#homebanner #divroller_container a:hover{color:#158CAE;}

#homebanner #item1, #homebanner #item2, #homebanner #item3, #homebanner #item4, #homebanner #item5	{float:left; margin:0; padding:0; width:960px; height:260px;}



/* HOME RIGHT COLUMN */

#home-right-column					{float:right; margin:20px 22px 0 0; width:610px; padding-bottom:0 0 20px 0;}

#home-right-column .maincontent		{float:right; width:97%; height:324px; background: url(../images/home-maincontent-bg.jpg) center right no-repeat;}
#home-right-column .maincontent	p	{float:left; width:360px; margin:10px 0 0 0; line-height:1.5em;}
#home-right-column .maincontent	a	{text-decoration:underline;}

.home-product-range					{float:left; width:100%; min-height:279px; margin:0; padding:0; background:#A4E3F5 url(../images/range-dropdown-bg.gif) top right no-repeat;}

.home-product-range-container-left	{clear:both; float:left; height:232px; margin:0 0 0 20px; padding:0; width:278px;}
.home-product-range-container-right	{float:right; height:232px; margin: 0 12px 0 0; padding:0; width:278px;}

.home-product-range .rangebar 		{float:left; width:94%; height:22px; clear:both; padding:13px 19px 7px 18px; color:#FFFFFF; font-size:170%; background-color:#005D78; cursor:hand;}
.home-product-range .rangebar a		{float:right; clear:none; margin:0; color:#4AC7EB; font-size:70%; cursor:hand;}
.productrange-img					{cursor:hand;}

.home-product-range .rangeleft		{float:left; clear:both; width:278px; margin:0 0 0 20px; padding:0; height:232px;}
.home-product-range .rangeright		{float:right; width:278px; margin:0 12px 0 0; padding:0; height:232px;}
.home-product-range .rangetitle		{float:left; clear:none; margin:10px 0 8px 0; padding:0; color:#005D78; font-size:140%; line-height:1.1em; cursor:hand;}

#home-right-column .block			{width:290px; height:270px; margin:25px 0 0 0; padding:0; background: url(../images/home-left-block-bg.jpg) top left no-repeat;}
#home-right-column .blocktitle		{width:100%; height:55px; padding:0 0 0 13px; background: url(../images/block-title-heading-bg.png) top left no-repeat;}
#home-right-column .blocktitle h3	{color:#162E44; font-weight:normal; font-size:180%; margin:0; line-height:1em; padding:11px 0 0 0;}
#home-right-column .blocktitle a	{color:#162E44;}

#home-right-column .blockcontent	{width:88%; margin:-15px auto 0 auto; overflow:auto; line-height:1.2em; padding:0; color:#FFFFFF;}
#home-right-column .blockcontent a	{color:#FFFFFF; text-decoration:underline;}
#home-right-column img				{float:left; margin:0 17px 10px 0; padding:0;}


/* HOME LEFT COLUMN */

#home-left-column					{float:left; margin:0 0 0 18px; min-height:200px;  padding-bottom:20px; width:300px;}

#home-left-column .block			{width:290px; margin:25px 0 0 0; min-height:250px; padding:0; background: url(../images/home-left-block-bg.jpg) top left no-repeat;}
#home-left-column .blocktitle		{width:100%; height:55px; padding:0 0 0 13px; background: url(../images/block-title-heading-bg.png) top left no-repeat;}
#home-left-column .blocktitle h3	{color:#162E44; font-weight:normal; font-size:180%; padding:13px 0 0 0;}
#home-left-column .blocktitle h3 a	{color:#162E44;}

#home-left-column .blockcontent		{width:88%; margin:0 auto; overflow:auto; line-height:1.2em; padding:0; color:#FFFFFF;}
#home-left-column .blockcontent	a	{color:#FFFFFF; text-decoration:underline;}
#home-left-column img				{float:left; margin:0 17px 10px 0; border: 0px;}

.home-news-article					{float:left; width:100%; clear:both; padding:0 0 18px 0;}
#home-left-column .newstitle a		{float:left; clear:both; color:#4AC7EA; font-size:120%; padding-bottom:5px; font-weight:bold; text-decoration:none;}
#home-left-column .newsdate			{float:left; clear:both; color:#FFFFFF; font-size:105%; padding-bottom:5px; font-weight:bold;}
#home-left-column p					{float:left; clear:both; width:100%; font-size:99.5%; margin:0; padding:0;}


/* FOOTER */

#strapline							{clear:both; padding:0; margin:0; width:100%; height:60px; text-align:right; }
#strapline p						{margin:0 20px 0 0; letter-spacing:4px; padding-top:15px; font-size:160%; font-weight:normal; color:#FFFFFF; line-height:1.45em; text-transform:uppercase}

#footer								{position:relative; float:left; clear:both; padding:0; margin:0; width:100%; height:60px; background-color:#005D77;}

#footer .cranebsu-link				{position:absolute; top:39px; left:20px; color:#FFFFFF; font-size:90%;}
#footer .cranebsu-link:hover 		{text-decoration:underline !important; color:#C4E9F2;}

#footer img							{float:left; border:0; margin:15px 0 0 20px;}

#footer ul							{float:right; margin:21px 20px 0 0;}
#footer ul li						{display:inline; margin-left:10px;}
#footer ul li a						{color:#FFFFFF; font-size:120%; line-height:1.3em;}
#footer ul li a:hover				{border-bottom:1px solid #FFFFFF;}

#copyright							{padding:0; margin:12px auto 0 auto; width:960px; height:40px;}
#copyright p						{color:#005D77; font-size:90%;}



#news-addons-top				{float:left; clear:both; margin-top:20px; width:700px; height:17px; background-color: rgb(207, 240, 250);}

#news-addons-middle					{display:inline; float:left; width:655px; padding:10px 25px 10px 20px; margin:0; background-color: rgb(207, 240, 250);}
#news-addons-middle ul				{float:left; width:100%; margin:0; padding:0; display:block; list-style:none;}
#news-addons-middle ul li			{margin:4px 0 0 0; padding:0; }
#news-addons-middle ul li a			{color:#5A5B5E;}
#news-addons-middle ul li a:hover	{text-decoration:underline;}

#news-addons-bottom			{float:left; width:700px; height:17px; background-color: rgb(207, 240, 250);}