/* Page Styles */

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

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

h1								{font-size:300%; color:#74000D; letter-spacing:-0.05em; margin:0; 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:#74000D; 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						{position:relative; margin:0 auto; padding:0; width:960px; background-color:#FFFFFF;}




/* HEADER */

#header								{padding:0; width:100%; height:130px;}
#header img							{border:0;}

#header .logo						{float:left; margin:36px 0 0 20px; padding:0; width:320px; height:59px;}

#header .header-right				{float:right; text-align:right; font-size:120%; letter-spacing:-0.05em; font-weight:normal; line-height:1.2em; margin:15px 20px 0 0; padding:0; font-family: Helvetica, arial, sans-serif; color:#5A5B5E;}
#header .time						{font-size:110%; font-weight:bold;}

#header form						{float:left; width:181px; height:30px; 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;}



/* TOP NAV */

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

#topnav ul							{width:500px; text-align:right; height:30px; float:right; margin:22px 20px 0 0; padding:0;}
#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 #75010E; background-color:#5A5B5F;}
#fitting-search-toggle				{position:relative; clear:both; padding:20px 25px 0 25px; width:910px; height:90px; border-bottom:10px solid #75010E; background-color:#5A5B5F;}
#distributor-search-toggle			{position:relative; clear:both; padding:20px 25px 0 25px; width:910px; height:200px; border-bottom:10px solid #75010E; 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;}

#fitting-search-toggle h3							{color:#FFFFFF; line-height:1em;}
#fitting-search-toggle span							{float:left; padding:0; margin-right:20px; color:#FFFFFF;}
#fitting-search-toggle form input.product-name		{height:20px;}
#fitting-search-toggle form input.figure-number		{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:142px; left:20px;}
.toggle-valve a				{float:left; color:#FFFFFF; width:103px; height:24px; font-weight:bold; font-size:13px; line-height:1.2em; padding:10px 0 0 8px; background: url(../images/nav-valve.gif) top left no-repeat;}
.toggle-valve a:hover		{background: url(../images/nav-hover-valve.gif) top left no-repeat;}

.toggle-fitting				{position:absolute; top:142px; left:148px;}
.toggle-fitting a			{float:left; color:#FFFFFF; width:119px; height:24px; font-weight:bold; font-size:13px; line-height:1.2em; padding:10px 0 0 14px; background: url(../images/nav-fitting.gif) top left no-repeat;}
.toggle-fitting a:hover		{background: url(../images/nav-hover-fitting.gif) top left no-repeat;}

.toggle-distributor			{position:absolute; top:142px; left:297px;}
.toggle-distributor a		{float:left; color:#FFFFFF; width:129px; height:24px; font-weight:bold; font-size:13px; line-height:1.2em; padding:10px 0 0 13px; background: url(../images/nav-distributor.gif) top left no-repeat;}
.toggle-distributor a:hover	{background: url(../images/nav-hover-distributor.gif) top left no-repeat;}



/* RANGE TOGGLE */

#valve-range-toggle						{position:relative; clear:both; width:570px; padding:10px 25px; height:250px; background: url(../images/home-range-toggle-bg.jpg) bottom left no-repeat;}
#valve-range-toggle ul 					{float:left; width:35%; margin:0; padding:0 0 20px 0;}
#valve-range-toggle ul li				{display:inline;}
#valve-range-toggle ul li a				{float:left; width:220px; color:#74000D; padding:3px 0 4px 8px; background: url(../images/list-bullet-range.png) center left no-repeat;}
#valve-range-toggle ul li a:hover		{text-decoration:underline;}
#valve-range-toggle .right-title		{float:right; margin-right:178px;}
#valve-range-toggle .left-title			{float:left;}

#fitting-range-toggle					{position:relative; clear:both; width:570px; padding:10px 25px; height:350px; background: url(../images/home-range-toggle-bg.jpg) bottom left no-repeat;}
#fitting-range-toggle ul 				{float:left; width:35%; margin:0; padding:0 0 20px 0;}
#fitting-range-toggle ul li				{display:inline;}
#fitting-range-toggle ul li a			{float:left; width:220px; color:#74000D; padding:3px 0 4px 8px; background: url(../images/list-bullet-range.png) center left no-repeat;}
#fitting-range-toggle ul li a:hover		{text-decoration:underline;}
#fitting-range-toggle .right-title		{float:right; margin-right:45px;}
#fitting-range-toggle .left-title		{float:left;}



/* RED BANNER */

#redbanner								{padding:0; width:100%; height:260px; background:#AF071A url(../images/red-banner-bg.jpg) top left no-repeat;}

#redbanner .image						{float:right; margin:0; padding:0;}

#redbanner #divroller_container			{float:left; margin:0; width:960px; height:260px; color:#FFFFFF;}
#redbanner #divroller_container h1		{margin:0 0 -10px 20px; width:650px; padding-top:20px;}
#redbanner #divroller_container p		{margin-left:20px; width:650px; font-size:160%; font-weight:normal; line-height:1.40em;}




/* HOME RIGHT COLUMN */

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

#home-right-column .block			{position:relative; width:300px; margin:20px 0 0 0; padding:0 0 7px 0; background-color:#DCDFE6;}
#home-right-column .blocktitle		{width:100%; height:55px; padding:0 0 0 13px; background: url(../images/home-right-col-heading-bg.gif) top left no-repeat;}
#home-right-column .blocktitle	h3	{color:#FFFFFF; font-weight:bold; font-size:160%; padding:15px 0 0 0;}

#home-right-column .blockcontent	{width:100%; overflow:auto; line-height:1.2em;}

.home-blockbutton	{position:absolute; bottom:15px; left:15px;}

#home-right-column .articlebox		{clear:both; margin:0; min-height:50px;}
#home-right-column .article-date	{float:left; width:50px; font-size:180%; font-weight:bold; line-height:0.85em; padding:6px 0; text-align:center; color:#FFFFFF; background-color:#E00D24;}
#home-right-column .article-date span{font-weight:normal; font-size:60%;}
#home-right-column .article-intro	{float:right; width:222px; margin-right:12px; padding-bottom:10px; line-height:1.2em;}
#home-right-column .articlebox a	{font-weight:bold; color:#74000D;}
#home-right-column .articlebox a:hover	{text-decoration:underline;}
.newsblock-bottom-padding			{padding-bottom:25px;}


#home-right-column .stockoffers-content {margin-left:15px; padding:0; width:268px; overflow:auto;}
#home-right-column .newproducts-content {margin-left:15px; padding:0; width:268px; overflow:auto;}

#home-right-column .stockoffers-content .thumb {float:right; border:0; margin:0 0 10px 10px;}

#home-right-column .stockoffers-content p,
#home-right-column .newproducts-content p {margin:0; padding-bottom:10px;}


#fixheight	{margin-top:25px !important; min-height:308px;}


/* HOME LEFT COLUMN */

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

.home-product-range					{width:100%; min-height:200px; padding:20px 0 10px 0; background: url(../images/home-product-range-bg.jpg) top left no-repeat;}
.home-product-range h2				{color:#74000D; margin:0 0 0 20px;}
.home-product-range p				{color: #808080; margin:10px 0 0 20px; line-height:1.2em;}
.home-product-range .productrange-img{float:right; margin:15px 20px 15px 20px;}

.home-product-range .fullrange-img-valve	{margin:25px 0 0 20px; border:0; cursor:hand;}
.home-product-range .fullrange-img-fitting	{margin:25px 0 0 20px; border:0; cursor:hand;}

#home-left-column .block			{position:relative; width:300px; min-height:300px; margin:15px 0 0 0; padding-bottom:15px; background-color:#DCDFE6;}
#home-left-column .blocktitle		{width:100%; height:59px; padding:0 0 0 13px; background: url(../images/home-left-col-heading-bg.gif) top left no-repeat;}
#home-left-column .blocktitle	h3	{color:#FFFFFF; font-weight:bold; font-size:160%; margin:0; line-height:1em; padding:12px 0 0 0;}

#home-left-column .blockcontent		{width:100%; overflow:auto; line-height:1.2em;}
#home-left-column .blockcontent p 	{margin:0; padding-bottom:10px;}

#home-left-column .stockoffers-content {margin-left:15px; width:268px; overflow:auto;}




/* FOOTER */

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

#footer								{position:relative; padding:0; margin:0; width:100%; height:60px; background-color:#E00D24;}

#footer .cranebsu-link				{position:absolute; top:39px; left:20px; color:#FFFFFF; font-size:90%;}
#footer a:hover						{border-bottom:1px solid #FFFFFF;}

#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				{}

#copyright							{padding:0; margin:20px auto 0 auto; width:960px; height:40px;}
#copyright p						{color:#5A5B5E;}


.aright
{
  text-align: right;
}

#page-content
{
  clear: left;
}


.casestudyleft
{
 float: left; 
 width: 310px;
 margin-bottom: 20px;
}

.casestudy
{
 width: 310px;
 margin-left: 350px;
 margin-bottom: 20px;
}

table
{
  border: none;
  padding: 0px;
}

table tr
{
  border: none;
  padding: 0px;
}

table td
{
  border: none;
  padding: 0px 10px 0px 0px;
}

img { 
border: none;
}