/*~~~~~~~~~~~~~~~~~global styles startZ~~~~~~~~~~~~~~~~~*/
html {
	width: 100%;
	height: 100%;
	_border: none;
}
body, form {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	margin: 0px;
	text-align: center;
	width: 100%;
	height: 100%;
	background: #4A8A11 url(../Images/UI/bg-topRepeater.jpg) repeat-x 0 0;
}
img, object, embed {
	display: block;
}
a img, img a, img {
	border: none;
}
a {
	outline: none;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li {
	padding: 0;
	margin: 0;
}
li {
	list-style: none;
}
.clearer{
	clear: both;
	line-height: 0px;
}
div.BKAHeader {
    position: absolute;
    background: #FFFFFF;
    border: solid 1px #ECECEC;
    padding: 3px 6px 3px 6px;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
div.BKAHeader span.template {
    display: block;
    font-family: Arial;
    font-size: 9px
}
div.container {
	color: #5C6A76;
	text-align: left;
	padding: 0;
	background: #FFF url(../Images/UI/bg-container.jpg) repeat-y center top;
}
/*div.topStrip {
	height: 40px;
	width: 100%;
	position: absolute;
	top: 133px;
	left: 0;
	background: url(../Images/UI/bg-mainNav.png) repeat-x;
}*/
span.noJS {
    font-size: 10px;
	color: #FFF;
    display: block;
    width: 100%;
    padding: 4px 0 3px 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #F24E31;
}
/*~~~~~~~~~~~~~~~~~global styles endZ~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~header styles start~~~~~~~~~~~~~~~~~*/
div.header {
	width: 970px;
	height: 173px;
	margin: 0 auto;
	position: relative;
	background: url(../Images/UI/bg-header.jpg) no-repeat;
}
a.logo {
	position: absolute;
	top: 36px;
	left: 10px;
}
/*~~~~~~~~~~~~~~~~~header styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~topNav styles start~~~~~~~~~~~~~~~~~*/
div.topNav {
	width: 960px;
	height: 26px;
	position: absolute;
	top: 0;
	left: 0;
}
div.topNav a {
	text-indent: -9999px;
	display: block;
	height: 26px;
	margin-left: 1px;
	float: right;
}
div.topNav a.clientArea {
	width: 85px;
	background: url(../Images/UI/topNav-clientArea.jpg) no-repeat;
}
div.topNav a.contactUs {
	width: 93px;
	background: url(../Images/UI/topNav-contactUs.jpg) no-repeat;
}
div.topNav a:hover, div.topNav a.active {
	background-position: 0 -26px;
}
/*~~~~~~~~~~~~~~~~~topNav styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~mainNav styles start~~~~~~~~~~~~~~~~~*/
div.mainNav {
	width: 970px;
	width/**/:/**/ 960px;
	height: 40px;
	padding-left: 10px;
	position: absolute;
	bottom: 0;
	-bottom: -1px;
	left: 0;
	/*background: url(../Images/UI/bg-mainNav.png) repeat-x;*/
}
img.mainNavBG {
	position: absolute;
	bottom: 0;
	-bottom: -1px;
	left: 0;
}
div.mainNav a {
	text-indent: -9999px;
	display: block;
	height: 40px;
	margin-right: 4px;
	float: left;
}
div.mainNav a.home {
	width: 77px;
	background: url(../Images/UI/mainNav-home.jpg) no-repeat;
}
div.mainNav a.products {
	width: 103px;
	background: url(../Images/UI/mainNav-products.jpg) no-repeat;
}
div.mainNav a.services {
	width: 93px;
	background: url(../Images/UI/mainNav-services.jpg) no-repeat;
}
div.mainNav a.photoGallery {
	width: 136px;
	background: url(../Images/UI/mainNav-photoGallery.jpg) no-repeat;
}
div.mainNav a.endorsments {
	width: 133px;
	background: url(../Images/UI/mainNav-endorsments.jpg) no-repeat;
}
div.mainNav a.contactUs {
	width: 117px;
	background: url(../Images/UI/mainNav-contactUs.jpg) no-repeat;
}
div.mainNav a.aboutUs {
	width: 100px;
	background: url(../Images/UI/mainNav-aboutUs.jpg) no-repeat;
}
div.mainNav a:hover, div.mainNav a.active {
	background-position: 0 -40px;
}
/*~~~~~~~~~~~~~~~~~mainNav styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~searchBox styles start~~~~~~~~~~~~~~~~~*/
div.searchBox {
	width: 258px;
	height: 20px;
	position: absolute;
	bottom: 10px;
	-bottom: 9px;
	right: 10px;
	background-color:#3300CC
}
div.searchBox input {
	font: 13px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	width: 228px;
	width/**/:/**/ 223px;
	height: 20px;
	height/**/:/**/ 17px;
	margin: 0;
	padding: 1px 0 0 3px;
	float: left;
	border: 1px solid #326116;
	border-right: none;
	background: url(../Images/UI/search-bg.gif) no-repeat;
}
div.searchBox input.focused {
	color: #333;
	background: #84C925;
}
div.searchBox a {
	font-size: 0px;
	text-indent: -9999px;
	display: block;
	width: 30px;
	height: 20px;
	float: left;
	background: url(../Images/UI/search-go.jpg) no-repeat;
}
div.searchBox a:hover {
	background-position: 0 -20px;
}
/*~~~~~~~~~~~~~~~~~searchBox styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~pageContent styles start~~~~~~~~~~~~~~~~~*/
div.pageContent {
	width: 970px;
	padding: 26px 0 30px 0;
	margin: 0 auto;
}
div.homeToutsSurr {
	width: 970px;
	height: 344px;
}
/*~~~~~~~~~~~~~~~~~pageContent styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~homePromoComp styles start~~~~~~~~~~~~~~~~~*/
div.homePromoComp {
	width: 518px;
	float: left;
}
div.homePromoComp a {
	display: block;
	width: 253px;
	width/**/:/**/ 244px;
	height: 153px;
	height/**/:/**/ 144px;
	padding: 9px 0 0 9px;
	margin-bottom: 12px;
	float: left;
	background: url(../Images/UI/bg-homePromoComp-a.jpg) no-repeat;
}
div.homePromoComp a.alt {
	float: right;
}
div.homePromoComp a:hover {
	background-position: 0 -153px;
}
/*~~~~~~~~~~~~~~~~~homePromoComp styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~homeFlashContainer styles start~~~~~~~~~~~~~~~~~*/
div.homeFlashContainer {
	width: 418px;
	width/**/:/**/ 409px;
	height: 318px;
	height/**/:/**/ 309px;
	padding: 9px 0 0 9px;
	margin-left: 22px;
	float: left;
	background: url(../Images/UI/bg-homeFlashContainer.jpg) no-repeat;
}
#homeFlash {
	width: 400px;
	height: 300px;
}
/*~~~~~~~~~~~~~~~~~homeFlashContainer styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~photoGallery styles start~~~~~~~~~~~~~~~~~*/
div.photoGallerySurr {
	width: 708px;
	padding: 4px;
	margin-left: 30px;
	border: 1px solid #999;
}
div.photoGallerySurrAlt {
	height: 408px;
	height/**/:/**/ 398px;
	overflow: hidden;
}
#photoGallery {
	width: 708px;
	height: 456px;
}
/*~~~~~~~~~~~~~~~~~photoGallery styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~greyIntroBox styles start~~~~~~~~~~~~~~~~~*/
div.greyIntroBox {
	width: 950px;
	width/**/:/**/ 920px;
	min-height: 237px;
	height: auto !important;
	height: 237px;
	padding: 19px 0 0 30px;
	margin-left: 4px;
	background: #F5F5F5 url(../images/UI/bg-greyIntroBox.jpg) repeat-x;
}
div.greyIntroBoxInner {
	min-height: 200px;
	height: auto !important;
	height: 200px;
	background: url(../Images/UI/bg-greyIntroBox-contentLeft.gif) repeat-y 496px top;
}
div.greyIntroBox div.contentLeft {
	width: 495px;
	width/**/:/**/ 445px;
	padding-right: 50px;
	float: left;
}
div.greyIntroBox div.contentLeft h1 {
	color: #466F1D;
	margin-bottom: 8px;
}
div.greyIntroBox div.contentLeft p {
	font-size: 16px;
	color: #666;
	line-height: 130%;
	padding-bottom: 15px;
}
div.greyIntroBox div.whatsNew {
	width: 424px;
	width/**/:/**/ 379px;
	padding: 4px 0 0 45px;
	float: left;
}
div.greyIntroBox div.whatsNew h2 {
	font-size: 19px;
	color: #999;
	line-height: 100%;
	padding: 0 0 7px 2px;
}
div.greyIntroBox div.whatsNew a {
	color: #666;
	text-decoration: none;
	display: block;
	width: 335px;
	height: 80px;
	margin-bottom: 20px;
	background: url(../Images/UI/whatsNew-readMore.jpg) no-repeat 139px 55px;
}
div.greyIntroBox div.whatsNew a:hover {
	background-position: 139px -14px;
}
div.greyIntroBox div.whatsNew span {
	font-size: 13px;
	color: #666;
	line-height: 110%;
	display: block;
	height: 30px;
	width: 194px;
	margin-left: 19px;
	padding-top: 17px;
	float: left;
	overflow: hidden;
}
div.greyIntroBox div.whatsNew a img {
	float: left;
}
/*~~~~~~~~~~~~~~~~~greyIntroBox styles start~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~leftNav styles start~~~~~~~~~~~~~~~~~*/
div.leftNav {
	width: 211px;
	width/**/:/**/ 202px;
	padding: 1px 0 0 9px;
	margin-top: 56px;
	float: left;
	background: url(../Images/UI/bg-leftNav-a-span.jpg) no-repeat 9px top;
}
div.leftNav div.subNav 
{
    padding-left:20px;
}
div.leftNav a {
	font-size: 14px;
	color: #666;
	line-height: 100%;
	text-decoration: none;
	display: block;
	position: relative;
}
div.leftNav a span {
	display: block;
	padding: 8px 0 9px 8px;
	background: url(../Images/UI/bg-leftNav-a-span.jpg) no-repeat right bottom;
}
div.leftNav div.subNav a {
	color: #333;
	background: url(../Images/UI/bg-leftNav-a-withSub.jpg) no-repeat right center;
}
div.leftNav a.active {
	font-weight: bold;
	background: url(../Images/UI/bg-leftNav-a-hover.jpg) no-repeat right center;
}
div.leftNav div.subNav a.active {
	font-weight: normal;
	background: url(../Images/UI/bg-leftNav-a-hover.jpg) no-repeat right center;
}
div.leftNav a.activeWithSub {
	font-weight: bold;
	background: url(../Images/UI/bg-leftNav-a-withSub.jpg) no-repeat right center;
}
div.leftNav a:hover, div.leftNav div.subNav a:hover {
	color: #68B021;
	background: url(../Images/UI/bg-leftNav-a-hover.jpg) no-repeat right center;
}
div.leftNav a:hover span {
	background: url(../Images/UI/bg-leftNav-a-span-hover.jpg) no-repeat right bottom;
}
/*~~~~~~~~~~~~~~~~~leftNav styles start~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~contentContainer styles start~~~~~~~~~~~~~~~~~*/
div.contentContainer {
	width: 758px;
	float: left;
}
div.content {
	width: 525px;
}
div.contentContainer h1, div.contentContainer h2, div.contentContainer h3, div.contentContainer h4 {
	font-size: 28px;
	color: #4A8A11;
	line-height: 100%;
}
div.contentContainer h1 {
	padding: 0 0 26px 28px;
}
div.contentContainer h1.alt {
	padding: 0 0 0 28px;
}
div.contentContainer h2 {
	font-size: 19px;
	padding: 0 0 3px 29px;
}
div.contentContainer h3 {
	font-size: 18px;
	font-weight: normal;
	line-height: 16px;
	padding: 0 0 0 31px;
}
div.contentContainer h4 {
	font-size: 13px;
	line-height: 140%;
	padding: 0 0 0 31px;
}
div.contentContainer p {
	font-size: 13px;
	color: #666;
	line-height: 140%;
	padding: 0 0 19px 32px;
}
div.contentContainer a, div.contentContainer p a {
	color: #666;
	text-decoration: none;
	background: url(../Images/UI/bg-a.gif) repeat-x left bottom;
}
div.contentContainer a:hover, div.contentContainer p a:hover {
	color: #7FB53A;
	background: none;
}
div.introText {
	width: 550px;
}
div.introText p {
	font-size: 16px;
	line-height: 130%;
	padding: 0 0 14px 32px;
}
div.contentContainer span.contentImgFloatLeft img, div.contentContainer img.contentImgFloatLeft {
	padding: 4px;
	margin: 0 13px 0 32px;
	-margin-left: 16px;
	float: left;
	border: 1px solid #999;
}
div.contentContainer span.contentImgNoFloat img, div.contentContainer img.contentImgNoFloat {
	padding: 4px;
	margin: 0 13px 24px 32px;
	border: 1px solid #999;
}
div.contentContainer span.contentImgFloatLeftAlt img, div.contentContainer img.contentImgFloatLeftAlt {
	padding: 4px;
	margin: 0 0 0 0;
	-margin-left: 0;
	float: left;
	border: 1px solid #999;
}
div.contentContainer table {
	margin-left: 29px;
}
div.contentContainer table th {
	font-size: 13px;
	color: #4A8A11;
	line-height: 140%;
	padding: 6px 0 6px 2px;
	background: #F3F3F3 url(../Images/UI/bg-th.gif) repeat-x left bottom;
}
div.contentContainer table td {
	font-size: 13px;
	color: #666;
	line-height: 100%;
	padding: 8px 0 9px 1px;
	background: url(../Images/UI/bg-td.gif) repeat-x left bottom;
}
div.contentContainer hr {
	text-align: left;
	color: #CCC;
	margin: 0 auto 19px 30px;
	background-color: #CCC;
	width: 496px;
	border: none;
	height: 1px;
	padding: 0px;
	display: block;
}
div.contentContainer div.pageButtons {
	margin: 30px 0 0 30px;
	height: 19px;
}
div.contentContainer div.pageButtons a {
	text-indent: -9999px;
	display: block;
	height: 19px;
	float: left;
}
div.contentContainer div.pageButtons a.btn-back {
	width: 49px;
	background: url(../Images/UI/btn-back.jpg) no-repeat;
}
div.contentContainer div.pageButtons a.btn-print {
	width: 55px;
	margin-left: 10px;
	background: url(../Images/UI/btn-print.jpg) no-repeat;
}
div.contentContainer div.pageButtons a.btn-home {
	width: 44px;
	margin-left: 10px;
	background: url(../Images/UI/btn-home.jpg) no-repeat;
}
div.contentContainer div.pageButtons a:hover {
	background-position: 0 -19px;
}
div.contentContainer blockquote {
	width: 242px;
	width/**/:/**/ 218px;
	margin: 0 0 0 10px;
	padding: 9px 0 18px 24px;
	float: right;
	background: url(../Images/UI/bg-blockquote.gif) repeat-y left top;
}
div.contentContainer blockquote p {
	margin: 0;
	padding: 0;
}
div.contentContainer div.pageButtons div.paging {
	height: 40px;
	padding: 0;
}
div.contentContainer div.pageButtons div.paging img {
	float: right;
}
div.contentContainer div.pageButtons div.paging a, div.contentContainer div.pageButtons div.paging span {
	font-size: 12px;
	color:#999;
	text-indent: 0px;
	text-transform: uppercase;
	display: block;
	height: auto;
	float: right;
	padding: 1px 7px 0 6px;
	background: #EEE;
}
div.contentContainer div.pageButtons div.paging a.alt {
	font-size: 10px;
	padding: 2px 7px 2px 6px;
}
div.contentContainer div.pageButtons div.paging span {
	font-size: 10px;
	background: #FFF;
	padding: 2px 7px 2px 6px;
}
div.contentContainer div.pageButtons div.paging a:hover {
	color: #4A8A11;
	background: #FFF;
}
div.contentContainer div.pageButtons div.paging a.active, div.contentContainer div.pageButtons div.paging a.active:hover {
	color: #4A8A11;
	font-weight: bold;
	background: #FFF;
}
/*~~~~~~~~~~~~~~~~~contentContainer styles start~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~faqs styles start~~~~~~~~~~~~~~~~~*/
div.faqsQuestions {
	margin-bottom: 39px;
}
div.faqsQuestions a {
	font-size: 18px;
	color: #666;
	line-height: 100%;
	display: block;
	width: 496px;
	width/**/:/**/ 492px;
	padding: 7px 0 8px 4px;
	margin-left: 30px;
	background: url(../Images/UI/bg-td.gif) repeat-x left bottom;
}
div.faqsQuestions a span {
	color: #539D00;
	padding-right: 18px;
}
div.faqsQuestions a:hover {
	color: #333;
	background: #F9F9F9 url(../Images/UI/bg-td.gif) repeat-x left bottom;
}
div.faqsAnswer {
	padding-bottom: 20px;
	margin: 0 0 12px 31px;
	background: url(../Images/UI/bg-td.gif) repeat-x left bottom;
}
div.faqsAnswer h3 {
	padding-bottom: 13px;
	padding-left: 0;
}
div.faqsAnswer p {
	padding-left: 0;
}
div.faqsAnswer h3 span {
	padding-right: 20px;
}
div.content div.faqsAnswer a.btn-top {
	font-size: 0px;
	text-indent: -9999px;
	display: block;
	width: 32px;
	height: 9px;
	background: url(../Images/UI/btn-top.jpg) no-repeat;
}
div.content div.faqsAnswer a.btn-top:hover {
	background-position: 0 -9px;
}
/*~~~~~~~~~~~~~~~~~faqs styles start~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~latestProducts styles start~~~~~~~~~~~~~~~~~*/
div.latestProducts {
	width: 178px;
	float: right;
	background-color: #EEE;
}
div.latestProducts img {
	border-bottom: 5px solid #FFF;
}
div.latestProducts p {
	color: #333;
	line-height: 130%;
	text-align: center;
	padding: 8px 10px 10px 10px;
}
div.contentContainer div.latestProducts a.viewMoreDetails {
	text-indent: -9999px;
	display: block;
	width: 178px;
	height: 30px;
	background: url(../Images/UI/latestProducts-viewMoreDetails.jpg) no-repeat;
}
div.contentContainer div.latestProducts a.viewMoreDetails:hover {
	background-position: 0 -30px;
}
/*~~~~~~~~~~~~~~~~~latestProducts styles start~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~colPO styles start~~~~~~~~~~~~~~~~~*/
div.colPO {
	width: 245px;
	float: left;
	margin-left: 30px;
	-margin-left: 15px;
}
div.colPOAlt {
	margin-left: 20px;
}
div.productOverviewComp {
	width: 245px;
	width/**/:/**/ 235px;
	padding: 4px;
	margin-bottom: 20px;
	position: relative;
	border: 1px solid #999;
	background: url(../Images/UI/bg-productOverviewComp.jpg) no-repeat 4px 49px;
}
div.productOverviewComp p {
	font-size: 14px;
	line-height: 140%;
	padding: 10px 9px 0 9px;
}
div.productOverviewComp a {
	font-size: 14px;
	color: #666;
	line-height: 110%;
	display: block;
	padding: 5px 9px;
	background: url(../Images/UI/bg-th.gif) repeat-x left bottom;
}
div.productOverviewComp a:hover {
	color: #68B021;
	background: #FFF url(../Images/UI/bg-a.gif) repeat-x left bottom;
}
div.colPO div.productOverviewComp a.button {
	text-indent: -9999px;
	display: block;
	width: 232px;
	height: 51px;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 4px;
	left: 4px;
}
div.colPO div.productOverviewComp a.login {
	background: url(../Images/UI/productOverviewComp-btn-login.jpg) no-repeat;
}
div.colPO div.productOverviewComp a.upload {
	background: url(../Images/UI/productOverviewComp-btn-upload.jpg) no-repeat;
}
div.colPO div.productOverviewComp a.download {
	background: url(../Images/UI/productOverviewComp-btn-download.jpg) no-repeat;
}
div.colPO div.productOverviewComp a.downloadAS {
	background: url(../Images/UI/productOverviewComp-btn-downloadAS.jpg) no-repeat;
}
div.colPO div.productOverviewComp a.button:hover {
	background-position: 0 -51px;
}
/*~~~~~~~~~~~~~~~~~colPO styles start~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~categoryComp styles start~~~~~~~~~~~~~~~~~*/
div.categoryCompContainer {
	width: 510px;
	padding-top: 1px;
	margin-left: 30px;
	background: url(../Images/UI/bg-td.gif) repeat-x left top;
}
div.pageContent div.contentContainer a.categoryComp, div.pageContent div.contentContainer a.categoryCompAlt {
	display: block;
	width: 510px;
	height: 125px;
	position: relative;
	background: url(../Images/UI/bg-categoryComp.jpg) no-repeat;
}
div.pageContent div.contentContainer a.categoryCompAlt {
	background: url(../Images/UI/bg-categoryCompAlt.jpg) no-repeat;
}
div.pageContent div.contentContainer a.categoryComp:hover, div.pageContent div.contentContainer a.categoryCompAlt:hover {
	background-position: 0 -125px;
}
div.contentContainer a.categoryComp img, div.contentContainer a.categoryCompAlt img {
	position: absolute;
	top: 17px;
	left: 6px;
}
div.contentContainer a.categoryComp span, div.contentContainer a.categoryCompAlt span {
	display: block;
	cursor: pointer;
	cursor: hand;
}
div.contentContainer a.categoryComp span.categoryCompContent, div.contentContainer a.categoryCompAlt span.categoryCompContentAlt {
	width: 350px;
	height: 70px;
	overflow: hidden;
	position: absolute;
	top: 19px;
	left: 153px;
}
div.contentContainer a.categoryCompAlt span.categoryCompContentAlt {
	width: 500px;
	left: 11px;
}
div.contentContainer a.categoryComp span.categoryCompContent span, div.contentContainer a.categoryCompAlt span.categoryCompContentAlt span {
	font-size: 13px;
	color: #666;
	line-height: 120%;
}
div.contentContainer a.categoryComp span.categoryCompContent span.categoryCompContentHeading, div.contentContainer a.categoryCompAlt span.categoryCompContentAlt span.categoryCompContentHeading {
	font-size: 19px;
	font-weight: bold;
	color: #4A8A11;
	line-height: 100%;
	padding-bottom: 3px;
}
/*~~~~~~~~~~~~~~~~~categoryComp styles start~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~contactDetail styles start~~~~~~~~~~~~~~~~~*/
div.contactDetailSurr {
	width: 319px;
	margin-right: 30px;
	margin-left: 30px;
	-margin-left: 15px;
	float: left;
	background: url(../Images/UI/bg-td.gif) repeat-x left top;
}
div.contactDetail {
	padding: 10px 0 0 0;
	background: url(../Images/UI/bg-td.gif) repeat-x left bottom;
}
div.contactDetail span {
	font-size: 13px;
	color: #666;
	line-height: 120%;
	display: block;
	padding-bottom: 11px;
}
div.contactDetail span.green {
	color: #466F1D;
	padding: 0;
}
div.contactDetailAlt {
	padding-bottom: 35px;
}
div.contactDetailAlt span.green {
	padding-bottom: 18px;
}
div.contactDetail span.greenFloat {
	color: #466F1D;
	width: 50px;
	float: left;
}
div.contactDetailAlt span.error {
	font-size: 13px;
	text-align: left;
	color: #FF0000;
}
div.contactDetail label {
	display: block;
	width: 320px;
	margin: 0 0 9px 0;
}
div.contactDetail label span.text {
	font-size: 13px;
	color: #666;
	line-height: 100%;
	display: block;
	padding: 0 0 1px 2px;
}
div.contactDetail label input {
	font: 11px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #666;
	width: 319px;
	width/**/:/**/ 314px;
	height: 21px;
	height/**/:/**/ 17px;
	margin: 0;
	padding: 2px 0 0 3px;
	border: 1px solid #CCC;
	background: #FFF;
}
div.contactDetail label textarea {
	font: 11px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #666;
	width: 319px;
	width/**/:/**/ 314px;
	height: 80px;
	height/**/:/**/ 76px;
	margin: 0;
	padding: 2px 0 0 3px;
	border: 1px solid #CCC;
	background: #FFF;
}
div.contactDetailSurr div.contactDetail a.btn-send {
	text-indent: -9999px;
	display: block;
	width: 66px;
	height: 42px;
	background: url(../Images/UI/btn-send.jpg) no-repeat;
}
div.contactDetailSurr div.contactDetail a.btn-send:hover {
	background-position: 0 -41px;
}
/*~~~~~~~~~~~~~~~~~contactDetail styles start~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~productDetailSurr styles end~~~~~~~~~~~~~~~~~*/
div.productDetailSurr {
	width: 718px;
	padding: 26px 0 22px 0;
	margin-left: 30px;
	background: #F6F6F6 url(../Images/UI/bg-productDetailSurr.jpg) repeat-x;
}
div.productDetail {
	width: 718px;
	background: url(../Images/UI/bg-productDetail.gif) repeat-y 461px 0;
}
div.colPD {
	width: 424px;
	float: left;
}
div.colPD p {
	padding: 0 0 21px 34px;
}
div.colPD li {
	font-size: 13px;
	font-weight: bold;
	color: #999;
	line-height: 120%;
	padding: 0 0 11px 47px;
	background: url(../Images/UI/bg-productDetail-li.jpg) no-repeat 34px 6px;
}
div.colPD li a {
	color: #999;
}
div.colPDRight {
	width: 254px;
	padding-top: 3px;
	margin-left: 38px;
	float: left;
}
div.productDetail div.colPDRight a.viewProductSheet, div.productDetail div.colPDRight a.enquireAboutThisProduct {
	text-indent: -9999px;
	display: block;
	width: 204px;
	height: 42px;
	margin-left: 26px;
}
div.productDetail div.colPDRight a.viewProductSheet {
	margin-bottom: 24px;
	background: url(../Images/UI/btn-viewProductSheet.jpg) no-repeat;
}
div.productDetail div.colPDRight a.enquireAboutThisProduct {
	margin-bottom: 3px;
	background: url(../Images/UI/btn-enquireAboutThisProduct.jpg) no-repeat;
}
div.productDetail div.colPDRight a.viewProductSheet:hover, div.productDetail div.colPDRight a.enquireAboutThisProduct:hover {
	background-position: 0 -42px;
}
/*~~~~~~~~~~~~~~~~~productDetailSurr styles start~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~footer styles start~~~~~~~~~~~~~~~~~*/
div.footerContainer {
	text-align: left;
	width: 100%;
	border-top: 3px solid #38750C;
	background-color: #4A8A11;
}
div.footer {
	font-size: 11px;
	width: 970px;
	width/**/:/**/ 966px;
	padding: 26px 0 30px 4px;
	margin: 0 auto;
	position: relative;
}
div.footer a {
	color: #333;
	line-height: 150%;
	text-decoration: none;
	display: block;
}
div.footer a:hover {
	color: #FFF;
}
div.footer p {
	color: #333;
	line-height: 150%;
	padding-top: 40px;
	float: left;
}
div.footer p a {
	display: inline;
}
div.footer a.bkaLink {
	position: absolute;
	right: 0;
	bottom: 30px;
}
div.footerColContainer {
	width: 970px;
}
div.footerCol {
	float: left;
	width: 193px;
}
/*~~~~~~~~~~~~~~~~~footer styles end~~~~~~~~~~~~~~~~~*/