/* --------------------------------------------------------------- INITIALISE */
html,body { font-size: 100.01%;}
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
abbr:hover { cursor: help; }


/* The following adds transparent PNG support to IE6 (Moved to IE6 specific CSS file) */
/* h1, #main, #content, .boxout, fieldset.postcode { behavior: url(iepngfix.htc) } */

/* --------------------------------------------------------------------- CORE */
body {
  background: url("../images/style/body_bg.jpg") no-repeat #b4deff;
  background-position: 0 141px;
  font-size: 1em;
  font-family: Arial, Sans-serif;
  color: #2256CB;
}
/*
div.boxout {
	border: 2px dashed red ;
}
form#findcleaner {
	border: 2px dashed green ;
}
fieldset.postcode {
	border: 2px dotted purple ;
}
*/
a, a:link {
  font-family: Arial, Sans-serif;
  color: #025A9A;
}

h1 {
  font-family: "Arial Black", Arial Black, Arial, Sans-serif;
  color: #2256CB;
  letter-spacing: 2px;
  font-weight: normal;
  font-style: normal;
  font-size: 48px;
  background: url("../images/style/h2_bg.png") no-repeat transparent;
  height: 118px;
  padding-left: 298px;
  padding-top: 15px;
  float: left;
  position: absolute;
  top: 0;
  z-index: 3;
}

h2 {
  font-family: Arial, Sans-serif;
  color: #0E46B5;
  font-weight: normal;
  font-size: 18px;
  float: right;
  background: url("../images/style/ripple.jpg") no-repeat top right transparent;
  padding-right: 20px;
  padding-top: 75px;
  height: 96px;
  width: 672px;
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: right;

}

h3 {
  font-family: "Arial Black", Arial Black, Arial, Sans-serif;
  color: #00418B;
  font-weight: normal;
  font-size: 64px;
}

h4 {
  font-family: Arial, Sans-serif;
  color: #03378B;
  font-weight: normal;
  font-size: 15px;
  margin-bottom: 3px;
  margin-top: 0 !important;
}

h5 {
  font-family: Arial, Sans-serif;
  color: #03378B;
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 6px;
}

p {
  color: #555;
  font-size: 12px;
}

ol.perfect {
  list-style-position: inside ;
  list-style-type: decimal ;
}

ol.perfect li {
  font-family: Arial, Sans-serif;
  color: #03378B;
  font-weight: normal;
  font-size: 16px;
}

/* ------------------------------------------------------------------- LAYOUT */
#header {
  background: url("../images/style/header_bg.gif") repeat-x bottom left #FFF;
  height: 141px; 
}

#main {
  margin: 14px auto;
  padding: 30px 0 0 0;
  background: url("../images/style/main_bg-top.png") no-repeat top left transparent;
  width: 960px;
}

#content {
  background: url("../images/style/cleaner.png") no-repeat top left transparent;
  padding-left: 150px;
}

.main-mid {
  margin: 0 0;
  padding: 0 0 0 0;
  background: url("../images/style/main_bg-mid.png") repeat-y top left transparent;
  width: 960px;
}


.main-mid-inner {
  margin: 0 0;
  padding: 0 0 0 30px;
  background: url("../images/style/main_bg-bttm2.png") no-repeat bottom left transparent;
  width: 930px;
}

.main-bttm {
  margin: 0 0;
  padding: 0 0 50px 0;
  background: url("../images/style/main_bg-bttm.png") no-repeat top left transparent;
  width: 960px;
}



#footer {
  margin: 0px auto;
  width: 960px;
  text-align: center;
  position: relative ;
  top: -60px ;
}

#footer ul { margin: 0 0 0 80px;}

#footer ul li {
  float: left;
  margin: 2px 10px;
}

#footer ul li a, #footer ul li a:link {color: #00418B ; }
#footer ul li a:hover {color: #03378B; text-decoration: underline;}

.boxout {
  margin-right: 30px;
  padding: 15px 20px 0 10px;
  background: url("../images/style/boxout_bg_small.png") no-repeat top left transparent;
  width: 134px;
  height: 105px;
  position: relative;
  top: 60px;
}

.boxout a, .boxout a:link {
  float: right;
  color: #03378B;
  font-size: 12px;
}

.boxout a:hover {text-decoration: underline;}

/* -------------------------------------------------------------------- FORMS */
fieldset.postcode {
  padding: 38px 0 0 20px;
  margin: 15px 0 0 0;
  border: none;
  background: url("../images/style/fieldset_bg.png") no-repeat top left transparent;
  width: 500px; /* 523px; */
  height: 75px; /* 115px; */
}

input {
  width: 100px;
  color: #00418B;
  font-family: Arial, Sans-serif;
  border: none;
  font-size: 20px;
  padding: 3px;
}

label {
  color: #FFF;
  font-family: Arial, Sans-serif;
  font-weight: bold;
  font-size: 24px;
  margin-right: 10px;
}

.find {margin-left: 20px;}
.find a, .find a:link, .find a:visited {
  background: url("../images/style/find_bg.png") no-repeat top left transparent;
  padding: 7px 25px;
  color: #FFF;
  font-weight: bold;
  font-size: 24px;
}

.find a:hover {
  background: url("../images/style/find_bg.png") no-repeat top left transparent;
  background-position: 0 -45px;
}

/* ------------------------------------------------------------------ GENERAL */
.hidden {display: none;}

span.join {
  float: right; 
  display: block ;
  margin-right: 21px; /* 42px; */
  margin-top: -26px ;
}

.join a, .join a:link, .join a:visited {
  font-weight: bold;
  background: url("../images/style/join_bg.png") no-repeat top left transparent;
  padding: 11px 22px 12px 18px;
  color: #FFF;
}

.join a:hover {
  background: url("../images/style/join_bg.png") no-repeat top left transparent;
  background-position: 0 -46px;
  color: #FFF;
}

/* ----------------------------------------------------------------- ERROR BOX */
div#error {
	background-color: #EE6060 ;
	border: 7px outset #FF0000 ;
	padding: 12px ;
	text-align: justify ;
	position: absolute ;
	top: 141px ;
	right: 0px ;
	width: 400px ;
}
div#error p {
	color: #303030;
	font-size: small ;
	font-weight: bold ;
}

/* ----------------------------------------------------------------- INFORMATION BOX */
div#information {
	/* Hide for now... */
	display: none ;
}

div#information {
	background-color: #2256CB ;
	border: 7px outset #0000FF ;
	padding: 12px ;
	text-align: justify ;
	position: absolute ;
	top: 141px ;
	right: 0px ;
	width: 400px ;
}
div#information p {
	color: white;
	font-size: small ;
	font-weight: bold ;
}