/*
Theme Name:		Wirral Fire Protection
Theme URI:		http://www.wirralfire.co.uk
Description:	Fire Safety Simplified
Version:		1.0
Author:			Chris Hough
Author URI:		http://www.naturalranks.co.uk
*/

/* --------- 1. defaults  --------- */

* {                                                                /* Remove any browser default settings for margin and padding */
  margin: 0;
  padding: 0;
}

body {  
  background-color: #616060;                                                 /* Anything that applies to the whole page */
}

.alignleft {
	float: left;
	margin: 5px 10px 10px 5px;
}

strong {
	font-weight: bold;
}
    
/*  --------- 2. structure  --------- */

#wrapper {                                                         /* Settings for fixed width centred design */
  margin: 0 auto;                                                  /* Centres the wrapper */                     
  width: 920px;                                                    /* Set width for main wrapper */
}
    
#masthead {                                                        /* This is the main vertical header at the top of the page */
}
    
#logo {                                                            /* You know what this is */
  background-image: url(http://www.wirralfire.co.uk/images/logo_3.gif);
  height: 28px;
  width: 853px;
  margin: auto;
  padding: 80px 0 0 25px;
}
    
#navContainer {                                                    /* Container for main navigation - usually horizontal */
  width: 878px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 20px;
  background-color: #4e4d4d;
}

#navContainer ul {
  list-style: none;
}

#content {                                                         /* Main page content */
  background-image: url(http://www.wirralfire.co.uk/images/bg_slice.gif);
  color: #4e4d4d;
}

ul.team li {
	list-style-type: none;
	clear: left;
}

#footer {      
  background-image: url(http://www.wirralfire.co.uk/images/bg_slice.gif);                                                    /* Appears at the bottom of every page */
  padding: 0px 0px 5px 30px;
}

.separator {
  clear: both;
}

.separatorInvisible {
  clear: both;
  height: 1px;
}

.clearFix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#box_top {
  color: #FFF;
  background-image: url(http://www.wirralfire.co.uk/images/box_top.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  height: 20px;
  padding: 10px 20px 20px 20px;
  text-align: right;
}
#box_top a {
  color: #DDD;
}

#box_bottom {
  color: #FFF;
  background-image: url(http://www.wirralfire.co.uk/images/box_bottom.gif);
  background-repeat: no-repeat;
  height: 48px;
}
#box_bottom a {
  color: #DDD;
}

#welcomeTxt {
  width: 180px;
  float: left;
  margin-left: 0px;
  margin-right: 20px;
  display: inline;
  font-size: 1.2em;
}

#welcomeTxt p, h3 {
  margin-bottom: 10px;
  line-height: 1.8em;
}

#centralize {
  float: right;
  display: inline;
}

#productList {
  width: 321px;
  background-image: url(http://www.wirralfire.co.uk/images/product_list_top.gif);
  padding-left: 10px;
  padding-top: 10px;
  margin-bottom: 10px;
}

#productBottom {
  background-image: url(http://www.wirralfire.co.uk/images/product_list_bottom.gif);
  background-repeat: no-repeat;
  height: 12px;
  margin-left: -10px;
}

#pageContent #productList ul {
  margin: 0;
  padding: 0;
  margin-top: 5px;
  line-height: 2em;
  list-style: none;
}

#productList ul li {
  background-image: url(http://www.wirralfire.co.uk/images/list_tick.gif);
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left: 20px;
}

#legal {
  width: 311px;
  background-image: url(http://www.wirralfire.co.uk/images/legal_box_top.gif);
  padding: 15px 10px 0 10px;
  margin-bottom: 10px;
}

#legalBottom {
  background-image: url(http://www.wirralfire.co.uk/images/legal_box_bottom.gif);
  background-position: bottom left;
  height: 8px;
  width: 331px;
  margin-left: -10px;
}

#legal p {
  margin-bottom: 10px;
}

#serviceBoxes {
  width: 296px;
  float: right;
  margin-right: 30px;
  display: inline;
}

#serviceBoxesAdwords {
  width: 296px;
  float: right;
  margin-right: 20px;
  display: inline;
	margin-top: 220px;
}

#serviceBoxes a {
  color: #4e4d4d;
  text-decoration: none;
}

.sBox {
  background-image: url(http://www.wirralfire.co.uk/images/service_box_top.gif);
  background-repeat: no-repeat;
  padding: 5px 10px 0 10px;
  margin-bottom: 15px;
}

.sBoxTxt {
  width: 200px;
  float: left;
  padding-top: 5px;
}

.sBox .sBoxTxt ul.cart {
	list-style-type: none;
}

.featured {
	width: 270px;
	color: #c00;
	font-size: 14px;
	text-align: center;
}

#serviceBoxes .featured a {
  color: #c00;
  text-decoration: none;	
	line-height: 1.7em;
}

.sBoxTxt p {
  margin-bottom: 10px;
  line-height: 1.2em;
}

.sBoxTitle {
  font-weight: bold;
}

.sBoxBottom {
  background-image: url(http://www.wirralfire.co.uk/images/service_box_bottom.gif);
  background-position: bottom left;
  height: 5px;
  width: 296px;
  margin-left: -10px;
}

#pageContent {
  width: 540px;
  margin-left: 30px;
  margin-right: 20px;
}

#pageContent ul {
  list-style: none;
}

#pageContentFull {
  	width: 550px;
	  margin-left: 30px;
	  margin-right: 20px;
	font-size: 1.2em;
	line-height: 1.7em;
	color: #111;
}

#pageContentFull h3 {
	margin-top: 1em;
}

#pageContentFull p {
	margin: 1em 0em;
}

#pageContentFull blockquote {
	margin-left: 1em;
	padding-left: 3em;
	font-size: 1.3em;
	line-height: 1.6em;
	color: #444;
	border-left: 10px solid #900;
	font-style: italic;
}

cite {
	clear: left;
	font-weight: bold;
	font-size: 0.8em;
	font-style: normal;
}

#contactaddress {
  margin-top: 20px;
  margin-left: 290px;
}

#contactaddress ul {
  list-style: none;
}


#pageContentFull ol, #pageContent ol {
	margin: 10px 10px 10px 40px;
	font-size: 1.3em;
	line-height: 1.5em;
	color: #900;
}

#pageContent ol {
	margin: 10px 10px 10px 40px;
	font-size: 12px;
	line-height: 1.5em;
	color: #4e4d4d;
}

/* ---------- 3. links and navigation ---------- */

a {
  color: #4E4D4D;
  text-decoration: none;
}
    
a:hover {
  text-decoration: underline;
}


#navContainer ul li {
  display: block;
  float: left;
  padding: 10px 30px 10px 10px;
}

#navContainer a {
  color: #FFF;
  text-decoration: none;
}

#navContainer a:hover {
  text-decoration: underline;
}

#footer ul{
	list-style-type: none;
}

#footer ul li {
	margin: 5px 0px;
}

#footer a {
  text-decoration: none;
  color: #4e4d4d;
}

#footer a:hover {
  text-decoration: underline;
}

/* ---------- 4. fonts ---------- */

.contact_us_text{
	font-size:1.2em;
	margin-bottom:30px;
	}

html {

}

body {
  font-size: 75.5%;
  font-family: verdana, tahoma, arial, lucinda, sans-serif;        /*  Remove unwanted font family */
}

h1, h2, h3, h4, p, ul {
}

h1 {
  height: 0;
  text-indent: -3000px;
}

h2 {
  color: #FFF;
  font-size: 1.6em;
}

#logo h2 {

}

h3 {
  font-size: 1.4em;
}
    
h4 {
  font-size: 1.2em;
}

p {
}

#pageContent ul {
  margin-left: 2em;
  list-style: disc;
}
#pageContent ul li {
  margin-top: 0.8em;
}

blockquote {
}

#pageContent p, h3 {
  margin-bottom: 10px;
}

#pageContent p {
  line-height: 2em;
}

h3 {
  line-height: 1.3em;
}

/* ---------- 5. images ---------- */

a img {
  border: 0;
}

div#pageContent img {
  margin-bottom: 10px;
}

ul.team li img {
	float: left;
	margin: 5px 10px 5px 5px;
}
    
/* ---------- 6. tables ---------- */

table {
}
    
caption {
}
    
tr {
}

th, td {
}
    
th {
}
    
td {
}

/* ---------- 7. forms ---------- */  
    
form {
}
 /* ----- Contact form css ------ */
 
fieldset{
  width:500px; 
  border:1px solid #CCCCCC;
  padding: 0px 10px 0px 10px;
  float:left;
}
    
.contact_legend{
  margin: 0px 0px 0px 10px;
}

.contact_form li{
  list-style-type:none;
  margin:5px 0px 5px 0px;
  clear: left;
}

.contact_form label{
  font-weight:bold;
  display: block;
/*  float: left;*/
  height: 2em;
  clear: both;
  margin-top: 5px;
  width: 250px;
}
    
.contact_input{
  width: 250px;
/*  border:1px solid #CCCCCC;*/
  clear: left;  
}

#contact_query{
  width:250px;
  height: 150px;
  border:1px solid #CCCCCC;
  float: left;
}
    
.contact_form div fieldset ul{
  width: 250px;
}
    
.contact_form div fieldset ul li{
  clear: left;
  margin: 0;
  display: block;
}
    
fieldset ul input#submit{
  margin: 10px 0;
  clear: left;
  float: left;
}

 
 /* ---- End of Contact form css---- */
 
 /* ------ training CSS ------------- */
#training_question{
  font-weight:bold;
}
 
#training_list {
  margin-left: 30px;
  margin-bottom: 10px;
  line-height: 1.8em;
}

/* ----- Signage CSS -------------- */


#signage_list {
  list-style: disc;
  padding-left: 40px;
  line-height: 1.5em;
}

#prod_list{
    border:1px solid #CCC;
    width:530px;
    margin-top:30px;
    margin-bottom:30px;
    padding:5px;
}
.left, .center, .right{
    float:left;
    margin:4px;
    padding:5px;
    }
.center{
    width: 320px;
}
.right{
    width: 40px; 
    text-align: center;
    }
.left{
    width: 160px;
     text-align:center;  
     }
div.left {
	clear: left;
}

.seperate{
    float:none;
    clear:left;
    }
    
.title{
    font-weight: bold;
    }

    
.course {
  border-top: 1px solid #4e4e4e;
  padding-top: 1em;
}