/* CSS Document */
/*******************************************************************************/
/* Layout CSS File                                                             */
/*   Screen-based site layout and positioning rules                            */
/*                                                                             */
/* Developed by Ben Hallam, DBS, www.dbs-uk.co.uk                              */
/*******************************************************************************/

/* center align trick */
/*******************************************************************************/
body {
	/* to get ie5/win to align the layout in the center */
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	background:#393939;
}



div#container {
	/* for center alignment */
	margin: 0 auto;
	text-align: left;
}

/* utility classes */
/*******************************************************************************/
div.spacer {
	clear: both;
}

h1
{
	font-size:1.17em;
	font-weight:bold;
}

h2
{
	font-size:1em;
	font-weight:normal;
	color:#5c5c5c;
}

h3
{
	font-size:1.25em;
	font-weight:bold;
	margin:20px 0 10px 0;
}

h4
{
	margin-bottom:10px;
}

a:link,
a:visited
{
	color:#a7ae0a;
	text-decoration:none;
}

a:hover,
a:active
{
	color:#000000;
	text-decoration:underline;
}

ul, ol
{
	color:#000000;
	margin-left:15px;
}


/* site container */
/*******************************************************************************/
div#container
{
	width: 911px;
	padding: 10px 0 0 0;
}

div#background
{
	background:url(/site/img/bgslice.jpg) repeat-x #393939;
}

/* 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
{
	background:url(/site/img/header-bg.jpg) no-repeat #000000;
	height:96px;
	padding:18px 0 0 48px;
}

/* http://jonraasch.com/blog/a-simple-jquery-slideshow */
div#slideshow
{
	width:598px;
    position:relative;
    height:108px;
	overflow: hidden;
	margin-bottom: 10px;
}

#slideshow div
{
	background-color: #D5DADD;
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow div.active {
    z-index:10;
}

#slideshow div.last-active {
    z-index:9;
}


/* navigation */
/*******************************************************************************/
div#navigation
{
	background:url(/site/img/nav-bg.jpg) no-repeat #d6df23;
	height:26px;
	padding:0 0 0 32px;
	width:879px;
}

div#search
{
	float:left;
	width:190px;
}

div#search fieldset
{
	border: 0;
	margin: 0;
}

div#search label
{
	float: none;	
}

div#search #searchBox
{
/*	border:none;*/
	height:17px;
	width:110px;
} 

div#search #Go
{
	border:none;
	background:none;
	height:17px;
	width:22px;
} 

/* navlist */
/*******************************************************************************/

#home, #news
{	
	width:52px;
}

#aboutus
{	
	width:78px;
}

#contact
{	
	width:72px;
}

#howtoorder
{	
	width:110px;
}

#faq
{	
	width:68px;
}

div#navlist
{
	float: left;
	padding: 0 0 0 9px;
	width: 680px;
	text-transform: uppercase;
}

div#navlist ul
{
	margin:0;
	padding:0;
}

div#navlist ul li
{
	float:left;
	list-style:none;
	margin:0;
}



div#navlist ul li a:link,
div#navlist ul li a:visited
{
	display:block;
	padding:4px 8px 5px 8px;
	height:16px;
	font-weight:bold;
	color:#000000;
	font-size:0.95em;
	margin:0;
}

div#navlist ul li a:hover,
div#navlist ul li a:active,
div#navlist ul li.menuselected a,
div#navlist ul li.menuselected a:hover,
div#navlist ul li.menuselected a:active
{
	display:block;
	padding:4px 7px 5px 7px;
	font-weight:bold;
	color:#ffffff;
	font-size:0.95em;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	background:url(/site/img/nav-item-bg.jpg) repeat-x;
	margin:0;
	text-decoration:none;
}


/* body block */
/*******************************************************************************/
div#productnotices
{
/*	background:#FFFFFF url(/site/img/bodybg.jpg) repeat-y;*/
	text-align: center;
	font-weight: bold;
	margin-bottom: 1em;
}

div#body_container
{
	background:url(/site/img/bodybg.jpg) repeat-y;
	padding:9px 11px 0 0;
}

div#breadcrumb
{
	font-size:0.83em;
	text-align:right;
}

div#breadcrumb a
{	
	color:#5c5c5c;
	text-decoration:none;
}

div#content_container
{
	width:598px;
	background:url(/site/img/content-bg.jpg) repeat-y;
	float:left;
	padding:0 0 20px 0;
	overflow:hidden;
}

div#content_container p
{
	color:#000000;
}

div#sidebar
{
	width:128px;
	float:right;
	overflow:hidden;
}

div#home_box
{
	width:189px;
	height:103px;
	background:url(/site/img/home-box-bg.jpg) no-repeat #FFFFFF;
	float:left;
	margin:0 0 11px 0;
}

div#home_box_margin
{
	width:189px;
	height:103px;
	background:url(/site/img/home-box-bg.jpg) no-repeat #FFFFFF;
	float:left;
	margin:0 11px 11px 0;
}


h3.home_box_top
{
	padding:7px 0 0 10px;
	font-size:1em;
}


/* left nav */
/*******************************************************************************/

div#left_nav
{
	width:131px;
	float:left;
	padding:0 11px 0 11px;
	overflow:hidden;
}  


/* footer */
/*******************************************************************************/

div#footer
{
	background:url(/site/img/footer-bg.jpg) #000000;
	width:896px;
	height:27px;
	clear:both;
	padding:15px 0 0 15px;
}

div#footer a
{
	color:#FFFFFF;
	font-weight: normal;
}

div#footer p
{
	color:#FFFFFF;
	font-size:0.92em;
}

div#footer_container
{
	color: #ccc;
	font-size: 0.83em;
	width:896px;
	margin:0 auto;
	text-align:left;
	padding:15px 0 0 15px;
}

div#footer_container a
{
	color:#FFFFFF;
}

div#footer #dbs_buysafeseal
{
	text-align: center;
}



.float_image_left
{
	float:left;
	padding-right:15px;
}

