/* CSS Document */
/*******************************************************************************/
/* Layout CSS File                                                             */
/*   Screen-based site layout and positioning rules                            */
/*                                                                             */
/* Developed by Matthew Harris, DBS, www.dbs-uk.co.uk                          */
/*******************************************************************************/

/* center align trick */
/*******************************************************************************/
body {
	/* to get ie5/win to align the layout in the center */
	text-align: center;
}

div.container {
	/* for center alignment */
	margin: 0 auto;
	text-align: left;
}

/* utility classes */
/*******************************************************************************/
div.spacer {
	clear: both;
}

.dateselect {
	background: transparent url(http://www.derehamhireandsales.co.uk/site/img/icons/dateicon.gif) no-repeat scroll left center;
	line-height: 18px;
	padding: 2px 0pt 2px 20px;
}

/* site container */
/*******************************************************************************/
body
{
	background: url(http://www.derehamhireandsales.co.uk/site/img/bg_04.gif) repeat-x top;
}

div.container
{
	width: 869px;
	padding: 0;
}

/* skip links - accessibility */
/*************************************************************************************/
div#skiplinks a, 
div#skiplinks a:hover, 
div#skiplinks a:visited,
div#skiplinks p
{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
 
/* lvha */
div#skiplinks a,
div#skiplinks a:link, div#skiplinks a:visited, 
div#skiplinks a:hover, div#skiplinks a:active
{
	color: #ccc;
}

/* header block */
/*******************************************************************************/
div#header_container
{
	position: relative;
	height: 369px;
}

div#header
{
	z-index: 100;
	position: absolute;
	top: 0;
	height: 120px;
	width: 869px;
	background: url(http://www.derehamhireandsales.co.uk/site/img/header-bg.png) no-repeat;
}

#logo
{
	position: absolute;
	top: 6px;
	left: 80px;
}

#logoname
{
	position: absolute;
	top: 6px;
	left: 160px;
}

#cardslogos
{
	position: absolute;
	top: 0;
	left: 617px;	
}

#twitterbtn
{
	position: absolute;
	top: 65px;
	left: 717px;
}

#facebookbtn
{
	position: absolute;
	top: 65px;
	left: 748px;
}

#contactbtn
{
	position: absolute;
	top: 65px;
	left: 780px;
}

div#slideshow
{
	position: absolute;
	top: 80px;
	height: 241px;
	width: 869px;
}

div#breadcrumb
{
	position: absolute;
	bottom: -23px;
	background-color: #d6d6d6;
	height: 23px;
	width: 869px;
}

#breadcrumb_nav
{
	float: left;
	height: 23px;
	width: 150px;
}

#breadcrumb_trail
{
	float: left;
	height: 23px;
	width: 709px;
	padding-right: 10px;
	text-align: right;
}

#breadcrumb_trail p
{
	line-height: 23px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#breadcrumb_trail p a
{
	color: #000;
}

#breadcrumb_trail p a:hover
{
	text-decoration: underline;
}

/* slider */
/*******************************************************************************/
.slidecontainer 
{ 
	height: 241px;
	width: 869px;
	overflow:hidden; 
	position:relative; 
	cursor:pointer; 
}

div.sliderail 
{ 
	position:absolute; 
	top:0; 
	left:0; 
}

ul.sliderail 
{ 
	position:absolute; 
	top:0; 
	left:0; 
	list-style:none; 
	padding:0; 
	margin:0; 
}

div.sliderail > div,ul.sliderail li 
{ 
	position:absolute; 
	top:0; 
	width: 869px;
	display:none; 
	padding:0; 
	margin:0; 
}

ul.pagination
{ 
	list-style:none; 
	padding:0 0 0 10px; 
	margin:0; 
}

ul.pagination li 
{ 
	float:left; 
}

ul.pagination li a 
{ 
	padding:2px 6px; 
	line-height: 23px;
	color: #000;
	background: url(http://www.derehamhireandsales.co.uk/site/img/slider-page-off.gif) no-repeat center center;
}

ul.pagination li.active a,
ul.pagination li a:hover
{ 
	background: url(http://www.derehamhireandsales.co.uk/site/img/slider-page-on.gif) no-repeat center center;
}


/* body block */
/*******************************************************************************/
div#body_container
{
}

div#leftnav_container
{
	float: left;
	width: 208px;
}

div#contents
{
	float: left;
	width: 483px;
	padding: 0 20px;
}

div#sidebar
{
	float: left;
	width: 138px;
}

div#sidebar a img
{
	padding-bottom: 10px;
}

.navbackground
{
	background: url(http://www.derehamhireandsales.co.uk/site/img/menu-bg.gif) repeat-y;
}

.navbottom
{
	background: url(http://www.derehamhireandsales.co.uk/site/img/menu-foot.gif) no-repeat bottom;
}

.navtop
{
	background: url(http://www.derehamhireandsales.co.uk/site/img/menu-cap.gif) no-repeat top;
}

#leftnav_container ul
{
	padding-top: 13px;
	padding-bottom: 14px;
	margin: 0 1em;
}

#leftnav_container ul li
{
	margin: 0.5em;
	padding: 0.5em 0.5em 0.5em 26px;
	list-style-type: none;
	border-bottom: 1px solid #666;
	background: url(http://www.derehamhireandsales.co.uk/site/img/bullet-yellow.gif) no-repeat 3px center;
}

#leftnav_container ul li a
{
	display: block;
}


/* footer */
/*******************************************************************************/
div#footer_container
{
	font-size: 0.83em;
	background-color: #ededed;
	margin-top: 75px;
	padding-bottom: 2em;
	position: relative;
}

div#footer_inner
{
	position: relative;
	top: -50px;
	width: 845px;
	height: 73px;
	padding: 12px;
	background: #fff url(http://www.derehamhireandsales.co.uk/site/img/footer-bg.gif) no-repeat;
	overflow: hidden;
}

div#footer_copyright
{
	position: relative;
	top: -40px;
	width: 845px;	
}

div#footer_inner p
{
	margin-bottom: 0.5em;
}

div#prod_names
{
	padding:10px 10px 10px 15px;
	/*background-color:#FFFF99;*/
	background-color: #ffcb64;
	color:#000000;
	border: solid 1px #666666;
	margin:6px 0 6px 0;
}

div#prod_names ul
{
	list-style:none;
	margin:0 0 0 0;
}

div#sidebar
{
	width:138px;
	float:left;
}



/* navigation */
/*******************************************************************************/

div#nav
{
	width:175px;
	background-image:url(http://www.derehamhireandsales.co.uk/site/img/sidebarbg.gif);
	background-repeat:repeat-y;
	float:left;
}

div#nav_top
{

	background-image:url(http://www.derehamhireandsales.co.uk/site/img/sidebartop.gif);
	background-repeat:no-repeat;
	padding: 10px 0px 0 2px;
}

div#nav_bottom
{
	width:175px;
	height:15px;
	background-image:url(http://www.derehamhireandsales.co.uk/site/img/sidebar_bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

div#nav_top ul
{
list-style:none;
margin:0;
padding:0 10px 0 4px;
}

div#nav_top ul.middle
{
list-style:none;
margin:0 0 0 0;
padding:7px 10px 0 4px;
}

div#nav_top ul li
{
padding-top:0.02em;
padding-bottom: 0.02em;
border-bottom:solid 1px #fff;
}

div#nav_top ul li a
{
border-bottom:solid 1px #999;
font-weight:normal;
font-size:0.92em;
color:#000000;
display:block;
list-style:none;
}

div#nav_top ul li a.noline
{
border-bottom:none;
margin-bottom: 1em;
}

div#nav_top ul li a.noline_bottom
{
border-bottom:none;
}

div#nav_top ul li a:hover,
.home_active ul li#home a,
.general_active ul li#general a,
.break_active ul li#break a,
.concrete_active ul li#concrete a,
.diggers_active ul li#diggers a,
.cutting_active ul li#cutting a,
.drill_active ul li#drill a,
.diamond_active ul li#diamond a,
.site_active ul li#site a,
.tile_active ul li#tile a,
.access_active ul li#access a,
.alloy_active ul li#alloy a,
.ladders_active ul li#ladders a,
.step_active ul li#step a,
.clean_active ul li#clean a,
.decor_active ul li#decor a,
.generators_active ul li#generators a,
.light_active ul li#light a,
.heat_active ul li#heat a,
.calor_active ul li#calor a,
.plumb_active ul li#plumb a,
.pump_active ul li#pump a,
.garden_active ul li#garden a,
.saws_active ul li#saws a,
.sand_active ul li#sand a,
.wood_active ul li#wood a,
.work_active ul li#work a,
.weld_active ul li#weld a,
.test_active ul li#test a,
.cont_active ul li#cont a,
.lift_active ul li#lift a
{
color:#CC0000;
}


.servicinglink
{
	margin-left: 18px;
}