/* 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;
	
	background-image:url(/site/img/bgimage.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	background-color:#FFFCBD;
}

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

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

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

/* site container */
/*******************************************************************************/
div#container
{
	width: 737px;
	padding: 23px 0 0;
}

div#contentbg
{
	background-image: url(/site/img/contentbg.gif);
	background-repeat: repeat-y;
	background-color: #fff;
}

div#headerbg
{
	background-image:url(/site/img/headerbg.gif);
	background-repeat:no-repeat;
}

/* 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;
}

div#skiplinks a:active
{
	position:static;
	width:auto;
	height:auto;
}



/* header block */
/*******************************************************************************/
div#header_container
{

}


/* body block */
/*******************************************************************************/
div#body_container
{
	padding:3px 14px 0 14px;
}

div#breadcrumb
{
	text-align:right;
	color:#000;
	width:355px;
	font-weight:bold;
	padding-top:6px;
}

div#content_container
{
	width:355px;
	padding:0 20px 0 20px;
	float:left;
	font-size:0.92em;
	color:#666;
}

div#content_container a
{
	color:#000;
}

div#content_container a:hover
{
	color:#CC0000;
}

div#flash_container
{
	margin:2px 0 10px 0;
}

div#prod_names
{
	padding:10px 10px 10px 15px;
	background-color:#FFFF99;
	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(/site/img/sidebarbg.gif);
	background-repeat:repeat-y;
	float:left;
}

div#nav_top
{

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

div#nav_bottom
{
	width:175px;
	height:15px;
	background-image:url(/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;
}



/* footer */
/*******************************************************************************/
div#footer_container
{
	color: #ccc;
	font-size: 0.83em;
	text-align:center;
}

div#footer_address
{
	height:49px;
	background-image:url(/site/img/footerimg.jpg);
	text-align:center;
	font-size:0.92em;
	color:#fff;
	padding:8px 0 0 0;
}

div#footer_address a
{
	color:#fff;
}

div#footer_address a:hover
{
	color:#FFFF00;
}

div#footer_container
{
	color:#919191;
}

div#footer_container a
{
	color:#919191;
	font-weight:normal;
}

div#footer_container a:hover
{
	color:#333333;
	font-weight:normal;
}