/* CSS for all front-end elements goes here */

body {
	margin: 0px;
	padding: 0px;
}

form {
	margin-top: 0;
	margin-bottom: 0;
}

.trans {
	behavior: url("/pngbehavior.htc");
}

.clearer {
	clear: both;
	line-height: 0;
	height: -3px;
}

#wrapper {
	margin: 0 auto;
	width: 800px;
}

#topNav {
	float: right;
	width: 470px;
	padding-top: 20px;
	text-align: right;
}

#topNav, #topNav ul { 
	display: inline;
	padding-top: 8px;
	list-style: none;
	text-align: right;
}

#topNav a {
	display: block;	
}

#topNav li {
	float: left;
	padding-top: 20px;
	list-style: none;
	padding-right: 10px;

}

.logo {
	position:absolute;
	top:0px;
	left:20px;
}

#header {
	position:relative;
	width: 100%;
	height: 231px;
	background-image: url(/Images/Headings/headerBg.jpg);
	background-repeat:no-repeat;
}

#navigation {
width: 762px;
text-align: left;
background: #bb0a0a;
height: 21px;
padding: 4px;
margin: 0px auto;
}

.headerNav1a {
	float: left;
	width: 160px;
	height: 130px;
	text-align: right;
	padding-top: 74px;
}

.headerNav1b {
	float: left;
	width: 600px;
	height: 130px;
	padding-top: 74px;
}


.headerNav1b, .headerNav1b ul { 
	display: inline;
	padding: 0px;
	list-style: none;
}

.headerNav1b a {
	display: block;
}

.headerNav1b li {
	float: left;
	padding: 0px;
	list-style: none;
	padding-top: 74px;
	padding-left: 29px;
}


.navBtn {
	padding-right: 13px;
}

.headerNav2 {
	float: left;
	width: 100%;
	height: 27px;
	padding-left: 40px;
}

.headerNav2, .headerNav2 ul { 
	display: inline;
	list-style: none;
	margin: 0px 0px 0px 0px;
}

.headerNav2 a {
	display: block;
}

.headerNav2 li {
	float: left;
	padding: 0px;
	list-style: none;
}

#content {
	float: left;
	width: 100%;
	margin: 0px auto;
	padding-top: 12px;
	padding-bottom: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	background-color:#FFFFFF;
}

#content a:link, #content a:active, #content a:visited {
	color: #000000;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

.homeCol1 {
	float: left;
	width: 318px;
	padding-left: 12px;
}

.homeCol2 {
	float: left;
	width: 12px;
	padding-left: 2px;
	text-align: left;
}

.homeCol3 {
	float: left;
	width: 440px;
	padding-left: 6px;
	padding-right: 10px;
}

#footer {
	float: left;
	width: 788px;
	height: 22px;
	padding-top: 8px;
	padding-left: 12px;
	text-align: center;
	background-color: #B4CCBF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #6A8A76;
	text-align: left;
}

#footer a:link, #footer a:active, #footer a:visited {
	color: #6A8A76;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer, #footer ul { 
	display: inline;
	padding-top: 8px;
	list-style: none;
}

#footer a {
	display: block;
}

#footer li {
	float: left;
	padding: 0px;
	list-style: none;
	padding-right: 9px;
}

.contactCol1 {
	float: left;
	width: 508px;
	padding-left: 12px;
	color: #000000;
}

.contactEmployeeCol1 {
	width: 208px;
}

.productColTurf1 {
	float: left;
	width: 315px;
	padding-left: 12px;
	color: #447300;
}
.productColTurf2 {
	float: left;
	width: 187px;
}

.productColTurf3 {
	float: left;
	width: 253px;
}

.productColTurfDivide {
	float: left;
	width: 6px;
	text-align: center;
}

.CustCol1 {
	float: left;
	width: 100%;
	padding-left: 12px;
	color: #000000;
}

.productDetailCol1 {
	float: left;
	width: 515px;
	padding-left: 12px;
	color: #447300;
}

.productDetailCol2 {
	float: left;
	width: 246px;
}

.productDetailSpec {
	float: left;
	color: #000000;
	padding-left: 13px;
	padding-right: 13px;
}

.productCol1 {
	float: left;
	width: 320px;
	padding-left: 12px;
	color: #447300;
}

.productCol2 {
	float: left;
	width: 182px;
}

.productCol3 {
	float: left;
	width: 246px;
}

.productColDivide {
	float: left;
	width: 13px;
	text-align: center;
}

.productBulletBox1 {
	float: left;
	width: 250px;
	color: #000000;
	margin-top:3px;
	margin-left:4px;
}

.productBulletBox {
	float: left;
	width: 320px;
	background-color: #E9F9D6;
	margin-top: 10px;
	color: #000000;
}

.productBulletBox ul { 
	padding: 0px 4px 4px 4px;
	margin: 0px 0px 0px 16px;
	list-style: none;
}

.productBulletBox a {
	display: block;
}

.productBulletBox li {
	list-style: none;
	list-style-image: url(../Images/Gif/bullet.gif);
}

.productBox {
	float: left;
	width: 234px;
	background-color: #E9F9D6;
	padding: 6px;
	margin-top: 4px;
	margin-bottom: 10px;
	color: #447300;
}

.productBox2 {
	float: left;
	width: 246px;
	padding-bottom: 10px;
}
.productBox2a {
	float: left;
	width: 88px;
}
.productBox2b {
	float: left;
	width: 150px;
	padding-left: 8px;
}

.productBox2b h2 {
	font-weight: bold;
	font-size: 1.0em;
	color: #447300;
	margin: 0px;
}


.productBox2bLink {
	color: #447300;
	font-weight: bold;
}
.productBox2bLink a:link, .productBox2bLink a:active, .productBox2bLink a:visited {
	color: #447300;
	text-decoration: none;
}

.productBox2bLink a:hover {
	text-decoration: underline;
}

.turfSeedMix {
	float: left;
	width: 179px;
	height: 457px;
	background-color: #E9F9D6;
	padding: 4px;
}

.turfInputBoxes {
	color: #447300;
	width: 35px;
	font-size: 0.8em;
}

.turfInputBoxes2 {
	color: #447300;
	width: 60px;
	font-size: 0.8em;
}

.contactInputBoxes {
	color: #447300;
	width: 150px;
	font-size: 0.8em;
	font: Arial, Helvetica, sans-serif;
}

.prodDetailTbCol1a {
	width: 50%;
	border-right: #6BBA00 solid 1px;
	border-top: #6BBA00 solid 1px;
	vertical-align: top;
	padding-top: 4px;
	padding-bottom: 4px;
}

.prodDetailTbCol2a {
	width: 50%;
	border-top: #6BBA00 solid 1px;
	padding: 4px;
	vertical-align: top;
}

.prodDetailTbCol1b {
	width: 25%;
	border-right: #6BBA00 solid 1px;
	border-top: #6BBA00 solid 1px;
	vertical-align: top;
	padding-top: 4px;
	padding-bottom: 4px;
}

.prodDetailTbCol2b {
	width: 25%;
	border-top: #6BBA00 solid 1px;
	padding: 4px;
	vertical-align: top;
}

.prodDetailTbCol3b {
	width: 25%;
	border-right: #6BBA00 solid 1px;
	border-top: #6BBA00 solid 1px;SWSS
	padding: 4px;
	vertical-align: top;
}

.prodDetailTbCol1c {
	width: 50%;
	border-right: #6BBA00 solid 1px;
	border-top: #6BBA00 solid 1px;
	vertical-align: top;
	padding-top: 4px;
	padding-bottom: 4px;
}

.prodDetailTbCol2c {
	width: 10%;
	border-top: #6BBA00 solid 1px;
	padding: 4px;
	vertical-align: top;
}

.prodDetailTbCol3c {
	width: 10%;
	border-right: #6BBA00 solid 1px;
	border-top: #6BBA00 solid 1px;
	padding: 4px;
	vertical-align: top;
}

.companyIntroBox {
	float: left;
	width: 507px;
	background-color: #E9F9D6;
	color: #447300;
	padding: 4px;
}

.companyContent {
	float: left;
	width: 100%;
	color: #000000;
	padding-top: 8px;
}

.custBox {
	float: left;
	width: 380px;
	padding-bottom: 12px;
	padding-right: 15px;
}

.accredBox {
	float: left;
	width: 750px;
	padding-bottom: 12px;
}

.linksBox {
	float: left;
	padding-bottom: 30px;
	padding-right: 40px;
	height: 118px;
	text-align: center;
}

.contactFormCol1 {
	float: left;
	width: 90px;
	padding-top: 4px;
}

.contactFormCol2 {
	float: left;
	width: 150px;
	height: 30px;
	font:Arial, Helvetica, sans-serif;
}

.newsCol1 {
	float: left;
	width: 508px;
	padding-left: 12px;
	color: #447300;
}

.weightsCol {
	float: left;
	width: 508px;
	padding-left: 12px;
	color: #447300;
}

.weightsCola {
	width: 33%;
	border-right: #ffffff solid 1px;
	border-top: #ffffff solid 1px;
	vertical-align: top;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.weightsColb {
	width: 33%;
	border-top: #ffffff solid 1px;
	padding: 4px;
	vertical-align: top;
}
.weightsColc {
	width: 33%;
	border-right: #ffffff solid 1px;
	border-top: #ffffff solid 1px;
	border-bottom: #ffffff solid 1px;
	vertical-align: top;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.weightsCold {
	width: 33%;
	border-top: #ffffff solid 1px;
	border-bottom: #ffffff solid 1px;
	vertical-align: top;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}

.weightBgLtGrn {
	padding: 4px;
	background-color: #E9F9D6;
}

.weightBgLtYel {
	padding: 4px;
	background-color: #FFEDB7;
	color: #996633;
}

.deliveryBox {
	float: left;
	width: 300px;
	background-color:#E9F9D6;
	padding: 8px;
}

.baskettxt {
font-family: Arial,Helvetica,sans-serif;
color: #000000;
font-size: 11px;
}

.basket hr {
color: #FFFFFF;
}

.error {
	
	color: #ff0000;
	font-weight: bold;
	font-size: 12px;
}

.protxSummaryCol1 {
	background-color: #E9F9D6;
	height: 18px;
	color: #447300;
}

.ecoturftext {
	font-size: 13px;
}