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

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

div#background
{
	background:url(/site/img/bgslice.jpg) top center repeat-x #c1c3e8;
}

/* font size override */
/*******************************************************************************/
/* This means:
    18px = 1.28em       16px = 1.14em      14px = 1em
    12px = .857em       11px = .785em
*/
/*******************************************************************************/


body {
	font-size: 85.5% !important; /* For IE */
}

html>body {
	font-size: 14px !important; /* IE can’t read this */
}

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

div.box
{
	border:1px solid #bdbdbd;
	background:url(/site/img/box-bg.jpg) top repeat-x #ffffff;
	padding:10px;
	margin-bottom:10px;
}

/* type styling */
/*******************************************************************************/

h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.14em;
	color:#0a077d;
	font-weight:normal;
	margin-bottom:0.92em;
}

h2
{
	margin-bottom:1.2em;
}


h3, h4, h5, h6
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	color:#0a077d;
	font-weight:normal;
	margin-bottom:0.5em;
}


h2, p
{
	text-align:justify;
	color:#7b7b7b;
	font-size:1em;
	font-weight:normal;
	margin-top:0;
}

ul, ol
{
	color:#7b7b7b;
}

/* site container */
/*******************************************************************************/
div#container
{
	width: 900px;
	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
{
	height:120px;
}

div#logo
{
	width:152px;
	height:113px;
	float:left;
	padding:3px 0 0 0;
}

/* Breadcrumb */
/*******************************************************************************/
div#breadcrumb
{
    text-align: right; 
    margin: 3px;
    font-size: 0.857em;
}

/* Navigation */
/*******************************************************************************/

div#navigation
{
	float:left;
	width:745px;
	padding:86px 0 0 3px;
	font-size: 0.857em;
}

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

div#navigation ul li
{
	float:left;
	margin-left:4px;
}

/* custom widths */
div#navigation ul li#btnarticles a
{
/*	width: 138px;*/
}

div#navigation ul li#btnfaqs a
{
/*	width: 46px;*/
}

div#navigation ul li a:link,
div#navigation ul li a:visited
{
	display:block;
	color:#8184cf;
	width:92px;
	line-height:2.75em;
	background:url(/site/img/nav-bg-white.jpg) #ffffff;
	padding-left:10px;
}

div#navigation ul li a:hover,
div#navigation ul li a:active,
div#navigation ul.Home li#btnhome a,
div#navigation ul.AboutUs li#btnaboutus a,
div#navigation ul.OurServices li#btnourservices a,
div#navigation ul.Testimonials li#btntestimonial a,
div#navigation ul.ContactUs li#btncontactus a,
div#navigation ul.Useful li#btnuseful a
{
	color:#FFFF00;
	background:url(/site/img/nav-bg.jpg) #0a077d;
}

div#navigation ul li#btnarticles a:hover,
div#navigation ul li#btnarticles a:active,
div#navigation ul.Articles li#btnarticles a
{
/*	color:#FFFF00;
	background:url(/site/img/nav-bg-148.jpg) #0a077d !important;*/
}

div#navigation ul li#btnfaqs a:hover,
div#navigation ul li#btnfaqs a:active,
div#navigation ul.FAQs li#btnfaqs a
{
/*	color:#FFFF00;
	background:url(/site/img/nav-bg-56.jpg) #0a077d !important;*/
}





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


/* homepage */
/*******************************************************************************/

div#flash_search
{
	width:900px;
	height: 160px;
}


div#flash_container
{
	width: 666px;
	height: 160px;
	float:left;
}

div#searchpanel
{
	width:234px;
	float:left;
	height:160px;
	background: url(/site/img/search-bg.jpg) #0a077d;
}

div#home_copy
{
	float:left;
	border-top:4px solid #8184cf;
	background:url(/site/img/copy-bg.jpg) repeat-y;
	width:870px;
	padding:15px;
}

div.column1
{
	width:636px;
	float:left;
}

div.column2
{
	width:218px;
	padding:0 0 10px 14px;
	float:left;
}

/* search */ 
/*******************************************************************************/
.searchform
{
	padding: 3px 0 0 45px;
}

.searchform p
{
	font-size:0.785em!important;
	color:#FFFFFF;
	margin-bottom:3px;
	clear:both;
}

input.searchfield
{
	height:18px;
	width: 130px;
	border: none;
	float:left;
	padding: 4px 2px 2px 2px;
	margin-right: 4px
}

input.searchfieldpostcode
{
    text-transform: uppercase;
}
	

.searchgo
{
	height:24px;
	background:#fff44c;
	border:1px solid #FFFFFF;
	color:#020058;
	margin-left:2px;
	float:left;
}


/* inner pages */
/*******************************************************************************/

div#inner_copy
{
	clear: both;
	background: url(/site/img/copy-bg.jpg) repeat-y;
	width: 870px;
	padding: 0 15px 15px 15px;
}

div#inner_copy_header
{
	background:url(/site/img/inner-header.jpg) no-repeat;
	height:15px;
}

.franchisename_title
{
	background:url(/site/img/h1-inner-bg.jpg);
	line-height: 37px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.28em;
	display:block;
	color:#FFFF00;
	background-color: #0A086D;
	font-weight:bold;
	padding-left:15px;
	margin-bottom:10px;
}

/* franchise page */
/*******************************************************************************/

div.franchise_image
{
	width:218px;
	height:164px;
	border: 1px solid #bdbdbd;
	margin-right: 8px;
	float:left;
}

div.franchise_details
{
	width:365px;
	height:124px;
	float:left;
	border:1px solid #bdbdbd;
	background:url(/site/img/box-bg.jpg) top repeat-x #ffffff;
	padding:20px;
}

ul.franchise_details_text
{
	margin:0;
	font-size:1em;
	color:#0a077d;
	list-style:none;
}

ul.franchise_details_text li
{
	margin-bottom:14px;
}

div.areas_covered
{
	border:1px solid #bdbdbd;
	background:url(/site/img/box-bg.jpg) top repeat-x #ffffff;
	padding:10px;
}

.franchise_header
{
	margin-bottom:5px;
	margin-top: 1em;
}

div.areas_covered p
{
	text-align:left;
	margin:0;
	color:#8184cf;
}

.franchise_copy
{
	padding-top: 15px;
	clear:both;
}

/* franchise page - testimonial */
/*******************************************************************************/
.gradient_body
{
	margin-bottom: 0.75em;
	font-size: 0.885em;
}

.testimonial p
{
	color: #000;
}

.testimonial_name
{
	margin:0;
	color:#8184cf;
	font-weight:bold;
}


/* town page */
/*******************************************************************************/
.town_franchise
{
	border:1px solid #bdbdbd;
	background:url(/site/img/box-bg.jpg) top repeat-x #ffffff;
	padding:10px;
	margin-bottom: 10px;
}

.town_franchise_img
{
	float: left;
	width: 121px;
	height: 91px;
	border:1px solid #bdbdbd;	
	margin-right: 10px;
}

.town_franchise_coverage
{
	float: left;
	width: 245px;
	padding: 5px;	
}

.town_franchise_details
{
	float: left;
	border:1px solid #bdbdbd;
	background: #fff;	
	padding: 5px;
	width: 200px;
	margin-right: 10px;	
}

.town_franchise_buttons
{
	text-align: right;
	height: 20px;
}


div#findus
{
	width:234px;
	height:48px;
}


/* footer */
/*******************************************************************************/
div#footer_container
{
	font-size: 0.857em;
	text-align:center;
	color: #7B7B7B;
}

div#footer_container p
{
	text-align:center;
}

div#footer_navigation
{
	background:url(/site/img/support-bg.jpg) no-repeat;
	padding:6px;
	height:20px;
}

div#footer_navigation p
{
	text-align:center;
}

div#footer_navigation a:link,
div#footer_navigation a:visited
{
	font-weight:normal;
	color:#FFFF00;
}

div#footer_navigation a:hover,
div#footer_navigation a:active
{
	font-weight:normal;
	color:#FFFF00;
	text-decoration:underline;
}

#find-cleaner-text
{
	float: left;
	position: relative;
	top: -29px;
}