/* 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: #767676 url(/site/img/backgroundtile.jpg) fixed ;
}

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

div#site_container
{
	background: #fff;
	/*border:1px solid #910728; */
}

div#socialmediabuttons
{
	text-align: center;
	padding: 10px 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;
}

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


/* header block */
/*******************************************************************************/
div#header_container
{
	width:918px;
	background:#fff url(/site/img/header-bg.gif) repeat-x;
	padding-bottom:2px;
}

/* breadcrumb */
/*******************************************************************************/
div#breadcrumb
{
	text-align: right;
	font-size: 0.83em;
	padding: 2px 10px 3px 0;
	width:908px;
}

/* body block */
/*******************************************************************************/
div#body_container
{
	padding: 0 0;
	background:url(/site/img/copy-bg.jpg) repeat-y;
}

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

div#copy_column
{
	float: left;
	width: 611px;
	margin: 0 18px 0 18px;
	/*text-align: justify;*/
}

div#copy_column p
{
	font-size:1.08em;
}

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

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: 0; padding: 0;
}

#nav_column ul li a:link,
#nav_column ul li a:visited
{
	display: block;
	background:url(/site/img/nav-bg-off.jpg);	
	width: 125px;
	height: 28px;
	padding:5px 0 0 10px;
	color:#FFFFFF;
	font-weight:normal;
}

#nav_column ul li a:hover,
#nav_column ul li a:active,
#nav_column ul.home li#home a,
#nav_column ul.fireplacesurrounds li#fireplacesurrounds a,
#nav_column ul.fires li#fires a,
#nav_column ul.stoves li#stoves a,
#nav_column ul.rangecookers li#rangecookers a,
#nav_column ul.kitchens li#kitchens a,
#nav_column ul.kitchenware li#kitchenware a,
#nav_column ul.artworkandmirrors li#artworkandmirrors a,
#nav_column ul.ornaments li#ornaments a,
#nav_column ul.lighting li#lighting a,
#nav_column ul.manufacturers li#manufacturers a,
#nav_column ul.accessories li#accessories a,
#nav_column ul.news li#news a,
#nav_column ul.testimonials li#testimonials a,
#nav_column ul.contact li#contact a
{
	display: block;
	background:url(/site/img/nav-bg-on.jpg);	
	width: 125px;
	height: 28px;
	padding:5px 0 0 10px;
	color:#750000;
	font-weight:normal;
	text-decoration:none;
}



/*

#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;			}
#btn_kitchens					{	height: 83px; background: url(/site/img/btn-kitchens-off.gif) no-repeat;			}
#btn_kitchenware					{	height: 83px; background: url(/site/img/btn-kitchenware-off.gif) no-repeat;			}
#btn_artwork					{	height: 83px; background: url(/site/img/btn-artwork-off.gif) no-repeat;			}
#btn_ornaments					{	height: 83px; background: url(/site/img/btn-ornaments-off.gif) no-repeat;			}
#btn_giftware					{	height: 83px; background: url(/site/img/btn-giftware-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
{
	background:url(/site/img/fireanimation.jpg) no-repeat;
	width: 468px;
	height: 117px;
}

div#home_flash
{
	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:5px 0 10px 17px;
}

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


div#prof_logos
{
	margin-top:10px;
	background:#FFFFFF;
}

div#testimonial
{
	padding:10px 0 5px 0;
	border-top:1px dotted #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
	margin-top:15px;
}

/* footer */
/*******************************************************************************/
div#footer_container
{
	padding: 15px 0 20px 5px;
	color: #fff;
	font-size: 0.83em;
}

div#footer_container a
{
	color: #fff;
}

div.postClick
{
	display: none;	
	padding: 1em;
	margin-bottom: 1em;
}