/*----------------------------------------------------------------------
[Master Stylesheet] 
Desc: resets all, contains styles for global and shared assets

Copyright:		Great Fridays 2012
Client:			Hallite
Project:		Hallite website
Created by:		Luke Byrne
Date created:	14/10/2010
-----------------------------------------------------------------------*/

/* RESET ALL STYLES ---------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0 none; vertical-align: baseline; background: transparent; outline:0; }
body { line-height: 1; overflow-y: scroll;  }
blockquote { quotes: none; }
	blockquote:before, blockquote:after { content: ''; content: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; margin-bottom: 18px; font-size: 12px; }
img { border: none; }
:focus, a { outline: none !important; }
.clearfix { width: auto; *zoom: 1; } 
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/* GENERAL STYLES --------------------------------------------------------------------------------- */

body, input, textarea, select { color: #666; font-size: 12px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
	body { background: url(Images/body-bg.png) repeat-x #f4f4f4; }
	.js .PopupPage { background: none; overflow: hidden; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #333; }
	h1 { font-size: 18px; margin-bottom: 14px; }
	h2, h3, h5 { font-size: 15px; }
	h5 { margin-bottom: 12px; }
p { margin-bottom: 13px; font-size: 100%; line-height: 16px; }
	strong { font-weight: bold; }
	cite, em, i { font-style: italic; }
ul { list-style: none; margin: 0; }
ol { list-style: decimal inside; margin: 0 0 18px; }
	ol ol { list-style:upper-alpha; }
		ol ol ol { list-style:lower-roman; }
			ol ol ol ol { list-style:lower-alpha; }
	ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }
dl { margin:0 0 18px 0; }
	dt { font-weight: bold; float: left; width: 125px; }
hr { background: #c0c0c0; border:0; height: 1px; margin: 0 0 18px; clear:both; }
big { font-size: 14px; line-height: 16px; }
small { font-size: 11px; line-height: 13px!important; }
ins { background: #ffc; text-decoration: none; }
blockquote { font-style: italic; padding: 0 0 0 45px; }
	blockquote p { padding: 0 45px 0 0; text-align: justify; }
		blockquote cite, blockquote em, blockquote i { font-style: normal; }
pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; font-family: "Courier 10 Pitch", Courier, monospace; }
code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
input[type="text"], input[type="number"], textarea, input[type="password"] { background: #fff; border: 1px solid #aeaeae; }
input[type="text"], input[type="number"], .searchbox, input[type="password"] { background: url(Images/bg-input.png) no-repeat; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 19px; padding: 0 2px; color: #666; }
	textarea { overflow-y: auto; }
a { color:#ee7c21; text-decoration: none; cursor: pointer; }
#header a { color: #666; }
	a:hover { text-decoration: underline; }
	.touch a:hover { text-decoration: none; }
a.orange { color: #ee7c21; }
.orange { color: #ee7c21; }
.white { color: #fff; }
.dark { color: #333; }
.placeholder { background: #FFF; height: 96px; width: 683px; border: 1px solid #cacaca; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 16px; }
.loading { background: url(Images/ajax-loader.gif) no-repeat; width: 100px; height: 100px; display: none; position: absolute; top: 100px; left: 420px; text-indent: -9999px; z-index: 2; }
.border-radius { -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; }
.sp { background: url(Images/Icons.png) no-repeat; }
.grey-border { border: 1px solid #dcdcdc; }
.white-background { background: #FAFAFA; }
.block { display: block; }
.red-colour { color: #d90000; }
.relative { position: relative;  }
.regionBranchesAlias { cursor: pointer; }


/* GLOBAL STYLES --------------------------------------------------------------------------------- */

#wrapper { margin: 0 auto; width: 1024px; zoom: 1;padding-left: 10px;}

/* Header */
#header { margin-bottom: 1px; *zoom: 1; *position:relative; *z-index:2;
	width: 1003px;
		  }

	#subNavs { margin-bottom: 1px; *zoom: 1; position: relative; *z-index: 2; }
		#subNavs li { float: left; }

		#logo { float:left; margin:20px 0 0 26px; height:61px; width:172px; }
		#subNavs > div { float: right; width: auto; font-size: 11px; }
			
			/* Sub Nav (UL) */
			#subNav { float: right; background: #fafafa; border:1px solid #bfbfbf; border-top: 0; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; padding: 0px 5px; position:relative; *z-index: 2; }
				#subNav > li > a, #subNav > li > span { padding: 11px 10px; display: block; }
				#subNav li.countrySelector { background: none; }
				#subNav li.countrySelector a { display: block; padding: 11px 10px 11px 30px; background: url(Images/bg-country-selector.png) no-repeat 0 0; display: block; }
				#subNav li.countrySelector > a span { background: url(Images/Icons.png) no-repeat right -977px; padding-right: 15px; }
				
				#countrySelector { position: absolute; width: auto; background: #fff; top: 48px; right: -1px; z-index: 10;  padding: 12px 0 12px 15px; border: 1px solid #bfbfbf; display: none; -webkit-box-shadow:  0px 1px 3px 1px rgba(0, 0, 0, 0.3); box-shadow:  0px 1px 3px 1px rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px; }
				.no-js #countrySelector { top: 38px; }
					#countrySelector.active { display: block; }
					#countrySelector span { background-position: 0 -2229px; *background-position: 0 -2295px; width: 17px; height: 9px; position: absolute; top: -9px; right: 50px; }
					#countrySelector #cookieInfo { clear: both; }
					#subNav #countrySelector ul { float: right; margin-bottom: 5px; }
						#subNav #countrySelector li { float: none; margin-bottom: 5px; }
						#subNav li.countrySelector #countrySelector a { padding: 5px 16px 6px 30px;  }
						#subNav li.countrySelector a.italia { background-position:0 -46px; }
						#subNav li.countrySelector a.usa { background-position:0 -92px; }
						#subNav li.countrySelector a.canada { background-position:0 -139px; }
						#subNav li.countrySelector a.deutschland { background-position:0 -186px; }
						#subNav li.countrySelector a.france { background-position:0 -231px; }
						#subNav li.countrySelector a.uk { background-position:0 -276px; }
						#subNav li.countrySelector a.austrlia { background-position:0 -324px; }
						#subNav li.countrySelector a.brazil { background-position:0 -370px; }
						#subNav li.countrySelector a.china { background-position:0 -414px; }
						#subNav li.countrySelector a.india { background-position:0 -460px; }

						#subNav > li.countrySelector > a.uk { background-position:0 -271px; }
						#subNav > li.countrySelector > a.usa { background-position:0 -87px; }
						#subNav > li.countrySelector > a.aus { background-position:0 -317px; }
						#subNav > li.countrySelector > a.bra { background-position:0 -364px; }
						#subNav > li.countrySelector > a.can { background-position:0 -133px; }
						#subNav > li.countrySelector > a.chn { background-position:0 -410px; }
						#subNav > li.countrySelector > a.fra { background-position:0 -225px; }
						#subNav > li.countrySelector > a.deu { background-position:0 -180px; }
						#subNav > li.countrySelector > a.ind { background-position:0 -454px; }
						#subNav > li.countrySelector > a.ita { background-position:0 -40px; }

			/* Account Nav (UL) */
			#accountNav { float: right; padding: 11px 0 0 0; clear: both; position: relative; margin-right: 2px; *width: 100%; }
				#accountNav > li, #subNav > li { padding:0; background: url(Images/divider.jpg) no-repeat left center; }
				#accountNav > li > a, #accountNav > li > span { padding: 0 10px 0 10px; }
				#accountNav > li:last-child > a { padding: 0 0 0 10px; }
					
						.no-js #subNavs li.countrySelector:hover #countrySelector { display: block; }
					#accountNav > li:first-child, #subNav > li:first-child { background: none; margin: 0; padding: 0; }
					#subNav > li:first-child { background: none; }
				#subNavs li.active a, #subNavs li a:hover { color: #333; text-decoration: underline; }
			
			/* Login Box */
			#loginBox { width: 230px; background: #fff; position: absolute; right: -2px; top: 38px; z-index: 9999; padding: 20px 20px 10px; border: 1px solid #bfbfbf; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.3); display: none; }
				#loginBox form > div { margin-bottom: 10px; *zoom: 1; }
					#loginBox > span { background: url(Images/white-arrow.png) no-repeat; width: 17px; height: 9px; position: absolute; top: -9px; right: 63px; }
					#loginBox label { text-align: left; color: #333; width: 74px; line-height: 20px; }
					#loginBox input[type="text"], #loginBox input[type="password"] { width: 140px; }
					#loginBox .button { margin: 0; }
					#loginBox a { line-height: 24px; color: #EE7C21 !important; }
					#loginBox input[type="checkbox"] { margin-left: 0; }
				
		/* Main Navigation (UL) */
		#mainNav { background:url(Images/nav-bg.png) #2a2a2a repeat-x; width: 1003px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; }
			#mainNav > li { float: left; padding-right: 10px; background:url(Images/nav-li.png) no-repeat right top; position: relative; }
			#mainNav > li:first-child { -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;  -webkit-border-radius: 5px 0 0 5px;}
			#mainNav > li.last { float: right; margin-right: 19px; background: none; padding-right: 0px;  }
				#mainNav > li > a { float: left; padding: 10px 10px 11px; text-align: center; color: #fff; background:url(Images/nav-bg.png) #2a2a2a repeat-x; }
				#mainNav > li:first-child > a { -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px;}
				#mainNav > li > a:hover, 
				#mainNav > li.active > a { background:url(Images/nav-bg.png) 0 -47px #4c4c4c repeat-x; text-decoration: none; }
			#mainNav > li:first-child:hover > a { -moz-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0;  -webkit-border-radius: 5px 0 0 0; }
					#mainNav .searchbox #siteSearchButton.active { display: none; }
					#mainNav li > ul {  padding: 5px 0; z-index: 9999; background: #252525; display: none; position: absolute; top: 37px; left: 0; min-width: 165px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0px 1px 3px 0 #252525; -moz-box-shadow: 0px 1px 3px 0 #252525; box-shadow: 0px 1px 3px 0 #252525; }
					#mainNav > li:first-child > ul { padding: 5px 0 0; }
					#mainNav > li:hover > ul { display: block; }
						#mainNav > li > ul > li { border-top: 1px solid #3b3b3b; }
							#mainNav > li > ul > li.products-search a { background: url(Images/icons.png) 116px -1888px no-repeat #EE7C21; padding-bottom: 10px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;  -webkit-border-radius: 0 0 5px 5px; }
							#mainNav > li > ul > li:first-child { border-top: 0; }
								#mainNav > li > ul > li a { padding: 6px 20px 7px; color: #fff; display: block; }
				#mainNav .searchbox { margin: 9px 0 0 0; width: 200px; padding: 0; position: relative; }
					#mainNav .searchbox input[type="text"] { background: none; width: 164px; padding: 0 5px; border: 0; color:#717171; font-size: 11px; }
					#mainNav .searchbox #siteSearchButton { background:url(Images/icons.png) no-repeat 0 -1252px; color:transparent; cursor:pointer; height:13px; border: 0; text-indent:-9999px; width:13px; position: absolute; top: 3px; right: 8px; } 
					.ipad #mainNav .searchbox #siteSearchButton { right: 0; }
					.searchbox ul { display: none; background: url(Images/search-dropdown-sides.png) repeat-y; position: absolute; top: 17px; left: -3px; padding: 15px 13px 8px; font-size: 11px; width: 180px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; z-index: 9998; }
						.searchbox .bottom { background: url(Images/search-dropdown-bottom.png) no-repeat; position: absolute; bottom: -8px; *bottom: -9px; left: 0px; width: 206px; height: 9px; margin: 0; }
							.searchbox ul li { margin-top: 6px; }
							.searchbox ul li:first-child { margin-top: 0; }
							.searchbox input[type="radio"] { float: left; margin: 1px 5px 0 0; margin: -2px 5px 0 0\9; *margin: -3px 5px 0 0\9; }
							.searchbox .searchbox label { float: left; }
							.searchbox .listLink { padding-top: 8px; margin-top: 10px; border-top: 1px solid #e3e3e3; }

/* Tabs */
.tabs li.calculator { display: none; }
.js .tabs li.calculator { display: inline-block; }

/* Sub Bar */
#subBar { margin-bottom: 15px; zoom: 1; }
		#subBar li em { left: 55px; bottom: -8px; width: 13px; height: 8px; position:absolute; }
		#subBar li.active em { background:url(Images/arrow.png) no-repeat 0 0;}

	#subBar ul.branchContacts { width: 50%; display: inline-block; margin: 6px -4px 0 0; }
		ul.branchContacts li.telephone { background: url(Images/icons.png) 0 -63px no-repeat; font-size: 16px; line-height: 27px; padding: 0 0 0 45px; display: block; color: #333; text-decoration: underline; }
		ul.branchContacts li.telephone:hover { cursor: pointer; }
	
	#subBar ul.tabs { width: 50%; display: inline-block; *zoom: 1; vertical-align: top; text-align: right; }
		ul.tabs li { margin: 0 0 0 10px; height: 38px; position: relative; vertical-align: top; display: inline-block; cursor: pointer; background:url(Images/tab-bg.png) repeat-x #e7e7e7 0 -68px; border: 1px solid #bfbfbf; color:#333; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; }
		ul.tabs li span { height: 26px; padding: 12px 10px 0 40px; display: inline-block; text-align: left; color: #333; line-height: 13px; }
		ul.tabs li:hover, ul.tabs li:hover span, ul.tabs li.active { background-position: 0 0; text-decoration: none; color: #FFF; white-space:nowrap; }
		#subBar li.product span { background:url(Images/icons.png) no-repeat 10px -1382px; }
			#subBar li.product a:hover span, 
			#subBar li.product.active span { background-position: 10px -303px; }
		#subBar li.calculator span { background:url(Images/icons.png) no-repeat 10px -110px; }
			#subBar li.calculator:hover span, 
			#subBar li.calculator.active span { background-position: 10px -338px; }
		#subBar li.hallite span { background:url(Images/icons.png) no-repeat 9px -273px; }
			#subBar li.hallite a:hover span, 
			#subBar li.hallite.active span { background-position: 10px -1423px; }
		#subBar li.cross-ref { display: none; }

/* Content */
#content { *zoom: 1; 
		   /*border-left: 1px solid #DCDCDC;
		   border-right: 1px solid #DCDCDC;*/
		   }

/* Sidebar */
#sidebar { float: left; width: 240px; margin-bottom: 30px; *zoom: 1; }
	.sideNav { background: #FAFAFA; border:1px solid #DCDCDC; margin-bottom:20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; zoom: 1; }
		
		.sideNav h2 { margin: 15px; }
		.sideNav p { margin: 0 0 15px; }

		.sideNav .addressHolder { margin: 10px 15px 0; padding: 10px 0 0; border-top: 1px solid #DCDCDC; }
		.sideNav .addressHolder:first-child { border-top: none; }
		.sideNav .addressHolder h2 { margin: 5px 0; }

		.sideNav li { border-top: 1px solid #ededed; margin: 0 10px; }
		.sideNav li:first-child { border: 0 none; }
			.sideNav li a { color: #ee7c21; display: inline-block; *display: block; padding: 8px 5px; }	
				.sideNav li.active > a, .sideNav li > a:hover, .sideNav li > a.active { color: #333; text-decoration: none; }
			.sideNav li li { margin: 0; border: 0; }
				.sideNav li li a { background: url(Images/icons.png) no-repeat 7px -834px; padding: 2px 0 1px 20px; }
				.sideNav li li a:hover, .sideNav li li.active a { background-position: 7px -861px; }
				
/* Help */
	#help { margin-bottom: 20px; width: 240px; }
		#help > p:first-child { font-size: 15px; margin-bottom: 9px; }
		#help p.small { font-size: 11px; margin-bottom: 12px;  line-height: 14px; }

/* Main Content */
#mainContent { float: left; width: 685px; margin-bottom: 20px; zoom: 1;
	margin-left: 10px;
			   }
	#mainContent h1 { padding-top: 8px; }
	
/* Grey Theme */
.greyTheme #sidebar { width: 200px; }
	.greyTheme .sideNav { background: url(Images/bg-sideBar.png) repeat-x top #494949; border: 0; -moz-border-radius: 5px 5px 8px 8px; -webkit-border-radius: 5px 5px 8px 8px; border-radius: 5px 5px 8px 8px; }
		
		.greyTheme .sideNav h2 { margin: 0; border-bottom: 1px solid #626262; padding: 10px 15px; color: #fff;
			font-weight: bold;
			text-align: center;
								 }

		.greyTheme .sideNav ul { margin: 0; }
			.greyTheme .sideNav ul ul, .sideNav ul { margin-top: -2px; margin-bottom: 6px; }			

		.greyTheme .sideNav li { border-color: #626262; }
			.greyTheme .sideNav li li a:hover, .greyTheme .sideNav li li.active a { background-position: 7px -1914px; }
			.greyTheme .sideNav li.active > a, .greyTheme .sideNav li > a:hover { color: #fff; }
				.greyTheme .sideNav li div ul { margin-left: 40px; }
					.greyTheme .sideNav li div ul:first-child { margin-left: 0; }

			.greyTheme .sideNav li.product-finder-link { background: #e1761f; margin: 0; border-radius: 0 0 5px 5px; }
				.greyTheme .sideNav li.product-finder-link a { color: #fff; display: block; padding: 7px 15px 7px 15px; }
					.greyTheme .sideNav li.product-finder-link a span { background-position: right -1894px; padding-top: 1px; }

.greyTheme #mainContent { width: 810px; }
					
/* Command Panel */
.command-panel { display: none; position: relative; z-index: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 1024px; min-height: 293px; background: url(Images/widget-bg.jpg) repeat-x #393939; }
	.command-panel.active { display: inherit; *display: block; margin-bottom: 20px; }
	.public-start-page .command-panel { position: absolute; }

/* Breadcrumb */	
#breadcrumb { background: #fafafa; width: 908px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #dcdcdc; margin-bottom: 20px; padding: 6px 15px; }
	#breadcrumb li { color: #333333; float: left; } 
		#breadcrumb a { color: #EE7C21; }
		a.print { background-position:0 -482px; padding: 3px 0 4px 23px; }
		#breadcrumb span { padding: 0 6px 0 4px; display: inline-block; }
				


/* MY ORDERS --------------------------------------------------------------------------------- */

.headRow { width: auto; border: 1px solid #dcdcdc; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; padding: 10px 0 10px 15px; }
	.headRow h2 { font-size: 18px; }
.fewResultsHeader { border-bottom: 0; }

.myOrders .Collapse a.row { background: #fafafa; cursor: pointer; }
	.myOrders .colourRow > div, .myOrders .Collapse a.row > span { width: 111px; padding: 12px 10px 12px 15px; border-left: 1px solid #ede5de; float: left; }
	.myOrders .colourRow > div:first-child, .myOrders .Collapse a.row > span:first-child { border-left: 0; width: 110px;}
		.myOrders .colourRow > div a { background-position: right -553px; }
		.myOrders .Collapse a.row em { background: url(Images/icons.png) no-repeat 0 -663px; padding: 1px 0 2px 22px; font-style: normal; color: #ee7c21; }
		.myOrders .Collapse.active a.row em { background-position: 0 -1326px; }
		.myOrders .Collapse a.row:hover em { text-decoration: underline; background-position: 0 -1016px; }
		.myOrders .Collapse.active a.row:hover em { background-position: 0 -1097px; }
.myOrders .specInfo { padding: 30px 15px; width: auto; background: #fafafa; }
.myOrdersTable { margin-bottom: 0; width: 652px; }
	.myOrdersTable tr { background: #FFF; }
	.myOrdersTable tr.lightColour { background: #f6f6f6; }
	.myOrdersTable .trColour td { background: #f8ebe0; }
		.myOrdersTable td { padding: 17px 10px 16px 15px; border: 1px solid #dcdcdc; }
		.myOrdersTable .trColour td { padding: 10px 10px 11px 15px; }
			.trColour td a { background: url(Images/icons.png) right -553px no-repeat; display: block; color: #333; }
	.myOrders .twoBox { width: 280px; margin-bottom: 9px; }
		.myOrders .twoBox > div { width: 140px; }
		

		
/* MY PROJECTS --------------------------------------------------------------------------------- */

.myProjects { margin-bottom: 20px; }
	.myProjects .Collapse { position: relative; margin-bottom: 20px;  }
	.myProjects .Collapse:first-child { border-top: 1px solid #DCDCDC; }
	.myProjects .Collapse.active { border: 1px solid #DCDCDC !important; }
	.js .myProjects .Collapse { margin-bottom: 0; }
		.myProjects .Collapse .row:hover span.downLink { background-position: 0 -1016px; }
		.myProjects .Collapse.hidden span.downLink { background-position: 0 -1326px; }
		.myProjects .Collapse.hidden .row:hover span.downLink { background-position: 0 -1097px; }
		.myProjects .Collapse .row { background: #f2f2f2; padding: 10px 15px; cursor: pointer; height: 16px; }
		.Collapse.active .row, .no-js .myProjects .Collapse .row { border-bottom: 1px solid #DCDCDC; }
		.no-js .myProjects .Collapse .row  { border-top: 1px solid #DCDCDC; }
			.myProjects .Collapse .rename { margin-left: 10px; padding: 0; border: 0; background: none; }
			.Collapse .inline-editable input[type="text"] { width: 140px; }
			.Collapse .specInfo .inline-editable input[type="text"] { width: 380px; }
		.projectHead { position: absolute; top: 10px; left: 15px; }
			.projectHead span.dark { font-size: 15px; line-height: 19px; font-weight: bold; }
			.projectHead .inline-editable { cursor: pointer; }
			.projectHead .editing-active { cursor: default; }
		.deleteProject { border: 0; background: url(Images/icons.png) 0 -1272px no-repeat; float: left; padding: 3px 0 4px 20px; margin-right: 15px; color: #EE7C21; }
			.deleteProject:hover { text-decoration: underline; }
		.inline-edit-button, .delete-action { cursor: pointer; display: none; }
		.js .inline-edit-button, .js .delete-action { display: inline-block; *display: inline; }
			.inline-edit-button:hover { text-decoration: underline; }
		.myProjects .specInfo { padding: 30px 15px 22px 15px; width: auto; background: #fafafa; }
		.hidden .specInfo { display: none; }
		.js .Collapse.active .specInfo { display: block; }
			.myProjects .contentTabs { display: none; }
			.js .myProjects .contentTabs { display: block; }
		.myProjects .hBox h3 { font-size: 12px; }
		.tabmask { position: relative; width: 653px; overflow: hidden; }
			.tabWideHolder { width: 653px; position: relative; }
			.js .tabWideHolder { position: relative; }
				.tabWideHolder > div { width: 653px; margin-bottom: 20px; *zoom: 1; *padding-bottom: 20px; }
				.no-js .tabWideHolder > div { *padding-bottom: 0; }
				.no-js .fastracks-items { *padding-bottom: 20px; }
					.myProjects .productLandings { -moz-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; margin: 0; width: 651px; margin: 0 0 20px; }
					.no-js .myProjects .productLandings { border: 0; }
						.myProjects .productLandings li { width: 202px; } 
							.myProjects .productLandings li .delete-action { position: absolute; right: 40px; top: 0; z-index: 2; }
		.myProjects .borderBox { height: 20px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; *zoom: 1; }
			.project-quote { border-top: 1px solid #dcdcdc; padding-top: 20px; }
			.myProjects .myOrdersTable { width: 652px; }
				.myProjects .myOrdersTable td { border-bottom: 0 none; }
				.myProjects .myOrdersTable .trColour td { padding:4px 10px 4px 15px; color: #333; }
				.myProjects .myOrdersTable td { padding: 12px 10px 12px 15px; }
				.myProjects .myOrdersTable .editRow td { padding: 10px 10px 9px 15px; }
				.editRow td .description { display: block; line-height: 15px; }
				.editDescription { line-height: 30px; background: url(Images/pencil.png) left no-repeat; display: block; padding: 0 0 0 20px; }
			.Collapse td .inline-editable input[type="text"] { margin-bottom: 3px; }
				.myProjects .myOrdersTable td ul { text-align: center; }
					.myProjects .myOrdersTable td li { display: none; background: url(Images/icons.png) no-repeat 0 -890px; padding-left: 15px; }
					.myProjects .myOrdersTable td li:first-child { display: inline; margin-right: 15px; background: none; padding: 0; }
					.js .myProjects .myOrdersTable td li { display: inline; }
						.myProjects .myOrdersTable td li input { position: relative; top: 2px; margin: 0; padding: 0; }
						.delete { border: 0; background: url(Images/icons.png) 0 -919px no-repeat; height: 18px; width: 18px; text-indent: -9999px; display: inline-block; }
		.myProjects .spacerBox { border-left: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; display: none; width: 651px; }
		.js .myProjects .spacerBox { display: block; }
		.nojsHeader { margin-bottom: 15px; }
		.js .nojsHeader { display: none; }
		.no-js .myProjects span.downLink { display: none; }
		.include-val { display: none; margin: 5px 20px 0 0; }

.buttonHolder { width: 210px; }
	.buttonHolder a { margin-right: 10px; margin-bottom: 0; }



/* MY PROFILE --------------------------------------------------------------------------------- */

.yourProfile, .changePassword, #settings { float: left; padding: 20px; position: relative; width: 570px; background: #FAFAFA; border: 1px solid gainsboro; border-top: 0; border-radius: 0 0 5px 5px; }
	.settings h4 { font-weight: bold; margin-bottom: 10px; *font-size: 12px; padding-top: 17px; }
	.settings h4:first-child { padding-top: 0; }
		.settings .newForm label  { width: 60px; }
	.yourProfile .newForm label { width: 105px; }
	.yourProfile .newForm label.error { left: 125px; }
		.yourProfile .newForm .checkBoxTick { margin-left: 125px; }
			.yourProfile .checkBoxTick label { width: 250px; }
	.changePassword .newForm label { width: 140px; }
.profile-hairline { border-bottom: 1px solid gainsboro; height:39px; width: 151px; }
.success-message { background: #daf2da; padding: 15px; margin-bottom: 20px; border: 1px solid #22cc00; }
.reg-success { margin-top: 20px; }
	.success-message p:last-child { margin-bottom: 0; }
	.error-box p:last-child { margin-bottom: 0; }
	#your-details .errorFeedback { bottom: 28px; right: 350px; }



/* REGISTER PAGE --------------------------------------------------------------------------------- */

.indent { margin-left: 15px; }
	p.indent { margin-bottom: 26px; }
.registerForm { position: relative; padding: 20px 20px 0; margin-bottom: 20px; }
	.registerForm .button { margin: 0; }
	.registering-block h2 { margin-bottom: 7px; }
	.back-btn { margin: 6px 20px 0 0; display: none; }
	.registerForm .errorFeedback { right: 325px; bottom: 12px; }
	.error-box { background: #f6dcdc; border: 1px solid #ff0000; padding: 15px; margin-bottom: 20px; }
	.registerForm .error-box { display: none; }
	.PopupPage .error-box { margin-bottom: 7px; padding: 10px; }
		.PopupPage .popUp-error h3 { margin-bottom: 7px; }
	.PopupPage .big-error-box { display: none; }
		.error-box > div { width: 50%; }
			.error-box > div > div { padding-left: 15px; border-left: 1px solid #ff0000; padding-bottom: 5px; }
				.error-box ul { margin-bottom: 0; }
		.big-error-box h2, .RegisterPage .big-error-box h3 { margin-bottom: 10px; }
		.error-box h2 { font-size: 18px; }
	.registerForm .newForm label { width: 130px; }
	.registerForm .newForm label.error { left: 150px; }
	.newForm .checkBoxTick { margin-left: 150px; }
		.newForm .checkBoxTick input[type="checkbox"] { float: left; margin: 2px 10px 0 0; }
		.newForm .checkBoxTick label { float: left; width: 280px; text-align: left; line-height: 16px; margin: 0 0 0 3px; }
.RegisteredPage #mainContent { width: 716px; }
	.RegisteredPage .products { padding: 15px; }
		.RegisteredPage .products h3 { margin-bottom: 15px; }
		.RegisteredPage .products li { margin-bottom: 0; }
	


/* LOGIN / LOGOUT PAGE --------------------------------------------------------------------------------- */

.loginPage, .loginOutPage { margin: 0 0 20px 35px; padding-top: 3px; position: relative; }
.loginPage { margin: 0 15px 40px; }
.LoginPage.PopupPage { margin: 0; }
	.loginPage > p { margin-bottom: 25px; }
	.reset-password h3 { display: none; }
	.loginPage > div { width: 430px; }
	.loginPage form > div:last-child { margin: 0; }
	.login-form { margin-left: -15px; background: #fff; padding: 15px; margin-right: 30px; border: 1px solid #dcdcdc; }
	.register { padding-top: 15px; }
		.loginPage .genericForm { border: 0; padding-top: 0; }
		.loginPage h2 { font-size: 15px; margin-bottom: 20px; }
			.register ul { margin-bottom: 12px; }
				.register ul li { list-style: none; margin-bottom: 3px; padding-left: 15px; background-position: 0 -2336px; }
			.loginPage > div a.button { -moz-box-shadow: 1px 1px 2px #3F3F3F; -webkit-box-shadow: 1px 1px 2px #3F3F3F; box-shadow: 1px 1px 2px #3F3F3F; }
	.loginPage .errorFeedback { right: 592px; bottom: 32px; }
	loginOutPage h1 { margin-bottom: 23px; }
	.loginOutPage .genericForm { padding-top: 25px; }
		.loginPage .genericForm .formRow label { width: 110px; }
			.loginPage .genericForm .formRow label.error { bottom: -20px; left: 130px; text-align: left; width: auto; }
			.reset-password .genericForm .formRow label.error { left: 110px; }
		.loginOutPage .genericForm .formRow label { width: 200px; line-height: 28px; *line-height: 26px; }
		.loginPage form a { margin: 6px 0 0 178px; }
		
		
		
/* SHARED PRODUCT VIEW --------------------------------------------------------------------------------- */

.product-search #subBar li.product { display: none; }

.products { padding: 14px 0 12px; *zoom: 1; }
	.greyTheme .products ul { width: 622px; }
	.products h3, .customProduct h3 { font-size: 18px; margin: 0 0 20px 10px; }
	.products li { float: left; margin: 0 0 12px 12px; width: 220px; position:relative; }
	.products li:first-child { margin-left: 0; }
		.greyTheme .products li { width: 197px; margin: 0 10px 10px 0; }
		.greyTheme .products li:first-child { margin-right: 10px; }
		.products li a { height: 184px; color: #666; display: block; text-decoration: none!important; border: 1px solid #ededed; overflow: hidden; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
				.products li a img { display: block; border: 1px solid #dcdcdc; margin-bottom:12px;  }
				.greyTheme .products li a { height: 260px; }
				.textt-holder { height: 70px; overflow: hidden; }
				.products li a em { color: #e1721a; font-size: 15px; display: block; font-style:normal; margin-bottom: 4px; }
				.catSummary { display: block; }
		.products li a:hover { background: #fff; border-color: #dcdcdc; }
		.products ul.inside-list { margin-bottom: 0; list-style: none; }
			.products .inside-list li a { height: auto; }
				.inside-list .textt-holder { height: auto; }
				.products .inside-list li a em { font-size: 12px; }

/* Featured Products */
.featProduct { margin-bottom: 24px; zoom: 1; }
.fastrack-category .featProduct { margin-bottom: 10px; }
.products-index .featProduct { margin-bottom: 15px; }
	.featProductImg { border: 1px solid #dcdcdc; }
		.featProductImg img { display: block; }
		.featProduct h3 { margin-bottom: 8px; }
		.featProduct li { background: url(Images/icons.png) no-repeat 0 -525px; margin-bottom: 8px; padding-left: 7px; }
		.productLandings li .featProduct li { background: url(Images/icons.png) no-repeat 0 -525px; margin-bottom: 8px; padding: 0 0 0 7px; width: auto; }
		
/* Custom Products */
.customProduct { margin: 20px 0 15px; }
	.customProduct > div { background: #fff; border: 1px solid #e8e8e8; padding: 14px 10px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; zoom: 1; }
		.customProduct h4 { font-size: 15px; padding-bottom:12px; }
		.customProduct a { color: #E1721A; }

/* Boxed Title & Links */
.hBox { margin: 0 0 20px 0; background: #fafafa; border: 1px solid #dcdcdc; height: 36px; width: auto; -moz-border-radius: 5px; border-radius: 5px; }
	.hBox h1, .hBox h3 { font-size: 18px; padding:10px 0 0 10px; color: #333; float: left;}

	.links { float: right; width: auto; margin: 7px 0 0 0; }
	.myProjects .links { margin-top: 10px; }
		.links a { background: url(Images/icons.png) no-repeat; float: left; padding: 3px 0 4px 20px; margin-right: 15px; color: #EE7C21; }
			a.pdf { background: url(Images/icons.png) 0 -459px no-repeat; padding: 3px 0 4px 20px; }
			a.quote { background-position:0 -2311px; padding-left: 15px; }
			.no-js a.print { display: none; }
			a.addfolder { background-position:0 -505px;}
			a.email { background-position: 0 -732px; }
			a.folder { background: url(Images/icons.png) no-repeat 0 -756px; padding: 0 0 0 20px; color: #EE7C21; }
			table a.folder { background-position: 0 -753px; padding: 3px 0 4px 20px; }
			a.deleteProject { background-position: 0 -1270px; }			
		a.questionMark { background:url(Images/icons.png) 0 -686px no-repeat; padding: 3px 0 4px 13px; }
		a.download { background:url(Images/icons.png) 0 -709px no-repeat; }
			
/* 605 Rod Seal via Form */
.Roa-Seal-via-form .sideNav h2 { border-bottom: 0; }
.Roa-Seal-via-form .sideNav > div { padding-left: 15px; }
.Roa-Seal-via-form .sideNav div.first { margin-bottom: 150px; }
.Roa-Seal-via-form #tabmask { width: auto; }
.Roa-Seal-via-form #search-xref, .Roa-Seal-via-form #fluidCompatibility, .Roa-Seal-via-form #discussions { width: 652px; }
.Roa-Seal-via-form #fluidCompatibility .yellowBox { width: 620px; }
.Roa-Seal-via-form #caseStudies { width: 682px; }
.Roa-Seal-via-form #productSpec { width: auto; }
	.Roa-Seal-via-form #fliter { width: auto; }
		.Roa-Seal-via-form #fliter .filterRow { width: auto; }
			.Roa-Seal-via-form #fliter .wideColunm, .Roa-Seal-via-form .Collapse a.row .mainWideColunm { width: 88px; }
			.Roa-Seal-via-form #fliter .colunm, .Roa-Seal-via-form .Collapse a.row .maincolunm  { width: 68px; }
.Roa-Seal-via-form .contentTabs li:first-child a, .Roa-Seal-via-form .contentTabs li a { padding:11px 23px; }
.Roa-Seal-via-form .Collapse .oddColoums { width: auto; }
.Roa-Seal-via-form .Collapse .oddColoums .lastCol { width:293px; }
.Roa-Seal-via-form #caseStudies .caseItem { width: 616px; }
	.Roa-Seal-via-form #caseStudies .caseItem .contentBox { width: 515px; }

/* Fastrack item */
.fastrack-item .dimensionBox { border: 1px solid #dcdcdc; background: #fafafa; border-radius: 5px; -moz-border-radius: 5px; margin-bottom: 15px; }
	.dimensionBox > div:first-child { background: #f2f2f2; border-bottom: 1px solid #dcdcdc; padding:10px 15px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
		.dimensionBox > div:first-child h3 { font-size: 18px; }
	.dimensionBox  .measurementBox { padding: 15px; zoom: 1; }
		.measurementBox .leftBox { width: 339px; }
	.fastrack-item #mainContent .divided  { border-bottom: 0; margin-bottom:0px; }	
	.fastrack-item #mainContent .formRow { padding: 0 0 20px; margin: 0; }		
		.fastrack-item #mainContent .formSplit > div { width: 33%; color: #333; }
			.fastrack-item #mainContent .formRow label { color: #333; }
			.fastrack-item #mainContent .formRow label.Big { margin-left: 32px; font-size: 16px; }
		.fastrack-item #mainContent ul.radioList li { width: 70px; min-height: 0; }
			.fastrack-item #mainContent ul.radioList li span { width: auto; color: #333;  }
		.fastrack-item #mainContent .formRow select { min-width: 300px; }
		.fastrack-item #mainContent .formSplit > div.long { width: 100%; }		
		.fastrack-item #mainContent textarea { width: 284px; height: 81px; padding: 7px; border:1px solid #AEAEAE; color:#717171; }
		.fastrack-item #mainContent .formRow.medium { width: 200px; padding-bottom: 0; }
		.fastrack-item #mainContent .formSplit > div.long input[type="text"] { width: 294px }
			.fastrack-item #mainContent .formRow.medium .formSplit > div input[type="text"] { width: 190px; }
			.fastrack-item #mainContent .formRow.medium span { margin-top: 5px; color: #999999; display: inline-block; }
		.fastrack-item #mainContent .button.marginRight { padding: 4px 21px; }
		.fastrack-item #mainContent .marginRight { margin: 20px 39px 0 0; }
		.fastrack-item .bottonHolder { width: 300px; margin-bottom: 7px; }
	
/* Static Table */	
.staticTable { background: #FAFAFA; }
	.staticTable thead tr td span { color: #ee7c21; }
	


/* PRODUCT SEARCH --------------------------------------------------------------------------------- */
	
/* Tabs */
#tabBox { margin-bottom: 25px; }

/* Search Results */
#mainContent .alertBox h1 { padding-top: 0; }
.alertBox > p { margin-bottom: 26px; }
	.alertBox strong { color: #333; font-size: 14px; }
.alertBox > div { *zoom: 1; }
.filterList { width: 465px; }
	.filterList li { float: left; position: relative; background: #5e5e5e; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; margin: 0 6px 6px 0; padding: 6px; }
		.filterList li a { position: absolute; top: 6px; right: 6px; display: block; height: 8px; width: 8px; background: url(Images/icons.png) no-repeat 0 -1579px; text-indent: -9999px; }
			.filterList li a:hover { background-position: 0 -1596px; }
		.filterList li span { display: block; color: #ccc; }
			.filterList li span:first-child { margin-right: 20px; color: #fff; }

		
		
/* GROUP CODE ROD SEALS --------------------------------------------------------------------------------- */

#tabmask { position: relative; width: 612px; overflow: hidden; margin-bottom: 15px; }
	#tabmask #tabWideHolder { width: 9999px; position: relative; overflow: hidden; }
.js #tabmask { overflow: visible; }
.js .ProfilePage #tabmask { overflow: hidden; }
	.js #tabmask #tabWideHolder { overflow: visible; }

	/* Search Xref  */
	.search-xref { width: 580px; background: #FAFAFA; float: left; position: relative; padding: 30px 15px 18px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;  }
		.search-xref .formHolder { margin-bottom: 30px; }
		.search-xref .changeHolder { width: 205px; float: right; }
		.cssSliders .sliderfirstField { width: 370px; height: 20px; }
		.technical-details .cssSliders .sliderfirstField { width: 390px; }
			.technical-details .sliderfield span.miniSlider { margin-right: 40px; }
		.cssSliders span.change-to { position: absolute; right: 0; top: 0; }
			.cssSliders .sliderfirstField span { color: #333; }
			.cssSliders .sliderfield { height: 20px; position: relative; margin-bottom: 20px; display: block; }
		.hoverBox .cssSliders { width: 200px; }
			.hoverBox .cssSliders .sliderfield { width:  190px; margin-bottom: 0; }
			.cssSliders .last { margin-bottom: 0; }
				.cssSliders .sliderfield strong { width: 125px; float: left; color: #333; }
				.hoverBox .cssSliders strong { color: #333; margin-bottom: 12px; display: block; }
				.sliderfield span.miniSlider { float: left; margin-top: 6px; width: 188px; margin-right: 20px; border: 1px solid #c7c7c7; border-radius: 5px; height: 5px; }  
					.sliderfield > span > span { white-space: nowrap; background: #ffa45b; width: 75%; height: 5px; display: block; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
						.sliderfield span.bar, .sliderfield span.bar1 { background: url(Images/icons.png) no-repeat left -1510px; width: 1px; height: 13px; position: absolute; right: 0; top: -4px;  }   
						.sliderfield span.text, .sliderfield span.text1 { position: absolute; right: -20px; top: -20px; }
						.sliderfield span.text1 { left: -20px; }
						.sliderfield span.bar1 { left: 0; }
				.cssSliders .sliderfield .metricVal { width: 100px; float: left; }
		table.boxedTable { margin: 0; }
			table.boxedTable td { border: 1px solid #e9e9e9; padding: 10px 15px; font-size: 11px; }
				table.boxedTable td strong { padding: 20px 0 0; display: block; font-size: 12px; color: #333; }
			.boxedTable th { border: 1px solid #e9e9e9; padding: 5px 0; background: #999; color: #fff; }
			
	/* Product Spec */		
	.productSpec { float: left; position: relative; padding: 0; width: 612px; background: #FAFAFA; margin-bottom: 50px; *background: none; *padding-bottom: 50px; }	
		.productSpec .firstBox { *background: #FAFAFA; border-left: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; }	
		.productSpec .bottomOfProductSpec { border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; height: 30px; }
		.productSpec p { margin: 0; padding: 26px 0 17px 8px;display: none; }
		.js .productSpec p { display: inherit; }
	#fliter { width: 612px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
	.filterTable { background: #FAFAFA; border: 1px solid #dcdcdc; width: 100%; margin: 0; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; }
	.product-search .filterTable, .product-reference-search .filterTable { background: #FAFAFA; }
		.filterTable tr td { border: 1px solid #dcdcdc; padding: 11px 5px 10px 10px;vertical-align: top; }
		.product-search .filterTable tr td, .product-reference-search .filterTable tr td { vertical-align: middle; min-width: 45px; }
			.productGropTD a:hover { color: #EE7C21; }
				.productGropTD a > img { border: 1px solid #dcdcdc; width: 48px; }
				.productGropTD a > span { margin-top: 15px; margin-left: 8px; } 
				.productGropTD a:hover span { text-decoration: underline; }
		.filterTable tr td.partNoCol { padding-left: 15px; *height: 18px; }
			.filterTable thead td { padding: 6px 5px 10px 10px; background: #f0f0f0; color: #333; }
			.filterTable thead td.td-sort-asc, .filterTable thead td.td-sort-desc { background: #f8ebe0; }
				.filterTable td > span { display: block; position: relative; }
				.filterTable td > span, .flatTable td { min-height: 15px; }
				.filterTable thead span { margin-bottom: 7px; }
					.sort-desc { background-position: right -2593px; padding-right: 12px; }
					.sort-asc { background-position: right -2616px; padding-right: 12px; }
														
					span.tolerance { cursor: pointer; }
					span.tolerance span.hoveringBox  { background: url(Images/tolerance-hovering-bg.png) no-repeat; padding-top: 38px; height: 76px; width: 79px; top: -11px; left: -14px; *left: -15px; }
					.product-search span.tolerance span.hoveringBox { background: url(Images/tolerance-hovering-search-bg.png) no-repeat; left: -15px; width: 69px; }
					span.tolerance:hover span.hoveringBox { display: block; }
					span.tolerance span.hoveringBox strong, span.tolerance span.hoveringBox span { margin-bottom: 3px; display: block; }
					
					.partLink { background: url(Images/icons.png) no-repeat left -663px; *background-position: 0 -662px; padding: 0 0 2px 33px; position: relative; cursor: pointer; }
					.public-start-page .partLink { background-position: right -1613px; padding-left: 0; }
						.hoveringBoxTop { display: none; z-index: 2; background: url(Images/hoverbox-top.png) no-repeat; position: absolute; width: 198px; height: 46px; left: -14px; top: -15px; }
						.hoveringBoxTop > span { position: absolute; left: 47px; top: 15px; }
							
						.filterTable span.hoveringBox { z-index: 2; background: url(Images/hoverbox-bottom.png) no-repeat; position: absolute; top: 31px; left: 17px; padding: 0 15px 0 16px; width: 135px; height: 125px; display: none; }
							.no-touch .partLink:hover span.hoveringBox, .no-js .partLink:hover span.hoveringBox, .no-touch .partLink:hover .hoveringBoxTop, .no-js .partLink:hover .hoveringBoxTop { display: block; }
							.no-js .filterTable .partLink:hover span.hoveringBox { *display: none; }
							span.hoveringBox a { margin: 10px 0 0; width: 115px; padding: 4px 0; text-align: center; }
							span.hoveringBox a:first-child { margin: 0; }
							.filterTable span.hoveringBox .button { width: 134px; text-align: center; font-size: 12px; }
							
		.filterRow { width: 610px; border-top: 1px solid #e9e9e9; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; margin: 0; }
			.filterRow input, .filterTable input { width: 52px; }
			.filterRow .wideColunm input { width: 70px; }
		#fliter .colunm { width: 59px; padding: 6px 6px 0 8px; border-left: 1px solid #e9e9e9; float: left; height: 54px; }
		#fliter .wideColunm { width: 78px; padding: 6px 6px 0 8px; float: left; height: 54px; }
			#fliter .colunm span, #fliter .wideColunm span { display: block; margin-bottom: 8px; }
		.colourRow { width: auto; background: #f8ebe0; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; zoom: 1; }	
			#fliter .colourRow .colunm { padding: 3px 6px 0 8px; height: 38px; position:relative; }
			#fliter .colourRow .wideColunm { padding: 3px 6px 0 8px; height: 38px; position: relative }
				#fliter .colourRow a:hover { text-decoration: none; }
				.colourRow a { background: url(Images/icons.png) no-repeat 22px -553px; display: block; color: #333; }
				#fliter .colourRow .wideColunm a { background-position: 41px -553px;}
			#fliter .colourRow span { width: 60px; display: block; margin: 0; color: #333; }				
	
	.Collapse { border: 1px solid #dcdcdc; border-top: 0; width: auto; }
	.Collapse input[type="text"] { -moz-border-radius:2px; -webkit-border-radius: 2px; border-radius: 2px; background:url(Images/bg-input.png) no-repeat; width: 52px; border:1px solid #AEAEAE; color:#717171; height:19px; padding:0 2px; }
		.Collapse.roundCorners { -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
		.Collapse.active { border: 1px solid #ee7c21; }	
		.Collapse .row { width: auto; display: block; zoom: 1; }
				.Collapse .row:hover, .Collapse.active .row { background: #ececec; text-decoration: none; }
				.roundCorners .row:hover { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
				.Collapse.active .row { border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; }
			.Collapse .row .maincolunm { width: 59px; padding: 23px 6px 0 8px; border-left: 1px solid #e9e9e9; float: left; height: 36px; }
			.Collapse .row .mainWideColunm { width: 78px; padding: 11px 6px 0 8px; float: left; height: 48px; }	
				.Collapse .row .mainWideColunm span { margin: 0; padding: 12px 0 0 0; width: 30px; }
				.Collapse .row span.orange { color: #ee7c21; }
					.Collapse .row:hover span.orange { text-decoration: underline; }
				.Collapse .row span.arrow { background: url(Images/icons.png) no-repeat 0 -663px; display: block; float: right; width: 17px; height: 17px; padding-right: 4px; }
					.Collapse .row:hover span.arrow { background-position: 0 -1016px; }
					.Collapse.active .row span.arrow { background-position: 0 -1326px; }		
					.Collapse.active .row:hover span.arrow{ background-position: 0 -1097px; }
		.Collapse .oddColoums { height: 100px; width: 610px; border-bottom: 1px solid #e9e9e9; }
			.Collapse .oddColoums .firstCol { width: 78px; padding: 12px 6px 0 8px; float: left; }
			.Collapse .oddColoums .col { width: 59px; padding: 16px 6px 0 8px; border-left: 1px solid #e9e9e9; float: left; height: 84px; }
			.Collapse .oddColoums .lastCol { width: 220px; padding: 16px 0 0 0; border-left: 1px solid #e9e9e9; float: left; height: 84px; position: relative; }
				.Collapse .oddColoums .col span.small { font-size: 11px; }
				.Collapse .oddColoums .lastCol a { position: absolute; bottom: 15px; right: 10px; }
		.Collapse .tableDiv { margin: 15px 0 0 15px;; width: 565px; }
			.Collapse .tableDiv  table { margin: 0; }
			.Collapse .tableDiv  table .small { font-size: 11px; }
		.Collapse .whiteBox { border: 1px solid #dcdcdc; padding: 15px 10px 5px 10px; height: 26px; width: auto; margin: 20px 15px 20px 15px; -moz-border-radius: 5px; border-radius: 5px; }
			.Collapse .whiteBox li { margin-right: 20px; float: left; }
	.filter-it { border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; padding: 15px; *background: #FAFAFA; }
	.product-search .filter-it { padding-top: 5px; }
		.filter-it .white-area { background: #fdfdfd; padding: 0 0 15px; margin-bottom: 17px; }
			 .filter-it .white-area h2 { padding: 15px 0; margin-bottom: 15px; border-bottom: 1px solid #e9e9e9; font-size: 18px; }
				.filter-it .white-area h2 span { margin-left: 15px; }
			 .dim-link { position: absolute; left: 160px; top: 18px; }
			 .filter-it .filter-list { margin-bottom: 10px; border-bottom: 1px solid #e9e9e9; padding-bottom: 15px; }
				.filter-it .filter-list li { margin-left: 23px; width: 56px; *margin-left: 0; *padding-left: 23px; }
				.filter-it .filter-list li:first-child { width: 72px; margin-left: 15px; *margin-left: 0; *padding-left: 15px; }
					.filter-it .filter-list li > span { margin-bottom: 7px; }
					.filter-it input { width: 48px; }
					.filter-it select { width: 130px; min-width: 130px; }
					.filter-it .filter-list li:first-child input { width: 68px; }
			.filter-it .white-area > div { padding: 0 15px; }
				.filter-it .measurements { border: 0; margin: 8px 0 0; padding: 0; }
					.filter-it .measurements li:first-child { margin-right: 20px; }
						.filter-it  .measurements label { color: #666; }
						.measurements label.label-disabled { cursor: default; }
							.measurements label.label-disabled span { color: #999; }
			.filter-it .button { margin-bottom: 0; }
		.filter-it .pagination { margin: 0; }
		
	/* Fluid Compatibility */	
	.fluidCompatibility { background: #FAFAFA; width: 580px; padding: 15px; position: relative; float: left; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
		.fluidCompatibility .yellowBox { background: #fbeee3; border: 1px solid #dcdcdc; width: 548px; height: 16px; padding: 9px 15px; color: #333; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; }
			.yellowBox p { margin-bottom: 0; }
				.yellowBox li { float: left; margin-right: 15px; }
				.yellowBox li span { background:url(Images/icons.png) no-repeat 0 0; padding: 0 0 0 17px; float: left; margin-right: 15px; }
				.yellowBox li span.recomended, .fluidCompatibility table span.recomended { background-position: 0 -598px; }
				.yellowBox li span.possible, .fluidCompatibility table span.possible { background-position: 0 -618px; }
				.yellowBox li span.notSuitable, .fluidCompatibility table span.notSuitable { background-position: 0 -639px; }		
		.fluidCompatibility table { font-size: 11px; width: 100%; zoom: 1; }
			.fluidCompatibility th { border: 0; color: #333; font-size: 12px; padding:10px 0; font-weight: normal; }
					.fluidCompatibility td { padding:10px 0; border: 1px solid #eeeeee; width: 20%; text-align: center; }
					.fluidCompatibility td.first { padding-left: 15px; width: 60%; text-align: left; }
						.fluidCompatibility table span { background:url(Images/icons.png) no-repeat 0 0; padding: 0; display: inline-block; *display: block; *margin-left: 45px; height: 14px; width: 12px; text-indent: -9999px; }
						.fluidCompatibility td strong { padding-top: 20px; display: block; color: #333; font-size: 12px; }	
					.fluidCompatibility p.userNote { font-size: 11px; margin-left: 15px; }
						.fluidCompatibility p.userNote strong { font-size: 12px; color: #333; }
	
	/* Discussions */
	#discussions { background: #FAFAFA; float: left; width: 580px; padding: 30px 15px; position: relative; border: 1px solid #dcdcdc; border-top: 0; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
		#discussions table { border-bottom: 1px solid #dcdcdc; margin-top: 20px; }
		#discussions table tr { background: #fafafa;}
		#discussions table tr.head { background: #f6f6f6;}
			#discussions table tr td { border: 1px solid #eeeeee; text-align: center; padding:10px 0; }
			#discussions table tr td.first { padding:10px 0 10px 15px; text-align: left; }
			
/* Product Landing */
.productLandings { background: #fafafa; border: 1px solid #dcdcdc; border-top: 0; padding-top: 15px; *padding-bottom: 25px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-bottom-radius: 0 0 5px 5px; margin-bottom: 15px; *zoom: 1; }
.rodSeals #mainContent { margin-bottom: 100px; } 
	.productLandings li { width: 188px; float: left; margin: 0 0 25px 15px; }
		.productLandings li IMG.productSmallImg { margin-bottom:5px; width:60px; }
		.productLandings li em, .filterTable .hoverBox em  { position: absolute; display: block; width: 8px; height: 13px; top: 50%; margin-top: -7px; right: -8px; background-position: 0 -2248px; }
		.productLandings li.hoverRight em, .filterTable .hoverBox em { left: -8px !important; background-position: 0 -2273px; }
			.productLandings li.hoverRight .hoverBox { left: 66px; }
		.productLandings li > a { z-index: 1; position: relative; zoom: 1; }
		.productLandings li a:hover { text-decoration: none; }
		.productLandings .productID, .sealNum { margin-bottom: 5px; display: block; }
		.sealNum { color: #333; font-size: 36px; line-height: 30px; }
			.productLandings .productID span { float: left; font-size: 36px; line-height: 36px; color: #333; }
			.productLandings .productID img { float: left; margin-right: 15px; width: 48px; }
		
		.productText { margin:0 0 0 10px; height:60px; vertical-align:top; font-size:36px; line-height:36px; color:#333; white-space: nowrap; width: 110px; overflow: hidden; text-overflow: ellipsis; display: inline-block; }
		.productTextLong { margin:0 0 0 10px; height:60px; vertical-align:top; font-size:24px; line-height:26px; color:#333;  width: 110px; overflow: hidden;  display: inline-block; }
		.productInfo { display: block; color: #666; }
			.productInfo strong { color: #333; display: inline-block; width: 85px; }
				.productInfo strong.last { color: #EE7C21; font-weight: normal; padding-top: 7px; }

			.productLandings .hoverBox, .filterTable .hoverBox { padding: 20px 20px 4px; display: none; width: 410px; position: absolute; }
			.filterTable .hoverBox { left: 100%; top: -130px; margin-left: 15px; }
								
				.productLandings .hoverBox > div, .filterTable .hoverBox > div { margin-bottom: 13px; }
				.productLandings .hoverBox h3, .filterTable .hoverBox h3 { font-size: 12px; color: #333; line-height: 18px; }
			.rodSeals .paddingRight { padding-right: 6px; }
		
/* Cross Ref Results Page */
.crossRefResults h2 { margin-bottom: 14px; }
	.crossRefResults #productSpec { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.crossRefResults .colourRow { border-top: 1px solid #DCDCDC; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;  }

.manyResultsList li { margin-bottom: 10px; }
.product-reference-search h2 { margin-bottom: 14px; }
.product-reference-search .headRow h2 { margin-bottom: 0; }
.product-reference-search .searchForm h2 { background: none; }



/* HOME PAGE --------------------------------------------------------------------------------- */

#subBar li.hallite { display: none; }
.js .public-start-page #subBar li.hallite { display: inherit; *display: inline; }

/* Features */
#features { border-bottom: 1px solid #DCDCDC; margin-bottom: 0px; zoom: 1; }
	#features li { float: left; width: 300px; height:330px; margin: 10px 0 20px 0px; padding-left:10px }
		#features li img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
	#features li:first-child { margin-left: 0; }
		#features h2 { font-size: 16px; margin-bottom: 14px; }

/* About */
#allAbout { margin-bottom: 0px; zoom: 1; }
	#about { float: left; margin-top: 12px; width: 620px; }
		#about h3 { margin-bottom: 14px; font-size: 16px; }
		#about big { width: 500px; display: block; padding-bottom: 5px; }
		#about img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
	
/* News */
#latestNews { float: right; width: 300px; border: 1px solid #dcdcdc; background: #fafafa; padding: 14px 0 0; position: relative; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	#latestNews h4 { font-size: 16px; margin-left:22px; }
	#latestNews #mask { overflow:hidden; position:relative; }
		#newsScroller { position: relative; }
			#newsScroller li, #newsList li { border-top: 1px solid #dcdcdc; padding: 18px 22px; zoom: 1; }				
			#newsScroller li:first-child { border-top: 0; }
				#newsScroller li img { width: 60px; height: 60px; float: left; margin: 2px 10px 0 0; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
				#newsList li img { width: 60px; margin: 2px 10px 0 0; }
					#newsScroller li .info a { color: #666; }
					#newsList li .info a { font-size: 15px; }
					#newsScroller li .info a { text-decoration: none; }
					#newsScroller li .info:hover span.orange { text-decoration: underline; }
					#newsScroller li .info .newsDate, #newsList li .info .newsDate { display: block; padding: 1px 0 2px; margin-bottom: 0; }
					#newsScroller li .info p, #newsList li .info p { margin: 0; }	
			#latestNews .newsListPag { padding: 6px 14px 6px 14px; width: 272px; margin-top: -1px; border-top: 1px solid #DCDCDC; display: none; }
					#latestNews .newsListInfo { width: 60px; float: left; }
					#latestNews .newsListContols { width: 40px; float: right; }						
							#latestNews .newsListContols a.upLink { float: left; }	
							#latestNews .newsListContols a.downLink { float: right; }
							#latestNews .newsListContols a.disabled { cursor: default; }
	#leftContent { width: 450px; float:left; }
		#newsList { margin-top: 20px; }
		#newsList li { padding: 27px 22px 27px 0px; }
		#newsList li .info p { margin-left: 70px; }
		#newsList li .info .newsDate { color: #999; font-size: 12px; margin: 3px 0px; }
	#rightContent { width: 220px; float: right; margin-left: 10px; }
		.newsFeature { background: #FAFAFA; padding: 10px; position: relative; margin-bottom:15px; }
			.newsFeature p { width: 200px; }
			.newsFeature img { margin-bottom: 5px; }
			.newsFeature .info { width: 200px; }
			.newsFeature .info p { font-size: 12px; margin:0px; }
			.newsFeature .info a { color: #FD8322; font-size: 15px; }
			.newsFeature .info .newsDate { display: block; padding: 1px 0 2px; color: #999; font-size:12px; margin: 3px 0px; }

/* News Article */
.backLink { display: block; color: #ee7c21; background:url(Images/icons.png) no-repeat 0 -1451px; padding: 10px 0 0 12px; margin: 0 0 12px; }
.newsArticle h1 { margin-bottom: 6px; }
.newsDate { display: block; margin-bottom: 18px; color: #999; }
.newsArticle .newsFeature { width: 198px; }
#rightContent h2 { font-size: 18px; margin: 8px 0 18px; }
		
/* Banner */
#homeBanner { position: relative; margin-bottom: 20px; }
	
/* Slider */
#sliderMask { height:293px; overflow:hidden; position:relative; width:1024px; }	
	#slider { position: relative; width:400%; }
		#slider li { position: relative; float: left; width: 25%; }					    
			#slider li .contentBox { position: absolute; color: #FFF; width: 360px; top: 42px; left: 30px; font-weight: bold; }
				#slider li .contentBox h1 { font-size: 30px; margin-bottom: 12px; line-height: 28px; color: #fff; }
				#slider li.darkSlider .contentBox h1 { color: #333; }
				#slider li.darkSlider .contentBox p { color: #666; }
				#slider li .contentBox a, #slider li .contentBox span { background:url(Images/icons.png) no-repeat right -220px; padding-right:24px; display: inline-block; color: #EE7C21; padding-bottom: 2px; }
					#slider li .contentBox a:hover, #slider li .contentBox span:hover { background-position: right -1124px; text-decoration: underline; }
					#slider li a img { display: block; }
				#slider li .contentBox p { margin-bottom: 20px; }
#h-controls { background:url(Images/bullets-bg.png) repeat-x; right:10px; bottom:20px; height:28px; padding:0 5px; position:absolute; width: auto; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; }
.no-js #h-controls { display: none; }
	#h-controls li { float: left; }
	#h-controls li a { background:url(Images/icons.png) no-repeat 2px -801px; display:block; height:28px; text-indent:-9999px; width:13px; }
		#h-controls li a:hover { background-position: 2px -1202px; }
		#h-controls li a.current, #h-controls li.selected a  { background-position: 2px -1353px; }
	#h-controls #h-left { background-position: 0 -401px; width:18px; margin-left:8px; }
		#h-controls #h-left:hover { background-position: 0 -1172px; }
	#h-controls #h-right { background-position: right -214px; width:18px; }
		#h-controls #h-right:hover { background-position: right -1118px; }
	#h-controls #h-left.disabled { background-position: 0 -1293px!important; cursor: default; }
	#h-controls #h-right.disabled { background-position: right -1145px!important; cursor: default; }
				
/* Finder */
.widgetHolder { overflow: hidden; position: relative; width: 1024px; height: 293px; background: url(Images/widget-bg.jpg) repeat-x; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#draggable { cursor: move; }
.js .widgetHolder { overflow: visible; }
	.widgetIcon { background: url(Images/product-finder-icon.png) no-repeat; width: 180px; height: 220px; position: absolute; bottom: 0; right: 0; }
		.calculatorWidget .widgetIcon { width: 180px; height: 228px; background: url(Images/calculator-icon.png) no-repeat; bottom: 20px; right: -34px; }
	.finderLinks { width: 313px; height: 293px; background: url(Images/widget-nav-bg.png) repeat-x; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; float: left; }	
		.finderLinks > span { font-size: 14px; color: #FFF; padding: 13px 0 13px 14px; display: block; }
			.finderLinks li a { padding: 11px 0 13px 14px; display: block; color: #ee7c21; border-top: #474747 1px solid; }
			.finderLinks li.active a, .finderLinks li a:hover { text-decoration: none; background: url(Images/widget-bg.png) repeat-x; color: #fff; border-top: 0; padding-top: 12px; }
				.finderLinks li a span { background:url(Images/icons.png) 0 -193px; width: 17px; height: 17px; display: block; float: right; padding-right: 12px; }	
				.finderLinks li.active a span, .finderLinks li a:hover span { background-position: -16px -246px; }
				.finderLinks li.finder1.active a, .finderLinks ul li.finder1 a:hover { background-position: 0 -42px; }
				.finderLinks li.finder2.active a, .finderLinks ul li.finder2 a:hover { background-position: 0 -84px; }
				.finderLinks li.finder3.active a, .finderLinks ul li.finder3 a:hover { background-position: 0 -124px;}
				.finderLinks li.finder4.active a, .finderLinks ul li.finder4 a:hover { background-position: 0 -166px;}
				.finderLinks li.finder5.active a, .finderLinks ul li.finder5 a:hover { background-position: 0 -208px;}
				.finderLinks li.finder6.active a, .finderLinks ul li.finder6 a:hover { background-position: 0 -250px; }
						
	.formBox { width: 627px; float: left; overflow: hidden; *position: relative; }
	.js .formBox { overflow: visible; *overflow: hidden; }
		.formBoxHeader { border-bottom: 1px solid #6b6b6b; margin: 12px 14px 8px; padding-bottom: 12px; }
			.formBoxHeader select { width: 200px; }
			.formBoxHeader .titleLabel { font-size: 14px; padding-left: 12px; color: #fff; }
			.formBoxHeader label { color: #ccc; }
			.formBox .searchForm { background: none; margin: 0; padding: 0; width: 100%; }
			.productWidget .searchForm .formRow { width: 285px; }
		.homepage .formBox .searchForm  { position: relative; }		
			.homepage .formRow .button  { position: absolute; bottom: 7px; }
		.formBox > ul { width: 9999px; }
		.js .formBox > ul { width: 627px; *width: 9999px; }
			.formBox > ul > li { width: 627px; float: left; }
	
/* Calculator Widget */
.calculatorWidget { position: absolute; top: 255px; z-index: 3; color: #333; width: 440px; min-height: 253px; padding: 20px; background: #fff; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.55); -moz-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.55); box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.55); }
	.calculatorWidget h3 { margin-bottom: 25px; font-size: 18px; color: #333; }
	.closeBtnn { position: absolute; top: 20px; right: 20px; width: 17px; height: 17px; text-indent: -9999px; background-position: 0 -920px; }
	.resetBtn { margin: 20px 0 0; }
	.calculatorWidget .formRow { width: 440px; margin: 10px 0 0; padding-bottom: 10px; border-color: #e0e0e0; }
	.calculatorWidget form .formRow:first-child { margin: 0; }
		.calculatorWidget input[type="text"], .calculatorWidget input[type="number"] { width: 56px; margin-right: 5px; }
		.calculatorWidget .formRow > label { width: 66px; padding-left: 10px; margin-right: 10px; float: left; color: #333; }
		.calculatorWidget select { min-width: 70px; }
		.calculatorWidget .selectHolder { float: left; }
		.equalCol { margin: 0 20px; line-height: 22px; }
		.inlineText { line-height: 20px; margin-right: 5px; }
		.splitRowTitle { width: 384px; margin: 12px 0 8px 15px; }
		.splitRowTitle span { color: #fff; font-size: 12px; }
			.splitRowTitle span:first-child { margin: 0 130px 0 101px; }
.extrusionCalculatorMask { margin-left: 20px; width: 350px; overflow: hidden; *float: left; }
.js .extrusionCalculatorMask { overflow: visible; *position: relative; }
	.extrusionCalculatorHolder { width: 9999px; }
	.js .extrusionCalculatorHolder { width: 350px; *width: 9999px; }
		.extrusionCalculatorHolder > div { float: left; }
		.extrusion-gap-calculator .formRow { width: 340px; margin: 0 0 10px 10px; }
			.extrusion-gap-calculator .formRow .right { color: #ccc; }
			.extrusion-gap-calculator label { width: 185px; float: left; }
				.extrusion-gap-calculator label.bigEquals { font-size: 15px; }
.extrusionCalculatorNav { width: 585px; border-bottom: 1px solid #6c6c6c; margin: 20px 0 20px 20px; }
	.extrusionCalculatorNav li { float: left; margin-left: 2px; margin-bottom: -2px; }
		.extrusionCalculatorNav li:first-child { margin-left: 0; }
			.extrusionCalculatorNav li a { background: url(Images/calculator-nav-bg.png) repeat-x; padding: 5px 14px 7px; color: #000; display: block; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
				.extrusionCalculatorNav li a:hover, .extrusionCalculatorNav li.active a { background-position: 0 -37px; text-decoration: none; color: #fff; }
						
.formTitle { margin: 0 15px 10px; zoom: 1; }
	.formTitle span { color: #fff; }
		.formTitle .left span { padding-left: 88px; }
				
/* Branch Contacts Pop Up */
.regionBranchesWidget { position: absolute; top: 255px; z-index: 3; color: #333; width: 440px; min-height: 253px; padding: 20px; background: #fff; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.55); -moz-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.55); box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.55); }
	.regionBranchesWidget h3 { margin-bottom: 15px; font-size: 18px; line-height: 30px; color: #333; }
	.regionBranchesWidget h3:before { margin: 0 15px 0 0; content: ""; display: block; float: left; background: url(Images/Icons.png) no-repeat 0 -63px; height: 30px; width: 30px; }
	.regionBranchesWidget p { margin-bottom: 15px; padding-top: 15px; color: #333; border-top: 1px solid #DCDCDC; }
	.regionBranchesWidget a { color: #333; margin-left: 10px; }



/* SUPPORT LANDING PAGE --------------------------------------------------------------------------------- */
			
.supportPage .products li a .productImg { height: auto; }



/* FAQS PAGE --------------------------------------------------------------------------------- */

.FAQsPage .borderBox { margin-bottom: 30px; }
.FAQsPage h2 { margin-bottom: 20px; font-size: 18px; }
	


/* DOWNLOAD CENTRE PAGE --------------------------------------------------------------------------------- */

.downloadCentreList { background: #fff; }
	.downloadCentreList h2 { cursor: pointer; background: #f2f2f2; padding: 8px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
		.downloadCentreList ul { display: none; border-top: 1px solid #dcdcdc; padding: 25px 20px 0; margin-bottom: 0; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }	
		.formatted-text .downloadCentreList ul { margin-bottom: 0; }
			.downloadCentreList .pdf { padding: 0 0 1px 20px; background-position: 0 -461px; }
			:root .downloadCentreList .pdf { padding: 1px 0 1px 20px \ ; }
			.downloadCentreList ul li { margin: 0 0 21px; list-style: none; }
				.downloadCentreList ul li p { margin: 0; }
				.downloadCentreList ul li p:first-child { margin: 0 0 6px; }
		.downloadCentreList.active ul { display: block; }
		.downloadCentreList.active h2 { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
		.js .downloadCentreList h2 { cursor: pointer; }
			.downloadCentreList .downLink { display: none; background-position: 0 -663px; }
			.downloadCentreList h2:hover .downLink { background-position: 0 -1016px; }
			.js .downloadCentreList .downLink { display: block; }
			.downloadCentreList.active .downLink { display: block; background-position: 0 -1326px; }
			.downloadCentreList.active h2:hover .downLink { background-position: 0 -1097px; }



/* MARKETS DETAIL PAGE --------------------------------------------------------------------------------- */

.marketsContentPage #mainContent p { margin: 0 0 26px; }
	.marketsContentPage #mainContent h2 { margin-bottom: 12px; }

.featuresList { background: #fff; padding: 18px 20px; border: 1px solid #e8e8e8; margin-bottom: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
	.featuresList > div { width: 300px;  }
		.featuresList > div ul { list-style: disc; }
			.featuresList > div ul li { margin: 0 0 14px 14px; }
			.featuresList > div h3 { margin-bottom: 14px; }
	.featuresList > div.right { border-left: 1px solid #e8e8e8; padding-left: 20px; }
	
.contentPageHeader { margin: 10px 0 4px; }
	.contentPageHeader .links, .contentPageHeader .links a { margin: 0; }
		.contentPageHeader .links a { margin-top: -3px; }



/* DISTRIBUTORS PAGE --------------------------------------------------------------------------------- */

/*.distributorsPage .sideNav p { padding-left:15px; padding-top:0; }
.distributorsPage .sideNav > p { margin-bottom: 9px; }
.distributorsPage .sideNav h2 { border:none; padding-bottom:5px; }
	.distributorsPage .sideNav .sidebarEmail:last-child { padding-bottom:10px; }*/
	
#map { padding-top: 6px; }
	#mapContainer { width: 685px; height: 359px; padding-top: 0; margin-bottom: 31px; }
	.no-js #mapContainer { display: none; }
	#map .formRow { margin: 10px 0 0 0; }
	#map h2 { margin-bottom: 8px; }
	#map h3 { margin-bottom: 20px; }
	#map p { margin-bottom: 20px; }
	#map select, #map .selectHolder { margin-bottom: 14px; }
	.no-js #map select { display: none; }
		
	.nojs-distributors-list { height: 150px; overflow-y: scroll; margin-bottom: 30px; display: none; }
	.no-js .nojs-distributors-list { display: block; }
		.nojs-distributors-list li { width: 100px; height: 25px; }
			.nojs-distributors-list li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 85%; display: block; }
			.nojs-distributors-list li.selected a { color: #333; }
		
	#mapAddresses { *zoom: 1; overflow: hidden; }
		.mapAddressRow { padding: 27px 0 0 0; zoom: 1; margin: 0 0 27px -30px; border-top: 1px solid #DCDCDC; }
			#mapAddresses .mapAddressRow:first-child { border-top: 0; padding: 0; }
				#mapAddresses .mapAddress { float: left; width: 33.33%; }
					#mapAddresses .mapAddress > div { margin-left: 30px; }
						#mapAddresses .mapAddress p:last-child { margin-bottom: 0; }
				
				
				
/* CONTACT PAGE --------------------------------------------------------------------------------- */

/*.contactPage .sideNav { padding: 17px 15px 4px; }
	.contactPage .sideNav p { margin-bottom: 19px; }
	.contactPage .sideNav h2 { border:none; padding:0; margin-bottom: 4px; }
	.contactPage .sideNav .slideNavEmails p { margin-bottom: 13px; }*/
.contactPage #contactForm { background: #FAFAFA; border:1px solid #DCDCDC; padding:20px 20px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 26px 0 30px; position: relative; }
	#contactForm > h3 { display: none; }
	#contactForm .newForm div > label { width: 205px; text-align: left; }
	#contactForm .newForm div > label.contactLabel { width: auto; }
	#contactForm .newForm .radioGroup > span  { width: 205px; margin: 0 20px 0 0; }
	#contactForm .newForm .button { margin: 0; }
	#contactForm .newForm .radioGroup .radio { margin-top: 2px; }
.contactPage #directions { border-top: 1px solid #dcdcdc; padding-top: 24px; }
	.contactPage #directions #directionDetails { width: 100%; padding-bottom: 15px; }
	.contactPage #directions h2 { margin-bottom: 15px; font-size: 18px; }
	.contactPage #directions #directionText { padding: 0 5px 0 0; width: 245px; }
		.contactPage #directions #directionText strong { display: block; padding-bottom: 3px; color: #333; }
.enquiryEmailBox { display: none; }



/* GLOBAL LOCATIONS PAGE --------------------------------------------------------------------------------- */

.globalPresence { position: relative; background: url(images/global-map.jpg) no-repeat; width: 683px; height: 356px; margin: 20px 0 30px; }
	.globalDotHolder { width: 11px; height: 11px; position: absolute; left: 291px; top: 82px; }
		.globalDot { background: url(images/icons.png) 0px -810px no-repeat; width: 11px; height: 11px; display: block; cursor: pointer; position: relative; z-index: 2; }
		.globalDot:hover { background-position: 0 -1211px; }
		.globalDotHolder .dotCaption { display: none; color: #333; width: 170px; padding: 12px 15px; background: #fff; position: absolute; top: -177px; left: -95px;  -webkit-box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.68); -moz-box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.68); box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.68); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
			 .globalDotHolder.notActive .dotCaption { display: none; z-index: 1; }
			 .globalDotHolder.active .dotCaption { display: inline-block;  z-index: 3; }
			.no-js .globalDotHolder:hover .dotCaption { display: block; z-index: 3; }
				.dotCaption > * { display: block; }
				.dotCaption > strong { font-size: 15px; margin-bottom: 8px; }
				.dotCaption > .address-dets { margin-bottom: 8px; }
				.dotCaption > span { color: #666; } 
				.dotCaption > em { position: absolute; left: 50%; bottom: -8px; margin-left: -6px; width: 11px; height: 9px; background: url(images/icons.png) 0 -1986px no-repeat; }
				.dotCaption > a { margin-top: 7px; }
				.js .dotCaption > .close { position: absolute; top: 10px; cursor: pointer; right: 10px; background: url(images/icons.png) 0 -920px no-repeat; width: 17px; height: 17px; }
			
			  

/* CAREERS PAGE --------------------------------------------------------------------------------- */
 
.careersPage #mainContent p.last { margin-bottom: 27px; }
.genericForm { padding-top: 28px; border-top: 1px solid #e8e8e8; }
	.genericForm h2 { margin-bottom: 25px; font-size: 18px; }
		.genericForm .formRow { padding: 0; margin: 0 0 20px; position: relative; }
			.genericForm .formRow label { width: 150px; text-align: left; color: #333; padding: 0; margin: 0; line-height: 20px; }
			.genericForm .formRow input[type="text"], .genericForm .formRow input[type="password"] { width: 294px; }
			.careersPage .genericForm .formRow input[type="text"], .careersPage .genericForm .formRow input[type="password"] { width: 274px; }
			.careersPage .genericForm .formRow .selectHolder { float: right; }
				.js .careersPage .genericForm .formRow select { width: 270px; min-width: 270px; }
		.genericForm .upload { position: relative; }	
			.formRow .custom-file { width: 280px; position: relative; overflow: hidden; height: 30px; cursor: pointer; margin-top: -5px; float: right; }
				.formRow .file input[type="file"] { margin-left: 20px; }
				.formRow .file input[type="text"] { width: 198px !important; margin-top: 5px; display: none; cursor: pointer; }
				.formRow .custom-file input[type="file"] { position: absolute; cursor: pointer; display: block; font-size: 50px; left: -485px; opacity: 0; top: -10px; margin-left: 0; }
				.formRow .file .browse { padding: 4px 8px; *padding: 3px 0px; margin: 2px 4px 0 0; display: none; }
				.formRow .custom-file input[type="text"], .formRow .custom-file .browse { display: block; } 
				.upload .file-info { left: 180px; position: absolute; top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 170px; }
			.genericForm .formRow select { width: 280px; }
			.genericForm textarea { width: 274px; padding: 2px; min-height: 134px; }			
.vacanciesSideBar { background: #fff; border: 1px solid #e8e8e8; width: 188px; padding: 18px 15px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.jobTab { border-top: 1px solid #e8e8e8; padding-top: 17px; }
	.vacancies .jobTab:first-child { border-top: 0; padding-top: 0; }
		.vacanciesSideBar h3 { margin-bottom: 21px; font-size: 18px; }
		.vacanciesSideBar h4 { margin-bottom: 4px; font-size: 15px; }
		.vacanciesSideBar .date { color: #999; margin-bottom: 3px; }
		.vacanciesSideBar .link { margin-bottom: 17px; }
		
		

/* FLUID COMPATIBILITY PAGE --------------------------------------------------------------------------------- */

.selectHolder .formRow { padding: 0; margin-bottom: 20px; }
	.selectHolder .formRow label { width: 130px; color: #333; padding: 0; margin: 0; line-height: 18px; }
	.selectHolder .formRow select { width: 200px; }
	


/* CASE STUDIES PAGE --------------------------------------------------------------------------------- */	

.caseStudies { background: #FAFAFA; float: left; width: 610px; padding: 0; position: relative; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.caseStudies .caseItem { width: 545px; padding: 30px 50px 30px 15px; float: left; border-top: 1px solid #eeeeee; }
.caseStudies .caseItem:first-child { border-top: 0; }
.caseStudies .caseItem .imgBox { width: 90px; float: left; }
.imageBorder { border: 1px solid #cacaca; }
.caseStudies .caseItem .contentBox { width: 440px; float: right; }
	.caseStudies .caseItem .contentBox h3 { margin-bottom: 4px; }			
	.caseStudies .caseItem .contentBox p { margin: 0 0 10px 0; }
	.caseStudies .caseItem .contentBox p.readMore { margin: 0; }
	.clientQuote { background: #FFF; padding: 10px; margin: 20px 0 16px; }
	.clientSide li { list-style: disc inside none; margin-left: 1px; }
	.clientSide .last { margin-bottom: 0; }



/* DESIGN INFORMATION PAGE --------------------------------------------------------------------------------- */

.designInformation h3 { margin-bottom: 14px; }
.designInformation h4 { font-size: 15px; margin-bottom: 7px; }
.designInformation .boxedTable { margin-bottom: 28px; }
	.designInformation .boxedTable td { padding: 5px 0; text-align: center; }
.designInformation a.pdf { margin: 0 2px 10px 0; }



/* SITE RESULTS PAGE --------------------------------------------------------------------------------- */

.siteResults .col240 { margin-bottom: 20px; }
	.siteResults .col240 div { padding: 20px 15px; }
		.siteResults .col240 div .input { width: 204px; margin-bottom: 15px;}
		.siteResults .col240 div .button { margin-bottom: 0; }
.siteResultHolder { margin-bottom: 20px; }
	.siteResultHolder > div { margin-bottom: 23px; }
		.siteResultHolder h3 { margin-bottom: 10px; }
		.siteResultHolder p { margin-bottom: 0; }
	.y-box { padding: 15px; background: #f8ebe0; margin-bottom: 20px; }
	.filter-it .y-box { margin-bottom: 15px; }
		.y-box h3 { margin-bottom: 15px; }
		.filter-it .y-box h3 { margin-bottom: 0; }
		.y-box p:last-child { margin-bottom: 0; }
	.looking-for { position: relative; color: #fff; }
		.looking-for > span, .looking-for-large > span { position: absolute; top: 20px; left: 15px; }
			.looking-for > span em { font-size: 30px; line-height: 26px; margin-bottom: 10px; font-style: normal; }
			.featProduct .looking-for > span em { font-size: 18px; line-height: 16px; }
				.looking-for > span span { margin-bottom: 5px; }
				.looking-for > span span.orange { background-position: right -220px; padding: 0 24px 3px 0; font-weight: bold; }
				.looking-for > span span.orange:hover { text-decoration: underline; }



/* PRIVACY POLICY PAGE --------------------------------------------------------------------------------- */

.textPage { margin-left: 15px; }



/* SITEMAP PAGE --------------------------------------------------------------------------------- */

.sitemapPage { margin-left: 20px; }
	.sitemapPage h1 { margin-bottom: 30px; }
	.sitemap { *zoom: 1; margin: 0 0 30px 0; }
		#content .sitemap > li { float: left; width: 286px; margin-right: 20px; }
		.js #content .sitemap > li { margin-right: 0; }
			.sitemap h3 { margin-bottom: 13px; }
				.sitemap > li > ul > li { margin-bottom: 11px; list-style-position: inside; list-style-type: disc; }
					.sitemap > li > ul > li > a { font-weight: bold; }
						.sitemap > li > ul > li > ul { margin-left: 10px; }
							.sitemap > li > ul > li > ul > li { margin-top: 4px; list-style-position: inside; list-style-type: disc; }

#footer { padding: 10px 0 0px 0; border-top: 1px solid #dcdcdc; font-size: 11px; color: #999; zoom: 1; }
.PopupPage #footer { margin-top: 40px; }
	#footer li { float: left; }
		#footer li a { background:url(Images/divider.jpg) no-repeat left center; padding:0 9px 0 11px; color: #999;  }
			#footer li:first-child a { background: none; padding:0 9px 0 0; }
			#footer li:last-child a { padding:0 0 0 11px; }
	#footer .memberOf { margin: 22px 0 0 0; position: relative; }
		#footer .memberOf a.fenner { background:url(Images/fenner.jpg) no-repeat; width: 49px; height: 17px; text-indent: -9999px; display: inline-block; position: relative; bottom: 3px; margin-left:3px; }



/* SHARED STYLES --------------------------------------------------------------------------------- */
			
/* Buttons */
.button { padding: 4px 25px; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; font-size: 14px; cursor: pointer; margin-bottom: 8px; *overflow: visible;
	background: #ee7c21; /* Old browsers */
	background: -moz-linear-gradient(top,  #ee7c21 0%, #d15d00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee7c21), color-stop(100%,#d15d00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ee7c21 0%,#d15d00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ee7c21 0%,#d15d00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ee7c21 0%,#d15d00 100%); /* IE10+ */
	background: linear-gradient(top,  #ee7c21 0%,#d15d00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee7c21', endColorstr='#d15d00',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); 
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
}
.button:hover, .file:hover .button { text-decoration: none;
	background: #ffa155; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffa155 0%, #ff7302 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa155), color-stop(100%,#ff7302)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffa155 0%,#ff7302 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffa155 0%,#ff7302 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffa155 0%,#ff7302 100%); /* IE10+ */
	background: linear-gradient(top,  #ffa155 0%,#ff7302 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa155', endColorstr='#ff7302',GradientType=0 ); /* IE6-9 */
 }
.addLink { display: none; color: #ee7c21; margin-top: 2px; background:url(Images/icons.png) no-repeat 0 -380px; padding:0 0 3px 26px; height: 17px; }	
.addLinkBox { display: block; }

/* Radio Buttons */
.facade-radio { background: url(Images/icons.png) no-repeat 0 -1676px; float: left; margin-right: 4px; width: 13px; height: 15px; }
	.facade-radio-checked { background: url(Images/icons.png) no-repeat 0 -1696px; }
	.facade-radio-disabled { background-position: 0 -2395px; }
.form-disabled .measurements .facade-radio { background-position: 0 -2396px; }
.form-disabled .measurements .facade-radio-checked  { background-position: 0 -2418px; }
	
.radio-links { margin: 3px 15px 0 0; }
	.radio-links li { margin-left: 20px; }
		.radio-links a { background-position: 0 -1676px; padding-left: 17px; color: #666; }
		.radio-links a.active { background-position: 0 -1696px; }
		.radio-links a:hover { text-decoration: none; }

/* Content Tabs */
.contentTabs { width: 100%; margin-top: 20px; border-bottom: 1px solid #dcdcdc; }
.ProfilePage .contentTabs { width: 612px; }
	.contentTabs { margin-bottom: 0!important; }
		.contentTabs li { float: left; margin-bottom: -1px; list-style: none; }
		.contentTabs li a { text-align: center; background:url("Images/tab-bg.png") repeat-x scroll 0 -68px #E7E7E7; border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; margin-left: -1px; color: #333333; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; padding:11px 15px; display: block; border-right: 1px solid #dcdcdc; }
		.contentTabs li:first-child a { margin-left: 0; }
		.contentTabs li a:hover, .contentTabs li.active a, .contentTabs a.active { background: #FAFAFA; border-bottom: 1px solid #FAFAFA; text-decoration: none; }

/* Tabs 3 */
.contentTabs.tabs3 li a { width: 216px; }
	.contentTabs.tabs3 li:first-child a { width: 217px; }
	
/* Tool Tip */
.help { *z-index: 2; cursor: pointer; background:url("Images/icons.png") no-repeat right -433px; background-position: right -432px; display: none; padding-bottom: 2px; height:17px; text-indent:-9999px; width:19px; margin-left: 2px; position: relative; }
	.js .help { display: inline-block; }
		/*.tooltip { position: absolute; width: 259px; right: -216px; top: 18px; font-size: 12px; line-height: 16px; text-indent: 0; color: #666; z-index: 3; display: none; cursor: default; }*/
			.tooltipTop { background: url(Images/tooltip-top.png) no-repeat; width: 259px; height: 16px; display: block; }
			.tooltipMiddle { background: url(Images/tooltip-middle.png) repeat-y; width: 223px; padding: 7px 18px 5px; display: block; }
			.tooltipBottom { background: url(Images/tooltip-bottom.png) no-repeat; width: 259px; height: 10px; display: block; }



/* SEARCH FORMS --------------------------------------------------------------------------------- */

.searchForm { background: url(Images/bg-form.gif) top repeat-x #494949; width: 313px; margin-bottom: -150px; padding-bottom: 150px; }
	.additionalFormHolder { border-bottom: 1px solid #DCDCDC; margin-bottom: 30px; *zoom: 1; }
		.additionalFormHolder > h2 { margin: 0 0 15px 15px; font-size: 18px; }
		.additionalFormHolder .button, .continueHolder .button { margin-bottom: 20px; }
		.continueHolder { margin-bottom: 30px; border-bottom: 1px solid #DCDCDC; *zoom: 1; }
		.additionalForms { margin-bottom: 20px; *zoom: 1; }
			.additionalForms .searchForm { margin-bottom: 0; padding-bottom: 0; width: 306px; height: 290px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
			.additionalForms > div { margin-left: 11px; }
				.additionalForms > div:first-child { margin-left: 0; }
					.additionalFormHolder .searchForm h2 { border: 0;  margin-bottom: 23px; padding: 10px 15px 0; }
					.additionalForms .interactiveSlider { padding: 0 9px 12px 10px; margin-left: 0; margin-right: 0; }
#sidebar .searchForm { margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0; }	
	.searchForm h5 { border-bottom: 1px solid #6e6e6e; padding: 10px 15px; color: #FFF; margin-bottom: 15px; }
	.searchForm h2 { border-bottom: 0; margin-bottom: 0; padding: 10px 15px; color: #FFF; background: url(Images/icons.png) no-repeat right -1800px; margin-right: 15px; cursor: pointer; }
		.searchForm .notActive h2 { background-position: right -1846px; }
		.searchForm .notActive h2:hover { background-position: right -1629px; }
		.no-js .searchForm h2 { background: none; }
		.form-disabled .searchForm h2 { background-position: right -2522px; cursor: default; }
		.form-disabled .searchForm .notActive h2 { background-position: right -2475px; }
		.form-disabled .searchForm > div:first-child h2 { background-position: right -1800px; }
	.searchForm h5 { border: 0; padding-top: 16px; }
	.formRowHolder { border-bottom: 1px solid #646464; }
		.formRowHolder > div { padding-bottom: 28px; }
		.js .notActive > div { display: none; }
	.formRow { margin: 0 15px 12px; *zoom: 1; }
	.no-js #searchhForm .formRow { position: relative; }
		.no-js #searchhForm .checkboxList { padding: 0; margin: 0; border: 0; }
			.no-js #searchhForm .checkboxList li { margin-bottom: 8px; }
			.no-js #searchhForm .checkboxList li:first-child { margin-bottom: 40px; }
		.no-js .type-of-seal-search { position: absolute; margin-bottom: 0; left: 0; top: 22px; }
			.no-js .search-para { display: none; }
		.formRow label { color: #fff; display: block; padding-bottom: 8px; }
			.js label.fancyCheckbox { background: url(Images/icons.png) no-repeat 0 -1717px; position: relative; padding-bottom: 0; *min-height: 16px; padding-left: 20px; }
			.js .remberMeHolder { background: url(Images/icons.png) no-repeat 0 -1715px; position: relative; padding-left: 20px; }
			.facade-checkbox { position: absolute; left: 2px; top: 2px; float: none; width: 10px !important; height: 10px; }
			.remberMeHolder .facade-checkbox { top: 4px; }
			.facade-checkbox-checked { background: url(Images/icons.png) no-repeat 0 -1783px; }
			.formRow label.error, ul.checkboxList label.error { color: #FF0000!important; position: absolute; width: 300px; bottom: -4px; left: 235px; }		    
			
			/* On Dark Bg */
			.formRow .type-of-seal-search label.error, .productFinderWidget label.error { color: #666!important; position: relative; width: 300px; bottom: -4px; left: 235px; padding:5px; background:#fae1e1; border:1px solid red; border-radius:5px; bottom:auto !important; left:0; margin-top:5px; }
			.productFinderWidget label.error { position:absolute; width: 167px !important; }
			
			#submitCVForm .formRow label.error { width: auto; bottom: -20px; left: 171px; }
			input[type="text"].error, input[type="password"].error  { background-position: 0 -21px; border-color: #ff0000; color: #000; }
		.formRow textarea { box-shadow: 0 0 2px 0 #AEAEAE inset; -moz-box-shadow: 0 0 2px 0 #AEAEAE inset; -webkit-box-shadow: 0 0 2px 0 #AEAEAE inset; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
			textarea.error { border-color: #FF0000; background: #f7c5c5; color: #000; }
		select, .whiteBox select { min-width: 180px; padding: 0; border: 1px solid #AEAEAE; height: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;  }
			select.error { border-color: #FF0000; background: #f7c5c5; color: #000; }
		.errorFeedback { bottom: 3px; color: #FF0000; position: absolute; right: 292px; }
		.yourProfile .errorFeedback { bottom: 28px; right: 346px; }
		.formRow .reset { display: block; color: #EE7C21; }
		.searchForm .formRow .button { margin: 0; }
		.product-reference-search .searchForm .formRow .button { margin: 0 0 20px; }
		.holdMe { margin: 20px 0; }
			.holdMe a { margin: 5px 20px 0 0; }
	.divided { padding-bottom: 11px; margin-bottom: 8px; border-bottom: 1px solid #5f5f5f; }
	.operating-fluid select { width: 180px; min-width: 180px; }
		
		/* Radios */
		ul.radioList { margin-bottom: 10px; *zoom: 1; position: relative; }
		#sidebar ul.radioList { margin-bottom: 3px; }
		#sidebar .searchForm ul.radioList { margin-bottom: -10px; }
			ul.radioList li { float:left; width:131px; margin-right: 10px; margin-bottom: 10px; }
				ul.radioList li label { color:#ccc; width: 110px; padding-bottom: 0; }
				ul.radioList li .error { left: 0; top: 115px; }
				ul.checkboxList li .error { left: 10px; top: 167px; }
				.radio { margin: 1px 4px 0 0; }
		
		/* Split Form */
		.formSplit > div { width: 50%; *width: 49%; color: #ccc; }
			.formSplit input[type="text"] { width: 70px; }
				.formSplit span { display:inline-block; min-width:25px; }
				.no-js .metricOrImperial { display: none; }
		.formSplitLast { margin-top: 10px; }
		
		/* Select Split */
		.formSelectSplit { margin-bottom: 8px; *zoom: 1; }
			.formSelectSplit label { padding: 2px 0 0; }



/* SEARCH ROW --------------------------------------------------------------------------------- */

.searchMask { width: 1024px; margin-bottom: 15px; overflow: hidden; position: relative; }
	.js .searchMask { overflow: visible; }
	.searchHolder { width: 9999px; }
	.searchHolder > div { width: 1024px; }
		.searchHolder div:first-child h1 { margin: 0 0 20px 15px; }
		.searchRow { border: 1px solid #dcdcdc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fafafa; margin-bottom: 20px; overflow: hidden; }
		.searchRow.active { height: 37px; }
			.searchRowLink:hover { text-decoration: none; }
				.searchRowLink .upLink { display: none; }
					.searchRowLink:hover .upLink { background-position: 0 -1097px; }
				.searchRow.active .upLink { background-position: 0 -663px; }
				.searchRow.active .searchRowLink:hover .upLink { background-position: 0 -1016px; }
				.searchRowLink span.left { font-size: 15px; }
			.searchRowInfo { float: left; width: 625px; }
				.searchInfoHeader { *zoom: 1; background: #f1f1f1; padding:10px 15px 11px; border-bottom: 1px solid #dcdcdc; -moz-border-radius:0 5px 0 0; border-radius:0 5px 0 0; -webkit-border-radius: 0 5px 0 0; display:block; }
					a.downLink, span.downLink { background:url(Images/icons.png) no-repeat 0 -663px; display: block; height:17px; text-indent:-9999px; width:17px; float: right; }				
					a.downLink:hover { background-position: 0 -1016px; }
					a.downLink.disabled, a.downLink.disabledHover { background-position: 0 -1043px; }
					.active a.downLink { background-position: 0 -1326px; }	
					.upLink { background:url(Images/icons.png) no-repeat 0 -1326px; display: block; height:17px; text-indent:-9999px; width:17px; }	
					.upLink:hover { background-position: 0 -1097px; }
					.upLink.disabled, .upLink.disabled:hover { background-position: 0 -1070px; }
				.searchInfoContent { padding: 15px; background: #fafafa; }
					.searchInfoContent h3 { margin-bottom: 14px; }
					.searchInfoContent .normal-list li { margin-bottom: 5px; background-position: 0 -2336px; padding-left: 15px; list-style: none; }



/* LISTS --------------------------------------------------------------------------------- */

.numberList li { margin-bottom: 23px; }	
.toggleList { border: 1px solid #dcdcdc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-bottom: 30px; }
	.toggleList > li > a { border-top: 1px solid #dcdcdc; padding: 7px 15px; position: relative; display: block; color: #333; *zoom: 1;  }
		.toggleList > li:first-child > a { border: 0; }
		.toggleList a span:first-child { width: 95%; font-size: 15px; font-weight: bold; }
			.toggleList a span:first-child p { display: inline; font-size: 15px; }
		.toggleList li a .downLink { display: none; }
		.toggleList > li li > a { display: inline-block; margin-bottom: 2px; }
		.js .toggleList li a .downLink { display: block; }
		.toggleList li a:hover .downLink { background-position: 0 -1016px; }
		.toggleList li.active a .downLink { background-position: 0 -1326px; }
		.toggleList li.active a:hover .downLink { background-position: 0 -1097px; }
			.toggleList ol { border-top: 1px solid #dcdcdc; background: #FFF; padding: 20px 15px 5px; display: block; }
			.js .toggleList ol { display: none; margin-bottom: 0; }
			.toggleList div { padding: 20px 20px 12px;  }
			.toggleList li.active ol { display: block; *zoom: 1;  }
				.toggleList ol li { list-style: upper-latin; list-style-position: inside; margin-bottom: 16px; }	
			.toggleList li:last-child ol { border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; }



/* BOXES --------------------------------------------------------------------------------- */

.borderBox { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; padding: 27px 20px; border: 1px solid #e8e8e8; *zoom: 1; }
.spacerBox { border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; height: 20px; }
.fastrackBox { padding: 0 15px; width: 597px; }
	.fastrackBox h5 { margin-bottom: 9px; }
	.fastrackBox p { color: #333; }
.alertBox { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f8ebe0; border: 1px solid #dcdcdc; padding: 12px 15px; margin-bottom: 15px; }
	.noResults h1 { margin-bottom: 0; }



/* COLUMNS --------------------------------------------------------------------------------- */

.col180 { width: 180px; }
.col220 { width: 220px; }
.col240 { width: 240px; }
.col294 { width: 294px; }
.col320 { width: 320px; }
.col334 { width: 334px; }
.col350 { width: 350px; }
.col360 { width: 360px; }
.col370 { width: 370px; }
.col385 { width: 385px; }
.col400 { width: 400px; }
.col410 { width: 410px; }
.col415 { width: 415px; }
.col420 { width: 420px; }
.col430 { width: 430px; }
.col440 { width: 440px; }
.col450 { width: 450px; }
.col460 { width: 460px; }
.col470 { width: 470px; }
.col520 { width: 520px; }
.col525 { width: 525px; }
.col680 { width: 680px; }



/* LINKS --------------------------------------------------------------------------------- */

.orangeArrow { background: url(Images/icons.png) no-repeat 0 -837px; padding: 0 0 0 13px; }



/* IMAGE ALIGNMENT --------------------------------------------------------------------------------- */

.imgRight { float: right; clear: right; margin: 10px 0 20px 30px; }



/* PAGINATION --------------------------------------------------------------------------------- */

.pagination { margin-bottom: 20px; }
	.pagination li { display: inline; margin-left: 3px; }
	 .pagination li.active a { text-decoration: underline; }
	 a.prev, a.next { background: url(Images/icons.png) left -1462px no-repeat; padding: 0 0 0 11px; }
	 a.next { background-position: right -1479px; padding: 0 11px 0 0; }
	 span.prev, span.next { background: url(Images/icons.png) left -1955px no-repeat; padding: 0 0 0 11px; color: #333; }
	 span.next { background-position: right -1938px; padding: 0 11px 0 0; }
.pagination-bottom { padding: 12px 15px; border-radius: 0 0 5px 5px; border-top: 0; }
	.pagination-bottom .pagination { margin-bottom: 0; }



/* NEW FORM --------------------------------------------------------------------------------- */

.newForm > div { margin-bottom: 20px; *zoom: 1; }
	.newForm .clearfix { position: relative; }
		.newForm label { float: left; width: 105px; text-align: left; color: #333; line-height: 20px; margin-right: 20px; }
		 label.error { color: #D90000 !important; position: absolute; width: auto!important; bottom: -20px; left: 140px; text-align: left; margin: 0; }
			#contactForm .newForm label.error { left: 225px; }
			.changePassword .newForm label.error { left: 160px; }
		.newForm input[type="text"], .newForm input[type="password"] { float: left; width: 294px; }
			.newForm select { float: left; width: 290px; }
			.no-js .newForm select { width: 300px; }
			.newForm .selectHolder { float: left; }
				.newForm .selectHolder label { text-align: left; float: none; }
				.newForm .selectHolder select { float: none; }
		.newForm textarea { float: left; border-radius: 2px 2px 2px 2px; box-shadow: 0 0 2px 0 #AEAEAE inset; min-height: 134px; padding: 2px; width: 294px; }
		.newForm .doubleLineField { margin-bottom: 12px; }
		.newForm .radioGroup > span { min-width: 155px; margin-right: 10px; }
		.newForm .radioGroup label { width: auto; margin: -1px 10px 0 0;  }
			.newForm .radioGroup label.error { bottom: -15px; color: #FF0000 !important; left: 0px !important; position: absolute; width: 300px !important; text-align: left; }
		.newForm .radioGroup .radio { margin-top: 1px; }
		
.breakUp { border-top: 1px solid #737373; border-bottom: 1px solid #474747; margin-left: 15px; width: 283px; }



/* PRODUCT FINDER WIDGET --------------------------------------------------------------------------------- */

.productFinderWidget { padding: 15px 0; width: 1024px; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; min-height: 263px; }
	.productFinderWidget .closeBtnn { top: 15px; right: 15px; }
	.productFinderWidget > div  { overflow: hidden; *position: relative; }
	.productFinderWidget > div > div { width: 204px; padding: 0 15px 500px; border-left: 1px solid #6a6a6a; margin-bottom: -500px; min-height: 263px; }
		.productFinderWidget div.operatingFluid .tooltip { left: -214px; }
			.productFinderWidget div.operatingFluid .tooltip .tooltipTop { background-position: 0 -34px; }
	.productFinderWidget > div > div:first-child { border: 0; width: 179px; }
	.productFinderWidget > div > div.housing-dim { width: 230px; }
		.productFinderWidget h2 { color: #fff; margin: -2px 0 9px; }
		.productFinderWidget .housing-dim h2 { margin-bottom: 5px; }
		.measurements { padding-bottom: 10px; border-bottom: 1px solid #606060; margin-bottom: 8px; }
		#sidebar .measurements { margin: 0 15px 10px; }
			.measurements label { margin: 0 20px 0 0; color: #ccc; cursor: pointer; }
			.form-disabled .measurements label { cursor: default; }
			.measurements input, .radioList input { margin: 1px 4px 0 0; }
			.productFinderWidget #type { width: 169px; min-width: 169px; }
		.js .number-search { display: none; position: relative; }
			.js .number-search label.error { left: 0; top: 43px; }
			.search-para { margin-bottom: 6px; }
			.number-search input { width: 173px; }
		.checkboxList { border-bottom: 1px solid #606060; margin-bottom: 17px; padding-bottom: 5px; }
		.checkboxList li { margin-bottom: 13px; }
			.checkboxList li label { color: #ccc; cursor: pointer; padding-bottom: 0; }
			.checkboxList li span.left { width: 78px; color: #ccc; cursor: pointer; }
			.checkboxList li input { margin: 1px 4px 0 0; }
			.housing div { position: relative; width: 112px; }
			.housing div:first-child { margin-right: 6px; }
				.housing div span { color: #ccc; }
				.housing div span:first-child { min-width: 28px; display: inline-block; *display: inline; }
				.housing div input { width: 44px; }
			.productFinderWidget .formRow { margin: 0 0 7px; }
			.productFinderWidget .formRow:last-child { margin: 0; }
			.productFinderWidget .addLink { color: #ee7c21 !important; cursor: pointer; position: absolute; right: 0; top: 0; padding-left: 21px; }
			.productFinderWidget .interactiveSlider.disabled .ui-widget-content { background-position: 0 -71px; }
			.productFinderWidget .interactiveSlider .ui-widget-content { background-position: 0 -107px; }
			.productFinderWidget .ui-slider-horizontal { width: 196px; margin-left: 10px; }
			.operatingFluid select { min-width: 0; }
			.productFinderWidget .button { position: absolute; right: 13px; bottom: 7px; }
			.view-profile { margin-bottom: 8px; padding-bottom: 7px; border-bottom: 1px solid #5F5F5F; }
			#sidebar .view-profile { margin: 0 15px 8px;}
				.form-disabled .view-profile a { color: #ccc; cursor: default; }
				.form-disabled .view-profile a:hover { text-decoration: none; }
			.form-disabled .disable-or-not, .form-disabled .selectHolder { background: #cccccc; -webkit-box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, .4); box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, .4); border: 0; height: 21px; padding: 0 3px; }
			.form-disabled .selectHolder { border: 0 !important; height: 20px; padding: 1px 6px 0; }
			.type-of-seal-search { position: relative; }
			.type-of-seal-search label.error { left: 0; }
			#sidebar .type-of-seal-search label.error { bottom: -26px; }
		
/* Custom Selects */
.selectHolder { background: url(Images/bg-input.png) no-repeat; border: 1px solid #AEAEAE; height: 19px; border-radius: 2px; position: relative; padding: 0 5px; display: block; }
.typeOfFluid-holder .selectHolder { margin-bottom: 10px; }
#getAQuoteFormm .selectHolder { float: right; }
	.no-js #getAQuoteFormm .selectt { float: right; }
	.selectHolder.error { background-position: 0 -21px; }
	.selectHolder select { position: absolute; top: 0; left: 0; }
	.selectHolder label { background: url(Images/icons.png) no-repeat right -553px; color: #717171; margin-top: 1px; display: block; height: 18px; padding: 0; }
	.form-disabled .selectHolder label { background-position: right -2434px; }
	.productFinderWidget .selectHolder label.error { background: none; left: 0; height: auto; }
		.selectHolder label span { display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; width: 94%; }



/* OVERLAYS --------------------------------------------------------------------------------- */

.overlay { position: fixed; top: 0;left: 0;width: 100%;height: 100%; display: none; }
	.overlay.active { display: block; background-color: rgba(255, 255, 255, 0.5); }

#overlayBox { background: #fff; height:100%; left:0; position:fixed; top:0; width:100%; z-index:2; display: none; }
	#loader { background: url(Images/ajax-loader.gif) no-repeat; width: 128px; height: 15px; display: none; text-indent: -9999px; z-index: 3; left:50%; position:fixed; top:50%; margin: -8px 0 0 -64px; }
#overlayBoxWrapper { left: 50%; margin-left: -205px; position: fixed; top: 50%; z-index: 10000; display: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
	#overlayBoxInner { margin: 5px; }
	.no-js #overlayBoxInner { margin: 0 0 40px; }
	.closeProject { background: url(Images/icons.png) no-repeat 0 -918px; display: block; padding:2px 0 1px 0; height: 17px; text-indent: -9999px; width: 17px; position: absolute; top: 17px; right: 20px; border: 0; cursor: pointer; }
		.products-category .hoverBox .formatted-text, .product-search .hoverBox .formatted-text { overflow: hidden; margin-bottom: 13px !important; max-height: 82px; *position: relative; }
			.products-category .hoverBox .formatted-text p, .product-search .hoverBox .formatted-text p { margin-bottom: 0; }
		.hoverBox .radioGroup > span { margin-left: 15px; }
		.hoverBox .radioGroup > span:first-child { margin-left: 0; }
			.hoverBox .radioGroup > span > label { width: auto; margin-right: 15px; }
		.hoverBox h3 { margin-bottom: 10px; }
		.hoverBox .error-box h3 { margin-bottom: 0; width: 100%; }
		.projectQuoteHolder h3 { width: 95%; }
		.hoverBox p { position: relative; margin-bottom: 20px; }
		.addAItemForm p.dark { margin-bottom: 10px; }
		.addAItemForm select { margin-bottom: 5px; }
		.addAItemForm .selectHolder { margin-bottom: 5px; float: right; }
			.hoverBox p label { width: 90px; }
			.hoverBox p label.error { bottom: -17px; left: 100px; }
			.PopupPage .hoverBox p label.error { left: 130px; }
			.PopupPage .hoverBox p .selectHolder label.error { left: 0px; background: none; width: auto; top: 40px; }
		.hoverBox p:last-child { margin-bottom: 0; }
		.hoverBox select { width: 250px; }
		.no-js .hoverBox select { width: 280px; }
		.hoverBox textarea { width: 244px; height: 118px; padding: 0 2px; }
		.hoverBox input[type="text"] { width: 244px; }
		.hoverBox a.folder { margin-left: 130px; *display: block; *background: none; *margin-left: 110px; }
		.no-js .hoverBox a.folder { margin-left: 100px; }
		.hoverBox .buttonHolder { width: 250px; }
		.hoverBox .partNo { margin-left: 20px; }
		.hoverBox .button { margin: 0; width: auto; }
		.close-link { margin: 5px 0 0 20px; cursor: pointer; }
		.close-link:hover { text-decoration: underline; }
		.cancelBtn { margin: 5px 10px 0 0; }
		.no-js .cancelBtn { display: none; }
		.successMessage { display: none; }
			.successMessage	span { width: 125px; color: #333; display: inline-block; *display: inline; }
	.hoverBox .featProduct { margin: 15px 0 0 0; }
	.register-sucess { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dcdcdc; }
	.loaderr { background: url(Images/loader.gif) no-repeat; width: 16px; height: 12px; display: block; margin: 17px 0 17px 150pix; }
	.command-panel .loaderr, .calculatorWidget .loaderr { position: absolute; margin: -6px 0 0 -8px; top: 50%; left: 50%; z-index: 3; }
	
	.registerBox { width: 595px; margin: -135px 0 0 -320px; font-size: 11px; position: relative; }
		.registerBox .register { width: 275px; border-left: 1px solid #e0e0e0; padding-left: 20px; }
		.registerBox .login { width: 235px; }
			.registerBox p { font-size: 11px; }
				.registerBox .login p.dark { padding-top: 0; }
			.registerBox h3 { font-size: 18px; font-weight: bold; margin-bottom: 25px; }
			.registerBox h4 { font-size: 15px; margin-bottom: 12px; }
			.registerBox ul { margin-bottom: 16px; }
				.registerBox li { list-style: disc outside none; margin: 0 0 8px 14px; }
			.registerBox p input[type=text], .registerBox p input[type=password] { width: 142px; }
			.loginButton { position: absolute; bottom: 20px; }
				.loginButton .orange { font-size: 13px; line-height: 18px; padding-left: 12px; }
			.registerBox .checkbox input { margin: 0 8px 0 0; }
			
	#profile-holder, #profile-ind-holder { position: absolute; top: 255px; left: 50%; width: auto; min-width: 300px; padding: 20px; display: none; z-index: 2; cursor: move; }
		#profile-holder h3, #profile-ind-holder h3 { width: 90%; margin-bottom: 20px; }
		#profile-holder .loaderr, #profile-ind-holder .loaderr { margin-left: 146px; margin-bottom: 10px; }
	.product-search #profile-holder { top: 485px; }
	#profile-ind-holder { top: 620px; margin-left: -170px; }



/* HOME BANNER --------------------------------------------------------------------------------- */    

#Hallite16 #homeBanner { margin-bottom: 20px; }
	#Hallite16 #tab1, #Hallite16 #tab2, #Hallite16 #tab3 { margin-bottom: 0; }
	.hideme { display:none; }
	


/* OPERATING CONDITIONS TOGGLE --------------------------------------------------------------------------------- */

.onOrOff { margin-bottom: 0; zoom: 1; cursor: pointer;}
.active > .onOrOff { margin-bottom: 8px; }
	.onOrOff span:first-child { background: url(Images/slider-buttons.png) no-repeat; width: 14px; height: 16px; margin: 0 5px 0 0; }
	.onOrOff span:first-child  { background-position: 0 -226px; }
	.form-disabled .onOrOff span:first-child  { background-position: 0 -324px; }
	.active > .onOrOff span:first-child  { background-position: 0 -193px; }
	.form-disabled .active > .onOrOff span:first-child { background-position: 0 -348px; }
	.no-js .onOrOff span:first-child  { background: none; display: none; }
.onOrOffHolder { display: none; }
.no-js .onOrOffHolder { display: block; }
.productFinderWidget .onOrOffHolder { display: none; }
.active > .onOrOffHolder { display: block; }
	.onOrOffHolder > div { width: 110px; }
	#sidebar .onOrOffHolder > div { width: 192px; }
	.onOrOffHolder > div:first-child { width: 80px !important; margin-right: 10px; }
		.onOrOffHolder div > label { display: inline-block; width: 28px; margin-right: 0; padding: 0; color: #ccc; }
		#sidebar .onOrOffHolder div > label { margin-left: 10px; }
		#sidebar .onOrOffHolder div > label:first-child { margin-left: 0; }
		.onOrOffHolder select { min-width: 58px; width: 58px; }
		.onOrOffHolder input { width: 60px; }
		#sidebar .onOrOffHolder input { width: 54px; }
		.onOrOffHolder input.mB { margin-bottom: 10px; }



/* GENERIC PAGE --------------------------------------------------------------------------------- */

.generic-page h2, .generic-page h3, .generic-page h4 { margin-bottom: 13px; }
.white-area { padding: 15px; background: #fafafa; border: 1px solid #e5e5e5; }
.normal-list { list-style: disc inside none; margin-bottom: 14px; }
	.img-white-area > div { border: 1px solid #dcdcdc; }
		.img-white-area img { display: block; }
.big-margin { margin-bottom: 32px; }
.number-list { list-style: decimal outside; margin-left: 15px; }
	.number-list li { margin: 0 0 14px;}
		.number-list li p { margin: 0 0 0 7px; }
		.number-list li > strong { margin: 0 0 14px 7px; }
			.number-list li ul { list-style: lower-roman outside; margin-left: 15px; }
				.number-list li ul li:last-child { margin-bottom: 0; }
.generic-table { background: #fafafa; border-top: 1px solid #e5e5e5; width: 100%; }
.col2-table { margin-bottom: 28px; }
	.generic-table thead tr { background: #faf0e8; border: 1px solid #e5e5e5; border-bottom: 0; }
		.generic-table thead th { text-align: left; padding: 10px 15px; color: #333; *background: #faf0e8; *border: 1px solid #e5e5e5; *border-bottom: 0; }
		.generic-table td { border: 1px solid #e5e5e5; padding: 10px 15px; vertical-align: top; }
			.col2-table thead th:first-child, .col2-table td:first-child { width: 140px; }
			.col6-table thead th:first-child, .col6-table td:first-child { width: 210px; }
 


/* OTHER PAGES --------------------------------------------------------------------------------- */

 /* Markets Inner */
 .main-generic-img { border: 1px solid #dcdcdc; margin-bottom: 26px; }
	.main-generic-img img { display: block; }

/* Fenner Group */
.fenner-group-page h2 { width: 450px; margin-bottom: 20px; }
	.fenner-group-page .col450 img { margin-bottom: 20px; }
	.fenner-group-page .col450 h3 { margin: 40px 0 20px; }
	.bullet-list li { margin-bottom: 3px; list-style: none; list-style-position:outside; }
		.bullet-list li em { background-position: 0 -2008px; width: 7px; height: 14px; }
		.bullet-list li span { width: 175px; margin-left: 6px; }    
	.fenner-group-page .white-area { padding: 10px; }
		.white-area h3 { margin-bottom: 10px; }
		.white-area p:last-child { margin-bottom: 0; }
		
/* Commitment to Quality */
.hero-holder { position: relative; margin-bottom: 15px; }
	.hero-holder > div { position: absolute; left: 20px; top: 20px; color: #fff; }
	.hero-holder h1 { color: #fff; font-size: 30px; line-height: 26px; padding: 0; }
	.hero-holder p { width: 270px; } 
	.hero-holder img { display: block; }
   .commitment-to-quality-page h4 { font-weight: bold; }

/* Protecting the Environment */
.protecting-the-environment-page h4 { font-weight: bold; }
.protecting-the-environment-page .white-area { padding-right: 55px; }
	.protecting-the-environment-page .white-area img { margin: 10px 0 20px 70px; }
	
/* Mission Statement */
.mission-statement-page p.big-margin { margin-bottom: 22px; }

/* Designer Information */
.designer-info-page .downloadCentreList h2 { margin-bottom: 0; }

/* Terms and Conditions */
.terms-conditions-page .toggleList li, .privacy-policy-page .toggleList li, .topFaqsList li { list-style: none !important; }
.terms-conditions-page h2 { font-size: 18px; }
.labelText { float: left; width: 130px; }
.labelDesc { float: left; width: 480px; }

/* Privacy Policy */
.privacy-policy-page { padding-bottom: 20px; }
	.privacy-policy-page .toggleList { margin: 35px 0; }
	.contact-address { margin-bottom: 15px; }
		.contact-address li { list-style: none; }
	
/* Need a Custom Seal */
.need-a-custom-seal > p:first-child { margin-bottom: 17px; }
	.need-a-custom-seal a { position: relative; color: #666; text-decoration: underline; }
		.need-a-custom-seal a > span { position: absolute; top: 16px; left: 20px; width: 310px; }
			.need-a-custom-seal .text-lg { margin: 0 0 12px; font-size: 30px; line-height: 26px; color: #333; }
			.need-a-custom-seal .text-sm { display: inline-block; background-position: right -220px; margin-bottom: 5px; }
			.need-a-custom-seal strong.text-sm  { padding: 0 23px 2px 0; }
				.need-a-custom-seal strong.text-sm:hover { text-decoration: underline; background-position: right -1124px; }

/* 404 Page */
#fourzerofour { width:685px !important; }
#fourzerofour .looking-for { margin-bottom:20px; }
ul#fourzerofourList { margin:0 0 20px 17px; }
ul#fourzerofourList li { list-style-type:disc; }

/* Materials */
.materials-page .white-area, .working-in-partnership-page .white-area, .world-class-manufacturing-page .white-area { padding: 10px; }

/* Health & Safety */
.health-safety-policy-page .white-area { margin-bottom: 17px; }

/* Risk Management */
.risk-management-page h2 { margin-bottom: 20px; }

/* Custom Seals */
.js .custom-seals-form > div > div .custom-seals-slider-nav { display: none; }
.no-js #custom-seals-slider-nav { display: none; }
.custom-seals-slider-mask, .custom-seals-form { position: relative; width: 612px; overflow: hidden; }
	.custom-seals-slider, .custom-seals-form > div { width: 9999px; position: relative; overflow: hidden; }
	.custom-seals-form > div.thank-you-page { width: auto; }
	.custom-seals-form .loaderr { position: relative; top: 0; left: 50%; margin-left: -8px; }
		.custom-seals-slider > div, .custom-seals-form > div > div { float: left; width: 612px; }
		.custom-seals-intro-slide p:last-child { margin-top: 20px; }
			.custom-seals-slider-nav { background: #fafafa; border: 1px solid #dcdcdc; margin-bottom: 20px; *zoom: 1; }
				.custom-seals-slider-nav li { float: left; }
					.custom-seals-slider-nav li a, .custom-seals-slider-nav li > span { padding: 11px 12px 13px 5px; display: block; position: relative; color: #666; }
					.custom-seals-slider-nav li a:hover { text-decoration: none; }
						.custom-seals-slider-nav li em { width: 12px; height: 40px; display: block; background-position: 0 -2079px; position: absolute; right: 0px; top: 0; *top: -1px; }
					.custom-seals-slider-nav li.active a, .custom-seals-slider-nav li.active span { background: url(Images/custom-seals-nav-bg.png) repeat-x; }
					.custom-seals-slider-nav .completed a, .custom-seals-slider-nav .completed span { background: url(Images/completed-bg.png) repeat-x; }
					.custom-seals-slider-nav li:first-child a { border-radius: 4px 0 0 4px; }
						.custom-seals-slider-nav .active em { background-position: 0 -2029px; }
						.custom-seals-slider-nav .completed em { background-position: 0 -2179px; }
						.custom-seals-slider-nav .next-to-active em { background-position: 0 -2129px; }
					.custom-seals-slider-nav li.last-slide a, .custom-seals-slider-nav li.last-slide span { padding-right: 13px; border-radius: 0 4px 4px 0; }
						.custom-seals-slider-nav li.last-slide em { display: none; }
			.custom-seals-slider .white-area { position: relative; }
				.custom-seals-slider .white-area h2 { margin-bottom: 14px; }
				.custom-seals-slider .white-area > div { margin-bottom: 20px; *zoom: 1; }
				.required-fields { color: #d90000; position: absolute; top: 3px; right: 0; }
				.custom-seals-slider .required-fields { top: 20px; right: 20px; }
				.PopupPage .required-fields, .hoverBox .required-fields { position: relative; display: block; top: 0; text-align: right; margin-bottom: 7px; }
					.custom-seals-slider .white-area > div > label { width: 150px; margin-right: 15px; text-align: right; line-height: 22px; float: left; }
					.custom-seals-slider label.error { display: none; left: 165px; }
						.custom-seals-slider .white-area .measurements { margin: 3px 0 0; padding: 0; border: 0; }
							.custom-seals-slider .white-area .measurements label { color: #666; }
						.custom-seals-slider .white-area .formSplit > div { width: auto; margin-right: 20px; color: #666; }
						.custom-seals-slider .white-area div label em { color: #d90000; }
					.custom-seals-slider .white-area > div > input  { width: 270px; }
					.custom-seals-slider .white-area > div > select { width: 270px; }
					.custom-seals-slider .white-area > div .selectHolder { float: left; }
					.custom-seals-slider .white-area > div > textarea { width: 270px; height: 95px; }
					.custom-seals-slider .white-area .btns { margin-left: 125px; }
					.custom-seals-slider .custom-slide-1 .white-area .btns { margin-left: 165px; }
						.custom-seals-slider .white-area .btns a.orange { margin: 4px 15px 0 0; }
					.custom-seals-slider .white-area div:last-child { margin-bottom: 0; }
					.custom-seals-slider .white-area .onOrOffHolder { display: block; }
						.custom-seals-slider .white-area .onOrOffHolder > div { width: auto; }
						.custom-seals-slider .white-area .onOrOffHolder div > label { color: #666; margin-left: 10px; }
						.custom-seals-slider .white-area .onOrOffHolder div > label:first-child { margin-left: 0; }
				.custom-seals-slider .view-profile { padding-bottom: 0; border-bottom: 0; margin-bottom: 20px; }
					.custom-seals-slider .view-profile a { margin-left: 166px; }

/* Case study */
.case-study-page .white-area { padding: 10px; }
	.case-study-page .white-area img { margin-bottom: 16px; }
		.case-study-page .white-area h3 { margin-bottom: 5px; }

/* Fluid compatibility */
.fluid-compatibility-page .contentTabs li a { padding: 11px 17px; width: auto; }
.fluid-compatibility-page .contentTabs li:first-child a { padding: 11px 15px; }
.fluid-compatibility-page #tabmask { width: 685px; overflow: hidden; }
	.fluid-compatibility-page #tabWideHolder > div { width: 685px; }
		.fluid-compatibility-page #tabWideHolder > div > div { border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; background: #fafafa; height: 20px; }
			.fluid-compatibility-page table { border: 1px solid #dcdcdc; border-top: 0; width: 100%; }
			.fluid-compatibility-page table.fixed-table { position: fixed; top: 0px; display: none; width: 685px; }
				.fluid-compatibility-page table.mineral-oil-based th:first-child { padding-right: 20px; }
				.fluid-compatibility-page table.mineral-oil-based th:nth-child(3) { padding-right: 4px; }
				.fluid-compatibility-page table.greases th:nth-child(2) { padding-left: 9px; }
				.fluid-compatibility-page table.greases th:nth-child(3) { padding-left: 3px; }
				 .fluid-compatibility-page table.fuels th:first-child { width: 133px; }
				.fluid-compatibility-page table.fuels th:nth-child(3) { padding-right: 4px; }
				.fluid-compatibility-page table.fire-resistant th:first-child { padding-right: 28px; }
				.fluid-compatibility-page table.fire-resistant th:nth-child(3) { padding-right: 5px; }
				.fluid-compatibility-page table.enviromentally-acceptable th:first-child { padding-right: 23px; }
				.fluid-compatibility-page table.other th:first-child { padding-right: 12px; }
				.fluid-compatibility-page th, .fluid-compatibility-page td { background: #fafafa; text-align: left; vertical-align: top; padding: 10px 5px; width: 120px; }
				.fluid-compatibility-page thead th { background: #f8ebe0; }
				.fluid-compatibility-page td { border: 1px solid #dcdcdc; }
				.fluid-compatibility-page th:first-child, .fluid-compatibility-page th:nth-child(2) , .fluid-compatibility-page th:nth-child(3) { background: #f0f0f0; border-top: 0 !important; }
				.fluid-compatibility-page th:nth-child(2), .fluid-compatibility-page th:nth-child(4) { border-left: 1px solid #9a9a9a !important; }
				.fluid-compatibility-page td:nth-child(3), .fluid-compatibility-page td:first-child { border-right: 1px solid #9a9a9a !important; }
				.fluid-compatibility-page thead .border-top-row th { border-top: 1px solid #9a9a9a; text-align: center; }        



/* YOUR SEARCH RESULTS BOX --------------------------------------------------------------------------------- */

.your-search-results, .your-browse-results { margin-bottom: 20px; padding: 15px 15px 75px;position: relative; }
	.your-search-results h2, .your-browse-results h2 { margin-bottom: 12px; }
	.your-search-results > div, .your-browse-results > div { position: absolute; left: 15px; bottom: 0; }

.your-search-results { min-height: 230px; }



/* POP UPS --------------------------------------------------------------------------------- */

.js .PopupPage #header, .js .PopupPage #footer, .js .PopupPage #subBar, .js .PopupPage #breadcrumb, .PopupPage .loginPage > p, .RegisterPage.PopupPage .indent { display: none; }
	.hoverBox { z-index: 100; background: #fff; width: 350px; position: relative; padding: 20px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; border-collapse: separate; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.6);  box-shadow: 0 0 8px rgba(0,0,0,0.6); }
	.no-js .hoverBox { padding: 20px 234px 20px 84px; width: 380px; margin-bottom: 40px; -webkit-box-shadow: 0px 0px 0px 0px; -moz-box-shadow: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 0px;  }
		.no-js .hoverBox input[type="text"], .no-js .hoverBox textarea { width: 274px; }
		.no-js .hoverBox .buttonHolder { width: 280px; }
		.no-js .hoverBox h3 { display: none; }
		.js .PopupPage h1 { display: none; }
		.PopupPage .loginPage { margin: 0; }
		
		/* Login Form Pop Up */
		.loginPage > h2 { display: none; }
		.PopupPage .loginPage > h2 { display: block; }
			.PopupPage .registerForm, .PopupPage .loginPage { z-index: 100; background: #fff; width: 350px; position: relative; padding: 20px; margin: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.6); box-shadow: 0 0 8px rgba(0,0,0,0.6); }
			 .PopupPage .loginPage { width: auto; }
				.PopupPage .loginPage > div { width: 255px; border: 0; padding: 0; margin: 0; }
				.PopupPage .loginPage > div.login-form { padding-right: 20px; margin-right: 20px; border-right: 1px solid #e0e0e0; }
				.PopupPage .login-form .genericForm .formRow input[type="text"], .PopupPage .login-form .genericForm .formRow input[type="password"] { width: 148px; float: left!important; }
				.LoginPage.PopupPage .genericForm .formRow label { width: 100px; }
				.LoginPage.PopupPage .genericForm .formRow label.error { width: auto; left: 101px; }
				.reset-password.PopupPage .genericForm .formRow label.error { left: 110px; }
				.PopupPage .login-form a { margin-left: 0; }

		 /* Register Pop Up */
		.PopupPage .registerForm { padding-bottom: 5px; }
			.registerForm .error-box p { margin-bottom: 0; }
			.RegisterPage.PopupPage .registerForm .error-box { display: block; }
			.PopupPage .registerForm .col420 { width: 345px; }
				.PopupPage .registerForm .newForm label { width: 110px; text-align: left; }
				.PopupPage .registerForm .newForm label.error { left: 130px; width: 210px; margin-right: 0; }
				.PopupPage .registerForm .newForm select { width: 210px; }
				.PopupPage .registerForm .newForm .checkBoxTick { margin-left: 0; }
				.PopupPage .registerForm .newForm .col450 { width: auto; }
					.PopupPage .registerForm .newForm .checkBoxTick label { width: 320px; }
				.PopupPage .registerForm .errorFeedback { right: 140px; }
				.registerForm > h3 { display: none; }
				.PopupPage .registerForm > h3 { display: block; margin-bottom: 10px; }
					.PopupPage .registerForm .errorFeedback { bottom: 4px; display: none; }
				 .PopupPage .registerForm .back-btn, .reset-password.PopupPage .back-btn { display: block; }
				 .PopupPage .reset-password h3 { display: block; margin-bottom: 20px; }
				 .PopupPage .reset-password > p { display: block; margin-bottom: 15px; }
				 .PopupPage .reset-password .col410 { width: 350px; }
					.PopupPage .reset-password .genericForm .formRow input[type="text"] { width: 234px; }
	   .its-added-popUP .success-message h3 { margin-bottom: 0; }
	   
		/* Ask a Question Pop Up */
		.PopupPage .contactPage #mainContent { width: 390px; padding: 5px; float: none; }
		.PopupPage .contactPage #mainContent > p,
		.PopupPage .contactPage #mainContent .formatted-text p { display: none; }
		.PopupPage .contactPage #contactForm { margin: 0; background: #fff; padding-bottom: 5px; border: 0; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.6); box-shadow: 0 0 8px rgba(0,0,0,0.6); }
			.PopupPage #contactForm > h3 { display: block; margin-bottom: 10px; }
				.PopupPage .newForm input[type="text"], .PopupPage .newForm input[type="password"], .PopupPage .newForm textarea, .PopupPage .hoverBox input[type="text"], .PopupPage .hoverBox textarea { width: 214px; }
				.PopupPage #contactForm .newForm div > label, .PopupPage .hoverBox p label { width: 110px; }
				.PopupPage #contactForm .newForm div > label.contactLabel { width: auto; }
				.PopupPage .newForm select, .PopupPage .hoverBox select { width: 210px; min-width: 210px; }
				.PopupPage #contactForm .newForm .radioGroup > span { width: 110px; min-width: 110px; }
				.PopupPage #contactForm .newForm textarea { min-height: 60px; }
				.PopupPage #contactForm .col525 { width: 360px; }
				.PopupPage #contactForm .newForm .button { margin-right: 10px; }
				.PopupPage #contactForm .newForm .the-field label.error { left: 130px; top: 20px; }
				.PopupPage #contactForm .newForm label.error { left: 130px; }
				.PopupPage #contactForm .newForm div.first-div label.error { top: 43px; }

/* Inside Hoverbox */
#inside-img-holder { position: fixed; left: 50%; top: 50%; margin: -170px 0 0 -170px; width: auto; min-width: 300px; min-height: 300px; padding: 30px; }
	#inside-img-holder .loaderr { position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -8px; }
	


/* TABLES --------------------------------------------------------------------------------- */

/* Standard Table */
.standard-table { background: #fff; border: 1px solid #dcdcdc; width: 100%; }
	.standard-table th { background: #F0F0F0; width: 25%; }
	.standard-table th, .standard-table td { text-align: left; vertical-align: top; padding: 10px; border: 1px solid #dcdcdc; }
	.standard-table .no-row td:first-child, .standard-table .no-row td:nth-child(2), .standard-table .no-row td:nth-child(4), .no-row td:nth-child(6), .no-row td:nth-child(8) { border: 0; }
	.standard-table .no-row td:nth-child(3), .no-row td:nth-child(5), .no-row td:nth-child(7) { border-right: 0; border-top: 0; border-bottom: 0; }
	.standard-table .third-row td:nth-child(4) { border-left: 1px solid #dcdcdc; }
	.standard-table .no-row td { padding: 5px 10px; }
	.standard-table .first-row td { padding: 10px 10px 5px; }
	.standard-table .third-row td { padding: 5px 10px 10px; }

/* Free Table */
.free-table th { width: auto; }
	
/* Housing Diagrams */
.housing-dim-mask { overflow: hidden; width: 1024px; }
	.housing-dim-holder { width: 965px; }
	.housing-dim-holder > div { width: 300px; display: inline-block; margin: 0 17px 30px 0; *display: inline; }
		.housing-dim-holder > div > span { margin-bottom: 10px; font-size: 15px; }
		.housing-dim-holder > div > div { padding: 20px; }
			.housing-dim-holder > div > div img { width: 258px; }



/* ANIMATIONS --------------------------------------------------------------------------------- */

#slider { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
	#slider:not(.dragging) { -webkit-transition: -webkit-transform 600ms cubic-bezier(0,0,0.2,1); -moz-transition: -moz-transform 600ms cubic-bezier(0,0,0.2,1); -ms-transition: -ms-transform 600ms cubic-bezier(0,0,0.2,1); -o-transition: -o-transform 600ms cubic-bezier(0,0,0.2,1); transition: transform 600ms cubic-bezier(0,0,0.2,1); }

@keyframes fadeInUp {
	0% { opacity: 0; -webkit-transform: translateY(20px); }	
	100% { opacity: 1; -webkit-transform: translateY(0); }
}

@keyframes fadeOutDown {
	0% { opacity: 1; -webkit-transform: translateY(0); }	
	100% { opacity: 0; -webkit-transform: translateY(20px); }
}

@-webkit-keyframes fadeInUp {
	0% { opacity: 0; -webkit-transform: translateY(20px); }	
	100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-webkit-keyframes fadeOutDown {
	0% { opacity: 1; -webkit-transform: translateY(0); }	
	100% { opacity: 0; -webkit-transform: translateY(20px); }
}

@-moz-keyframes fadeInUp {
	0% { opacity: 0; -moz-transform: translateY(20px); }
	100% { opacity: 1; -moz-transform: translateY(0); }
}

@-moz-keyframes fadeOutDown {
	0% { opacity: 1; -moz-transform: translateY(0); }	
	100% { opacity: 0; -moz-transform: translateY(20px); }
}



/* SHARED STYLES --------------------------------------------------------------------------------- */

.left { float: left!important; }
.right { float: right!important; }



/* WYSIWIG --------------------------------------------------------------------------------- */

.formatted-text strong { font-weight: bold; }
.formatted-text em, .formatted-text i { font-style: italic; }
.formatted-text ul { font-size: 12px; line-height: 16px; margin-bottom: 13px; list-style: disc inside; }
	.formatted-text ul li, 
	.formatted-text ol li { background: none!important; }
.formatted-text ol { font-size: 12px; line-height: 16px; margin-bottom: 13px; list-style: decimal inside none; }
.formatted-text h1, .formatted-text h2, .formatted-text h3, .formatted-text h4 { margin-bottom: 13px; }



/* FONT (replaceing Cufon) --------------------------------------------------------------------------------- */

@import url("../../../fast.fonts.com/t/17b27.css?apiType=css&amp;projectid=8a0ddc25-57bf-4de4-938b-7f60bf292a16");
@font-face{
	font-family:"DIN Next W02 Medium";
	src:url("Fonts/2cf657c7-a3a0-4365-8704-c88d1e7e7e59.eot?#iefix");
	src:url("Fonts/2cf657c7-a3a0-4365-8704-c88d1e7e7e59.eot?#iefix") format("eot"),url("Fonts/97b0cc11-9afb-4a2f-93b7-e1b5c40d80a6.woff") format("woff"),url("Fonts/2cfb9022-3dc0-4b24-8e91-2df7bd55dd37.ttf") format("truetype"),url("Fonts/7c8e4086-96df-4b91-905e-3b25c81d55a9.svg#7c8e4086-96df-4b91-905e-3b25c81d55a9") format("svg");
}

.cufon-dinMedium, h1, h2:not(.doNotCufon) { font-family: 'DIN Next W02 Medium'; font-weight: normal!important; }



/* RETINA SPRITES --------------------------------------------------------------------------------- */

@media (-webkit-min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
{
	.countrySelector a { background-size: 26px 495px; background-image: url(Images/bg-country-selector-2x.png); }
	#footer .memberOf a.fenner { background-size: 49px 17px; background-image: url(Images/fenner-2x.jpg); }
	.sp, #subNav li.countrySelector > a span, #mainNav > li > ul > li.products-search a, #mainNav .searchbox #siteSearchButton, .sideNav li li a, .telephone, #subBar li span, .myOrders .Collapse a.row em, .trColour td a, .deleteProject, .myProjects .myOrdersTable td li, .delete, .featProduct li, .productLandings li .featProduct li, .links a, a.pdf, a.folder, a.questionMark, a.download, .filterList li a, .sliderfield span.bar, .sliderfield span.bar1, .partLink, .colourRow a, .Collapse .row span.arrow, .yellowBox li span, .fluidCompatibility table span, .backLink, #slider li .contentBox a, #slider li .contentBox span, #h-controls li a, .finderLinks li a span, .globalDot, .dotCaption > em, .js .dotCaption > .close, .addLink, .facade-radio, .facade-radio-checked, .help, .searchForm h2, .js label.fancyCheckbox, .js .remberMeHolder,  facade-checkbox-checked, a.downLink, span.downLink, .upLink, .orangeArrow, a.prev, a.next, span.prev, span.next, .selectHolder label, .closeProject {
		background-size: 33px 2650px; background-image: url(Images/icons-2x.png);		
	}
}

.greyTheme #rightContent {
	width: 200px;
	float: right;
	margin-bottom: 20px;
}

.leftContentBox {
	background: url(Images/bg-sideBar.png) repeat-x top #494949; 
	border: 0; -moz-border-radius: 5px 5px 8px 8px; 
	-webkit-border-radius: 5px 5px 8px 8px; 
	border-radius: 5px 5px 8px 8px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.leftContentBox .headleft {
	 border-bottom: 1px solid #626262;
	 color: #FFFFFF;
	margin: 0;
	padding: 10px 15px;
	font-weight: bold;
	font-size: 15px;
}

.rightContentBox {
	background: url(Images/bg-sideBar.png) repeat-x top #494949; 
	border: 0; -moz-border-radius: 5px 5px 8px 8px; 
	-webkit-border-radius: 5px 5px 8px 8px; 
	border-radius: 5px 5px 8px 8px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.rightContentBox .headright {
	 border-bottom: 1px solid #626262;
	 color: #FFFFFF;
	margin: 0;
	padding: 10px 15px;
	font-weight: bold;
	font-size: 15px;
}

.headright {
	 border-bottom: 1px solid #626262;
	 color: #FFFFFF;
	margin: 0;
	padding: 10px 15px;
	font-weight: bold;
	font-size: 15px;
}

.onname {
	text-align: center;
	font-weight: bold;
	color: #EE7C21;
}

.rightContentBox .midright .onname {
	text-align: center;
	font-weight: bold;
	color: #EE7C21;
}

.rightContentBox .midright .online {
	text-align: center;
}

.leftContentBox .midright .online {
text-align: center;
}

.rightContentBox .midright table {
	color: #EE7C21;
}

.headerimg .imgn
{
	padding: 0px 0px 0px 10px;
    
}

.headerimg .imgl
{
	padding: 0px 0px 0px 10px;
   
}
#slideshowproduct {
	position:relative;
	width: 1000px; border: 1px solid #D5D5D5; 
	/*padding: 1px 1px 1px 1px; */
	margin-bottom: 10px; 
	overflow: hidden; 
	background: #FFFFFF;
	height:182px;
}


.tableslide td {
	padding-left: 10px;
}

div .marquee0 {
	background: lightgray;
	margin-top: -10px;
}

.marquee0 img {
	width: 220px;
	height: 165px;
	border-radius: 15px;
    border: 1px solid #D3D3D3 !important;
}

.marquee0imgadmin {
	 width: 220px;
	height: 165px;
}

.product-block
{
float:left;
padding: 5px 10px 10px 5px;
	width: 185px;
	height: 235px;
}

.project-block
{
float:left;
padding: 5px 10px 10px 5px;
	width: 185px;
	height: 200px;
}

.imageProject {
	width: 200px;
	height: 150px;
	border: 1px solid #D3D3D3 !important;
	border-radius: 10px;
}

.imageCategory {
	width: 185px;
	height: 185px;
	border: 1px solid #D3D3D3 !important;
	border-radius: 10px;
}

.imageProductShortDetail {
	width: 185px;
	height: 185px;
	border: 1px solid #D3D3D3 !important;
	border-radius: 10px;
}

.imageProduct {
	width: 185px;
	height: 185px;
	border: 1px solid #D3D3D3 !important;
	border-radius: 10px;
}

.categorybox {
	float: left; 
	width: 185px;
	padding: 5px 10px 10px 5px;
	
	height: 210px;
}

.headboxpro {
		background: none repeat scroll 0 0 #808080;
	border-radius: 5px !important;
	font-size: 14px;
	font-weight: bold;
	height: 26px;
	padding-top: 10px;
	text-transform: uppercase;
	vertical-align: middle;
	width: 97% !important;
	color: white;
    padding-left: 10px;
}

.headboxpro a {
	color: #FFFFFF !important;
}

.statsNo {
	color: yellow !important;
	font-weight: bold;
	padding-right: 5px;
	text-align: right;
	width: 20px;
}

.BoldText {
	color: #FFFFFF;
	font-weight: bold;
}

.newParent {
	clear: both;
}

.newParent table {
	color: white !important;
	font-size: 14px;
	font-weight: bold;
	background: grey;
	border-radius: 5px !important;
	height: 30px;
	vertical-align: middle;
	
	width: 98% !important;
}

.newParent table tr td{
vertical-align: middle;
}

.newParent table tr td a{
	color: white !important;
	font-size: 14px;	
}

.productAdditionalInfo {
    display: none;
}

.ProductTextName {
    font-weight: bold;
}

.ProjectTextName {
    font-weight: bold;
}

.product-info {
    padding-top: 5px;
}

.project-info {
    padding-top: 5px;
}

.categorytext {
    font-weight: bold;
}

.categoryname {
    padding-top: 5px;
}