/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.archivelink{
	padding:20px 0px 0px 0px;
}

#header {
	float: left;
	width: 761px;
	height: 150px;
	margin: 0;
	background: url(../images/topsoil/bg_header.jpg) no-repeat top center #d4c0a5;
	position: relative;
}

#headerinner {
	height: 125px;
	border-bottom: 2px solid #995900;
}
	
#tagline {
	position: absolute;
	top: 47px;
	left: 258px;
	width: 370px;
	height: 38px;
	background: url(../images/topsoil/beautiful_gardens.jpg) no-repeat top left;
	text-indent: -3000em;
	font-size: 1px;
}
.tel {
	position: absolute;
	bottom: 80px;
	right: 0;
	padding: 0;
	width: 195px;
	height: 26px;
	background: url(../images/topsoil/tel_number.gif) no-repeat top left;
	text-indent: 39px;
	color: #fff;
	font-weight: bold;
	font-size: 1.7em;
}


#footer {
	float: left;
	width: 761px;
	height: 100px;
	margin: 0 0 13px 0;
	background: url(../images/topsoil/bg_footer.jpg) no-repeat top center;
	position: relative;
}
	
table caption {
	font-weight: bold;
	background: url(../images/topsoil/bg_content_title.gif) no-repeat top left;
	color: #fff;
	padding: 8px 0 0px 12px;
	margin: 0px;
	text-align: center;
	border: none;
	font-size: 1.2em;
	width: 420px;
	height: 24px;
	line-height: normal;
}

.sidebox {
	width: 175px;
	position: relative;
	float: left;
	background: url(../images/topsoil/bg_boxbottom.gif) no-repeat bottom left;
}
.sidebox h2 {
	width: 163px;
	height: 22px;
	font-size: 1.2em;
	color: #fff;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 7px 0 0 12px;
	background: url(../images/topsoil/bg_title_box.gif) no-repeat top left;
}


.sidebox li a {
	text-decoration: none;
	margin: 1px 0;
	padding: 3px 4px 3px 14px;
	width: 141px;
	display: block;
	color: #767676;
	background: url(../images/topsoil/bg_arrow.gif) no-repeat left center;
	line-height:1.25em;
}
.sidebox li a:hover {
	background: url(../images/topsoil/bg_arrow.gif) no-repeat left center #f5f5f5;
	color: #884222;
}
.sidebox li a.selected {
	color: #884222;
	background: url(../images/topsoil/bg_arrow_down.gif) no-repeat left center #f5f5f5!important;
	font-weight: bold;
}

#lc_nav .sidebox li a {
	text-decoration: none;
	margin: 1px 0;
	padding: 3px 4px 3px 14px;
	width: 141px;
	display: block;
	color: #767676;
	background: url(../images/topsoil/bg_arrow.gif) no-repeat left center;
}
#lc_nav .sidebox li a:hover {
	background: url(../images/topsoil/bg_arrow.gif) no-repeat left center #f5f5f5;
	color: #884222;
}
#lc_nav .sidebox li a.selected {
	color: #884222;
	background: url(../images/topsoil/bg_arrow_down.gif) no-repeat left center #f5f5f5;
	font-weight: bold;
}

.hpbox {
	width: 245px;
	height: 170px;
	float: left;
	position: relative;
	margin: 0 12px 0 0;
	background: url(../images/topsoil/bg_hpboxbottom.gif) no-repeat bottom left;
}
.hpbox h2 {
	width: 233px;
	height: 22px;
	font-size: 1.2em;
	color: #fff;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 7px 0 0 12px;
	background: url(../images/topsoil/bg_hp_box.gif) no-repeat top left;
}

#del_options {
	width: 175px;
	height: 202px;
	float: left;
	position: relative;
	margin: 0 12px 0 0;
	background: url(../images/topsoil/bg_boxbottom2.gif) no-repeat bottom left;
}
#del_options h2 {
	width: 163px;
	height: 22px;
	font-size: 1.2em;
	color: #fff;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 7px 0 0 12px;
	background: url(../images/topsoil/bg_title_box.gif) no-repeat top left;
}






#info_for {
	width: 245px;
	height: 170px;
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	background: url(../images/topsoil/bg_hpboxbottom.gif) no-repeat bottom left;
}
#info_for h2 {
	width: 233px;
	height: 22px;
	font-size: 1.2em;
	color: #fff;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 7px 0 0 12px;
	background: url(../images/topsoil/bg_hp_box.gif) no-repeat top left;
}


#info_for ul {
	float: left; clear: none; width: 95px; padding: 1px; margin: 10px 0 0 10px;
	list-style: none;
}

#info_for ul.right_list {
	margin-top: 12px;
}
#info_for.ie6_list ul {
	margin: 10px 0 0 5px;
}
#info_for li a {
	text-decoration: none;
	margin: 1px 0;
	padding: 0px 0px 0px 14px;
	width: 95px;
	display: block;
	color: #767676;
	background: url(../images/topsoil/bg_arrow.gif) no-repeat left 7px;
	line-height:2.0em;
	border-bottom: 1px solid #ccc;
}
#info_for.ie6_list li a {
	margin: 0px; 
}
#info_for li a:hover {
	background: url(../images/topsoil/bg_arrow.gif) no-repeat left 7px #f5f5f5;
	color: #884222;
}
#info_for li a.selected {
	color: #884222;
	background: url(../images/topsoil/bg_arrow_down.gif) no-repeat left center #f5f5f5!important;
	font-weight: bold;
}






.deliveryoptions ul{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

.deliveryoptions ul li{
	padding:0px;
	float:left;
	clear:both;
	width:150px;
}

#del_options .deliveryoptions ul li {
	padding:8px 0px 0px 22px;
}

.deliveryoptions ul li a span {
	padding:12px 0px 0px 10px;
	float:left;
	cursor: pointer;
	text-decoration:none;
}

.deliveryoptions .dothumb{
	float:left;
}


#footersubnav {
	position: absolute;
	top: 33px;
	left: 0;
	padding: 5px 22px;
	list-style: none;
	width: 717px;
	float: left;
	background: #d4c0a5;
}


.footertel {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	width: 195px;
	height: 26px;
	background: url(../images/topsoil/footer_tel.gif) no-repeat top left;
	text-indent: 40px;
	color: #fff;
	font-weight: bold;
	font-size: 1.7em;
}

#logos {
	float: left;
	width: 761px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #9e6d28;
}

#subnav li {
	float: left;
	padding: 0 7px;
	background: url(../images/topsoil/bg_divider1.gif) no-repeat right center;
}

#footersubnav li {
	float: left;
	padding: 0 7px;
	background: url(../images/topsoil/bg_divider1.gif) no-repeat right center;
}

#footerlinks li {
	float: left;
	padding: 0 7px;
	background: url(../images/topsoil/bg_divider1.gif) no-repeat right center;
}


#content h3{
	color: #805820;
}

h1, h2, h3 {
	color: #805820;
	line-height: normal;
	margin: 0 0 15px 0;
	padding: 0;
}

h1 {
	color: #805820;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #d6d6d6;
}


h2 {
	font-size: 1.4em;
	font-weight: normal;
}

h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #805820;
}

legend{
	color: #805820;
}	
	
.hpbox div h3 {
	font-size: 1.1em;
	line-height: 1.1em;
	clear: left;
	color: #805820;
	margin: 0 0 5px 0;
}

.datepara {
	color: #805820;
	text-decoration: underline;
}

a {
	color: #805820;
	text-decoration: underline;
}
a:hover {
	color: #805820;
	text-decoration: none;
}


.prodsummary{
	float:left;
	clear:both;
	border:1px solid #dcd6cf;
	padding:2px;
	margin:0px 0px 10px 0px;
	width:420px;
	display:block;
}

.sidebox li {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #dcd6cf;
}
#lc_nav .sidebox li {
	padding: 0;
	margin: 0;
	width: 159px;
	border-bottom: 1px solid #dcd6cf;
}


.sidebox li a.innerselected {
	color: #884222;
	background-color: #f5f5f5!important;
	font-weight: bold;
}
#lc_nav .sidebox li li a {
	text-decoration: none;
	margin: 0;
	padding: 3px 4px 3px 14px;
	width: 141px;
	display: block;
	color: #767676;
	background: none;
}
#lc_nav .sidebox li li a:hover {
	background: #f5f5f5;
	color: #884222;
}
#lc_nav .sidebox li li a.selected {
	color: #884222;
	background: #884222;
	font-weight: bold;
}

.homeprodsumimg{
	position:absolute;
	z-index:0;
}

.homeprodsum{
	position:absolute;
	z-index:1;
	border:0px;
	width: 115px;
}



#product_range li a {
	float: left;
	width: 115px;
	height: 95px;
	padding: 1px;
	border: 1px solid #c0c0c0;
	color: #333;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	display: block;
}
#product_range li a:hover { border: 1px solid #c0c0c0; color: #fff; text-decoration: underline; background-color:#cbb18b; }


#product_range li span {
	float: left;
	width: 109px;
	height: 30px;
	padding: 60px 3px 3px 3px;
	margin: 0px 0px 0px 0px;
	display: block;
	border: 0px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font: 12px/1.4em arial, helvetica, tahoma, verdana, sans-serif;
		color: #767676;
		line-height: normal;
	}
	
	body {
		margin: 0;
		text-align: center;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	
	
	/* Paragraph default styling, amend as desired */
	p {
		margin: 0 0 20px 0;
		padding: 0;
		line-height: 1.5em;
	}
	
	
	/* Removes blue border on img links */
	a img {
		border: 0;
	}
	
	
	
	
	/* Float an element left with a margin */
	.floatL {
		float: left;
		margin: 0 20px 20px 0;
	}
	
	/* Float an element right with a margin */
	.floatR {
		float: right;
		margin: 0 0 20px 20px;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#outerwrap {
		width: 761px;
		margin: 0 auto;
		text-align: left;
	}
	
	#hpinnerwrap {
		float: left;
		width: 761px;
	}
	#contentwrap {
		float: left;
		width: 761px;
		margin: 0 0 13px 0;
		padding: 0;
	}
	#leftcolumn {
		float: left;
		width: 175px;
		margin: 0 20px 0 0;
		padding: 0;
	}
	#rightcolumn {
		float: right;
		width: 125px;
		margin: 0px 0px 0px 0px;
		padding: 0;
	}
	#innercontentwrap {
		float: right;
		width: 565px;
		margin: 0;
		padding: 0;
	}
	#content {
		float: left;
		width: 420px;
		margin: 0;
		padding: 0;
	}
	
	
	
	
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 1em;
		color: #666;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TABLE ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	table {
		border-collapse: separate;
		border-spacing: 1px;
		border: 0;
		clear: both;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		background: #e7e7e7;
		margin: 0 0 15px;
		width: 100%;
	} 
	

	table td, table th {
		padding: 4px;
	}
	table thead th {
		text-align: left;
		background: #f5f5f5;
		color: #666;
		border: 1px solid #fff;
	}

	table tbody th {
		color: #666;
		border: 1px solid #fff;
		text-align: right;
	}

	table tbody tr {
		background: #fff; 
		text-align: left;
		}

	table tbody tr td { 
		background: #fff;
		border: 1px solid #fff;
	}

	table td strong, table a { 
		color: #805820;
	}

	
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	

	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	
	#logo {
		position: absolute;
		top: 26px;
		left: 33px;
	}

	.date {
		position: absolute;
		top: 8px;
		right: 17px;
		color: #fff;
	}
	.opening_times {
		position: absolute;
		bottom: 10px;
		right: 17px;
		color: #fff;
		text-align: right;
		font-size: 0.9em;
		line-height: 1.3em;
	}

/* NAV STYLES  */

	#nav {
		position: absolute;
		bottom: 25px;
		left: 22px;
		padding: 0;
		list-style: none;
	}
	#nav li {
		float: left;
		height: 26px;
		/*text-indent: -3000em;*/
		font-size: 1px;
	}
	
	#nav li span {
		display:none;
	}
	
	#nav li a {
		float: left;
		height: 26px;
		display: block;
	}
	#nav li.homelink a { background: url(../images/topsoil/tab_home.gif) no-repeat top left; width: 71px; }
	#nav li.homelink a:hover, #nav li.homelink a.selected { background: url(../images/topsoil/tab_home.gif) no-repeat bottom left; }

	#nav li.productslink a { background: url(../images/topsoil/tab_products.gif) no-repeat top left; width: 87px; }
	#nav li.productslink a:hover, #nav li.productslink a.selected { background: url(../images/topsoil/tab_products.gif) no-repeat bottom left; }

	#nav li.orderlink a { background: url(../images/topsoil/tab_order.gif) no-repeat top left; width: 117px; }
	#nav li.orderlink a:hover, #nav li.orderlink a.selected { background: url(../images/topsoil/tab_order.gif) no-repeat bottom left; }

	#nav li.aboutlink a { background: url(../images/topsoil/tab_about.gif) no-repeat top left; width: 116px; }
	#nav li.aboutlink a:hover, #nav li.aboutlink a.selected { background: url(../images/topsoil/tab_about.gif) no-repeat bottom left; }

	#nav li.contactlink a { background: url(../images/topsoil/tab_contact.gif) no-repeat top left; width: 98px; }
	#nav li.contactlink a:hover, #nav li.contactlink a.selected { background: url(../images/topsoil/tab_contact.gif) no-repeat bottom left; }
	
	/* SUBNAV STYLES  */

	#subnav {
		position: absolute;
		bottom: 4px;
		left: 22px;
		padding: 0;
		list-style: none;
	}
	
	#subnav li.last {
		float: left;
		padding: 0 0 0 7px;
		background: none;
		/*font-weight: bold;*/
	}
	#subnav li a {
		float: left;
		text-decoration: none;
	}
	#subnav li a:hover {
		text-decoration: underline;
	}

	
	/* This is not within the header, as it can't knock the absolute positions, plus it needs to be separate so it can be switched on and off easily */
	div#header_spacer {
		position: relative; width: 50%; height: 13px; margin: 0; padding: 0; clear: both; font-size: 0.1em;
	}
	
	#subnav2 {
		padding: 0; margin: 0 0 13px; background-color: #d4c0a5; text-align: center; vertical-align: middle;
	}
	#subnav2 form.directed_search {
		color: #805820; font-weight: bold; display: inline; margin: 0 10px; padding: 0;
	}
	#subnav2 form.directed_search select {
		padding: 0; margin: 0 0 5px; width: auto;
	}
	#subnav2 form.directed_search input {
		color: #805820; font-weight: bold; border: none; width: auto; cursor: pointer; padding: 0; margin: 0;
		background-color: #d4c0a5; margin-left: 5px;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HOME SPECIFIC STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#hpinnerwrap {
		float: left;
		width: 761px;
	}
	
/* Products range box on homepage - This will probably be used for the inner pages box styles */

	
	.sidebox h2 a {
		color: #fff;
		text-decoration: none;
	}
	.sidebox h2 a:hover {
		text-decoration: underline;
	}
	.sidebox ul, .sideboxinner {
		width: 159px;
		list-style: none;
		clear: both;
		padding: 0 8px;
		float: left;
		margin: 3px 0 0 0;
		font-size: 0.9em;
	}
	
	
	.sidebox li.last {
		border-bottom: 0;
	}
	
	
	
	
/* Leftcolumn hack */
	#lc_nav .sidebox ul {
		width: 159px;
		list-style: none;
		clear: both;
		padding: 3px 8px 5px 8px;
		float: left;
		margin: 0;
	}
	
	
	#lc_nav .sidebox li.last {
		border-bottom: 0;
	}
	
	/* Second level */
	#lc_nav .sidebox ul ul {
		width: 159px;
		list-style: none;
		clear: both;
		padding: 1px 0px 2px 0px;
		float: left;
		margin: 0;
	}
	#lc_nav .sidebox li li {
		padding: 0;
		margin: 0;
		width: 159px;
		border-bottom: 0;
	}
	
	
	
	
	
	/* */

	.sideboxinner p {
		margin: 0 0 5px 0;
		padding: 0;
	}
	.sideboxinner form {
		float: left;
		width: 159px;
		margin: 0;
		padding: 0 0 10px 0;
	}
	.sideboxinner input {
		font-size: 1.2em;
		margin: 0 5px 5px 0;
		width: 85px;
		padding: 1px;
		float: left;
	}
	.sideboxinner input.formbutton {
		width: auto;
		padding: 0;
		margin: 0;
		font-size:95%;
	}
	
/* Email info button */
	.sidebox .title {
		position: absolute;
		top: 8px;
		right: 12px;
		width: 14px;
		height: 14px;
		padding: 0;
		margin: 0;
		text-indent: -3000em;
		overflow: hidden;
		font-size: 1px;
		background: url(../images/topsoil/icon_info.gif) no-repeat top center;
	}
	.sidebox .emailinfolink:hover { background: url(../images/topsoil/icon_info.gif) no-repeat bottom center; }
	

/* This banner will be flash but this css and the html will need to be keep as a non-flash user version */
	.hpbannerwrap {
		float: left;
		width: 761px;
		margin: 0px;
		padding:0px;
		position:relative;
	}
	
	.scollingimage{
		position:absolute;
		left:192px;
		top:0px;
		width:569px;
		height:202px;
		display:block;
	}
	
	.slide{
		position:absolute;
		left:0px;
		top:0px;
		width:569px;
		height:202px;
		display:block;
	}
	
	#hpbanner {
		width: 569px;
		height: 222px;
		padding: 0px;
		float: right;
                margin-top:-7px;
	}
	#hpbanner h1 {
		border: 0;
		margin: -5px 0 5px 0px;
		padding: 0;
		font-size: 2.5em;
		font-weight: normal;
		font-family: "Times New Roman", Times, serif;
		color: #fff;
		position:relative;
		z-index:10;
	}
	#hpbanner p {
		margin: 0 0 0 0px;
		color: #fff;
		line-height: 1.4em;
		width: 350px;
		font-size: 1.1em;
		position:relative;
		z-index:10;
	}
	
	#hpinnerwrap .sidebox {
		height: 202px;
	}
	
/* Products range */
	
	#product_range .lastimg{
		padding:0px!important;
		margin:0px!important;
	}
	
	.hpproductswrap {
		float: left;
		width: 761px;
		margin: 0 0 13px 0;
		padding: 0;
	}
	
	
	.hpproductswrap h2 {
		margin: 0 0 4px 0;
		padding: 0 0px 6px 0px;
		float: left;
		font-size: 1.2em;
		border-bottom: 1px solid #9e6d28;
		line-height:1.2em;
		width:761px;
		display:block;
	}
	
	#product_range {
		float: left;
		width: 765px;
		clear: both;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	#product_range li {
		float: left;
		width: 123px;
		height: 97px;
		margin: 0 5px 0 0;
	}
	* html #product_range li {
		margin: 0 3px 0 0;
	}
	
	
	#product_range li a, #product_range li span {
		cursor: pointer;
	}
	
	#product_range li.turf a span  { background: url(../images/rolawn/thumb_turf.jpg) no-repeat top center; }
	#product_range li.turf a:hover span  { background: url(../images/rolawn/thumb_turf.jpg) no-repeat top center #dce9d6; }
	
	#product_range li.topsoil a span  { background: url(../images/rolawn/thumb_topsoil.jpg) no-repeat top center; }
	#product_range li.topsoil a:hover span  { background: url(../images/rolawn/thumb_topsoil.jpg) no-repeat top center #dce9d6; }
	
	#product_range li.improver a span  { background: url(../images/rolawn/thumb_soil_improver.jpg) no-repeat top center; }
	#product_range li.improver a:hover span  { background: url(../images/rolawn/thumb_soil_improver.jpg) no-repeat top center #dce9d6; }
	
	#product_range li.bark a span { background: url(../images/rolawn/thumb_bark.jpg) no-repeat top center; }
	#product_range li.bark a:hover span { background: url(../images/rolawn/thumb_bark.jpg) no-repeat top center #dce9d6; }
	
	#product_range li.fertiliser a span { background: url(../images/rolawn/thumb_fertiliser.jpg) no-repeat top center; }
	#product_range li.fertiliser a:hover span { background: url(../images/rolawn/thumb_fertiliser.jpg) no-repeat top center #dce9d6; }
	
	#product_range li.dressing a span { background: url(../images/rolawn/thumb_dressing.jpg) no-repeat top center; }
	#product_range li.dressing a:hover span { background: url(../images/rolawn/thumb_dressing.jpg) no-repeat top center #dce9d6; }
	
	#product_range li.seed a span { background: url(../images/rolawn/thumb_seed.jpg) no-repeat top center; }
	#product_range li.seed a:hover span { background: url(../images/rolawn/thumb_seed.jpg) no-repeat top center #dce9d6; }
	
	#product_range li.control a span { background: url(../images/rolawn/thumb_control.jpg) no-repeat top center; }
	#product_range li.control a:hover span { background: url(../images/rolawn/thumb_control.jpg) no-repeat top center #dce9d6; }

	
	
/* The three homepage boxes below product range */
	.hpboxes {
		width: 775px;
		margin: 0 -13px 13px 0;
		padding: 0;
		float: left;
	}
	
	
	
/* Inner Div styling */
	.hpbox div {
		width: 221px;
		height: 125px;
		float: left;
		margin: 0;
		padding: 8px 12px;
	}
	.techadvinner { background: url(../images/topsoil/bg_tech_advice.jpg) no-repeat bottom right; }
	.testimonialsinner { background: url(../images/topsoil/professor.jpg) no-repeat bottom right; }
	
	
	
/* Inner Div h3 styling */
	
	.hpbox div h3 span {
		font-size: 0.8em;
		clear: both;
		font-weight: normal;
		display: block;
	}



/* Inner Div p styling */
	.testimonialsinner p,
	.newsboxinner p,
	.techadvinner p {
		font-size: 0.95em;
		line-height: 1.4em;
		clear: left;
		margin: 0 0 5px 0;
	}
	
	.sqtopsoil{
		font-size: 0.95em;
		width: 195px;
	}
	
	.techadvpara {
		width: 145px;
	}
	.testipara {
		width: 155px;
	}
	
	
	
	
/* Read more button */
	.hpbox .readmore, #del_options .readmore {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 96px;
		height: 24px;
		padding: 0;
		margin: 0;
	}
	* html .hpbox .readmore { right: -1px; }
	
	.hpbox .readmore a, #del_options .readmore a {
		float: left;
		width: 96px;
		height: 24px;
		padding: 0;
		margin: 0;
		display: block;
		text-indent: -3000em;
		overflow: hidden;
		font-size: 1px;
		background: url(../images/topsoil/button_readmore.gif) no-repeat top center;
	}
	.hpbox .readmore a:hover, #del_options .readmore a:hover { background: url(../images/topsoil/button_readmore.gif) no-repeat bottom center; }
	
	.hpbox .techadvinner .readmore a { background: url(../images/topsoil/button_tech_advice.gif) no-repeat top center; }
	.hpbox .techadvinner .readmore a:hover { background: url(../images/topsoil/button_tech_advice.gif) no-repeat bottom center; }

/* Logos */
	
	
	#logos ul {
		float: left;
		width: 560px;
		margin: 5px 0 5px 0;
		padding: 0;
		text-align: left;
		list-style: none;
	}
	#logos li {
		display: block;
		float: left;
		padding: 0 18px 0 0;
		vertical-align: top;
	}
	
	#social {
		margin: 8px 0 5px 0px;
		float: right; 
		width: 115px; 
		height: 80px; 
		display: inline;
	}
	#social div {
		margin: 5px 5px 0 0;
		font-size: 0.9em;
		color: #777;
		width: 50px; 
		display: inline;
		float: left;
		overflow: visible;
	}
	#social div#twitter_icon {
		margin: 5px 0 0 0;
	}
	#social div a {
		color: #777;
		text-decoration: none;
		padding-bottom: 5px;
	}
	#social div a:hover {
		text-decoration: underline;
	}
	
	#social_icons {
		float: right; width: 40px; margin-top: 2px;
	}

	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* INNER PAGE STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	
	#innercontentwrap ul{
		list-style: none;
		margin:0px!important;
		padding:0px 0px 10px 0px;
	}
	
	.breadcrumb li {
		float: left;
		padding: 0 16px 0 0;
		margin: 0;
		background: url(../images/rolawn/arrow_breadcrumb.gif) no-repeat right center;
		white-space: nowrap; line-height: 140%;
	}
	
/* Compare buttons */
	#content .buttonoptions {
		list-style: none!important;
		padding: 0;
		margin: 0;
		float: left;
		width: 420px;
	}
	#content .buttonoptions li {
		padding: 0;
		margin: 0 0 10px 0;
		float: left;
		width: 200px;
		height: 33px;
	}
	
	#content .buttonoptions li.buyersguide { float: right; }
	
	#content .buttonoptions li a {
		float: left;
		display: block;
		margin: 0;
		font-size: 1px;
		width: 200px;
		height: 33px;
		padding: 0;
		text-indent: -3000em;
		overflow: hidden;
	}
	
	#content .buttonoptions li.compare a { background: url(../images/rolawn/button_compare.gif) no-repeat top left; }
	#content .buttonoptions li.compare a:hover { background: url(../images/rolawn/button_compare.gif) no-repeat bottom left; }
	
	#content .buttonoptions li.buyersguide a { background: url(../images/rolawn/button_buyers_guide.gif) no-repeat top left; }
	#content .buttonoptions li.buyersguide a:hover { background: url(../images/rolawn/button_buyers_guide.gif) no-repeat bottom left; }
	
/* Feature box */

	.featurebox {
		background: url(../images/topsoil/bg_featurebox_footer.gif) no-repeat bottom left;
		padding: 0;
		margin: 0 0 10px 0;
		width: 420px;
		clear: both;
	}
	.featurebox h2 {
		font-weight: bold;
		background: url(../images/topsoil/bg_content_title.gif) no-repeat top left;
		color: #fff;
		padding: 8px 0 0 12px;
		margin: 0;
		border: none;
		font-size: 1.2em;
		width: 408px;
		height: 32px;
		float: left;
	}
	.featurebox .fbinner {
		padding: 15px;
		margin: 0 0 10px 0;
		width: 390px;
	}
	.featurebox .fbinner p {
		margin: 0 0 10px 0;
	}
	.featurebox .fbinner strong {
		color: #805820;
	}
	
/* Big brown button */

	.bigbrownbutton {
		margin: 0 0 10px 0;
		width: 420px;
		height: 56px;
		padding: 0;
	}
	.bigbrownbutton a {
		display: block;
		margin: 0 0 10px 0;
		font-weight: bold;
		width: 400px;
		height: 36px;
		text-decoration: none;
		color: #9e6d28;
		padding: 20px 0 0 20px;
		background: url(../images/rolawn/bg_bigbrownbutton.gif) no-repeat top left;
	}
	.bigbrownbutton a:hover { background: url(../images/rolawn/bg_bigbrownbutton.gif) no-repeat bottom left; color: #9e6d28; }
	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LEFTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#lc_nav {
		list-style: none;
		padding: 0;
		margin: 0;
		float: left;
		width: 175px;
	}
	#lc_nav li {
		padding: 0;
		margin: 0 0 10px 0;
		float: left;
		width: 175px;
	}
	
/* Button Styling, not the boxes */
	#lc_nav li.lc_productlink,
	#lc_nav li.lc_infolink,
	#lc_nav li.lc_techadvicelink,
	#lc_nav li.lc_calculatorlink,
	#lc_nav li.lc_aboutlink,
	#lc_nav li.lc_whylink {
		height: 31px;
	}
	
	#lc_nav li.lc_productlink a,
	#lc_nav li.lc_infolink a,
	#lc_nav li.lc_techadvicelink a,
	#lc_nav li.lc_calculatorlink a,
	#lc_nav li.lc_aboutlink a,
	#lc_nav li.lc_whylink a {
		color: #fff;
		float: left;
		display: block;
		margin: 0;
		font-size: 1.2em;
		width: 163px;
		height: 24px;
		font-weight: bold;
		text-decoration: none;
		padding: 7px 0 0 12px;
		background: url(../images/topsoil/bg_navbutton.gif) no-repeat top left;
	}
	
	#lc_nav li.lc_productlink a:hover,
	#lc_nav li.lc_infolink a:hover,
	#lc_nav li.lc_techadvicelink a:hover,
	#lc_nav li.lc_calculatorlink a:hover,
	#lc_nav li.lc_aboutlink a:hover,
	#lc_nav li.lc_whylink a:hover { 
		background: url(../images/topsoil/bg_navbutton.gif) no-repeat bottom left;
	}
	
	
	

/**** See above in homepage / .sidebox for styling of boxes ****/
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* RIGHTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#rightcolumn ul {
		float: left;
		width: 125px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#rightcolumn li {
		float: left;
		width: 125px;
		margin: 0 0 10px 0;
		padding: 0;
	}
	#rightcolumn li a {
		float: left;
		width: 125px;
		display: block;
		text-indent: -3000em;
		font-size: 1px;
		overflow: hidden;
		padding: 0;
	}
	#rightcolumn li.cta_buy_online a { height: 87px; background: url(../images/topsoil/cta_buy_online.gif) no-repeat top center; }
	#rightcolumn li.cta_buy_online a:hover { background: url(../images/topsoil/cta_buy_online.gif) no-repeat bottom center; }
	
	/*#rightcolumn li.cta_video a { height: 162px; background: url(../images/topsoil/cta_video.gif) no-repeat top center; }
	#rightcolumn li.cta_video a:hover { background: url(../images/topsoil/cta_video.gif) no-repeat bottom center; }*/
	#rightcolumn li.cta_video a { height: 162px; background: url(../images/topsoil/cta_video.jpg) no-repeat top center; }
	#rightcolumn li.cta_video a:hover { background: url(../images/topsoil/cta_video.jpg) no-repeat bottom center; }
	
	#rightcolumn li.cta_order a { height: 117px; background: url(../images/topsoil/cta_order.gif) no-repeat bottom center; }
	#rightcolumn li.cta_order a:hover { background: url(../images/topsoil/cta_order.gif) no-repeat top center; }
	
	#rightcolumn li.cta_find_stockist a { height: 99px; background: url(../images/topsoil/cta_find_stockist.gif) no-repeat top center; }
	#rightcolumn li.cta_find_stockist a:hover { background: url(../images/topsoil/cta_find_stockist.gif) no-repeat bottom center; }
	
	#rightcolumn li.cta_trad_prod_guide a { height: 175px; background: url(../images/topsoil/cta_trad_prod_guide.gif) no-repeat top center; }
	#rightcolumn li.cta_trad_prod_guide a:hover { background: url(../images/topsoil/cta_trad_prod_guide.gif) no-repeat bottom center; }
	
	#rightcolumn li.cta_retail_prod_guide a { height: 175px; background: url(../images/topsoil/cta_retail_prod_guide.gif) no-repeat top center; }
	#rightcolumn li.cta_retail_prod_guide a:hover { background: url(../images/topsoil/cta_retail_prod_guide.gif) no-repeat bottom center; }
	
	#rightcolumn li.cta_vacancies a { height: 109px; background: url(../images/topsoil/cta_vacancies.gif) no-repeat top center; }
	#rightcolumn li.cta_vacancies a:hover { background: url(../images/topsoil/cta_vacancies.gif) no-repeat bottom center; }
	
	#rightcolumn li.cta_become_stockist a { height: 104px; background: url(../images/topsoil/cta_become_stockist.gif) no-repeat top center; }
	#rightcolumn li.cta_become_stockist a:hover { background: url(../images/topsoil/cta_become_stockist.gif) no-repeat bottom center; }
	
	#rightcolumn li.cta_trade a { height: 85px; background: url(../images/topsoil/cta_trade.gif) no-repeat top center; }
	#rightcolumn li.cta_trade a:hover { background: url(../images/topsoil/cta_trade.gif) no-repeat bottom center; }
	
	#rightcolumn li.cta_lawn_care a { height: 119px; background: url(../images/topsoil/cta_lawn_tips.gif) no-repeat top center; }
	#rightcolumn li.cta_lawn_care a:hover { background: url(../images/topsoil/cta_lawn_tips.gif) no-repeat bottom center; }
	
	#rightcolumn li.cta_newsletter a { height: 105px; background: url(../images/topsoil/cta_newsletter.gif) no-repeat top center; }
	#rightcolumn li.cta_newsletter a:hover { background: url(../images/topsoil/cta_newsletter.gif) no-repeat bottom center; }
	
	#rightcolumn li.cta_landscaper a { height: 110px; background: url(../images/topsoil/cta_landscaper.gif) no-repeat top center; }
	#rightcolumn li.cta_landscaper a:hover { background: url(../images/topsoil/cta_landscaper.gif) no-repeat bottom center; }
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

 #footerinner {
		height: 33px;
	}
	

/* NAV STYLES  */

	#footernav {
		position: absolute;
		top: 2px;
		left: 22px;
		padding: 0;
		list-style: none;
	}
	#footernav li {
		float: left;
		height: 26px;
		/*text-indent: -3000em;*/
		font-size: 1px;
	}
	
	#footernav li span{
		display:none;
	}
	
	#footernav li a {
		float: left;
		height: 26px;
		display: block;
	}
	#footernav li.footerhomelink a { background: url(../images/topsoil/tab_home_footer.gif) no-repeat top left; width: 71px; }
	#footernav li.footerhomelink a:hover, #footernav li.footerhomelink a.selected { background: url(../images/topsoil/tab_home_footer.gif) no-repeat bottom left; }

	#footernav li.footerproductslink a { background: url(../images/topsoil/tab_products_footer.gif) no-repeat top left; width: 87px; }
	#footernav li.footerproductslink a:hover, #footernav li.footerproductslink a.selected { background: url(../images/topsoil/tab_products_footer.gif) no-repeat bottom left; }

	#footernav li.footerorderlink a { background: url(../images/topsoil/tab_order_footer.gif) no-repeat top left; width: 117px; }
	#footernav li.footerorderlink a:hover, #footernav li.footerorderlink a.selected { background: url(../images/topsoil/tab_order_footer.gif) no-repeat bottom left; }

	#footernav li.footeraboutlink a { background: url(../images/topsoil/tab_about_footer.gif) no-repeat top left; width: 116px; }
	#footernav li.footeraboutlink a:hover, #footernav li.footeraboutlink a.selected { background: url(../images/topsoil/tab_about_footer.gif) no-repeat bottom left; }

	#footernav li.footercontactlink a { background: url(../images/topsoil/tab_contact_footer.gif) no-repeat top left; width: 98px; }
	#footernav li.footercontactlink a:hover, #footernav li.footercontactlink a.selected { background: url(../images/topsoil/tab_contact_footer.gif) no-repeat bottom left; }
	
	/* SUBNAV STYLES  */

	
	
	#footersubnav li.last {
		float: left;
		padding: 0 0 0 7px;
		background: none;
		/*font-weight: bold;*/
	}
	#footersubnav li a {
		float: left;
		text-decoration: none;
	}
	#footersubnav li a:hover {
		text-decoration: underline;
	}
	
	/* MORE FOOTER LINKS STYLES  */

	#footerlinks {
		/*position: absolute;
		top: 70px;
		left: 0;*/
		padding:30px 0px 0px 0px;
		list-style: none;
		width: 717px;
		float: left;
	}
	
	#footerlinks li.last {
		float: left;
		padding: 0 0 0 7px;
		background: none;
	}
	#footerlinks li.copyright {
		display: block; text-align: left; width: 100%; padding-top: 5px;
		background: none;
	}
	#footerlinks li a {
		float: left;
		text-decoration: none;
	}
	#footerlinks li a:hover {
		text-decoration: underline;
	}
	#footerlinks strong {
		color: #000;
	}

	
	.bk_1 {
		background: url(http://www.rolawndirect.co.uk/images/endorsements/1.jpg) no-repeat 168px 20px;
	}
	.bk_2 {
		background: url(http://www.rolawndirect.co.uk/images/endorsements/2.jpg) no-repeat 167px 14px;
	}
	.bk_3 {
		background: url(http://www.rolawndirect.co.uk/images/endorsements/3.jpg) no-repeat 134px 6px;
	}
	.bk_4 {
		background: url(http://www.rolawndirect.co.uk/images/endorsements/4.jpg) no-repeat 158px 14px;
	}
	.bk_5 {
		background: url(http://www.rolawndirect.co.uk/images/endorsements/5.jpg) no-repeat 169px 68px;
	}
	.bk_6 {
		background: url(http://www.rolawndirect.co.uk/images/endorsements/6.jpg) no-repeat 164px 14px;
	}
	
	
/*tooltip*/

.cluetip-default {
  background-color: #fff;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #fff;
}
.cluetip-default h3#cluetip-title {
	margin: 0 0 5px;
	padding: 8px 10px 4px;
	font-size: 1.1em;
	font-weight: bold;
	background-image:url(../images/rolawn/tooltip_header.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

#benfeat .benefits{
	float:left;
	clear:both;
	width:90%;
	padding:5px 0px 5px 15px;
	background-image:url(../images/rolawn/prompt.jpg);
	background-position: 0px 8px;
	background-repeat:no-repeat;
}

.list{
	padding: 10px 0px 0px 0px;
	float:left;
	clear:both;
	width:100%;
}

.list li{
	padding: 5px 0px 5px 0px;
}


/*SITEMAP*/

.node45, .node37 , .node54{
	display:none;
}

/*NEWS*/

.rightnewstitle{
	font-weight:bold;
	padding: 0px 0px 0px 0px;
}

.rightnewslink{
	padding: 0px 0px 10px 0px;
}

.newsimage{
	float:right;
	padding:0px 0px 5px 5px;
}

.newsdate{
	color: #805820;
	padding:5px 0px 5px 0px;
}


/*images*/

.left{
	float:left;
}

.right{
	float:right;
}

.imagelink img{
	border:0px;
}



.prodsummary a{
	float:left;
	margin:0px 0px 0px 0px;
}

.prodsummary img{
	float:left;
	padding:0px 5px 0px 0px;
}

.tcomment{
	float:left;
	clear:both;
	padding:10px 0px 5px 50px;
	width:400px;
	font-style:italic;
}

.tname{
	float:left;
	clear:both;
	font-weight:bold;
	padding:0px 0px 10px 75px;
	width:400px;
}

#contactus legend{
	display:none;
}

#contactus fieldset{
	border:0px;
}

#contactus .row{
	float:left;
	clear:both;
	width:420px;
}

#contactus .row .left{
	float:left;
	width:110px;
	padding:0px 10px 0px 0px;
	text-align:right;
}

#contactus .row .right{
	float:left;
	width:200px;
}

#contactus .row .right .fields{
	width:200px;
}

#contactus .row .right .textarea{
	width:200px;
	height:100px;
}

.red{
	color:#ff0000;
}

.blank{
	border:1px solid #f18787;
	padding:5px;
	margin:5px 0px 5px 0px;
	background-color:#f6b9b9;
}


.latestnews li{
	padding:5px 0px 5px 0px;
}

.newsintro{
	padding:5px 0px 5px 0px;
}





/*MAPS*/

#maplayout{
	float:right;
	width:300px;
}

#mapformlayout{
	float:left;
	width:260px;
	height:400px;
}

.mmrow{
	float:left;
	clear:left;
	width:260px;
	padding:5px 0px 5px 0px;
}

.mmrow label{
	width: 60px;
	float:left;
}

.mmrow field{
	float:right;
}

#stockist_areas{
	float:left;
	clear:both;
	width:560px;
	padding:0px 0px 10px 0px;
	white-space: nowrap;
}

#stockist_areas ul{
	margin:0px;
	padding:0px;
}

#stockist_areas ul li{
	float:left;
	padding:0px 6px 0px 6px;
	display:block;
	border-right: 1px solid #666666;
	line-height:140%;
}


.txtsummary{
	float:right;
	width:320px;
	padding:2px 0px 0px 0px;
}


.confirmmsg{
	color: #805820;
}

.ninexb{
	color: #805820;
}


/* stockist */
input#location {background: url(../images/topsoil/research-input.png) no-repeat 0 0;height: 40px;width: 144px;padding: 0px 10px 0 10px;margin: 0;border: none;float: left;outline: none;line-height: 40px;}
input#search-btn {background: url(../images/topsoil/research-btn.png) no-repeat 0 0;height: 40px;width: 30px;padding: 0;margin: 0;border: none;float: left;line-height: 0;font-size: 0;cursor:pointer;}

form#directions label {color: #876C45;font-weight: bold;}
input#postcode {background: url(../images/topsoil/direction-bg.png) no-repeat 0 0;height: 22px;width: 93px;padding: 0 0 0 2px;margin: 0;border: none;float: left;outline: none;line-height: 22px;}
input#go-btn {background: url(../images/topsoil/go-bg.png) no-repeat 0 0;height: 22px;width: 38px;padding: 0;margin: 0;border: none;float: left;line-height: 0;font-size: 0;cursor:pointer;}

dl.filter dt{color: #876C45;width: 300px;padding: 10px;background: #F2E1D0 url(../images/topsoil/plus.png) no-repeat 95% 50%;cursor: pointer;}
dl.filter dt.minus{color: #876C45;background: #F2E1D0 url(../images/topsoil/minus.png) no-repeat 95% 50%;}
a.js-submit-filter{display: block;background: url(../images/topsoil/filter-submit.png) no-repeat 0 0; width: 150px; height: 28px;text-indent:-500em;}

.stockist-box {border: 1px solid #5b3601;padding: 10px 10px 0 10px;margin-bottom: 10px;min-height: 100px;}
.stockist-box h3{color: #876c45;font-weight: bold;font-size: 1.1em;margin-bottom: 10px;width: 285px;}
.stockist-box.platinum {border: 5px solid #5b3601;background: url(../images/topsoil/premier.png) no-repeat 300px 0;}
.stockist-box.depot {border: 5px solid #5b3601;background: url(../images/topsoil/depots.png) no-repeat 300px 0;}

.stockist-box dt {color:#876c45;}

ul.stockist-details.branch {border-bottom: 1px solid #aed09d;}

.national-logo{border:1px solid #f2e1d0; }

.view-branches{font-weight: bold;color:#876c45;cursor:pointer;margin-bottom: 5px;}
.view-branches span{display: inline-block;width: 13px; height: 11px;background: url(../images/topsoil/plus.png) no-repeat 0 0;}
.view-branches.minus span{display: inline-block;width: 13px; height: 11px;background: url(../images/topsoil/minus.png) no-repeat 0 0;}
a.url {display: block;background: url(../images/topsoil/go-to-bg.png) no-repeat 0 0;width: 146px; height: 22px;text-align: left;text-indent: -500em;}
.view-products {margin-bottom: 5px;padding-bottom: 0;color: #876c45;cursor: pointer;}
.view-products span{display: inline-block;width: 13px; height: 11px;background: url(../images/topsoil/plus.png) no-repeat 0 0;}
.view-products.minus span{display: inline-block;width: 13px; height: 11px;background: url(../images/topsoil/minus.png) no-repeat 0 0;}

.products{background-color: #f2e1d0;padding: 5px;}
.products p{color: #876c45;}
.premier{float: right; margin-right: -10.5px; margin-top: -10px;}