/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

p {
	line-height: 1.4em;
	margin:0;
	padding:0px 0px 10px;
}

body, html {
	min-height: 101%;
}

body {
	text-align: center;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background:#f0f0f0 url(../../images/misc/bodyBg.gif) center repeat-y;
	margin: 0px;
}

a:link, a:visited, a:focus {
	color: #2867ae;
	
	outline: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

a img {
	border: none;
}

h1 {
	font-size: 1.8em;
	margin:0;
	font-weight:normal;
	padding:20px 0px 20px;
	color:#2867ae;
}

h2 {
	font-size: 1.5em;
	margin:0;
	padding:0px 0px 10px;
		font-weight:normal;
		color:#2867ae;
}

h3 {
	color: #2867ae;
}

#botBuster {
	display:none;
}

span.underlinedText {
	text-decoration: underline;
	font-weight: bold;
}

/* Layout Styles
--------------------------------------------------------------- */

#container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
	text-align:left;
	background:#fff;
}

#header {
	width: 980px;
	height: 110px;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	top:0px;
	background: #fff url(../../images/misc/headerBg.jpg) right no-repeat;
}
	#header #logo {
		float: left;
		width: 310px;
		height: 65px;
		font-size: 1px;
	}
		#header #logo a {
			text-decoration:none;
		}
	#header #headerCTA {
		position: absolute;
		z-index: 1000;
		left: 10px;
		top: 70px;
		/*height: 25px;
		padding: 3px 0px 0px 0px;*/
		border: 1px solid #dfdfdf;
		text-align: center;
		background: #000;
	}
		#header #headerCTA p {
			margin:0;
			font-size:1.4em;
			color:#17c1f4;
			font-weight: normal;
			padding: 2px 10px 2px 10px; 
		}
			#header #headerCTA p strong {
				color:#fff;
				font-weight: normal;
			}

			#header #headerCTA p span.phonenumber {
				font-weight: bold;
				color:#d83ec8;
			}


#contentContainer {
	clear:both;
	margin:0px 0px 0px 0px;
	padding:160px 0px 0px 0px;
}

/*#thatchamLogo {
	height: 90px;
	width: 300px;
	float: right;
	border-top:5px #fff solid;
	border-left:10px #fff solid;
	border-bottom:5px #fff solid;
	font-size: 0.8em;
	text-align: center;
}

	#thatchamLeftText {
		float: left;
		width: 150px;
	}
	
	#thatchamRightText {
		float: right;
		width: 150px;
	}
		
		#thatchamLeftText a,
		#thatchamRightText a {
			color: #000;
			text-decoration: none;
		}
		
		#thatchamLeftText a:hover,
		#thatchamRightText a:hover {
			color: #2867ae;
			text-decoration: underline;
		}*/

#contentLeft {
	float:left;
	width:300px;
	padding-top:10px;
	padding-left:10px;
}
	#contentLeft div p {
		margin:0;
	}
	
	
#benefitsBox {
	height:150px;
	background:url(../../images/misc/benefitsBoxBg.gif) no-repeat;
	padding:5px 10px;
	border-bottom:10px solid #fff;
}
	#benefitsBox p.subtitle {
		margin:0;
		padding:0;
		text-transform:capitalize;
		color:#2bae91;
		font-size:1.8em;
	}
	#benefitsBox ul {
		margin:0;
		padding:0px 30px;
	}
		#benefitsBox ul li {
			padding:2px 0px;
			color:#b6346f;
			font-weight: normal;
		}
			#benefitsBox ul li strong {
				font-weight:bold;
				text-transform:uppercase;
			}
	#benefitsBox p.bottomNumber {
		margin:0;
		padding:0;
		color:#2bae91;
		font-size:1.8em;
	}
		#benefitsBox p.bottomNumber span {
			color:#000;
			font-size:1.2em;
			font-weight:bold;
		}
		
		
#callbackBox {
	background:url(../../images/misc/callbackBoxBg.gif) top no-repeat;
	border-bottom:10px solid #fff;
}		
	#callbackBoxInner {
		background:url(../../images/misc/callbackBoxBgBottom.gif) bottom no-repeat;
		padding:5px 10px 10px;
	}
		#callbackBoxInner p.subtitle {
			margin:0;
			padding:0 0 3px;
			color:#000;
			font-size:1.4em;
			font-weight:bold;
			text-align:center;
			height:22px;
		}
		#callbackBoxInner .button {
			margin:0;
			display:block;
			width:280px;
			height:21px;
			padding:9px 0px 10px;
			color:#fff;
			font-size:1.4em;
			font-weight:bold;
			text-align:center;
			background:url(../../images/misc/callbackBoxButton.gif) no-repeat;
			cursor:pointer;
		}
		#callbackBoxInner .button:hover {
			background:url(../../images/misc/callbackBoxButton-on.gif) no-repeat;
		}
		#callbackBoxInner .button span{
			background:url(../../images/misc/callbackBoxIcon.gif) no-repeat;
			color:#fff;
			text-decoration:none;
			padding:7px 0px;
			font-size:1.0em;
			height:14px;
			line-height:22px;
			padding-left:25px;
		}
		#callbackBoxInner form {
			margin:0;
			padding:5px 0 0;
		}
			#callbackBoxInner form p {
				clear:left;
				margin:0;
				padding-top:3px;
			}
				#callbackBoxInner form p label {
					clear:left;
					float:left;
					display:block;
					text-align:right;
					width:100px;
					color:#fff;
					padding-right:10px;
				}
				#callbackBoxInner form p input {
					float:left;
					display:block;
					text-align:left;
					width:140px;
				}
				#callbackBoxInner form p select {
					float:left;
					display:block;
					text-align:left;
					width:140px;
				}
				#callbackBoxInner form p input#callback_submit {
					width:auto;
					text-align:center;
				}
					#callbackBoxInner form p.submit {
						padding-left:110px;
					}
				#callbackBoxInner form p span.formError {
					padding-left:110px;
					font-size:1.0em;
					color:#fff;
				}
	#callbackBox ul.errors {
		margin:0;
		padding:5px;
		list-style:none;
		min-height:30px;
		height:auto !important;
		height:30px;
	}
		#callbackBox ul.errors li {
			margin:0;
			padding:5px 8px;
			background-color:#FFCCCC;
			border:#c00 solid 1px;
			font-weight:bold;
		}
	#callbackBox ul.confirmed {
		margin:0;
		padding:5px;
		list-style:none;
		min-height:30px;
		height:auto !important;
		height:30px;
	}
		#callbackBox ul.confirmed li {
			margin:0;
			padding:5px 8px;
			background-color:#D9FED3;
			border:#090 solid 1px;
			font-weight:bold;
		}

#viewProductRangeBox {
	background:url(../../images/misc/viewProductRangeBg.jpg) no-repeat;
	width:300px;
	height:205px;
}
	#viewProductRangeBox p {
		padding:5px 10px 0px;
		font-size:1.5em;
		text-align:center;
	}
		#viewProductRangeBox p span.green {
			color:#276d24;
		}
	#viewProductRangeBox p.numberline {
		padding:5px 10px 5px;
		font-size:1.8em;
		line-height:1.2em;
		color:#2bae91;
	}
		#viewProductRangeBox p.numberline span.phonenumber {
			font-weight:bold;
			font-size:1.2em;
			color:#000;
		}
	#viewProductRangeBox ul {
		margin:0;
		padding:0px 40px 5px;
	}
		#viewProductRangeBox ul li {
			padding:2px 0px;
			color:#b6346f;
			font-weight: normal;
		}
			#viewProductRangeBox ul li strong {
				font-weight:bold;
				text-transform:uppercase;
			}
	#viewProductRangeBox .button {
		margin:0;
		margin-left:auto;
		margin-right:auto;
		display:block;
		width:280px;
		height:21px;
		padding:9px 0px 10px;
		color:#fff;
		font-size:1.4em;
		font-weight:bold;
		text-align:center;
		background:url(../../images/misc/callbackBoxButton.gif) no-repeat;
		text-decoration:none;
		cursor:pointer;
	}
	#viewProductRangeBox .button:hover {
		background:url(../../images/misc/callbackBoxButton-on.gif) no-repeat;
	}
	#viewProductRangeBox .button span{
		background:url(../../images/misc/categoryNavigationIcon-productrange-on.gif) left -1px no-repeat;
		color:#fff;
		text-decoration:none;
		padding:7px 0px;
		font-size:1.0em;
		height:14px;
		line-height:22px;
		padding-left:28px;
	}

#contentRight {
	float:right;
	width:610px;
	padding:120px 25px 0px 25px;
}

	#contentRight .accordion-switch {
		width:570px;
		padding:4px 10px 4px 30px;
		margin:0;
		color:#fff;
		background:url(../../images/misc/accordionTitleBg.gif) no-repeat;
		font-weight:normal;
		border-top:#fff solid 10px;
		font-size:1.6em;
	}
	#contentRight .accordion-switch:hover {
		color:#ddd;
	}
	#contentRight .switchOff {
		text-decoration:underline;
		background:url(../../images/misc/accordionTitleBg-off.gif) no-repeat;
		cursor:pointer;
	}
	#contentRight .switchOn {
		text-decoration:underline;
		background:url(../../images/misc/accordionTitleBg.gif) no-repeat;
		cursor:pointer;
	}
	#contentRight .accordion-content {
		padding:10px;
	}
		#contentRight .accordion-content h3 {
			margin:0;
			padding:0 0 10px;
		}

#contactDetailsCTA {
	width: 380px;
	height: 72px;
	padding: 10px 10px 5px 10px;
	margin: 10px 0px 10px 0px;
	background: url(../../images/misc/phoneCTABg.jpg) no-repeat;
	font-weight: bold;
}

			#contactDetailsCTA p {
				width: 260px;
				margin: 0px;
				padding: 0px;
				font-size: 1.2em;
				color: #000;
			}
			
			#contactDetailsCTA p strong {
				color: #b6346f;
				font-size: 1.4em;
			}
			
			#contactDetailsCTA a {
				color: #2bae91;
				text-decoration: none;
				font-weight: normal;
			}
			
				#contactDetailsCTA a:hover {
					color: #2867ae;
					text-decoration: underline;
				}

#imgLinksRight {
	float: right;
	margin: 0px 0px 0px 10px;
}

#relatedProducts {
	/*width: 610px;*/
	height: 140px;
	padding: 5px 10px 5px 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	background: #e7e7e7;
}

	.relatedProductsImg {
		width: 70px;
		height: 100px;
		float: left;
		margin: 0px 5px 5px 5px;
		font-size: 0.8em;
		text-align: center;
	}
	
#indexBanner,
#whatwetrackBanner,
#fleetBanner,
#productBanner,
#benefitsBanner,
#contactBanner,
#newsletterBanner {
	width: 590px;
	height: 110px;
	text-align: right;
	padding: 5px 10px;
	position: absolute;
	top:170px;
	left:345px;
}
	#indexBanner p.header,
	#whatwetrackBanner p.header,
	#fleetBanner p.header,
	#productBanner p.header,
	#benefitsBanner p.header,
	#contactBanner p.header,
	#newsletterBanner p.header {
		clear:right;
		float:right;
		width:400px;
		font-size:1.6em;
		color:#000;
		font-weight:normal;
		padding:0;
		margin:0;
		line-height:24px;
	}
	
	#indexBanner p.callNow,
	#whatwetrackBanner p.callNow,
	#fleetBanner p.callNow,
	#productBanner p.callNow,
	#benefitsBanner p.callNow,
	#contactBanner p.callNow,
	#newsletterBanner p.callNow {
		clear:right;
		float:right;
		width:400px;
		font-size:1.6em;
		color:#2bae91;
		font-weight:normal;
		padding:0;
		margin:0;
		line-height:24px;
	}
		#indexBanner p.callNow strong,
		#whatwetrackBanner p.callNow strong,
		#fleetBanner p.callNow strong,
		#productBanner p.callNow strong,
		#benefitsBanner p.callNow strong,
		#contactBanner p.callNow strong,
		#newsletterBanner p.callNow strong {
			width: 200px;
			font-size:1.0em;
			color:#000;
			font-weight:normal;
		}
	#indexBanner ul,
	#whatwetrackBanner ul,
	#fleetBanner ul,
	#productBanner ul,
	#benefitsBanner ul,
	#contactBanner ul,
	#newsletterBanner ul {
		clear:right;
		float:right;
		margin:0;
		padding:5px;
		width:300px;
		list-style:none;
	}
		#indexBanner ul li,
		#whatwetrackBanner ul li,
		#fleetBanner ul li,
		#productBanner ul li,
		#benefitsBanner ul li,
		#contactBanner ul li,
		#newsletterBanner ul li {
			font-size:1.1em;
			color:#b6346f;
			font-weight: normal;
		}
		
		#indexBanner {
			background:url(../../images/misc/copyBannerBg.jpg) no-repeat;
		}
		
		#whatwetrackBanner {
			background:url(../../images/misc/wetrackBannerBg.jpg) no-repeat;
		}
		
		#fleetBanner {
			background:url(../../images/misc/fleetBannerBg.jpg) no-repeat;
		}
		
		#productBanner {
			background:url(../../images/misc/productsBannerBg.jpg) no-repeat;
		}
		
		#benefitsBanner {
			background:url(../../images/misc/benefitsBannerBg.jpg) no-repeat;
		}
		
		#contactBanner {
			background:url(../../images/misc/contactBannerBg.jpg) no-repeat;
		}
		
		#newsletterBanner {
			background:url(../../images/misc/newsletterBannerBg.jpg) no-repeat;
		}

ul.nolist {
	margin:0;
	padding:0;
	list-style:none;
}
	ul.nolist li {
		margin:0;
		padding:0;
		display:inline;
		padding:5px;
	}



#contactus_form {
	margin:0;
	padding:5px 0 0;
}
	#contactus_form p {
		clear:left;
		margin:0;
		padding-top:10px;
	}
		#contactus_form p label {
			clear:left;
			float:left;
			display:block;
			text-align:right;
			width:160px;
			color:#000;
			padding-right:10px;
		}
		#contactus_form p input {
			float:left;
			display:block;
			text-align:left;
			width:260px;
		}
		#contactus_form p select {
			float:left;
			display:block;
			text-align:left;
			width:263px;
		}
		#contactus_form p input#contactus_submit {
			width:auto;
			text-align:center;
		}
			#contactus_form p.submit {
				padding-left:170px;
			}
		#contactus_form p span.formError {
			padding-left:110px;
			font-size:1.0em;
			color:#fff;
		}
#contactus_form ul.errors {
	margin:0;
	padding:5px;
	list-style:none;
	min-height:30px;
	height:auto !important;
	height:30px;
}
	#contactus_form ul.errors li {
		margin:0;
		padding:5px 8px;
		background-color:#FFCCCC;
		border:#c00 solid 1px;
		font-weight:bold;
	}
#contactus_form ul.confirmed {
	margin:0;
	padding:5px;
	list-style:none;
	min-height:30px;
	height:auto !important;
	height:30px;
}
	#contactus_form ul.confirmed li {
		margin:0;
		padding:5px 8px;
		background-color:#D9FED3;
		border:#090 solid 1px;
		font-weight:bold;
	}



.item {
	clear:both;
	padding:20px 0;
	border-bottom:#666 dashed 1px;
}
	.item .itemHeader {
		position:relative;
		height:36px;
	}
		.item .itemHeader h2.itemTitle {
			font-size: 1.8em;
			margin:0;
			padding:8px 0px 5px;
			border-bottom:#ccc solid 2px;
			font-weight:normal;
		}
		.item .itemHeader .itemCTA {
			position:absolute;
			top:0px;
			right:0;
			width:295px;
			height:36px;
			background:url(../../images/misc/itemCTABg.gif) no-repeat;
		}
			.item .itemHeader .itemCTA p {
				color:#fff;
				padding:4px 10px;
				font-size:1.8em;
				text-align:right;
			}
	.item .itemInfo {
		float:right;
		width:460px;
	}
		.item .itemInfo h3 {
			color:#0195cb;
			font-size:1.2em;
			margin:0;
			padding:15px 0 10px;
		}
			.item .itemInfo .infoBox {
				background:url(../../images/misc/infoBoxBgBottom.gif) left bottom no-repeat;
				padding-bottom:5px;
				border-top:#fff solid 10px;
			}
				.item .itemInfo .infoBox p.infoButton {
					margin:0;
					color:#fff;
					font-size:1.0em;
					background:url(../../images/misc/infoButtonTop.gif) no-repeat;
					padding:5px 4px 3px 10px;
					height:16px;
					display:block;
					text-decoration:underline;
				}
				.item .itemInfo .infoBox p.infoButtonOff {
					background:url(../../images/misc/infoButtonTop-off.gif) no-repeat;
					padding:5px 4px 3px 25px;
					cursor:pointer;
				}
				.item .itemInfo .infoBox p.infoButtonOn {
					background:url(../../images/misc/infoButtonTop-on.gif) no-repeat;
					padding:5px 4px 3px 25px;
					cursor:pointer;
				}
					.item .itemInfo .infoBox p.infoButtonOff:hover, .item .itemInfo .infoBox p.infoButtonOn:hover  {
						color:#ddd;
					}
				.item .itemInfo .infoBox .infoText {
					margin:0;
					padding:10px 10px 5px 10px;
				}
					.item .itemInfo .infoBox .infoText ul {
						margin:0;
						padding:0 0 10px 20px;
					}
	.item .itemImage {
		float:left;
		width:150px;
		text-align:center;
		padding-top:10px;
	}
		.item .itemImage p a {
			font-size:0.9em;
			color:#333;
			text-decoration:underline;
			background:url(../../images/misc/enlargeIcon.gif) left no-repeat;
			padding-left:15px;
		}
	.item .itemEnquire {
		border-top:#fff solid 10px;
		background:url(../../images/misc/itemEnquireBg.gif) no-repeat;
		float:right;
	}
		.item .itemEnquire a {
			display:block;
			width:220px;
			height:17px;
			color:#000;
			text-decoration:underline;
			padding:5px 0px;
			text-align:center;
		}
	.item .itemTopPage {
		border-top:#fff solid 10px;
		float:left;
	}
		.item .itemTopPage a {
			display:block;
			width:170px;
			height:17px;
			color:#666;
			text-decoration:underline;
			padding:5px 0px;
			background:url(../../images/misc/arrow-square.gif) 0px 4px no-repeat;
			padding-left:22px;
		}
		.item .itemTopPage a:hover {
			color:#04AFD9;
		}
		
		

#categoryGrid {

}
	#categoryGrid ul {
		margin:0;
		padding:0;
		list-style:none;
	}
		#categoryGrid ul li {
			width:142px;
			height:182px;
			float:left;
			padding: 5px 5px 30px 5px;
			text-align: center;
		}
			#categoryGrid ul li div.categoryBox {
				display:block;
				float:left;
				width:140px;
				height:180px;
				border:#d6d6d6 solid 1px;
				background-color:#F4F4F4;
				position:relative;
			}
				#categoryGrid ul li div.categoryBox p {
					margin:0;
					padding:0;
				}
				#categoryGrid ul li div.categoryBox p.categoryImage {
					position:absolute;
					top:0;
					left:0;
					z-index:1;
				}
					#categoryGrid ul li div.categoryBox p.categoryImage a {
						display:block;
						width:140px;
						height:160px;
						text-align:center;
						text-decoration:none;
					}
				#categoryGrid ul li div.categoryBox p.categoryName {
					position:absolute;
					top:155px;
					left:0;
					z-index:50;
				}
					#categoryGrid ul li div.categoryBox p.categoryName a {
						display:block;
						width:142px;
						text-align:center;
						padding:7px 0px;
						font-size:1.1em;
						font-weight:bold;
						color:#2867ae;
					}
				#categoryGrid ul li div.categoryBox p.categoryDescription {
					position:absolute;
					top:0px;
					left:0px;
					z-index:100;
					display:none; /* EDIT */
				}
					#categoryGrid ul li div.categoryBox p.categoryDescription a {
						display:block;
						width:120px;
						height:170px;
						padding:5px 10px;
						color:#fff;
						text-decoration:none;
					}
				#categoryGrid ul li div.greyBg {
					position:absolute;
					top:0px;
					left:0px;
					z-index:20;
					width:140px;
					height:180px;
					background-color:#000;
				}
				#categoryGrid ul li div.categoryBox a.hoverArea {
					position:absolute;
					top:0px;
					left:0px;
					z-index:200;
					width:140px;
					height:180px;
					text-decoration:none;
					background:url(../../images/misc/blank.gif);
				}



/* Category Navigation Styles
--------------------------------------------------------------- */
#categoryNavigation {
	width:960px;
	height:41px;
	padding:5px 10px;
	background:url(../../images/misc/categoryNavigationBg.gif) repeat-x;
	position: absolute;
	top:110px;
}
	#categoryNavigation ul {
		margin:0;
		padding:0;
		width:960px;
		height:38px;
		padding:1px 0px;
		list-style: none;
		background:url(../../images/misc/categoryNavigationListBg.gif) no-repeat;
	}
		#categoryNavigation ul li {
			display: block;
			float:left;
			margin:0px;
			padding:0;
			width:158px;
			height:38px;
			text-align:center;
			border-left:#c33b78 solid 1px;
			border-right:#a3295f solid 1px;
		}
		#categoryNavigation ul li.navHome {
			width:159px;
			border-left:none;
		}  
		#categoryNavigation ul li.navContactUs {
			width:159px;
			border-right:none;
		}
			#categoryNavigation ul li a {
				display:block;
				height:38px;
				text-decoration:none;
			}
			#categoryNavigation ul li.navHome a:hover {
				background:url(../../images/misc/categoryNavigationListBg.gif) left -41px no-repeat;
			}
			#categoryNavigation ul li.navWhatWeTrack a:hover {
				background:url(../../images/misc/categoryNavigationListBg.gif) center -41px no-repeat;
			}
			#categoryNavigation ul li.navFleetServices a:hover {
				background:url(../../images/misc/categoryNavigationListBg.gif) center -41px no-repeat;
			}
			#categoryNavigation ul li.navProductRange a:hover {
				background:url(../../images/misc/categoryNavigationListBg.gif) center -41px no-repeat;
			}
			#categoryNavigation ul li.navOurBenefits a:hover {
				background:url(../../images/misc/categoryNavigationListBg.gif) center -41px no-repeat;
			}
			#categoryNavigation ul li.navContactUs a:hover {
				background:url(../../images/misc/categoryNavigationListBg.gif) right -41px no-repeat;
			}
				#categoryNavigation ul li a span {
					color:#fff;
					text-decoration:none;
					padding:9px 0px;
					font-size:1.0em;
					height:20px;
					line-height:36px;
				}
				#categoryNavigation ul li a:hover span {
					text-decoration:underline;
				}
				#categoryNavigation ul li.navHome a span {
					background:url(../../images/misc/categoryNavigationIcon-home-off.gif) left -1px no-repeat;
					padding-left:25px;
				}
				#categoryNavigation ul li.navWhatWeTrack a span {
					background:url(../../images/misc/categoryNavigationIcon-whatwetrack-off.gif) left -1px no-repeat;
					padding-left:17px;
				}
				#categoryNavigation ul li.navFleetServices a span {
					background:url(../../images/misc/categoryNavigationIcon-fleet-off.gif) left -1px no-repeat;
					padding-left:40px;
				}
				#categoryNavigation ul li.navProductRange a span {
					background:url(../../images/misc/categoryNavigationIcon-productrange-off.gif) left -1px no-repeat;
					padding-left:30px;
				}
				#categoryNavigation ul li.navOurBenefits a span {
					background:url(../../images/misc/categoryNavigationIcon-benefits-off.gif) left -1px no-repeat;
					padding-left:24px;
				}
				#categoryNavigation ul li.navContactUs a span {
					background:url(../../images/misc/categoryNavigationIcon-contactus-off.gif) left -1px no-repeat;
					padding-left:28px;
				}
				#categoryNavigation ul li.navHome a:hover span {
					background:url(../../images/misc/categoryNavigationIcon-home-on.gif) left -1px no-repeat;
				}
				#categoryNavigation ul li.navWhatWeTrack a:hover span {
					background:url(../../images/misc/categoryNavigationIcon-whatwetrack-on.gif) left -1px no-repeat;
				}
				#categoryNavigation ul li.navFleetServices a:hover span {
					background:url(../../images/misc/categoryNavigationIcon-fleet-on.gif) left -1px no-repeat;
				}
				#categoryNavigation ul li.navProductRange a:hover span {
					background:url(../../images/misc/categoryNavigationIcon-productrange-on.gif) left -1px no-repeat;
				}
				#categoryNavigation ul li.navOurBenefits a:hover span {
					background:url(../../images/misc/categoryNavigationIcon-benefits-on.gif) left -1px no-repeat;
				}
				#categoryNavigation ul li.navContactUs a:hover span {
					background:url(../../images/misc/categoryNavigationIcon-contactus-on.gif) left -1px no-repeat;
				}

/* Sub Navigation - Categories
--------------------------------------------------------------- */
	
	#categoryNavigation ul li ul.subnavWhatWeTrack {
				position: absolute;
				top: 44px;
				left: 170px;
				z-index: 50;
				width: 158px;
				margin: 0;
				padding: 0;
				display: none;
			}	
				#categoryNavigation ul li ul.subnavWhatWeTrack li {
					margin:0;
					padding:0;
					display:block;
					clear:both;
					height: 28px;
					z-index: 50;
				}
					#categoryNavigation ul li.navWhatWeTrack ul li a {
						background-color: #8e1b4e;
						border-top:#cac8c8 solid 1px;
						color:#fff;
						text-align:center;
						padding: 4px 0px 0px 0px;
						height: 24px;
						z-index: 50;
					}
					#categoryNavigation ul li.navWhatWeTrack ul li a:hover{
						background:#851c4b;
						text-decoration:underline;
						z-index: 50;
					}
					
		#categoryNavigation ul li ul.subnavProductRange {
				position: absolute;
				top: 44px;
				left: 330px;
				z-index: 50;
				width: 158px;
				margin: 0;
				padding: 0;
				display: none;
				
			}	
				#categoryNavigation ul li ul.subnavProductRange li {
					margin:0;
					padding:0;
					display:block;
					clear:both;
					height: 28px;
					z-index: 50;
				}
					#categoryNavigation ul li.navProductRange ul li a {
						background-color: #8e1b4e;
						border-top:#cac8c8 solid 1px;
						color:#fff;
						text-align:center;
						padding: 4px 0px 0px 0px;
						height: 24px;
						z-index: 50;
					}
					#categoryNavigation ul li.navProductRange ul li a:hover{
						background:#851c4b;
						text-decoration:underline;
					}
					
			#categoryNavigation ul li ul.subnavOurBenefits {
				position: absolute;
				top: 44px;
				left: 650px;
				z-index: 50;
				width: 158px;
				margin: 0;
				padding: 0;
				display: none;
				
			}	
				#categoryNavigation ul li ul.subnavOurBenefits li {
					margin:0;
					padding:0;
					display:block;
					clear:both;
					height: 28px;
				}
					#categoryNavigation ul li.navOurBenefits ul li a {
						background-color: #8e1b4e;
						border-top:#cac8c8 solid 1px;
						color:#fff;
						text-align:center;
						padding: 4px 0px 0px 0px;
						height: 24px;
					}
					#categoryNavigation ul li.navOurBenefits ul li a:hover{
						background:#851c4b;
						text-decoration:underline;
					}				

/* Footer Styles
--------------------------------------------------------------- */

#footer {
	clear: both;
	width: 940px;
	padding: 20px 20px 20px;
	color: #bbb;
	background:#f7f7f7 url(../../images/misc/footerBg.gif) top repeat-x;
	font-size: 1.2em;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	border-top:30px solid #fff;
}

#footerLeft {
	float:left;
	width:190px;
}
	#footerLeft #footerCopyright {
		text-align:center;
		padding-right:10px;
	}

#footerRight {
	float:right;
	width:750px;
}

	#footer a {
		white-space: nowrap;
		color: #bbb;
		text-decoration: none;
	}
	#footer a:hover {
		color: #444;
		text-decoration:underline;
	}
#footer ul li.start {
	padding-left:0px;
}
#footer ul li.end {
	border-right:none;
}

ul#footerNav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding-bottom:0px;
}
	ul#footerNav li {
		display: inline;
		padding-right:5px;
		padding-left:5px;
		margin: 0px 0px 0px 0px;
		border-right:1px solid #bbb;
	}
ul#footerDetails {
	clear:left;
	margin:0;
	padding:5px 0px 0px;
	list-style:none;
}
	ul#footerDetails li {
		display:block;
		list-style: none;
	}
	
	

/* List Styles
--------------------------------------------------------------- */

ul li {
	line-height: 1.4em;
}

/* Image Styles
--------------------------------------------------------------- */

.img-left {
	float: left;
	margin: 0px 10px 10px 0px;
}

.img-right {
	float: right;
	margin: 0px 0px 10px 10px;
}
	
	.img-border {
		border: 1px solid #ccc;
	}
	
	.thatcham-icon {
		float: left;
		margin: 5px;
	}
	
/* Class Styles
--------------------------------------------------------------- */

#contactTable input, #contactTable textarea, #contactTable select {
	border: 1px solid #ccc;
	background: #fff;
}

	#contactTable #botBuster {
		display: none;
	}

.clearfix {
	clear: both;
}

.thatchamLogo {
	float:right;
	border-top:5px #fff solid;
	border-left:10px #fff solid;
	border-bottom:5px #fff solid;
}

	
/* Bottom  product links
--------------------------------------------------------------- */

.typelink {
	font-weight: bold;
	
}