html {
	height: 100%;
}
body {
	background-color: #003782;/* previously #ccc8b8;*/
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0px;
	min-width: 1000px;
	/* keep the same as div#pageContainer {width} */
	text-align: center;
	/* centres website on page */
}
font.orange {
	color: #ed8c01;
}
font.blue {
	color: #003782;
}
/* ************************************************************************** */
div#pageContainer {
	background-color: #ffffff;
	border-right: 1px solid #003782;/* previously #667982;*/
	border-left: 1px solid #003782;/* previously #667982;*/
	margin: auto;
	min-height: 100%;
	position: relative;
	text-align: left;
	width: 1000px;
}
* html div#pageContainer {
	height: 100%
}
/* ************************************************************************** */
div#header {
	background-image: url(images/etscc_banner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 150px;
	margin: 0px;
}
div#header:after {
	content: " ";
	display: block;
	clear: both;
}
div#header img {
	display: none;
}
/*div#header img {
	background-color: #ffffff;
	clear: left;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 8px;
}
* html div#header img {
	border-top: 4px solid #ffffff;
	border-right: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
	border-left: 8px solid #ffffff;
}*/
div#telephoneBar {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}
* html div#telephoneBar {
	height: 1px;
}
ul#telephoneBarMenu {
	color: #ffffff;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 12px;
	padding-right: 5px;
	padding-left: 10px;
}
* html ul#telephoneBarMenu {
	padding: 2px 5px 3px 10px;
}
ul#telephoneBarMenu a {
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}
ul#telephoneBarMenu li {
	display: inline;
	font-size: 1em;
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 0px 2px;
}
ul#telephoneBarMenu li.spacer {
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
}
div#telephone {
	color: #ffffff;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
	padding-top: 12px;
	padding-right: 40px;
	padding-bottom: 9px;
	padding-left: 10px;
}
/* ************************************************************************** */
div#topMenuBar {
	margin: 0px 0px 0px 0px;
	background-color: #003782;
	border-bottom: 5px solid #667982;
}
div#topMenuBar:after {
	content: " ";
	display: block;
	clear: both;
}
div#topMenuBar div.spacer {
	float: right;
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 250px;
}
ul#topMenu, ul#topMenu2 {
	clear: right;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 3px 8px;
	font-size: .8em;
	font-weight: bold;
}
ul#topMenu li, ul#topMenu2 li {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 0px;
}
ul#topMenu a, ul#topMenu2 a {
	background-image: url(images/topMenuLinkBg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 14px 0px 0px;
	text-decoration: none;
}
/* ************************************************************************** */
div#bodyContainer {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2.5em 0px;
	/* keep the same as div#footer {height} */
}
*html div#bodyContainer {
	height: 1px;
}
div#bodyContainer:after {
	content: " ";
	display: block;
	clear: both;
}
/* ************************************************************************** */
div#leftColumn {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	width: 175px; /* change width of left column here */
}
div#sectionList {
	background: #d2d8db url(images/boxBg.gif) no-repeat right bottom;
	border-bottom: 4px solid #667982;
	padding: 0px 0px 10px 0px; margin: 0px;
}
/** html div#sectionList {
	height: 1px;
}*/
div#sectionList h1 {
	background-color: #667982;
	color: #ffffff;
	font-size: .75em;
	font-weigt: bold;
	margin: 0px; padding: 2px 0px 2px 8px;
}
ul#sections {
	color: #ffffff;
	margin: 0px; padding: 0px;
}
ul#sections li {
	background-repeat: no-repeat;
	background-position: left top;
	border-top: 1px solid #667982;
	height: 47px; /*width: 175px;*/
	margin: 0px; padding: 0px;
	list-style-type: none;
}
* html ul#sections li {
	margin: 0px 0px -2px 0px;
}
ul#sections li.odd {
	background-image: url(images/sectionListOddBg.gif);
}
ul#sections li.even {
	background-image: url(images/sectionListEvenBg.gif);
}
ul#sections li.oddHover {
	background-image: url(images/sectionListOddBgOver.gif);
	background-color: #c0c0c0;
	}
ul#sections li.evenHover {
	background-image: url(images/sectionListEvenBgOver.gif);
	background-color: #c0c0c0;
}

ul#sections div.sectionNo {
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding: 16px 0px 0px 0px; margin: 0px;
	text-align: center;
	position: absolute;
	width: 20px;
	z-index: 100;
}
ul#sections div.image {
	float: left;
	/*height: 46px;*/
	margin: 0px 0px 0px 174px;
	position: absolute;
	z-index: 100;
}
ul#sections li.even img, ul#sections li.odd img {
    display: none;
}
ul#sections li.evenHover img, ul#sections li.oddHover img {
	border: 1px solid #667982;
	/*height: 46px;*/
}
ul#sections div.link {
	margin: 0px 0px 0px 28px; padding: 0px;
	position: absolute;
	width: 145px;
	z-index: 100;
}
ul#sections div.link a {
	color: #000000;
	display: block;
	font-size: 0.7em;
	font-weight: normal;
	height: 47px;
	margin: 0px 0px 0px 0px; padding: 4px 4px 4px 0px;
	text-decoration: none;
	line-height: 1.1em;
}
/* ************************************************************************** */
div#rightBodyContainer, div#rightBodyContainerNoColumn {
	position: relative;
	margin: 0px 0px 0px 179px;
	/* keep margin-left the same as div#leftColumn {width} */
}
* html div#rightBodyContainer {
	height: 1px;
}
div#rightBodyContainerNoColumn {
	padding-right: 5px;
}
* html div#rightBodyContainerNoColumn {
	height: 1px;
}
/* ************************************************************************** */
div#rightColumn {
	float: right;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 210px;
	/* change width of right column here */
}
div.rightColumnBox {
	background-color: #d2d8db;
	background-image: url(images/boxBg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-bottom: 4px solid #667982;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 6px 0px;
}
div.rightColumnBox h1 {
	background-color: #667982;
	color: #ffffff;
	font-size: .8em;
	font-weigt: bold;
	margin: 0px 0px 0px 0px;
	padding: 2px 8px 2px 8px;
}
div.rightColumnBox h2 {
	color: #003782;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-weigt: bold;
	margin: 0px 0px 0px 0px;
	padding: 4px 8px 2px 8px;
}
div.rightColumnBox h2 a {
	color: #003782;
	text-decoration: none;
}
div.rightColumnBox div.image {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 5px 0px;
	text-align: center;
}
div.rightColumnBox div.image img {
	width: 170px;
}
div.rightColumnBox p {
	font-size: .7em;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 2px 8px;
}
div.rightColumnBox a {
	color: #003782;
	text-decoration: underline;
}
div.rightColumnBox a.textLink {
	color: #000000;
	text-decoration: none;
}
/* ************************************************************************** */
div#rightBodyContainer div#pagecontent {
	margin: 0px 175px 0px 0px;
	padding-top: 5px;
	padding-right: 5px;
	/* keep margin-right the same as div#rightColumn {width} */
}
* html div#rightBodyContainer div#pagecontent {
	height: 1px;
	padding-right: 3px;
}
div#rightBodyContainerNoColumn div#pagecontent {
	margin-right: 0px;
	padding-top: 5px;
}
* html div#rightBodyContainerNoColumn div#pagecontent {
	height: 1px;
}
div#pagecontent blockquote {
	font-size: .8em;
	margin: 0px 0px 0px 0px;
	padding: 0px 16px 10px 16px;
}
div#pagecontent h1 {
	background-color: #003782;
	background-image: url(images/pagecontentH1Bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
	padding: 8px 8px 10px 8px;
}
div#pagecontent h2 {
	color: #003782;
	font-size: 1em;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
}
div#pagecontent h3 {
	color: #003782;
	font-size: .9em;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
}
div#pagecontent p {
	font-size: .8em;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 10px 8px;
}
div#pagecontent div.item ul, div.productCategory ul {
	color: #003782;
	font-size: .8em;
	margin: 0px 0px 0px 24px;
	padding: 0px 10px 10px 0px;
}
div#pagecontent li {
	color: #000000;
}
div#pagecontent span.smallFont {
	font-size: .9em;
}
/* ************************************************************************** */
div#pagecontent div.item {
	overflow: auto;
	padding-bottom: 4px;
}
*html div#pagecontent div.item div.imageRight, div.imageLeft, div.itemspacer {
	height: 1px;
}
div#pagecontent div.item div.imageCentre {
	margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px;
	text-align: center;
}
div#pagecontent div.item div.imageRight img {
	float: right;
	margin: 0px 0px 5px 5px; padding: 0px 0px 5px 5px;
}
div#pagecontent div.item div.imageLeft img {
	float: left;
	margin: 0px 5px 5px 0px; padding: 0px 5px 5px 0px;
}
div.imageRight div.text {
	float: left;
	text-align: left;
	width: 60%;
}
div.imageRight img {
	padding: 5px;
	margin: 5px;
}
div#pagecontent div.itemLeft {
	float: left;
	width: 49%;
}
div#pagecontent div.itemRight {
	float: right;
	width: 49%;
}
div#pagecontent div.itemLC, div#pagecontent div.itemRC {
	float: left;
	width: 49%;
}
div#pagecontent div.itemLC ul, div#pagecontent div.itemRC ul {
	margin-top: 0px; margin-bottom: 0px; padding: 0px;
}
div#pagecontent div.itemLC li, div#pagecontent div.itemRC li {
	list-style-type: none;
}
div#pagecontent div.itemLC li a, div#pagecontent div.itemRC li a {
	display: block;
}
div.productIntro {
	overflow: auto;
}
html* div.productIntro {
	height: 1px;
	overflow: visible;
}
div.productIntro div.imageRight {
	float: right;
	margin-left: 5px;
}
div.productIntro div.extraInfo {
	float: right;
	font-size: .7em;
}
div.productIntro div.extraInfo img {
	margin: 0px 2px 5px 5px;
}
div.productIntro h3 {
	float: right;
	text-align: right;
}
div.productIntro div.text {
	clear: left;
	 font-size: .8em;
}
div.productIntro div.text li {
	 font-size: 1em;
}
div.productIntro div.text li {
}
div.productCategory h3 {
	text-align: right;
}
div.productCategory img {
	border: none;
	float: right;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	/*width: 100px;*/
}
div.productCategory ul {
	margin: 0px;
	padding: 0px;
}
div.productCategory li {
	border-bottom: 1px solid #d2d8db;
	list-style-type: none;
	margin: 0px 50px 0px 0px; padding: 2px 5px 5px 5px;
	overflow: auto;
}
*html div.productCategory li {
	height: 1px;
	overflow: visible;
}
div#pagecontent li.catSection {
	float: left; clear: left;
	list-style-type: none;
	padding: 0px 0px 5px 0px;
	width: 600px;
}
div#pagecontent img.catSection {
	float: right;
	margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px;
	/*width: 600px;*/
}
div#pagecontent ul#pdfLinks {
	margin: 0px; padding: 0px;
}
div#pagecontent ul#pdfLinks li {
	float: left; clear:left;
	font-size: .75em;
	list-style-type: none;
	overflow: auto;
	padding: 0px 2px 2px 0px;
}
div#pagecontent table.contact {
	margin: 0px 8px 0px 8px;
}
div#pagecontent table.contact td {
	font-size: .8em;
	font-weight: bold;
}
div#pagecontent table.contact td.topRow {
	padding-top: 4px;
}
div#pagecontent table.contact td.number {
	font-weight: normal;
	padding-left: 8px;
}
div.sitemapContainer {
	background: #667982;
	font-size: .8em;
	margin: 0px 8px 1px 8px; padding: 0px;
}
div.sitemap {
	border-top: 1px solid #f3f6f7;
	margin: 0px; padding: 0px;
}
div.sitemap a {
	text-decoration: none;
}
div.sitemap0 {
	display: none;
}
div.sitemap1 {
	background-color: #667982;
	border-top: 1px solid #d2d8db;
	font-weight: bold;
	padding: 2px 8px 2px 8px;
}
div.sitemap1 a {
	color: #ffffff;
}
div.sitemap2 {
	background-color: #d2d8db;
	border-top: 1px solid #667982;
	border-right: 1px solid #667982;
	border-left: 1px solid #667982;
	padding: 2px 16px 2px 16px;
}
div.sitemap2 a {
	color: #000000;
}
div.sitemap3 {
	background-color: #e8ecee;
	border-top: 1px solid #d2d8db;
	padding: 2px 24px 2px 24px;
}
div.sitemap3 a {
	color: #000000;
}
div.sitemap4 {
	background-color: #f3f6f7;
	border-top: 1px solid #e8ecee;
	padding: 2px 32px 2px 32px;
}
div.sitemap4 a {
	color: #000000;
}
form div.input {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
}
form div.input input{
	height: auto;
	margin: 0px 0px 0px 0px;
}
form div.input label {
	font-size: .75em;
	font-weight: bold;
	line-height: 1.4em;
}
form div.inputList {
	clear: left;
	font-size: .8em;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 8px;
}
form div.inputList input{
	height: auto;
	margin: 1px 0px 1px 0px;
}
* html form div.inputList input {
	margin: 0px 0px 0px 0px;
}
form div.inputList label {
	border: 1px solid #ffffff;
	display: block;
	float: left;
	padding: 0px 3px 0px 0px;
	text-align: right;
	width: 9em;
}
form span.reqField {
	color: #ed8c01;
}
div#pagecontent ul.pagecontentMenu {
	background-image: url(images/pagecontentMenuBg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-top: 3px solid #ed8c01;
	color:  #003782;
	font-size: .8em;
	margin: 16px 8px 0px 0px;
	padding: 8px 0px 0px 6px;
	text-align: right;
}
ul.pagecontentMenu li {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 0px 2px;
}
ul.pagecontentMenu a {
	color:  #003782;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
}
ul.pagecontentMenu span {
	color: #c1cbcf;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
table.data {
	margin: 0px 8px 0px 0px;
}
*html table.data {
	margin: 8px 0px 0px 0px;
}

div#pagecontent div.latestProjects {
	background-color: #d2d8db;
	background-image: url(images/boxBg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-bottom: 4px solid #667982;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 6px 0px;
}
div#pagecontent div.latestProjects h1 {
	background-color: #667982;
	background-image: none;
	color: #ffffff;
	font-size: .8em;
	font-weigt: bold;
	margin: 0px 0px 0px 0px;
	padding: 2px 8px 2px 8px;
}
div#pagecontent div.latestProjects div.project {
	border-top: 1px solid #667982;
	clear: left;
}
* html div#pagecontent div.latestProjects div.project {
	height: 1px;
}
div#pagecontent div.latestProjects div.project h2 {
	color: #003782;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-weigt: bold;
	margin: 0px 0px 0px 0px;
	padding: 4px 8px 2px 8px;
}
div#pagecontent div.latestProjects div.project h2 a {
	color: #003782;
	text-decoration: none;
}
div#pagecontent div.latestProjects div.project a {
	color: #003782;
	text-decoration: underline;
}
div#pagecontent div.latestProjects div.project a.textLink {
	color: #000000;
	text-decoration: none;
}
div#pagecontent div.latestProjects div.project div.image {
	float: left;
	padding: 5px;
}
/* data table */
table.data {
	border-collapse: collapse;
	margin: 5px 0px 5px 0px;
}
table.data caption {
	color: #ed8c01;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	margin: 8px 0px 0px 2px;
	padding: 0px;
	text-align: left;
}
*html table.caption {
	margin: 8px 0px 0px 0px;
}
table.data tr.shaded {
	background-color: #e1e8eb;
}
table.data th {
	background-color: #003782;
	border-bottom: 1px solid #003782;
	color: #ffffff;
	font-size: .7em;
	font-weight: normal;
	padding: 4px 4px 2px 4px;
	text-align: center;
}
table.data th.date {
	background-color: #ffffff;
	color: #000000;
	font-size: .8em;
	font-weight: normal;
	padding: 16px 0px 2px 2px;
	text-align: left;
}
table.data th.borderLeft {
	border-left: 1px solid #003782;
}
table.data th.borderRight {
	border-right: 1px solid #003782;
}
table.data th.goldUser {
	background-color: #004096;
}
table.data th.addToEnq, table.data th.removeProd {
	background-color: #ffffff;
	border-bottom: none;
}
table.data td {
	border-bottom: 1px solid #003782;
	font-size: .75em;
}
table.data td.addToEnq, table.data td.removeProd, table.data td.noBorder {
	background-color: #ffffff;
	border-bottom: none;
}
table.data td.borderLeft {
	border-left: 1px solid #003782;
}
table.data td.borderRight {
	border-right: 1px solid #003782;
}
table.data tr.noBorder td {
	background-color: #ffffff;
	border-bottom: none;
}
table.data td.currency {
	padding-right: 8px;
	text-align: right;
}
table.data td.goldUserShaded {
	background-color: #d5dfe3;
}
table.data td.goldUser {
	background-color: #edf1f3;
}
table.data td.number {
	text-align: center;
}
table.data tr.total {
	font-weight: bold;
}
table.data span.orderRef {
	color: #003782;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
div#divProducts table.data tr {
	vertical-align: bottom;
}
			  
div#pnlSimpleSearch td {
	font-size: .8em;
}
input#btnUpdateBasket {
	width: 8em;
}
input#btnSubmitBasket {
	width: 8em;
}
/* ************************************************************************** */
div#footer {
	background-color: #003782;
	border-top: 6px solid #ed8c01;
	bottom: 0px;
	color: #ffffff;
	clear: both;
	font-size: .75em;
	height: 2em;
	padding: 4px 0px 0px 0px;
	position: absolute;
	margin: 0px 0px 0px 0px;
	text-align: center;
	width: 100%;
}
* html div#footer {
	bottom: -1px;
	height: 2.8em;
}
ul#footerMenu {
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ul#footerMenu li {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 0px 2px;
}
ul#footerMenu a {
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}
/* ************************************************************************** */
div.jk_editableContent {
	width: 100%;
}
div.productCategory ul#categories li {
	border-bottom: 1px solid #d2d8db;
	height: 85px;
	list-style-type: none;
	margin: 0px 50px 0px 0px;
	padding: 2px 5px 5px 5px;
}
ul#categories img.prodCat {
    height: 75px;
}