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

/* site container */
/*******************************************************************************/
body
{
	background: #e0e0e0 url(/site/img/bgslice.gif) repeat;
}

div#container
{
	width: 768px;
	padding: 0;
}

div#site_container
{
	margin-top: 20px;
	background: #fff url(/site/img/copy-bgslice.gif) repeat-y;
}

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

/* breadcrumb */
/*******************************************************************************/
div#breadcrumb
{
	text-align: right;
	font-size: 0.83em;
	padding: 2px 13px 5px 0;
}

/* body block */
/*******************************************************************************/
div#body_container
{
	padding: 0 15px 15px 16px;
}

div#nav_column
{
	float: left;
	width: 121px;
}

div#copy_column
{
	float: left;
	width: 432px;
	margin: 0 16px;
	text-align: justify;
}

/* more info (right hand column) */
/*******************************************************************************/
div#moreinfo_column
{
	float: left;
	width: 139px;
}

img#nfalogo
{
	margin-top: 15px;
}

/* navigation */
/*******************************************************************************/
div#nav_column
{
	margin: 0;
}

#nav_column ul
{
	margin: 0; padding: 0;
}

#nav_column ul li
{
	list-style-type: none;
	display: block;
	margin: 3px 0; padding: 0;
}

#nav_column ul li a
{
	display: block;
	text-indent: -5000px;	/* phark it */
	
	width: 121px;
	height: 18px;
}

#btn_home					{	background: url(/site/img/btn-home-off.gif) no-repeat;							}
#btn_surrounds				{	height: 82px; background: url(/site/img/btn-surrounds-off.jpg) no-repeat;		}
#nav_column ul li#btn_surrounds a	{ 	height: 82px; }
#btn_fires					{	height: 82px; background: url(/site/img/btn-fires-off.jpg) no-repeat;			}
#nav_column ul li#btn_fires a		{ 	height: 82px; }
#btn_stoves					{	height: 83px; background: url(/site/img/btn-stoves-off.jpg) no-repeat;			}
#nav_column ul li#btn_range a		{ 	height: 82px; }
#btn_range					{	height: 83px; background: url(/site/img/btn-range-off.gif) no-repeat;			}
#nav_column ul li#btn_stoves a		{ 	height: 83px; }
#btn_manufact				{	background: url(/site/img/btn-manufact-off.gif) no-repeat;						}
#btn_accessories			{	background: url(/site/img/btn-accessories-off.gif) no-repeat;					}
#btn_testimonials			{	background: url(/site/img/btn-testimonials-off.gif) no-repeat;					}
#btn_contact				{	background: url(/site/img/btn-contact-off.gif) no-repeat;						}

/*
#btn_home.home_active		{	background: url(/site/img/btn-home-on.gif) no-repeat;			}
#btn_home a:hover 			{	background: url(/site/img/btn-home-on.gif) no-repeat;			}
*/

/* content area */
/*******************************************************************************/
div#flash_container
{
	margin-bottom: 1em;
}

div#category_container
{
	margin: 7px 0;
	padding: 4px 0;
	border: 1px solid #910728;
}

div#category_container h3
{
	padding: 3px;
}

div.category_item
{
	float: left;
	margin-left: 18px;
}

div.productlist_item
{
	float: left;
	margin-left: 10px;
}


/* footer */
/*******************************************************************************/
div#footer_container
{
	background: url(/site/img/footer.gif) top left no-repeat;
	padding: 15px 0 20px 5px;
	color: #cb2049;
	font-size: 0.83em;
}

div#footer_container a
{
	color: #cb2049;
}