﻿/* Copyright (c) 2007-2011 Renishaw plc. All rights reserved */
/* renishaw.com 2010 style*/

html, body {
	font-family: Arial,Helvetica,'Droid Sans','Arial Unicode MS','DejaVu Sans Condensed',sans-serif;
	color: #424242;/*#666666;*/
	line-height: 1.4em;
	background-color: #ffffff;
	}
	
textarea {	font-family: Arial,Helvetica,'Droid Sans','Arial Unicode MS','DejaVu Sans Condensed',sans-serif;/*Some browser override*/	}	
body {
	background: #ffffff url(../images/grad-grey-bg-full.png) repeat-x top center;
	margin: 0;
	font-size: 0.8em;
	padding-top: 0;
	}
	
#renishaw-logo {
	background-position: -1px -177px;
	margin-left: 6px;
	width: 165px;
	height: 40px;
}

#wholePage{ /*limit page width*/
	background-color:#FFF;
	margin:0 auto;
	max-width:1000px;
	border-top: solid 1px #424a5a;
	border-top: solid 1px #fff; /*seems to help rendering background - not sure why*/
	border-bottom: solid 0px #fff;
	background:url(../images/browse-box-grad.png) repeat-x 50px 45px #fff;
	}
* html #wholePage { width: 1000px; }
#upper-content { 
	float: left; 
	background-image: url(../images/upper-content-bg.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom: 30px;
	width: 100%; /*IE only*/
	}

h1,h2,h3,h4,h5,h6,
h1 strong,h2 strong,h3 strong,h4 strong,h25strong,h6 strong,
h1 b,h2 b,h3 b ,h4 b,h5 b,h6 b {	
	font-family: Calibri,'Droid Sans','DejaVu Sans Condensed',Arial, Helvetica,'Arial Unicode MS',sans-serif;
	font-weight: 500;
	margin-top: 0.4em;
	margin-bottom: 0.1em;
	margin-left: 0;
	color: #64574a;
	color: #fa7200;
	clear: both;
	}
h2,h3,h4,h5,h6 { padding: 3px 3px 4px 0px; }

h1 { font-size:2.25em;	margin-top: 0.1em; font-weight:normal; color: #64574a;line-height: 1.15em;} 
h2 { font-size: 1.5em; font-weight:normal;}
h3 { font-size: 1.125em; font-weight:normal;}
h4 { font-size: 0.875em; font-weight: 700;}
h5 { font-size: 0.875em;font-style: italic;}

h1 { font-size:2.2em; margin-bottom:25px; margin-top:5px; }
h2 { font-size: 1.6em; margin-top: 1em; }
h3 { font-size: 1.3em;}
h4 { font-size: 1.2em;}
h5 { font-size: 1.1em;}

#colContent h2,
#colContent h3,
#colContent h4,
#sb-content h2,
#sb-content h3,
#sb-content h4 	{
	/*padding: 0.1em 0.1em 0.1em 0;*/
	margin-bottom: 0.6em;
	margin-left: 0;
	margin-top: 0.6em;	
	border-bottom: solid 1px #dddddd;
	}
	

/*reset for table of content - leave rule above for graceful degradation*/
#colContent .tocHeader h2,
#colContent .tocHeader h3,
#colContent .tocHeader h4 {
	border-bottom-width: 0;
	margin-bottom: 0;
	padding-bottom: 0;	
	width: 680px;
	}
	
.news h2 { margin-top: 0.2em; }
	
p { margin: 0.7em 0 0.7em 0; }

img { border-width: 0; }
img.content { padding: 5px; }
#colContent img { clear:right; }
u { text-decoration: none; }
	
a, 
a:link, 
a:visited,
a strong, 
a:link strong, 
a:visited strong {
	color: #54637e;
	text-decoration: underline;
	}
a:visited { color: #2a3851; }	
a:hover { text-decoration: none; }

h2 a, h2 a:link, h2 a:visited,h2 a:hover,
h3 a, h3 a:link, h3 a:visited,h3 a:hover,
h4 a, h4 a:link, h4 a:visited,h4 a:hover,
h5 a, h5 a:link, h5 a:visited,h5 a:hover,
h6 a, h6 a:link, h6 a:visited,h6 a:hover { color: #64574a; text-decoration: none; }
h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { text-decoration: underline;}
	
form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
td, th { vertical-align: top; }
	
hr {
	color: #505050;
	height: 1px;
	}		
ol {
	/*
	position: relative;
	left: 1.3em;
	margin-right: 1.3em;
	*/
	margin: 4px 0;
	padding-left: 20px;
	}
ul {
	margin: 0 0 0.2em 0.7em;
	padding: 0 0 0 0;
	}
ul li,
ol li {	
	list-style-position: outside;
	margin-top: 0;
	margin-bottom: 0.4em;
	margin-left: 0.4em;
	padding: 0 0 0 0;
	}
ul li {	list-style-type: disc;}
li ul{ margin-bottom: 0; }
	
/* lower level lists*/
li li, li.tocEntryh3 {	list-style-type: circle; 	}
li li li, li.tocEntryh4 {	list-style-type: square;	}
li li li li, li.tocEntryh5{	list-style-type: lower-greek;	}
	
input, 
textarea, 
select {
	background: url(/media/shared/input/inputbox_bg.gif) repeat-x;
	border: solid 1px #888;
	color: #444;
	padding: 1px 2px;
	font-size: 1.2em;
	background-color: #fff;
	}
select { padding: 0 0 0 0; }	
	
input.formField,
textarea.formField { width: 97%;}
input, 
textarea,
select { font-size: 0.9em; }	
input.checkbox { border-width: 0; background-color: transparent; background-image: none; vertical-align:middle; margin:0 2px 0 0; padding: 0;}

.formLabel { text-align: right; }
.altRow { background-color: #f8f8f8; }
.minorText{ font-size: 0.85em; }
.errorMsg{ color: #ff0000; }

#emergency-notice {
	background-color: #565656;
	color: #fff;
	}

.noJavaScript { 
	margin: 0.3em 0 0.5em 0;
	padding: 0.2em;
	border: solid 2px red;
	}
.untranslatedPage {
	border: solid 1px #ccc;
	padding : 0.2em;
	padding-left: 60px;
	margin-right: 1px;
	min-height: 50px;
	background-color: #edece9;
	background-image:url(/shared/images/language/translation_bg.gif);	
	background-position: top left;
	background-repeat: no-repeat;
	-moz-box-shadow:2px 3px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow:2px 3px 3px rgba(0,0,0,0.4);
	box-shadow:2px 3px 3px rgba(0,0,0,0.4);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	}
	
/* Page top bar */
.breadcrumbBar{
	background-color: transparent;
	text-align: left; 
	padding: 2px 0; 
	margin: 0 2px 0 20px; 
	}
.breadcrumbBar { margin-bottom: 0px;}
.breadcrumbBar,	
.menuBreadcrumb {font-size:11px;	}
.breadcrumbBar span.menuBreadcrumb a,
.breadcrumbBar a.menuBreadcrumbLink { color: #fff; text-decoration: none;}
.breadcrumbBar span.menuBreadcrumb a:hover,
.breadcrumbBar a.menuBreadcrumbLink:hover  { text-decoration: underline;}
.menuBreadcrumb .breadcrumbCurrentPage { color: #666; }

#youAreHere, 
.breadcrumbBar span.menuBreadcrumb a,
#header .breadcrumbCurrentPage { /*color: #727e93;*/}
#youAreHere	{ margin-left: 3px; }	
#pageTop {
	color: #64574a; /*return anchor to looking normal*/
	font-weight: bold;
	text-decoration: none;
	}
/* End page top bar */


/* Site Search */
.searchBox {
	text-align: right; 
	padding: 0 0 4px 0;
	margin: 0;
	}		
#terms,
#terms-footer,
#search-terms-footer {
	width: 184px;	
	height: 20px;
	padding: 3px 0 0 4px;
	color: #666;
	margin: 0;
	}

#siteSearchButton,
#siteSearchButton-footer,
.searchbutton {
	background-color:#fff;
	background-position: -102px 1px;
	border:1px solid #888;
	height:25px;
	margin:0 0 0 4px;
	padding:0;
	width:28px;
	}
/*End site search*/


#colLeft, 
#colRight {
	width: 185px;
	background-color: #faf9f6;
	border-color: #e1dccb;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	padding: 3px;
	}
#colLeft div.contentbox,
#colRight div.contentbox {
	width: 170px;
	padding: 0;
	margin: 0;
	}	
#colRight img { border: solid 1px #E1DCCB; }
#colRight img.mediaListIcon { border-width: 0; }
	
/* LHS nav menu */
#colLeft {
border-width: 0 1px 0 0;
background-color: transparent;
}

#colLeft table {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	border-width: 0;
	}	
#colLeft table td { padding: 2px; }
	



#colLeft table tr:hover, 
.menuSideHover,
.menuLHSxml .menuItem:hover {
	background-repeat: repeat-x;
	background-position: bottom;
	}	
.menuLHS {
	table-layout: fixed;
	width: 180px;
	}
	


#colLeft table tr { border-bottom: dotted 1px #ddd;}
#colLeft:hover table tr { border-bottom: dotted 1px #aaa;}	
#colLeft .menuItem a { 
	color: #bababa;
	text-decoration: none;
}
#colLeft .menuItem a:hover { text-decoration: underline;}	

#colLeft:hover .menuItem a { color: #888; }
#colLeft:hover .menuItem a:hover { color: #000;}	
.menuItem.currentPage { color: #888; }
#colLeft:hover .menuItem.currentPage { color: #444;}



.menuItem a .notYetPublished,
.menuItem a:visited .notYetPublished{color: #888;}	
.menuSpacer { width: 8px; }
.menuIcon{ width: 8px; }
/* end LHS nav menu */

.htmlTitle {
	background-color: #eee;
	border-width: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	}
.htmlInner {
	border: 0px solid #eee;
	margin: 0 0 10px 0;
	padding: 2px 1px;
	width: 99.7%;
	clear: both;
	}

/*Page highlights*/
.highlights td {
	padding-left: 7px;
	padding-right: 7px;
	}
.highlights td.highlightLHSCell{
	padding-left: 0px;
	width:50%;
	}
.highlights td.highlightRHSCell{padding-right: 0px;}	
/*End page highlights*/

	
/* Media Lists */
/*h2.mediaListTitle {	font-size: 1.4em;}*/

table.mediaListInner,
table.mediaListInner tr.MediaListRow,
table.mediaListInner tr td,
table.mediaListInner tr td p{	
	margin: 0 0 0.2em 0;
	padding: 0 0 0 0;
	}
table.mediaListInner {
	border-collapse: collapse;
	margin-bottom: 0.6em;
	width: 99%;
	}
/*table.mediaListInner tr.MediaListRow {border-top: solid 1px #eee;}*/
.mediaListIcon {margin-right: 4px;}
.mediaListFileSize {
	color: #888;
	text-align: right;
	font-size: 0.7em;
	vertical-align: top;
	}
	
.medialist-thumb { border: solid 1px #ccc;}
/*End MediaLists*/

.ElementForm { clear: both; }
.formTitle { font-weight: bold; }
.formInner {
	border: 0 solid #eee;
	margin: 0 0 10px 0;
	padding: 2px;
	width: 99.7%;
	}
.formInner th {	text-align: right; }
.formInner td {	text-align: left;}
.formInner th, 
.formInner td {	padding: 0.2em 0.2em 0.2em 0;}
.formInner th p,
.formInner td p {margin: 0 0 0 0;}
	
.legal p {
	border-top: solid 1px #495157;
	padding: 2px;
	margin:2px 0;
	text-align: center;
	}	
#legal a { color: #54637e; }

.siteSearchBox { vertical-align: middle; }

.button, 
input[type=submit]  {
	background-color: #e1f0fd;
	background-image: url("/resources/images/web_wizard_bg.png");
	background-repeat: repeat-x;
	background-position: bottom;
	color: #0f3e62;
	border: 1px solid #58aef1; 
	padding: 5px;
	cursor: pointer;
	font-size: 14px;
	vertical-align: middle;
	}	
.button:hover, input[type=submit]:hover {
	background-image: url("/resources/images/web_wizard_bgover.png");
	color: #0060a9;
	}
	
.call-to-action a {
	background: url(../../media/shared/generic/button-with-arrow.jpg) repeat scroll 100% 50% #FA7200;
	border: 1px solid #FA7200;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin-right: 15px;
	margin-top: 10px;
	padding: 10px 45px 10px 10px;
	}		
	
a.basketDelete {
	color: red;
	cursor: pointer;
	}	
	
	
.basket {
	border: solid 1px #b28c66;
	width: 170px;
	}	
.basketContentTitle{
	display: block;
	background-color: transparent;
	border-bottom: solid 1px #b28c66;
	}	
.basketContents{
	display: block;
	background: url(/media/shared/input/inputbox_bg.gif) repeat-x;
	background-color: #fff;
	padding: 2px;
	border-bottom: solid 1px #b28c66;
	}	
.basketContentAltRow {
	background-repeat: repeat-y;
	background-position: 0 0;
	}
.basketButtons { padding: 2px; }

	
/* Site-level nav menu for renishaw.com 2010 style*/
	#site-top-nav-wrapper {
	position: relative;
	right: 25%;
	float: right;
	z-index: 5;
	}

	ul#top-level-nav {
		list-style: none;
		padding: 0 10px;
		line-height: 1.4em;
		font-size: 0.9em;
		border-width: 0; /*over-ride non-js border*/
		float: left;
		text-align: left;
		}
		
	.big-menu-col{
		width:260px;
		float:left;
	}
		
	/* Front page only */
	#top-nav-wrapper>#top-level-nav{
		width:986px;
		margin:2px 10px;
		padding:0;
	}
		
	#top-level-nav li div { text-decoration: underline; }
	#top-level-nav .mega.international div { text-decoration: none; }
	#top-level-nav li:hover div { text-decoration: none; }
	#top-level-nav li div, #top-level-nav li a, #top-level-nav div a { /*top level labels and links*/
		color: #444;
		font-weight: bold;
		}
	#top-level-nav .big-menu dd a , 
	#top-level-nav .big-menu li a, 
	#top-level-nav .big-menu dd span { font-weight: normal;}
	
	ul#top-level-nav li{
		list-style-type: none;
		padding: 0 0.5em 0 0;
		margin: 0 0em 0 0.5em;
		border-right: solid 1px #666666;
		float: left; 
		cursor: default;
		background-color: transparent;
		position: relative;
		border-width: 0; /*over-ride non-js border*/
		z-index: 9;
		}
	ul#top-level-nav li.lastElement{
		margin-right: 0;
		border-right-width: 0;
		}
	#top-level-nav li a:hover {
		text-decoration: none;
		}
	#top-level-nav .big-menu dd span { color: #888888;}

	#top-level-nav .big-menu { border: solid 1px blue; padding-top: 20px;}
	#top-level-nav li.mega.international { float:right; margin-right: 15px; padding-right: 0; }	
	
	li.mega img { vertical-align: middle;}
	#top-level-nav li.mega .big-menu,
	#top-level-nav li.mega .big-menu-right {
		display: none;/*revert to none*/
		position: absolute;
		top: 100%;
		border: solid .1em #e1dccb;
		background-color: #faf9f6;/*IE uses this colour in padding between items*/
		margin: 0 0 0 0;
		background: rgba(255,255,255, 0.90);
		filter:alpha(opacity=95); /* Transparency for IE < 9  - otherwise, the rgba background-color handles it. */
		width: 520px;
		border: solid 1px dadada;
		}
	#top-level-nav li.mega .big-menu-left { left: 0px; }
	#top-level-nav li.mega .big-menu-right { right: 0;}
	

	
	#top-level-nav li.mega-single-width  .big-menu{
		left: 0px;
		width: 225px;
		padding-bottom: 10px;
		}

	#top-level-nav li.mega.over .big-menu,
	#top-level-nav li.mega:hover .big-menu {
		display: block; /*reveal*/
		}
	#top-level-nav li.mega .big-menu li { float: none;}
		
	dl.big-menu-item { 
		float:left;
		margin-bottom:10px;
		margin-left: 10px;
		width: 210px;
		}
	dl.big-menu-item dt { font-size: 14px; margin-bottom: 2px;}
	dl.big-menu-item dd, dl.big-menu-item li { margin-left: 10px; margin-bottom: 2px; }
	dl.big-menu-item a, ul.big-menu-item a { text-decoration: none; border-bottom: dotted 1px #aaa; padding-bottom: 1px;}
	dl.big-menu-item a:hover,
	#top-level-nav li.mega dl.big-menu-item a:hover,
	#top-level-nav li.mega ul.big-menu-item a:hover  { border-bottom: solid 2px #666; padding-bottom: 0; color: #222;}
	
	.big-menu-medical {clear:left;}
	
/* Events styles */
.CountryFilterDivClass {display: none;}
/* End Events styles */

/*Override main stylesheet for 404 page sitemap only*/
.ProdBoxSiteMap {
	width: 240px;
	float:left;
	margin-right: 10px;
	margin-top: 10px;
	}
.ProdBoxSiteMap ul { margin-left: 1.2em; text-align: left; }	
.ProdBoxSiteMap .ProdBoxTitle { font-weight: bold;}
.menuLHSxml {margin-left: 0;}
.menuLHSxml li{
	margin-left: 0px;
	list-style-type: none;
	}	
/*End 404 override*/	
	
	
/* styli search */
#styliSearch {padding: 0.2em;}
#styliSearch select {font-size: 0.9em;}
.tdLabel {text-align: right;}
.validatorClass {font-size: 0.9em;}
/* styli search */

/* Video Styling */
a.videoRight { float: right; }

.media-vid-wrapper{
text-align:center;
float:right;
}
.media-vid-outer{
margin-bottom:2em;
border: 1px solid #888;
background-color: #000;
background-repeat: no-repeat;
}
.media-vid-play, .media-vid-player{
background:transparent url(/media/shared/play.png) no-repeat 50% 50%;
cursor:pointer;
display:block;
height:100%;
width:100%;
}
.media-vid-play{
filter:alpha(opacity=80);
opacity:0.8;
-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;
}
.media-vid-play:hover{
filter:alpha(opacity=100);
opacity:1;
}
#media-vid-error{
text-align:left;
}
.media-vid-error-close{
float:right;
margin-left:2em;
}
.media-vid-player noscript{
color:#fff;
padding:30px 10px;
}
/* End Video Styling */

/*Shadowbox inline content*/
.shadowbox-inline {
	display: none;
	margin: 0;
	}
#shadowbox_content .shadowbox-inline {display: block;}
/*Shadowbox inline content*/


/***********************/
/*     Page Specific   */
	#ElementHTML26203,#ElementHTML26204,#ElementHTML26205,
	#ElementHTML26206,#ElementHTML26207,#ElementHTML26208,
	#ElementHTML26209,#ElementHTML26210,#ElementHTML26211,
	#ElementHTML26212,#ElementHTML26630 { /* Resolute imagemap pg 10940 */
		display: none;
		}
		
	/*Center specific video elements until CMS update rolls through*/
	#mediaFlv108277,
	#mediaFlv108182,
	#mediaFlv108302,
	#mediaFlv108281,
	#mediaFlv108350,
	#mediaFlv108351	{
		display: block;
		margin: 0 auto;
		text-align: center;
		}		
/*  End Page Specific  */
/***********************/


/* Contact Styles */
	.contactDetails {
		border-collapse: collapse;
		border-width:0;
		white-space:nowrap;
		padding: 0;
		border-spacing: 0;
		}

	.contactDetails td{ padding: 0; }

	#colContent h3.org,
	#colContent h4.org {
		font-size: 1.2em;	
		margin: 0;
		border-width: 0;
		padding: 0.2em;
		background-color: #faf9f6;
		border-top: solid 0px #e1dccb;
		background-image: url(/media/shared/generic/grad_contentTable.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		}

	td.tdContactLocation {
		padding: 0.4em;
		background-color: #faf9f6;
		border-width: 0;
		background-image: url(/media/shared/generic/grad_contentTable.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		border-bottom: solid 1px #e6e2d3;
		width: 15em;
		}
		
	.vcard span,
	.vcard h4,
	.vcard h3 {
		padding-left: 3px;
		}	
/* End contact styles */

/* Start HAM Contact Styles 2009/01/21 */
/* ~~~~~ Default Styling ~~~~~ */
	.entryLabel{ white-space: nowrap;}
	select.HAMEntryValue{ background-color: transparent; width: 30em;}
	input.HAMEntryValue, 
	textarea.HAMEntryValue{ width: 29.5em;}
	td.HAMRightCell{ width: auto; text-align: left; }
	td.HAMPrivacyCheckBox{
		white-space: normal;
		text-align: left;
		width: 25em;
		}
	td.HAMSubmitCell{ text-align: left; }
	td.HAMErrorCell{
		width: 1em;
		empty-cells: show;
		text-align: left;
		vertical-align: top;
		}
	td.HAMCaptchaCell table{ width: 100%; }
	td.HAMCaptchaCell input{ width: 7em; }
	td.HAMCaptchaCell{ text-align: right; white-space: normal; }
	.HamReqField,
	.HAMEntryLabel{ text-align: right; vertical-align: top; }
	.HAMInformation{
		border: solid 1px green;
		color: #424242; /*#666;*/
		padding: .2em .2em .2em 60px;
		}
	.HAMInformation h2{ color: #676; }
	.HAMInformation p{ padding: 0; margin: 0; }
	.HAMError{
		border: solid 2px #b444;
		background-color: #fff8f8;
		padding: 1em;
		color: #000;
		}
	.HAMContactsCell {padding: 0;}
	.HamReqField,
	.RequiredField { font-weight: bold; }
	.HamReqField{ width: 1em; }
	td.HAMContactsAddressCell{
		background: url(/media/shared/generic/grad_contentTableReverse.gif) #faf9f6 repeat-x top;
		border-right: solid 1px #E6E2D3;
		border-top: solid 1px #E6E2D3;
		}
	td.HAMContactSelector{
		background-color: #FAF9F6;
		border: 1px solid #E1DCCB;
		}
	#colContentNoJs h3.org, #colContentNoJs h4.org,
	#colContent h3.org, #colContent h4.org {
		font-size: 1.2em;
		margin: 0;
		border-width: 0;
		padding: .2em;
		background: url(/media/shared/generic/grad_contentTableReverse.gif) #faf9f6 repeat-x top;
		}
	/* ~~~~~ Javascript CSS Layout ~~~~~ */
	#colContent .ContactContainer{ position: relative; margin: 0; }
	#colContent h3.org, #colContent h4.org{ border-top: solid 0px #e1dccb; }
	#colContent dl.ContactGroup{
		margin: 0em;
		position: relative;   
		height: 3.4em;      
		}
	#colContent dl.ContactGroup dt{
		background-color: #FAF9F6;
		display: inline;
		float: left;
		padding: 0.2em;
		padding-right: 1em;
		padding-left: 1em;
		border-bottom: solid 1px #E6E2D3;   
		border-right: solid 1px #FAF9F6;
		}
	#colContent dt.HAMContactDT { border-right: 0px; }
	#colContent dt.HAMFirstContact { border-left: solid 1px #E6E2D3; }
	#colContent dl.ContactGroup dt.active {
		background: #ffffff;
		border:  solid 1px #E6E2D3; 
		border-bottom: none;
		}
	#colContent dl.ContactGroup dd{
		display: none;
		position: absolute;
		top: 1.9em;
		left: 1em;
		}
	#colContent dl.ContactBackground{
		float: right; 
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		display: block;
		z-index: -1;
		}
	#colContent dl.ContactBackground dt{
		float: right;
		width: 85%;
		border-bottom: solid 1px #E6E2D3;
		}
	#colContent a.HAMShowLink{ cursor: pointer; }
	#colContent .HAMContactsCell, 
	#colContent .HAMContactsAddressCell{
		border-bottom: solid 1px #E6E2D3;   
		}
	#colContent .HAMContactsAddressCell{
		border-top: solid 1px #E6E2D3;
		border-right: solid 1px #E6E2D3;   
		}
	#colContent h4.org{
		border-top: solid 1px #E6E2D3;
		border-left: solid 1px #E6E2D3; 
		}
	/* ~~~~~ No Javascript CSS Layout ~~~~~ */
	#colContentNoJs .ContactBackground { display: none; }
	#colContentNoJs h3.org, #colContentNoJs h4.org{ border-top: solid 0px #e1dccb; }
	#colContentNoJs dl.ContactGroup dd{
		text-align: right;
		margin-right: 1em;
		}
	#colContentNoJs dl.ContactGroup{
		width: 100%;
		height: auto;
		}
	#colContentNoJs dl.ContactGroup dt, 
	#colContentNoJs dt.HAMContactDT{
		float: left;
		display: inline;
		}
	#colContentNoJs .tdContactLocation{ width: 17em; }
	#colContentNoJs h4.org{
		white-space: nowrap;
		border: solid 1px #E6E2D3;
		border-right: none;
		}
	#colContentNoJs td.HAMContactsCell{ min-width: 10em; }
	#colContentNoJs a.HAMShowLink{
		cursor: text;
		text-decoration: none;
		color: #424242;/*#666;*/
		}	
/* End HAM Contact Styles */

/** Contacts (HAM) May 2009 **/
	ul.contact-cards,
	ul.contact-cards li,
	ul.contact-cards ul,
	ul.contact-cards ul li{
		margin: 0.5em 0.6em 0.5em 0em;
		}
	ul.contact-cards li	{
		list-style: none;
		display: inline;
		}
	ul.contact-cards li ul,
	ul.contact-cards li ul li { float: left; }

	ul.contact-cards dd	{
		background: #ffffff;
		float: right;
		margin: 0;
		padding: 1em;
		}
	ul.contact-cards ul li { border: 1px solid #E6E2D3; }
	ul.contact-cards ul li,
	ul.contact-cards dt { background: #FAF9F6 url(/media/shared/generic/grad_contentTableReverse.gif) repeat-x scroll center top; }
	ul.contact-cards { font-size: 0.85em }
	ul.contact-cards li ul li { width: 22.5em }
	ul.contact-cards dl { margin-left: 0; }
	ul.contact-cards dt { border-bottom: 1px solid #E6E2D3; }
	ul.contact-cards span.location-details, span.special { display: none; }
	span.post-office-box { font-weight: bold; }
	span.adrIco, span.telIco, span.faxIco, span.emaIco, span.webIco { padding-left: 20px; }
	ul.contact-cards dt span.adrIco { background: transparent url(/media/shared/icons/HAM-Contacts/HAM-contact-icons_envelope_light.png) no-repeat; }
	ul.contact-cards dt span.telIco { background: transparent url(/media/shared/icons/HAM-Contacts/HAM-contact-icons_phone_light.png) no-repeat; }
	ul.contact-cards dt span.faxIco { background: transparent url(/media/shared/icons/HAM-Contacts/HAM-contact-icons_fax_light.png) no-repeat; }
	ul.contact-cards dt span.emaIco { background: transparent url(/media/shared/icons/HAM-Contacts/HAM-contact-icons_email_light.png) no-repeat; }
	ul.contact-cards dt span.webIco { background: transparent url(/media/shared/icons/HAM-Contacts/HAM-contact-icons_mouse_light.png) no-repeat; }
	/** JS **/
	#colContent ul.contact-cards dt.dt-active span.adrIco { background: transparent url(/media/shared/icons/HAM-Contacts/HAM-contact-icons_envelope.png) no-repeat; }
	#colContent ul.contact-cards dt.dt-active span.telIco { background: transparent url(/media/shared/icons/HAM-Contacts/HAM-contact-icons_phone.png) no-repeat; }
	#colContent ul.contact-cards dt.dt-active span.faxIco { background: transparent url(/media/shared/icons/HAM-Contacts/HAM-contact-icons_fax.png) no-repeat; }
	#colContent ul.contact-cards dt.dt-active span.emaIco { background: transparent url(/media/shared/icons/HAM-Contacts/HAM-contact-icons_email.png) no-repeat; }
	#colContent ul.contact-cards dt.dt-active span.webIco { background: transparent url(/media/shared/icons/HAM-Contacts/HAM-contact-icons_mouse.png) no-repeat; }
	#colContent ul.contact-cards dt{
		display: inline;
		width: 7em;
		float: left;
		clear: left;
		cursor: pointer;
		cursor: hand;
		padding: 0.2em 0.1em;
		position: relative;
		left: 1px;
		border-right: 1px solid #E6E2D3;
		color: #54637e;
		}
	#colContent ul.contact-cards dt:hover span {
		text-decoration: underline;
		}
	#colContent ul.contact-cards dt.dt-active{
		color: #424242;/*#666666;*/
		background: #ffffff;
		border-right: 1px solid #ffffff;    
		font-weight:bold;
		cursor: default;
		}
	#colContent ul.contact-cards dt.dt-active:hover span {
		text-decoration: none;
		}
	#colContent ul.contact-cards dl{
		border-right: 1px solid #E6E2D3;
		float: left;
		height: 12em;
		}
	#colContent ul.contact-cards div.contact-detail{
		float: left;
		background: #ffffff;
		padding: 0.5em;
		padding-bottom: 0em;
		padding-top: 0em;
		width: 14em;
		}
	#colContent ul.contact-cards dd { display: none; }
	#colContent ul.contact-cards h3.vcardTitle { margin-bottom: 0; }
	/** no JS **/
	#colContentNoJs ul.contact-cards dd {
		float: none;
		margin: 0;
		padding: 0.3em;
		}
	#colContentNoJs ul.contact-cards dt { clear: both; }
	#colContentNoJs ul.contact-cards h3 { border-bottom: 1px solid #E6E2D3; }
	#colContentNoJs ul.contact-cards div.contact-detail { display: none; }
/** End of Contacts (HAM) May 2009**/


#footer, #header {
	background-color: #252932;
	background-image: url(../images/grad-blue-bg-footer.gif) ;
	background-repeat: repeat-x;
	background-position: middle top;
	color: #eee;
	}
	
#footer { padding: 4px 10px;color: #eee; clear: both;}
#footer a { color: #fff; text-decoration: none;}
#footer a:hover { text-decoration: underline;}
#footer h1,#footer h2,#footer h3,#footer h4 { color: #fff; margin-bottom: 8px; background-color: transparent; background-image: none; padding-left: 0;}
#footer ul.news { margin-left: 20px;}

#header { 
	/*background-color: #dadada; 
	background-image: url(../images/header-bg.png) ;*/
	background-color: #fff; 
	background-image: none;
	padding: 10px 10px 2px 10px; 
	margin: 0 0 0 0;	
	}

#mainContent  { margin: 0 10px 10px 10px;}


.footer-block { padding: 4px 20px; }
#footer-contact-online { margin-top: 10px; }
#footer-contact-online div { margin-bottom:0px; }
#footer-contact-offices, #footer-contact-online { margin-left: 0;}

.menuItem a { color: #bababa;}	
#colLeft:hover .menuItem a { color: #666;}
#colLeft:hover .menuItem a:hover { color: #444;}	
.menuItem.currentPage { color: #888; }
#colLeft:hover .menuItem.currentPage { color: #444;}


ul.menuLHS { list-style-type: none; margin-left: 0; }
li.menuItem { list-style-type: none; border-bottom: dotted 1px #ccc; padding-top: 1px; padding-bottom:1px;}
.menu-depth-1 { padding-left: 0px;}
.menu-depth-2 { padding-left: 10px;}
.menu-depth-3 { padding-left: 20px;}
.menu-depth-4 { padding-left: 30px;}
.menu-depth-5 { padding-left: 40px;}
.menu-depth-6 { padding-left: 50px;}
.menu-depth-7 { padding-left: 60px;}

ul.next-steps-footer { margin-left: 0; }
ul.next-steps-footer li {list-style-type: none; }

#TOC, #downloadDiv, .cta-top { margin-left: 15px; margin-top: 10px; width: 22em}

.cta-top { background-color: #dbdcdf; padding: 5px; border: solid 1px #383F4C; }

.introPara {
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	background-image: url(../images/OMP40-d.png);
	background-image: url(../images/neutral-background.png);
	color: #fff;
	margin-bottom: 20px;
	min-height:220px;
	}

/*top images - needs to be done differently*/
.introPara-mtp-home { background-image: url(../images/mtp-omp400.png);background-image: url(../images/OMP40-e.png); }
.introPara-mtp-prodlist { background-image: url(../images/omp40-machining-a.png);}
.introPara-mtp-prodlist { background-image: url(../images/omp400-hand-a.png);}
/*top images - needs to be done differently*/
	
.introPara>div {
	padding: 20px;
}

.introPara .htmlInner {
	width: 50%;
	background: transparent url(../images/black50.png);
	background: rgba(0,0,0,0.6);
	padding: 10px 10px 20px 20px;
	font-size: 14px;
	margin: 0;
	max-height:150px;
	height: 150px;
	overflow:hidden;
	}
.introPara a{ 
	background-repeat: no-repeat;
	background-position: 0 3px;
	background-color: transparent;
	color: #fa7200;
	}

.news li {
	list-style-image: url(../images/arrow.png);
}	

.browse5,
.browse4 { 
	clear: both;
	width: 101.3%;
	position: relative;
	right: 10px;
	}

.browse5 th, 
.browse4 th {
	background-color:transparent;
	background-image:url("../images/browse-th-bg.png");
	background-repeat:no-repeat;
	background-position: 10px 0;
	cursor:pointer;
	text-align: center;
	vertical-align:middle;
	padding: 4px 5px 4px 15px;
	color: #424242;/*#666;*/
	border-color:#dadada;
	border-style:solid;
	border-width:0 1px 0 0;
	}
.browse5 .browse-th th { width: 20%; }	
.browse4 .browse-th th { width: 25%; }	
	
.browse5 th a, 
.browse4 th a { text-decoration: none;}
	
.browse-th th:hover a,
.browse-th td:hover a {
	text-decoration: underline;
	} 
.browse-td td {
	background-color:transparent;
	background-image:url("../images/browse-content-bg.png");
	background-repeat:no-repeat;
	background-position: 10px 0;
	border-color:#dadada;
	border-style:solid;
	border-width:0 1px 0 0;
	text-align:center;
	padding: 10px 2px 2px 13px;
	} 	

.browse-td img { border: solid 1px #ccc; }	

.browse5 .htmlInner:first, .browse4 .htmlInner:first  { border-width:1px;}
.browse5 div.htmlInner:hover, 
.browse4 div.htmlInner:hover { background-image: url(../images/browse5-bg-over.png);}
.browse4 div.htmlInner:hover, 
.browse4 div.htmlInner:hover { background-image: url(../images/browse4-bg-over.png);}
.browse5 .htmlInner a, .browse4 .htmlInner a { text-decoration: none;}

#colContent .browse5 .htmlInner h4,
#colContent .browse4 .htmlInner h4 {
	font-size: 13px;
	border-bottom-width: 0px;
	height: 50px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 2px;
	padding-top: 3px;
	
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 140px;
	min-height: 50px;/*IE8*/
	
	background-image: none;
	background-color: transparent;
	}
#colContent .browse4 .htmlInner h4  { width: 170px;margin-left: 6px;}	
	
#colContent .browse5 .htmlInner:hover h4,
#colContent .browse5 .htmlInner:hover h4 a,
#colContent .browse4 .htmlInner:hover h4,
#colContent .browse4 .htmlInner:hover h4 a {cursor:pointer; color: #fa7200;}
.browse5 .htmlInner img, .browse4 .htmlInner img { margin-top: 10px; display: table-cell;/*position: absolute; bottom:5px; left: 40px;*/}

#search-footer { /*border-top: solid 1px #495157; text-align: center;*/ padding-top: 5px;}
#siteSearch-footer label { margin-right: 10px; }
#colContent { padding-right: 10px; padding-left: 20px; width: 758px; }

.rss-image { vertical-align: middle; }

#top-nav-wrapper {
	background-color:#FA7200;
	background-image:url(/media/shared/generic/orange_grad2.gif);
	background-position:left top;
	background-repeat:repeat-x;
	float:left;
	height:20px;
	margin-top:0;
	margin-bottom: 20px;
	padding: 1px 0;
	width:100%;
	}
	
.social-media-links-main { margin-top: 10px; }
.social-media-links-main span { margin-bottom: 4px; float: left; clear: both; }

#contact-renishaw-footer { margin-left: 0; }
#contact-renishaw-footer li { list-style-type: none; }
#contact-renishaw-footer img { vertical-align: middle; }
#contact-renishaw-footer ul li {
	list-style-type: none;
	}
	
#contact-renishaw-footer ul li a {
	margin-left: 10px; 
}

#contact-renishaw-footer ul li a.arrow-li-item {
	margin-left: 0px; 
}

#renishaw-logo,
.post-intro-nav-TOC-a,
.post-intro-contact-online-a,
.post-intro-contact-office-a,
.post-intro-nav-downloads-a,
#siteSearchButton,
#siteSearchButton-footer,
.twitter-image-link,
.linked-in-image-link,
.facebook-image-link,
.delicious-image-link,
.email-image-link,
.share-link,
.docs-and-downloads-link,
.home-news-rss-link,
.home-blog-rss-link,
.home-staff-weather-link,
.contact-renishaw-link,
.contact-worldwide-offices-link,
#contact-online-form-link,
#contact-online-form-link-no-child-links,
.searchbutton,
.arrow-li-item {
	background-image:url(/media/shared/renishaw_com_2010_sb_combined.png);
	background-repeat: no-repeat;
	display: inline-block;
}

.post-intro-nav-TOC-a,
.post-intro-contact-online-a,
.post-intro-contact-office-a,
.post-intro-nav-downloads-a,
.twitter-image-link,
.linked-in-image-link,
.facebook-image-link,
.delicious-image-link,
.share-link,
.email-image-link,
.docs-and-downloads-link,
.home-news-rss-link,
.home-blog-rss-link,
.home-staff-weather-link,
.contact-renishaw-link,
.contact-worldwide-offices-link,
#contact-online-form-link,
#contact-online-form-link-no-child-links,
.arrow-li-item {
	vertical-align: middle;
	margin-right: 5px;
}

.arrow-li-item {
	width: 13px;
	height: 11px;
	background-position: -80px -36px;
}

.post-intro-contact-online-a,
.post-intro-contact-office-a,
.twitter-image-link,
.linked-in-image-link,
.facebook-image-link,
.delicious-image-link,
.contact-worldwide-offices-link,
.email-image-link, 
#contact-online-form-link,
#contact-online-form-link-no-child-links {
	width: 16px;
	height: 16px;
}

.share-link,
.docs-and-downloads-link,
.home-news-rss-link,
.home-blog-rss-link,
.home-staff-weather-link,
.contact-renishaw-link {
	width: 18px;
	height: 18px;
}

.twitter-image-link {
	background-position: -102px -23px;
}

.linked-in-image-link {
	background-position: -119px -23px;
}

.facebook-image-link {
	background-position: -18px -20px;
}

.delicious-image-link {
	background-position: -52px -20px;
}

.email-image-link {
	background-position: -35px -20px;
}

.share-link {
	background-position: -20px -1px;
}

.docs-and-downloads-link {
	background-position: -1px -1px;
}

.home-news-rss-link {
	background-position: -1px -54px;
}
.home-blog-rss-link {
	background-position: -20px -54px;
}
.home-staff-weather-link {
	background-position: -39px -54px;
}

.contact-renishaw-link {
	background-position: -39px -1px;
}

.contact-worldwide-offices-link {
	background-position: -1px -20px;
}

#contact-online-form-link,
#contact-online-form-link-no-child-links {
	background-position: -18px -37px;
}

.th a, .th a:visited { color: #ffffff; }

#banner-content,#introPara,#site-top-nav-wrapper,dt{text-rendering:optimizelegibility;}
a,strong{-webkit-transition:color .2s;-moz-transition:color .2s;-o-transition:color .2s;transition:color .2s;}
input[type="checkbox"]{border:0 none;background-image:none;}

/*Scraps over-ride*/
#colContent .contentTable td,#colContent .contentTable th {
	border:1px solid #ccc;
	}
	
#colContent .contentTable th, #colContent .contentTable .th {
	background-color:#252932;
	background-image:url(../images/grad-blue-bg-header.gif);
	background-position:left top;
	border:1px solid #555555;
	color:#FFFFFF;
	}
.contentTable th a, .contentTable .th a { color: #ffffff;	}
.contentTable th a:visited, .contentTable .th a:visited { color: #dddddd; }	


#post-intro-nav { 
	margin-bottom: 15px;  
	width: 100%;
	float: left;
	border: solid 1px #ccc;
	border-width: 1px 0;
	}
#post-intro-nav-TOC,
#post-intro-downloads-wrapper,
#post-intro-nav-downloads { float: left;}

#post-intro-contact { float: right;}

.post-intro-nav-downloads-a {
	width: 20px;
	height: 20px;
	float: left;
	margin-top: 7px;
}

.post-intro-nav-downloads-a {
	background-position: -59px -37px;
}

.post-intro-contact-office-a {
	background-position: -1px -20px;
}

.post-intro-contact-online-a {
	background-position: -18px -37px;
}

.post-intro-nav-TOC-a {
	width: 11px;
	height: 11px;
	background-position: -35px -37px;
}

#post-intro-nav-downloads{
	padding: 7px 10px 8px 0px;
	margin-right: 10px;
	font-size: 16px;
	}
#post-intro-nav-TOC {
	font-size:16px;
	margin-right:10px;
	padding:7px 9px 8px 7px;
	}
#post-intro-nav-download-content,
#post-intro-nav-TOC-content {
	display: none;
	margin-top: 10px;
	clear:both;
	width: 45%;
	margin-bottom: 10px;
}
#post-intro-contact {
	padding: 7px 0 8px 10px;
	margin-right: 0;
	font-size: 16px;
 }

#central-content-downloads {
	background-image:url("../images/download-icon.png");
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding-left: 25px;
	}
	
.media-thumb{ text-align: center;}
.mediaList-FileSize {font-size: 11px;}
.mediaList-FileSize img { vertical-align: middle;}


/*media list with thumbnails*/
ul.medialist-thumbs {
	/*float: left;*/
	clear: both;
	width: 100%;
	}
ul.medialist-thumbs.mediaList li {float:left; padding-left:0; width: 100%;}

/*.medialist-thumb-wrapper,
.medialist-thumb-wrapper img,
.mediaList li a,
.mediaList li .MediaListItemDescription {
	float: left;
	}*/
.mediaList li .MediaListItemDescription { width: 80%;}
.medialist-thumb-wrapper img { margin: 0 10px 10px 0;}
.mediaList li {clear: both;}
div ul.mediaList li {background-image: none;}

/* override scraps*/
th.ProdBoxTitle {
	background-image: url(../images/browse-th-bg.png);
	background-repeat:repeat-x;
	background-position: left -1px;
	border-color:#CACACA;
	padding:4px 5px 4px 5px;
	}
.ProdBoxContent {
	background-image:url(../images/browse-content-bg.png);
	background-repeat:repeat-x;
	background-position: left top;
	border-color:#DADADA;
	border-style:solid;
	border-width:0 1px 1px 1px;	
	padding:10px 2px 2px 13px;
	text-align: center;
	background-color: #E2E2E2;
	}
.ProdBoxContent img {
	border: 1px solid #CCCCCC;
	margin: 10px auto 5px auto;
	}
/* override scraps end */

/* css for no javascript */
#site-top-nav-wrapper-NoJS {right:0;}
#top-nav-wrapper-NoJS {float: none;height: auto;}
#top-level-nav-NoJS {font-size: 0.8em;}
#top-level-nav-NoJS li ul.big-menu-item li,
#top-level-nav-NoJS li dd {float: left;clear: none;margin-left: 5px;padding-right: 5px;border-right: 1px solid #dddddd;}
#top-level-nav-NoJS li {list-style-type: none;}
#top-level-nav-NoJS li,
#top-level-nav-NoJS li dl {float: none;clear: both;}
#top-level-nav-NoJS li dl {width: auto;margin-bottom: 0;}
#top-level-nav-NoJS li dt {float: left;}
#top-level-nav-NoJS li dl.big-menu-item dt {font-size: 12px;}
#central-content-NoJS #banner-content {display: none;}
#top-level-nav-NoJS .contact-worldwide-offices-link {display: none;}
/* end css for no javascript */

#siteNav {display: none;}

/*User controls - may be used on sites like Renishaw Diagnostics*/
#search-control-wrapper,
.styli-selector-wrapper { 
	width: 100%;
	clear: both;
	}
/*User controls end*/

/*RSS control overrides */

	.rssReader-title,
	.rssReader-item-link-header { font-family: Calibri,'Droid Sans','DejaVu Sans Condensed',Arial, Helvetica,'Arial Unicode MS',sans-serif; }

	/*homepage safety */
	#RssReaderCompany img {
		width: 50px;
		height: 50px;
		margin-top: 2px;
		}
	#news-slice { float: left; }
	
	/*Spectroscopy page over-ride*/
	#page6150 .rss-reader-control,
	/*CMM homepage over-ride*/
	#page6329 .rss-reader-control,
	/*News page over-ride*/
	#page6635 .rss-reader-control{
		width: 44%;
		margin-right: 4%;
		display:-moz-inline-stack;
		display:inline-block;
		*display:inline;
		zoom:1;
		vertical-align:top;
		}
	/*News page over-ride end*/
	#RssReader35 .rssReader-item-link-header{ font-family: Arial,Helvetica,'Droid Sans','Arial Unicode MS','DejaVu Sans Condensed',sans-serif;font-size: 1em; }
/*End RSS control overrides */

#ErrorMapControl_ValidationSummaryArea
{
	color: #ff0000;
	font-size: 1.2em;
}