@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	background-color: #d7d7d7;
	background-image: url(img/back_rep.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}


.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
.sp10 {
	height: 10px;
}
.sp_g {
	height: 2px;
	background-color: #8EB836;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a {
	text-decoration: none;
}


.header_back {
	background-image: url(img/header_back.gif);
	background-repeat: no-repeat;
	background-position: center 12px;
	height: 19px;
}
.colour_outer_landscape {
	background-image: url(img/landscape_rep.gif);
	background-repeat: repeat-x;
	background-position: center 144px;
}
.left_back .landscape_rep {
	height: 229px;
	background-image: url(img/landscape_rep_left.gif);
	margin-top: 144px;
	background-repeat: repeat-y;
}
.right_back .landscape_rep {
	background-image: url(img/landscape_rep_right.gif);
	background-repeat: repeat-y;
	height: 229px;
	margin-top: 144px;
}
.style1_landscape {
	font-weight: bold;
	color: #fcb813;
	font-size: 14px;
	line-height: 18px;
}

.style2_landscape {
	font-weight: bold;
	color: #fcb813;
}
.style2_landscape a {
	color: #fcb813;
	text-decoration: none;
}
.style2_landscape a:hover {
	text-decoration: underline;
}

.colour_outer_playground {
	background-image: url(img/playground_rep.gif);
	background-repeat: repeat-x;
	background-position: center 144px;
}
.left_back .playground_rep {
	height: 229px;
	background-image: url(img/playground_rep_left.gif);
	margin-top: 144px;
	background-repeat: repeat-y;
}
.right_back .playground_rep {
	background-image: url(img/playground_rep_right.gif);
	background-repeat: repeat-y;
	height: 229px;
	margin-top: 144px;
}
.style1_playground {
	font-weight: bold;
	color: #00AAD3;
	font-size: 14px;
	line-height: 18px;
}

.style2_playground {
	font-weight: bold;
	color: #00AAD3;
}
.style2_playground a {
	color: #00AAD3;
	text-decoration: none;
}
.style2_playground a:hover {
	text-decoration: underline;
}


.colour_outer_bounceback {
	background-image: url(img/bounceback_rep.gif);
	background-repeat: repeat-x;
	background-position: center 144px;
}
.left_back .bounceback_rep {
	height: 229px;
	background-image: url(img/bounceback_rep_left.gif);
	margin-top: 144px;
	background-repeat: repeat-y;
}
.right_back .bounceback_rep {
	background-image: url(img/bounceback_rep_right.gif);
	background-repeat: repeat-y;
	height: 229px;
	margin-top: 144px;
}
.style1_bounceback {
	font-weight: bold;
	color: #C0D43A;
	font-size: 14px;
	line-height: 18px;
}

.style2_bounceback {
	font-weight: bold;
	color: #C0D43A;
}
.style2_bounceback a {
	color: #C0D43A;
	text-decoration: none;
}
.style2_bounceback a:hover {
	text-decoration: underline;
}

.colour_outer_rubber {
	background-image: url(img/rubber_rep.gif);
	background-repeat: repeat-x;
	background-position: center 144px;
}
.left_back .rubber_rep {
	height: 229px;
	background-image: url(img/rubber_rep_left.gif);
	margin-top: 144px;
	background-repeat: repeat-y;
}
.right_back .rubber_rep {
	background-image: url(img/rubber_rep_right.gif);
	background-repeat: repeat-y;
	height: 229px;
	margin-top: 144px;
}
.colour_outer_gen {
	background-image: url(img/gen_rep.gif);
	background-repeat: repeat-x;
	background-position: center 144px;
}
.left_back .gen_rep {
	height: 229px;
	background-image: url(img/gen_rep_left.gif);
	margin-top: 144px;
	background-repeat: repeat-y;
}
.right_back .gen_rep {
	background-image: url(img/gen_rep_right.gif);
	background-repeat: repeat-y;
	height: 229px;
	margin-top: 144px;
}
.style1_gen {
	font-weight: bold;
	color: #000000;
	font-size: 14px;
	line-height: 18px;
}

.style2_gen {
	font-weight: bold;
	color: #8EB836;
}
.style2_gen a {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
.style2_gen a:hover {
	text-decoration: underline;
}

.outer {
	width: 974px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/outer_rep.gif);
	background-repeat: repeat-y;
}
.left_back  {
	float: left;
	height: 752px;
	width: 7px;
	background-image: url(img/left_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.right_back  {
	float: left;
	height: 752px;
	width: 7px;
	background-image: url(img/right_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}



.content {
	width: 960px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
.logo {
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 12px;
	float: left;
}
.top_links {
	float: right;
	color: #858585;
	padding-top: 10px;
	padding-right: 15px;
}
.top_links a {
	color: #858585;
}
.top_links a:hover {
	text-decoration: underline;
}
.menu {
	padding-left: 10px;
	padding-bottom: 10px;
}

.menu .item {
	float: left;
}
.header_bar {
	padding-right: 10px;
	padding-left: 10px;
	height: 229px;
	padding-bottom: 10px;
}
.header_bar .pic {
	float: left;
	height: 229px;
	width: 229px;
	padding-right: 8px;
}
.header_bar .txt {
	height: 229px;
}

.left_col {
	float: left;
	width: 229px;
	padding-right: 10px;
}
.side_menu {
	padding-bottom: 4px;
}

.side_menu .item {
	padding-bottom: 6px;
}
.gallery_link {
	padding-top: 10px;
}


.main_col {
	float: left;
	width: 442px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 18px;
}
#title1  {
	padding-bottom: 17px;
}
#title2  {
	padding-bottom: 14px;
}
#title3  {
	padding-bottom: 12px;
}


.main_col #end {
	padding-bottom: 0px;
}
.main_col .qa {
	float: left;
	padding-top: 0px;
}
.main_col .desc {
	padding-bottom: 15px;
	padding-left: 25px;
}


.prods {

}
.prods   .item {
	float: left;
	padding-right: 8px;
}
.prods img {
	border: 1px solid #000000;
}

.prods #end {
	padding-right: 0px;
}
.diagram {
	padding-top: 17px;
	padding-bottom: 13px;
}
form {
	margin: 0px;
	padding: 0px;
}
legend {
	font-weight: bold;
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
label {
	padding: 0px;
	display: block;
	float: left;
	clear: both;
	width: 125px;
	margin-right: 0px;
	margin-left: 0px;

}
fieldset {
	padding-left: 15px;
	margin: 15px 0px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border: 1px solid #595959;
}
fieldset p {
	margin: 0px;
	padding: 0px 0px 15px;
}
fieldset #start {
	padding-top: 15px;
}
#playgroundcoverage_equipmentheight {
	width: 275px;
}



fieldset  input, fieldset select {
	width: 150px;
	margin-right: 5px;
}
#calc {
	padding-top: 20px;
	padding-bottom: 15px;
	cursor: pointer;
}
#buy {
	padding-top: 15px;
}







.right_col {
	width: 229px;
	padding-left: 10px;
	float: left;
}
.benefits {
	padding-top: 15px;
	padding-left: 15px;
}



.home {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
}
.home .item {
	float: left;
	height: 229px;
	width: 229px;
	padding-bottom: 8px;
	padding-right: 8px;
}
.home     #end   {
	padding-right: 0px;
}
#main_area {
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(img/benefits_rep.gif);
	background-repeat: repeat-y;
	background-position: 721px 0px;
}
#main_area_gallery {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
#main_area_contact {
	padding-right: 10px;
	padding-left: 10px;
}

.gallery_title {
	float: left;
}
.back_button {
	float: left;
	font-weight: bold;
	padding-top: 13px;
	padding-left: 20px;
}
.back_button a {
	color: #000000;
	text-decoration: none;
}
.back_button a:hover {
	text-decoration: underline;
}




.footer {
	background-color: #dcdbdb;
	margin-right: 10px;
	margin-left: 10px;
	height: 118px;
	margin-bottom: 2px;
	font-size: 11px;
	color: #666666;
	padding-left: 15px;
	padding-top: 12px;
	background-image: url(img/recycle.gif);
	background-repeat: no-repeat;
	background-position: 15px 77px;
}
.footer a {
	color: #666666;
}
.footer a:hover {
	text-decoration: underline;
}








.footer_back {
	background-image: url(img/footer_back.gif);
	background-repeat: no-repeat;
	height: 15px;
	padding-bottom: 12px;
	width: 974px;
	margin-right: auto;
	margin-left: auto;
}
.stockists_title {
	float: left;
	padding-right: 20px;
	padding-bottom: 17px;
}
.stockists_text {
	line-height: 22px;
	float: left;
}
.stockists_text a {
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}
.stockists_text a:hover {
	text-decoration: underline;
}
#stockist_table td {
	padding: 10px 10px 10px 15px;
	background-color: #ebebeb;
	border: 4px solid #FFFFFF;
}
#stockist_table .left {
	border-left-style: none;
}
#stockist_table .right {
	border-right-style: none;
}
#stockist_table .white {
	background-color: #FFFFFF;
}
#contact_1 label {
	width: 170px;
	padding-right: 10px;
}
#contact_1 input, #contact_1 textarea {
	width: 200px;
	margin-bottom: 10px;
}
#contact_1 textarea {
	margin-bottom: 20px;
}

#contact_1 {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
}