@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;
}

.toleft{ float:left;}
.toright{ float:right;}

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

.clear40{ clear:both; height:40px; overflow:hidden;}
.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;
}

.style1_equstrian {
	font-weight: bold;
	color: red;
	font-size: 14px;
	line-height: 18px;
}
.colored{ color:red;}

.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_equestrian {
	background-image: url(img/equestrian_rep.gif);
	background-repeat: repeat-x;
	background-position: center 144px;
}
.left_back .equestrian_rep {
	height: 229px;
	background-image: url(img/equestrian_rep_left.jpg);
	margin-top: 144px;
	background-repeat: repeat-y;
}
.right_back .equestrian_rep {
	background-image: url(img/equestrian_rep_right.jpg);
	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;
}

.main_col_width {
	float: left;
	width: 673px;
	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;
}
.tlst{ padding-top:20px;}
.tlst li{ list-style-type:none;}
.tlst li a{ font-size:14px; font-weight:bold; line-height:200%;}

.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;
}

/*additional styles*/
.altertbl_eqbg{background-color:#FFC6C6;}

/*vertical tabs*/
.vtabs {
	/* a border is required for IE otherwise the tab panels will not be aligned correctly. */
	position: relative; 
	
}
.vtabs .vtabs-tab-column {
	position: absolute; left: 0; margin: 0; width: 180px; min-width: 180px;
	margin-left:50px; top:26px;
}
.vtabs .vtabs-tab-column ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width:250px;
}
/* css for tab that is open */
.vtabs .vtabs-tab-column ul li.open, .vtabs .vtabs-tab-column ul li.closed {
	
	padding-left: 7px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 1px;
	min-height:18px;
	z-index: 10;
	color:#333;
}
/* css for tab that is closed */
.vtabs .vtabs-tab-column ul li.closed {

}
/* css for tab hover */	
.vtabs .vtabs-tab-column ul li:hover {
	background-color: #efefef;
	color:#000;
}
/* css for link on tab that's open */
.vtabs .vtabs-tab-column ul li a.open, .vtabs .vtabs-tab-column ul li a.closed {
	font: 14px Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #000;
}
/* css for link on tab that's closed */
.vtabs .vtabs-tab-column ul li a.closed {
	color: #666;
}	
.vtabs .vtabs-content-column {
	padding: 0px;
	margin: 0px;
	width:420px;
}
/* css for the content panels */
.vtabs .vtabs-content-column .vtabs-content-panel {
	background-color: #ffffff;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
}