/* CSS Document */
html {overflow: scroll;}

body {background-color: #fff; background-image: url(../img/site/background.gif); background-repeat: repeat-x; background-position: top left; font-family: Arial, Helvetica, sans-serif; text-align: center; padding: 0px; margin: 0px;}

#wrapper {width: 987px; margin: auto; margin-top: 0px; padding-top: 0px;}
#header {padding-left: 23px; width: 964px;}
#content {
	width: 941px;
	text-align: left;
	padding-left: 23px;
	padding-right: 23px;
	float: left;
}
#nav {
	background-color: #fff;
	padding: 6px;
	text-align: center;
	margin-bottom: 10px;
}
#nav ul {list-style: none; font-size: 12px;}
#nav li {
	display: block;
	float: left;
	width: 230px;
}

#nav a:link {color: #38784f; font-size: 14px; text-decoration: none;}
#nav a:visited {color: #38784f; font-size: 14px; text-decoration: none;}
#nav a:hover {color: #38784f; font-size: 14px; text-decoration: underline;}
#nav a:active {color: #38784f; font-size: 14px;}
#nav a:focus {color: #fff; font-size: 14px; background-color: #38784f;}

.middleBox {
	background-image: url(../img/site/bg_middle.gif);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 35px;
	padding-top: 35px;
	width: 870px;
	float: left;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, form {margin: 0px; padding: 0px;}
h1, h2, h3, h4, h5, h6, p {margin-bottom: 10px;}
p {
	font-size: 12px;
	color: #363535;
	line-height: 13pt;
}

ul{font-size: 12px;}

.locationBox a:link {color: #38784f; text-decoration: none;}
.locationBox a:visited {color: #38784f; text-decoration: none;}
.locationBox a:hover {color: #38784f; text-decoration: none;}
.locationBox a:active {color: #38784f; text-decoration: none;}

.index h1 {font-size: 18px; color: #277745;}
.index h2 {font-size: 16px; color: #277745;}
.index h3 {font-size: 14px; color: #5e625e;}

.inner h1 {font-size: 18px; color: #000;}
.inner h2 {font-size: 16px; color: #277745;}
.inner h3 {font-size: 14px; color: #5e625e;}

.index h2 a:link {color: #277745; text-decoration: none;}
.index h2 a:visited {color: #277745; text-decoration: none;}
.index h2 a:hover {color: #277745; text-decoration: underline;}

.input, .comments {background-color: #fcfceb; border: solid 1px #277745;}
.comments {overflow: auto; font-family: Arial, Helvetica, sans-serif;}
.button {background-color: #277745; color: #fff; font-weight: bold; font-size: 14px; border: 0px; padding: 3px;}

.borderBtm {border-bottom: solid 1px #d8e4dc; height: 10px; clear: both; margin-bottom: 10px;}

table {border: 0px; font-size: 12px;}

.colBlk {color: #000;}
.colGrn {color: #277745;}

.pad10 {padding: 10px;}
.pad20 {padding: 20px;}
.padTop14 {padding-top: 14px;}

.floatDivLeft {float: left;}
.floatDivRight {float: right;}
.clearDiv {clear: both;}

.fnt12 {font-size: 12px;}
.fnt14 {font-size: 14px;}
.fnt16 {font-size: 16px;}
.fnt24 {font-size: 24px;}

/*genBox Styles*/
.genBoxGrn {
	background-color: #fff;
	background-image: url(../img/site/bg_genbox_green.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height: 255px;
	width: 269px;
	padding: 20px;
	float: left;
	margin-right: 7px;
	position: relative;
}

.genBoxGrnNoMarg {
	background-color: #fff;
	background-image: url(../img/site/bg_genbox_green.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height: 255px;
	width: 269px;
	padding: 20px;
	float: left;
	margin-right: 0px;
}

.genBoxGrnNoMargPad10 {
	background-color: #fff;
	background-image: url(../img/site/bg_genbox_green.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height: 275px;
	width: 286px;
	padding: 10px;
	float: left;
	margin-right: 0px;
	position: relative;
}
.genBoxPlain {
	background-color: #fff;
	background-image: url(../img/site/bg_genbox_plain.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height: 255px;
	width: 269px;
	padding: 20px;
	float: left;
	margin-right: 7px;
	position: relative;
}

.genBoxPlainNoMarg {
	background-color: #fff;
	background-image: url(../img/site/bg_genbox_plain.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height: 255px;
	width: 269px;
	padding: 20px;
	float: left;
	margin-right: 0px;
	position: relative;
}

.genBoxPlainPd10 {
	background-color: #fff;
	background-image: url(../img/site/bg_genbox_plain.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height: 275px;
	width: 286px;
	padding: 10px;
	float: left;
	margin-right: 10px;
	position: relative;
}

.genBoxPlainNoMargPd10 {
	background-color: #fff;
	background-image: url(../img/site/bg_genbox_plain.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height: 255px;
	width: 269px;
	padding: 20px;
	float: left;
	margin-right: 0px;
	position: relative;
}
.greenBtAbs {
	position: absolute;
	width: 200px;
	height: 17px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	left: 61px;
	top: 249px;
}

.greenBtAbs a:link {color: #fff; text-decoration: none;}
.greenBtAbs a:visited {color: #fff; text-decoration: none;}
.greenBtAbs a:hover {color: #fff; text-decoration: underline;}
.greenBtAbs a:active {color: #fff; text-decoration: none;}
.greenBtAbs a:focus {color: #fff; text-decoration: none; background-color: #1f6d8e;}

.genBoxPlainPd10 ul,  .genBoxGrnNoMargPad10 ul{list-style: none;}
.genBoxPlainPd10 li, .genBoxGrnNoMargPad10 li {
	background-image: url(../img/site/bg_supply_btns.gif);
	display: block;
	width: 284px;
	height: 42px;
	color: #616362;
	font-size: 14px;
	padding-top: 2px;
}

.genBoxPlainPd10 li img, .genBoxGrnNoMargPad10 li img {margin-right: 10px;}

.genBoxPlainPd10 li a:link {color: #434745; text-decoration: none; display: block; width: 275px; height: 43px; cursor: pointer;	padding-left: 10px;}
.genBoxPlainPd10 li a:visited {color: #434745; text-decoration: none; display: block; width: 275px; height: 43px; cursor: pointer; padding-left: 10px;}
.genBoxPlainPd10 li a:hover {color: #277745; text-decoration: none; display: block; width: 275px; height: 43px; cursor: pointer; padding-left: 10px; font-weight: bold;}
.genBoxPlainPd10 li a:active {color: #434745; text-decoration: none; display: block; width: 275px; height: 43px; cursor: pointer; padding-left: 10px;}
.genBoxPlainPd10 li a:focus {
	color: #434745;
	text-decoration: none;
	display: block;
	width: 275px;
	height: 43px;
	cursor: pointer;
	padding-left: 10px;
}

.genBoxGrnNoMargPad10 li a:link {color: #434745; text-decoration: none; display: block; width: 275px; height: 43px; cursor: pointer;	padding-left: 10px;}
.genBoxGrnNoMargPad10 li a:visited {color: #434745; text-decoration: none; display: block; width: 275px; height: 43px; cursor: pointer; padding-left: 10px;}
.genBoxGrnNoMargPad10 li a:hover {color: #277745; text-decoration: none; display: block; width: 275px; height: 43px; cursor: pointer; padding-left: 10px; font-weight: bold;}
.genBoxGrnNoMargPad10 li a:active {color: #434745; text-decoration: none; display: block; width: 275px; height: 43px; cursor: pointer; padding-left: 10px;}
.genBoxGrnNoMargPad10 li a:focus {
	color: #434745;
	text-decoration: none;
	display: block;
	width: 275px;
	height: 43px;
	cursor: pointer;
	padding-left: 10px;
}
/**/

/*large address and map box styles*/

.formWidth {
	float: left;
	width: 320px;
}

#largeAddress {
	background-image: url(../img/site/bg_map_add.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 880px;
	height: 251px;
	margin-top: 10px;
	padding: 33px;
}

#largeAddress .map {height: 247px; width: 186px; float: left; margin-right: 10px; border: solid 1px #ccc;  font-size: 8px;}
#largeAddress .textBox {
	float: left;
	width: 670px;
}
#largeAddress .input {
	width: 200px;
	font-size: 12px;
}
#largeAddress .comments {
	height: 80px;
	width: 220px;
	font-size: 12px;
}
#largeAddress table {float: left; margin-right: 10px;}
#largeAddress .smlAddress {
	float: left;
	width: 350px;
}
.miniAd {
	float: left;
	width: 160px;
	margin-right: 20px;
	font-size: 12px;
}
.miniAd2 {
	float: left;
	width: 160px;
	margin-right: 0px;
	font-size: 12px;
}
/**/

/*general inner page styles*/
.inner .middleBox ul {
	margin-left: 20px;
	color: #363535;
	margin-top: 20px;
	margin-bottom: 20px;
}
.inner .middleBox li {margin-bottom: 10px;}

.backTop {font-size: 12px; color: #53926b;}
.backTop a:link {color: #53926b;}
.backTop a:visited {color: #53926b;}
.backTop a:hover {color: #1e4b2c;}

.enquireNow {margin-bottom: 10px;}
.enquireMiddle h2 {color: #000;}
.enquireMiddle {
	background-image: url(../img/site/bg_middle_right.gif);
	background-position: top left;
	background-repeat: repeat-y;
	padding: 20px;
	width: 218px;
	padding-top: 0px;
}

.enquireMiddle .comments {
	font-size: 12px;
	width: 140px;
	height: 100px;
}

.enquireMiddle .input {
	width: 140px;
}

#rightMap {float: left; width: 219px; height: 280px; border: solid 1px #ccc; font-size: 8px; overflow: hidden;}



/**/

/*supplier styles*/

.h20PadBox {
	padding-top: 10px;
	float: left;
	width: 260px;
	margin-bottom: 20px;
}
.supBox {
	width: 600px;
	border-bottom: solid 1px #ccc;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.linkBoxSup {
	float: left;
	margin-top: 10px;
	font-size: 12px;
	padding: 5px;
	background-color: #397a4d;
	margin-right: 10px;
}
.rightSupTop {
	float: right;
	width: 240px;
	padding-left: 60px;
}

.rightSupTop a:link {color: #fff; text-decoration: none;}
.rightSupTop a:visited {color: #fff; text-decoration: none;}
.rightSupTop a:hover {color: #fff; text-decoration: underline;}
.rightSupTop a:active {color: #fff; text-decoration: none;}
.rightSupTop a:focus {color: #fff; text-decoration: none;}

.leftBox {
	float: left;
	width: 600px;
	margin-right: 10px;
}

.leftBoxWide {
	float: left;
	width: 870px;
}
.rightBox {
	float: left;
	width: 258px;
}

/**/

/*industries styles*/
.indBox {margin-bottom: 20px;}
.indBox ul {list-style: none;}
.indBox ul img {margin-right: 10px; border: solid 1px #ccc;}
.indBox ul li {margin-bottom: 10px;}
/**/

/*Site Map Styles*/
.smList {float: left; width: 200px; margin-right: 20px;}
.smList a:link {color: #333333; text-decoration: none;}
.smList a:visited{color: #333333; text-decoration: none;}
.smList a:hover {color: #333333; text-decoration: underline;}
.smList a:active {color: #333333; text-decoration: none;}
.smList a:focus {color: #333333; text-decoration: none;}
/**/

/*footer styles*/
#footer {
	padding: 8px;
	width: 925px;
	background-color: #ededed;
	font-size: 12px;
	margin-top: 10px;
	height: 15px;
}
.leftFoot {
	float: left;
	width: 600px;
}

.rightFoot {
	float: right;
	width: 200px;
	text-align: right;
}

#footer ul {
	list-style: none;
	float: left;
}
#footer li {display: inline; border-right: solid 1px #ccc; padding-right: 10px; padding-left: 10px;}
#footer a:link {color: #666666; text-decoration: none;}
#footer a:visited {color: #666666; text-decoration: none;}
#footer a:hover {color: #666666; text-decoration: underline;}
#footer a:active {color: #666666; text-decoration: none;}
#footer a:focus {color: #666666; text-decoration: none;}

.indexBottom {margin-top: 10px; font-size: 12px;}
.indexBottom .indFlt {
	float: left;
	margin-right: 20px;
	width: 210px;
}
.indexBottom .indFlt ul {list-style: none; margin-left: 15px;}
.indexBottom .indFlt li {margin-bottom: 5px;}

.indexBottom .indFlt a:link {color: #333333; text-decoration: none;}
.indexBottom .indFlt a:visited {color: #333333; text-decoration: none;}
.indexBottom .indFlt a:hover {color: #333333; text-decoration: underline;}
.indexBottom .indFlt a:active {color: #333333; text-decoration: none;}

#home_map {font-size: 8px;  overflow: hidden;}
/**/