@charset "utf-8";
/* ========================================================================= */
/* 	RESER STYLES */
/* ========================================================================= */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
}
ul,li { list-style-type:none; }
a:active { outline: none  }
img, fieldset, a img { border:0; }

img { _position:relative }
b { font-weight:normal; }
i { font-style:normal; }
.clear { clear:both; font-size:0; height:0; overflow:hidden; }

/* ========================================================================= */
/* 	GENERAL STYLES */
/* ========================================================================= */
/*"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;*/
body { background:#fff url(../img/bg.png); font-size:100%; font-family: Arial,sans-serif; }
a:link {
	color:#344f00;
	text-decoration:none;
	border-bottom:1px solid #4d7300;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
}
a:visited {
	color:#4d7300;
	text-decoration:none;
	border-bottom:1px solid #344f00;
}
a:hover, a:focus {
	color:#4d7300;
	border-bottom:1px solid #5c8a00;
}
a:active {
	color:#5c8a00;
	border-bottom:1px solid transparant;
	outline:none;
}		
h1, h2, h3, h4, h5, h6 {
	font-family:Arial,sans-serif;
	color: #344f00;
	font-weight: bold;
}

/* ========================================================================= */
/* 	STRUCTURE */
/* ========================================================================= */
#layout { min-width:960px; overflow:hidden; position:relative; margin: auto 0;}
.header { height: 206px; background: url(../img/menu-bg.png) 0 100% repeat-x; position: relative; z-index: 10 }
.header .inside { width: 960px; margin: 0 auto; }
.main-content { width: 631px; float: left; }
.side { width: 310px; float: right; }
.side-inside-pages { margin-top: 63px }

/* ========================================================================= */
/* 	TOP CONTENT */
/* ========================================================================= */
.top-content { height: 152px; position: relative; }
.dealer-top-info { position: absolute; right: 0; top: 0 }
.info-panel { width: 507px; font-size: 14px; color: #607439; position: relative; z-index: 10; }
.info-panel p { position: relative; z-index: 2; line-height: 1.4; padding: 10px 40px 30px; text-align: center }
.info-panel ins.pan { position: absolute; left: 0; bottom: 0; background: url(../img/header-info.png) 0 0 no-repeat; display: block; width: 507px; height: 495px; z-index: 1 }
div.logo { width: 420px; margin-left: 10px; padding-top: 20px; font-family:Arial,sans-serif; }
div.logo span { font-size: 18px; color: #5c8a00; font-weight: bold }
.dealer-brand { font-size: 24px; font-weight: bold; text-shadow: 0 1px #fff; line-height: 1; width: 420px; font-family:Arial,sans-serif;padding-bottom:3px; }
.dealer-brand a { border: none!important; color:#4d7300;	border-bottom:1px solid #5c8a00; }
/*font sample: "Century Gothic", Helvetica,*/

/* ========================================================================= */
/* 	MAIN NAVIGATION */
/* ========================================================================= */
.main-nav { padding-top: 15px; margin-left: 20px }
.main-nav li { float: left; font-size: 14px }
.main-nav li a { display: block; height: 20px; float: left; border: none; background-image: url(../img/menu.png); background-position: 0 0; text-indent: -9000px }
.main-nav li a:hover { background-position: 0 -20px }
.main-nav li a.active { cursor: default }

.main-nav #nav1 a 			{ background-position: 0 0; }
.main-nav #nav1 a:hover 	{ background-position: 0 -20px; }
.main-nav #nav1 a.active 	{ background-position: 0 -40px; }
.main-nav #nav1 a				{ width: 72px; }

.main-nav #nav2 a 			{ background-position: -72px 0; }
.main-nav #nav2 a:hover 	{ background-position: -72px -20px; }
.main-nav #nav2 a.active 	{ background-position: -72px -40px; }
.main-nav #nav2 a				{ width: 72px; }

.main-nav #nav3 a 			{ background-position: -144px 0; }
.main-nav #nav3 a:hover 	{ background-position: -144px -20px; }
.main-nav #nav3 a.active 	{ background-position: -144px -40px; }
.main-nav #nav3 a				{ width: 48px; }

.main-nav #nav4 a 			{ background-position: -192px 0; }
.main-nav #nav4 a:hover 	{ background-position: -192px -20px; }
.main-nav #nav4 a.active 	{ background-position: -192px -40px; }
.main-nav #nav4 a				{ width: 140px; }

.main-nav #nav5 a 			{ background-position: -332px 0; }
.main-nav #nav5 a:hover 	{ background-position: -332px -20px; }
.main-nav #nav5 a.active 	{ background-position: -332px -40px; }
.main-nav #nav5 a				{ width: 150px; }

.main-nav #nav6 a 			{ background-position: -482px 0; }
.main-nav #nav6 a:hover 	{ background-position: -482px -20px; }
.main-nav #nav6 a.active 	{ background-position: -482px -40px; }
.main-nav #nav6 a				{ width: 124px; }

.main-nav #nav7 a 			{ background-position: -606px 0; }
.main-nav #nav7 a:hover 	{ background-position: -606px -20px; }
.main-nav #nav7 a.active 	{ background-position: -606px -40px; }
.main-nav #nav7 a				{ width: 45px; }

.main-nav #nav8 a 			{ background-position: -651px 0; }
.main-nav #nav8 a:hover 	{ background-position: -651px -20px; }
.main-nav #nav8 a.active 	{ background-position: -651px -40px; }
.main-nav #nav8 a				{ width: 85px; }

.main-nav #nav9 a 			{ background-position: -736px 0; }
.main-nav #nav9 a:hover 	{ background-position: -736px -20px; }
.main-nav #nav9 a.active 	{ background-position: -736px -40px; }
.main-nav #nav9 a				{ width: 79px; }

/* ========================================================================= */
/* 	CONTENT */
/* ========================================================================= */
.content { width: 960px; margin: 0 auto; padding-top: 25px;  }

.cnt-panel { width: 631px; }
.cnt-panel .cnt-t { background: url(../img/cnt-top.jpg); height: 30px; }
.cnt-panel .cnt-i { background: url(../img/cnt-inside.jpg) 0 0 repeat-y; }
/*.cnt-panel .cnt-i .wrap { padding: 10px 32px 15px; }*/
.cnt-panel .cnt-i .wrap { padding: 0 32px 0; }
.cnt-panel .cnt-i h2 { margin-bottom: 15px; }
.cnt-panel .cnt-i p { color: #909090; font-size: 14px; line-height: 1.8; padding-bottom: 10px; }
.cnt-panel .cnt-b { background: url(../img/cnt-bottom.jpg); height: 56px; }

.side .inside { margin-right: 10px }
.cnt-gr-panel { background-color: #a0c446; margin-bottom: 30px; position: relative; z-index: 2 }
.cnt-gr-panel .cnt-gr-t { background: url(../img/cnt-gr-top.jpg); height: 44px; position: relative; }
.cnt-gr-panel .cnt-gr-i { background: url(../img/cnt-gr-inside.jpg) no-repeat; position: relative; z-index: 2  }
.cnt-gr-panel .cnt-gr-i .wrap { background: url(../img/cnt-gr-bottom2.jpg) 0 100% no-repeat; padding: 0 25px; position: relative; font-size: 12px; min-height: 165px; color: #344f00; }
.cnt-gr-panel .cnt-gr-i .wrap p { line-height: 1.5 }
.cnt-gr-panel .cnt-gr-i .wrap .net { margin-top:10px;}
.cnt-gr-panel .cnt-gr-i .wrap ins.lf { position: absolute; left: 0; top: 0; margin-left:-18px; height: 222px; background: url(../img/cnt-gr-inside-sh-lf.jpg); width: 18px; display: block }
.cnt-gr-panel .cnt-gr-i .wrap ins.rt { position: absolute; right: 0; top: 0; margin-top: 12px; margin-right:-19px; height: 210px; background: url(../img/cnt-gr-inside-sh-rt.jpg); width: 19px; display: block }
.cnt-gr-panel .cnt-gr-i .wrap ins.leaf { position: absolute; right: 0; bottom: -37px; height: 253px; background: url(../img/leaf.png) 100% 100% no-repeat; width: 184px; display: block }
.cnt-gr-panel .cnt-gr-i .wrap ins.cnt-inst-leaf { bottom: -43px; }
.cnt-gr-panel .cnt-gr-b { background: url(../img/cnt-gr-bottom.jpg); height: 37px; position: relative; z-index: 1 }
.dealer-info { position: relative; z-index: 3 }
.cnt-gr-panel .cnt-gr-t ins { position: absolute; top: 0; left: 0; margin-top: -21px; background: url(../img/cnt-gr-top-sh.jpg) 50% 0; width: 300px; height: 21px; display: block }
.cnt-gr-panel .cnt-gr-b ins { position: absolute; top: 0; left: 0; margin-top: 37px; background: url(../img/cnt-gr-bottom-sh.jpg) 50% 0; width: 300px; height: 18px; display: block }
.btn-contact { margin-top: 20px; display: block; background: url(../img/btn-contact-us.png); width: 250px; height: 67px; border: none!important; text-indent: -9000px; }
.cnt-installation { font-size: 12px; color: #cfe793 }
.cnt-installation .cnt-inst-b { background: url(../img/cnt-inst-bottom.jpg) }
.cnt-installation .cnt-inst-inside { background: #638e17 url(../img/cnt-inst-top.jpg) no-repeat }
.cnt-installation .cnt-inst-inside .wrap { padding: 70px 30px 0 }
.cnt-installation .cnt-inst-inside h3 { font-size: 16px; margin-bottom: 10px; color: #273b01 }
.cnt-installation .install { display: inline-block; margin-left: 45px; color: #273b01; font-size: 14px; font-weight: bold; text-shadow: 0 1px #90b639; position: relative; }
.cnt-installation .install em { background: url(../img/arrow-left.gif) 0 0 no-repeat; height: 12px; width: 7px; display: block; position: absolute; left: 0; top: 0; margin-top: 4px; margin-left: -12px }
.cnt-installation .install:hover { border-color: #4a6a12; }

.professionals-logo {  text-align: center; width: 300px; margin-bottom: 50px; position: relative; }
.professionals-logo .rounded { background: #fff; padding: 20px; zoom: 1; white-space: nowrap; }
.professionals-logo .inside {  margin: 0 }
.professionals-logo .title { background: url(../img/title_professional-trade.png) 50% 0 no-repeat; height: 21px; text-indent: -9000px; margin-bottom: 10px }
.professionals-logo .cnt-b-sh { position: absolute; bottom: -19px; left: 0; background: url(../img/cnt-gr-bottom-sh.jpg) 50% 0; width: 300px; height: 18px; display: block }

.sendtoafriend { width: 960px; margin: 0 auto; background: url(../img/bg-gray.png) 50% 50% no-repeat; }
.sendtoafriend .wrap { background: url(../img/nomudinfo.png) 50% 50% no-repeat; height: 108px; width: 100%; display: block }
.sendtoafriend .inside { position: relative; z-index: 5 }
.sendtoafriend .grass-logo { position: absolute; left: 0; top: 0; margin-top: -30px; margin-left: 65px; z-index: 5 }
.sendtoafriend .grass-logo a { border: none!important }

.grassinfo h3 { font-weight: bold; font-size: 18px; margin-bottom: 7px; }
.grassinfo p { font-size: 13px; color: #375204 }
.grassinfo .install-text { padding-bottom: 10px }
.grassinfo { margin-bottom: 30px; padding-top: 25px }

.twocoll .fl-right { float: left; width: 300px; }
.twocoll .fl-right .inner { margin: 0 10px; }
.twocoll .fl-left { float: right; width: 300px; }

.page-title { font-size: 30px; padding-left: 10px; margin-bottom: 25px }
.content dt { font-size: 13px; color: #375204; margin-bottom: 10px; }
.cnt-panel .cnt-i .bigtext p { color: #344f00; font-size: 18px; }
.cnt-panel .cnt-i h3 { margin: 15px 0 }
.main-content { padding-bottom: 50px }

.cnt-panel .cnt-i .ques { font-weight: bold; color: #375204; margin-top: 10px }
.cnt-panel .cnt-i .ques a:hover,
.cnt-panel .cnt-i .ques a { border: none !important;  }
.cnt-panel .cnt-i .ques a { text-decoration: underline }
.cnt-panel .cnt-i .ques a:hover { text-decoration: none !important }
.cnt-panel .cnt-i p { color: #4e4e4e; font-size: 13px }

.pdf { background: url(../img/icon_pdf.gif) 0 5px no-repeat; padding: 3px 0 3px 25px; border: none!important; display: inline-block }
.pdf:hover { text-decoration: underline }

/* Why Artificial Grass */
.whyartificialinfo .grassinfo .fl-right p { margin-bottom: 10px }

/* Downloads */
.pdf-details { padding-left: 25px }

/* Contact Us */
.contact-us-form li { clear: both; font-size: 14px; padding-bottom: 10px; overflow: hidden }
.contact-us-form li label { float: left; width: 150px; color:#344f00; padding: 6px 0 0 0; overflow: hidden }
.contact-us-form li input,
/*"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;*/
.contact-us-form li textarea { float: left; background: #d1dcb5; border: none; padding: 7px 10px; -moz-border-radius: 10px; font-family: Arial,sans-serif; font-size: 14px; width: 330px }
.contact-us-form li textarea { height: 120px; }
.contact-us-form li .uselst { float: left; font-size: 13px }
.contact-us-form li .uselst td { padding-right: 10px; white-space: nowrap }
.contact-us-form li .uselst label { width: auto; padding: 0 0 0 5px }
.contact-us-form li .uselst input { border: none; background: none; padding: 0; margin: 0; width: auto }
.contact-us-form li.submitarea { padding-top: 10px; }
.contact-us-form li.submitarea input { border: none; background: none; width: 96px; height: 37px; padding: 0 }
.contact-us-form li span.error{ font-size: 12px; margin-left: 10px; display: inline-block; padding-top: 6px; color: #a52a2a!important }
.contact-us-form li span.inputexample { font-size: 12px; display: inline-block; margin-left: 160px; color: #4e4e4e; padding-top: 0 }
.contact-us-form li span.error-position,
.contact-us-form li span.error-post-code { font-size: 12px; display: inline-block; margin-left: 5px; color: #a52a2a }
.contact-us-form li span.error-post-code { margin-left: 160px !important; }
.mandatory { font-size: 12px; padding: 0 0 0 10px; color: #344f00; display: inline-block; position: relative; top: -13px }

/* Products */
.products .fl-left { width: 220px; margin-left: 10px; float: left; }
.products .fl-right { width: 380px; margin-left: 20px; float: left }

.products .information { margin: 8px 0 0 0; padding: 0 0 0 40px; }
.products .information h2 { margin: 0 0 0.3em; }
.products .information .floatleft { width: 170px; }
.products .information .floatright { width: 720px; }
.products .information .floatright p { font-size: 1.1em; }

.products .products_list { position: realtive; font-size: 12px; }
.products .products_list table td { background: #c4d697 url(../img/products/prod_frame_bottom.gif) no-repeat left bottom; vertical-align: top; padding: 0 }
.products .products_list table td.whitespace { width: 5px; background: transparent }
.products .products_list table .pic_area { width: 120px; padding: 0 0 20px 0; }
.products .products_list table .pic_area p { padding: 7px 12px; margin: 0; line-height: 1.2; }
.products .products_list table .pic_prod { position: relative; display: block; width: 106px; cursor: hand; height: 101px; padding: 7px; background: url(../img/products/prod_frame.gif) no-repeat left top; }
.products .products_list table .pic_prod a { display: block; height: 101px; width: 106px; cursor: hand; border: none!important }
.products .products_list table .pic_area p a { color: #344f00; text-decoration: none; border: none  }
.products .products_list table .pic_area p a:hover { text-decoration: underline; }
.products .products_list table .pic_prod span { display: block; height: 101px; width: 106px; }
.products .pdfguide { margin: 20px 0; font-size: 12px;  }

.products .prod_list { position: relative; margin: 0; padding: 0; list-style: none; }
.products .prod_list li { margin: 0 0 2px 0; background: url(../img/products/prod_list_center.gif) repeat-y; width: 100%; clear: both; font-size: 12px; }
.products .prod_list li a { display: block; padding: 5px 0 0 0; background: url(../img/products/prod_list_top.gif) no-repeat left top; color: #344f00; text-decoration: none; font-size: 1.1em; border: none }
.products .prod_list li a:hover { color: black; }
.products .prod_list li b { display: block; padding: 0 14px 5px 54px; background: url(../img/products/prod_list_bottom.gif) no-repeat left bottom; font-weight: normal; }
.products .prod_list li img { margin: 0 4px 0 27px; float: left; }

.products .prod_list li.root b { display: block; padding: 0 14px 5px 40px; background: url(../img/products/prod_list_bottom.gif) no-repeat left bottom; font-weight: normal; }
.products .prod_list li.root img { margin: 0 4px 0 14px; float: left; }

.products .prod_list li.folder { margin: 0 0 2px 0; background: url(../img/products/prod_list_center2.gif) repeat-y; width: 100%; clear: both }
.products .prod_list li.folder a { display: block; padding: 3px 0 0 0; background: url(../img/products/prod_list_top2.gif) no-repeat left top; color: #344f00; text-decoration: none; font-size: 1.1em; }
.products .prod_list li.folder a:hover { color: black; }
.products .prod_list li.folder b { display: block; padding: 0 14px 8px 38px; background: url(../img/products/prod_list_bottom2.gif) no-repeat left bottom; font-weight: normal; }
.products .prod_list li.folder img { margin: 0 4px 0 14px; float: left; }

.products .prod_details { width: 420px }
.price { width: 180px; height: 110px; padding-top: 25px; font-size: 12px; background: url(../img/price.png) no-repeat 0 0; float: right; margin: 0 0 0 30px }
.price .rrp { padding-left: 25px; color: #324a00}
.price .pounds {font-size: 30px; padding-left: 20px; color: #273b01; font-weight: bold;}
.price .units {font-size: 12px; padding-left: 25px; color: #324a00}
.price sup {top: -10px; position: relative;font-weight: normal; color: #324a00 }

.products .products_list h3 { font-size: 20px; margin: 0 0 10px 0 }
.products .cat-description { color: #344f00; margin-bottom: 12px }
.subtitle { color: #4e4e4e; font-size: 16px; }
.head { position: relative; }
.head .backto { position: absolute; right: 10px; top: 12px; }
.related { margin-bottom: 0!important }
.sidebackto { padding-bottom: 30px; padding-right: 30px; font-size: 13px; margin-top: -45px; text-align: right }
.sidebackto a { text-decoration: underline; border: none; display: inline-block; }
.sidebackto a:hover { text-decoration: none }

.backto a { font-size: 12px; display: block; background: url(../img/backtoproducts.png); width: 151px; height: 24px; border: none; margin-bottom: 10px }
.backto span { display: none }

.backtobott a { margin: 10px 0 0 0 }

.product-details-images { padding: 20px 0 20px 30px; }
.product-details-images .inner { width: 567px; height: 600px; clear: both }


/* gall css */
.howitis_gallery {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 311px;
	height: 279px;
	margin: 0;
	padding: 0;
}

#gall_content { position: absolute; top: 8px; margin-left: 0; }
#gall_content,
#gall_content li { list-style: none; margin: 0; padding: 0; }
#gall_content { width: 13440px; }

.howitis_gallery ul { width: 310px; margin: 0; padding: 0;}
.howitis_gallery ul li { display: block; float: left; display: inline; margin: 0; padding: 0; border: none;	}
.howitis_gallery  ul li img { display: block; }

#gall_frame { position: relative; margin: 231px 0 0 9px; }
#gall_frame ul li { margin: 0; }
#gall_frame ul li img { padding: 1px; }

#frame { position: absolute; left: 0; top: 0; background: url(../img/howitis_gallery_frame.gif); width: 311px; height: 224px; z-index: 1000;  }	
.howitis_gallery {
	background:url("../img/howitis_gallery_bg.gif") repeat scroll 0 0 transparent;
	height:279px;
	width:311px;
}
.howitis-cont .grassinfo .fl-right { margin-right: 0; width: 330px  }
.howitis-cont .grassinfo .fl-right .inner { margin-right: 0; }
.howitis-cont .grassinfo .fl-left { width: 280px }

.pdflsts { margin-top: 3px }
.pdflsts .pdf { border: none; margin-bottom: 5px; display: inline-block }



.footer { margin-top: 65px; background: url(../img/footer-grass.jpg) 0 0 repeat-x; padding-top: 22px; }
.footer .inner { background: #344f00; }
.footer .wrap { width: 960px; margin: 0 auto; position: relative; height: 130px  }
.footer .f-nav { width: 410px; padding-top: 25px; margin-bottom: 15px; margin-left: 20px }
.footer .f-nav li { display: inline; font-size: 12px; margin-right: 15px; line-height: 1.5  }
.footer .f-nav a { color: #dbdbdb; border-color: #dbdbdb; white-space: nowrap }
.footer .f-nav a:hover { color: #cfe793; border-color: #cfe793 }
.footer .copy { font-size: 11px; color: #dbdbdb; margin-left: 20px }
.footer .dealer-bottom-info { bottom: 0; right: 0; position: absolute }
.footer .info-panel ins.pan { background: url(../img/footer-info.png) 0 0 no-repeat; top: 0; bottom: auto; }
.footer .info-panel p { padding: 20px 30px 15px; }

/* Wp-page navi */