@charset "utf-8";
/*-------------------------------------------------------------
Style Sheet 

Version: 1.2
Author: Alternet Solutions
email: webmaster@alternetsolutions.co.uk
website: http://www.alternetsolutions.co.uk/
-------------------------------------------------------------*/

/*Body*/

body {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small; /*for compliant browsers*/
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	text-align: center;
	background: #333; 
	}
html>body { /* be nice to Opera */
	font-size: small;
	}

* {
	border: none;
	}
	
#wrapper {
	width: 960px;
	/*min-width: 760px;
	max-width: 960px;*/
	margin: 0 auto;
	text-align: left;
	background: #f7f7f7;
	border: 1px solid #000;
    }

/*Header*/

#header {
	float: left;
	width: 100%;
	height: 200px;
	background: #eee url(images/headBg.jpg) no-repeat left;
	}

body#shop #header {
	float: left;
	width: 100%;
	height: 200px;
	background: #eee url(images/shopHd.jpg) no-repeat left;
	}

ul#contactInfo { /*Controls the tel numbers at top of page*/
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 5px 0 0 5px;
	}
	
#contactInfo li {
	padding: 4px 20px;
	font-weight: bold;
	font-size: 140%;
	display: inline;
	color: #000;
	}

#contactInfo li span {
	font-size: 115%;
	}

#contactInfo a {
	font-size: 90%;
	}

#contactInfo a:hover {
	text-decoration: none;
	}

/*****************NAV************************/

#nav {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	width:960px;
	margin: 0 auto;
	font-size: 1.2em;
	background: #d5382f;
	border-bottom: 2px solid #1454d2;
	}
#nav ul {
	margin: 0 auto;
	list-style: none;
	}
#nav ul li {
	float: left;
	width: 130px;
	margin: 0;
	padding: 5px 0;
	}
#nav ul li.last {
	margin-right: 0;
	}
#nav ul li a {
	display: block;
	float: left;
	width: 100%;
	font-size: 1em;
	line-height: 1.3em;
	text-decoration: none;
	color: #f3f2e8;
	text-align: center;
	}

	
#nav a:hover, body#home #t-home a, #nav a:hover, body#about #t-about a, #nav a:hover, body#areas #t-areas a, #nav a:hover, body#clients #t-clients a, #nav a:hover, body#pestDb #t-pestDb a, #nav a:hover, body#shop #t-shop a {
	color: #000;
	text-decoration: underline;
	}

	
/*Main DIVS*/

#content {
	float: right;
	width: 80%;
	line-height: 1.5em;
	font-size: 100%;
	}

#contentFull {
	float: right;
	width: 100%;
	line-height: 1.5em;
	font-size: 100%;
	}

#sideBar {
	float: left;
	width: 180px;
	}
	
/*Gutters*/

#content .gutter {
	padding: 15px;
	}

#contentFull .gutter {
	padding: 15px;
	}

#sideBar .gutter {
	padding: 15px;
	}

/*General*/

/* self-clear floats */

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

.bold {
	font-weight: bold;
	}

.clear {
	clear: both;
	}
	
.red {
	color: #d5382f;
	}

h1, h2 {
	margin: 10px 0;
	color: #d5382f;
	font-size: 140%;
	}

h3 {
	margin-top: 10px;
	font-size: 110%;
	text-decoration: underline;
	}

.bigRed {
	color: #d5382f;
	font-size: 180%;
	}

a {
	color: #0033FF;
	text-decoration: none;
	}

a:hover {
	color: #d5382f;
	text-decoration: underline;
	}

.marginTop {
	margin-top: 5px;
	}

ul.servicePageLists {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.servicePageLists li {
	margin-left: 15px;
	padding: 2px 0;
	text-indent: 15px;
	background: url(images/rightArrow.gif) no-repeat left;
	}

.servicePageLists li.noArrow {
	padding: 0;
	background: none;
	}

.servicePageLists ul li {
	margin-left: 15px;
	}

p#bcrumb {
	margin: 2px 0;
	padding: 2px 0 2px 5px;
	text-transform: uppercase;
	background: #eee;
	color: #000;
	}

/*Home Page*/

#commercialPest {
	width: 150px;
	float: left;
	margin-right: 5px;
	}

#domesticPest {
	width: 150px;
	float: left;
	margin-right: 5px;
	}

#birdProofing {
	width: 150px;
	float: left;
	margin-right: 5px;
	}

#clearances {
	width: 150px;
	float: left;
	}

#commercialPest h4 {
	margin: 0;
	padding: 5px;
	text-align: center;
	background: #d5382f;
	color: #fff;
	font-size: 100%;
	}

#domesticPest h4 {
	margin: 0;
	padding: 5px;
	text-align: center;
	background: #1454d2;
	color: #fff;
	font-size: 110%;
	}

#birdProofing h4 {
	margin: 0;
	padding: 5px;
	text-align: center;
	background: #2a8f29;
	color: #fff;
	font-size: 110%;
	}

#clearances h4 {
	margin: 0;
	padding: 5px;
	text-align: center;
	background: #544a48;
	color: #fff;
	font-size: 110%;
	}

#commercialPest a, #domesticPest a, #birdProofing a, #clearances a {
	color: #fff;
	}

#pest-control-service {
	width: 48%;
	float: left;
	}

#pest-control-solutions {
	width: 48%;
	float: right;
	}

#pest-control-service h3, #pest-control-solutions h3 {
	margin: 0;
	padding: 0;
	text-indent: 30px;
	} 

.logo {
	border: 1px solid #333;
	}

#quote {
	width: 100%;
	background: #eee;
	}

#quote p {
	margin: 0;
	padding: 5px;
	font-weight: bold;
	}

#quote p#quoteLink {
	font-size: 130%;
	}

#quote p#quoteLink a {
	color: #2a8f29;
	}

#quote p#quoteLink a:hover {
	color: #d5382f;
	}

#coshh {
	width: 100%;
	margin-top: 5px;
	background: #eee;
	}

h2#coshhHead {
	margin-top: 20px;
	font-size: 100%;
	text-align: center;
	}

#coshh ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 5px;
	}

#coshh li {
	padding: 2px 0;
	}

.bpcaLogo {
	margin-top: 5px;
	}

#healthSafety {
	width: 100%;
	margin-top: 5px;
	background: #369f40;
	}

p#healthSafety {
	margin-top: 5px;
	padding: 5px;
	width: 140px;
	font-size: 160%;
	text-align: center;
	}

p#healthSafety a {
	color: #fff;
	}

#whyUse {
	margin-top: 10px;
	padding: 5px;
	width: 100%;
	background: #e8e8e8;
	}

#whyUse h2 {
	font-size: 140%;
	}

#whyUse ul {
	padding-left: 25px;
	list-style: none;
	}

#whyUse li {
	background: url(images/tick.jpg) no-repeat left;
	padding-top: 3px;
	font-weight: bold;
	padding-left: 25px;
	}

/*COSHH Pages*/

ul.coshhList {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.coshhList li {
	padding-left: 15px;
	}

.coshhList ul li {
	list-style: none;
	}

p#review {
	font-style: italic;
	color: #d5382f;
	}


/*Commercial Pest Page - Species Table*/

table#pestSpecies {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #666;
	}

#pestSpecies th, #pestSpecies td {
	width: 5%;
	padding: 0.1em 0.5em;
	font-size: 90%;
	}

#pestSpecies caption {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	}

#pestSpecies thead {
	background-color: #d5382f;
	color: #fff;
	font-size: 95%;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	}
	
#pestSpecies th {
	font-weight: normal;
	text-align: left;
	}

#pestSpecies tr:hover {
	background-color: #ccc;
	}

#pestSpecies thead tr:hover {
	background-color: #d5382f;
	}


/*Bird Proofing (leads from home page*/

ul#methodList {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#methodList li {
	margin: 0;
	padding: 3px 0;
	}

#nettingSystem {
	width: 100%;
	padding: 5px;
	background: #eee;
	}

#spikeSystem {
	margin-top: 5px;
	padding: 5px;
	width: 100%;
	background: #eee;
	}

#postWire {
	margin-top: 5px;
	padding: 5px;
	width: 100%;
	background: #eee;
	}

h2.viewLarge { /*Used on b-proofing and clearance pages*/
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 90%;
	}

/*About Page*/

ul#serviceSummary {
	list-style: none;
	margin: 0;
	padding-left: 10px;
	}

#serviceSummary li {
	padding: 2px 0;
	font-weight: bold;
	text-transform: capitalize;
	}

/*Areas Covered*/

#callInfo {
	float: right;
	width: 30%;
	}

#callInfo p.call {
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 0px;
	}
	
#commercialAreas {
	width: 100%;
	float: left;
	padding: 5px;
	background: #ddd;
	margin-bottom: 5px;
	}
	
#domesticAreas {
	width: 100%;
	float: left;
	padding: 5px;
	background: #eee;
	}


#domesticAreas ul, #commercialAreas ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 22%;
	}

/*Common Pest Page*/

ul.pestList {
	margin: 0;
	padding: 0;
	list-style: none;
	}

/*Contact Form*/

#contact {
	margin: 10px 0 0 0;
	padding: 10px;
	width: 90%;
	background: #eee;
	}

#contact p {
	margin: 4px 0;
	}
	
.warning {
    color: #f00;
	background-color: inherit;
	font-size: 105%;
	}
	
.success {
	color: #ff0000;
	font-size: 105%;
	}
	
#contact .formbox {
    width: 150px;
}
	
#contact label.label {
	float: left;
	width: 85px;
	font-size: 110%;
    color: #000;
}

#contact label.labelBlock {
	display: block;
	font-size: 110%;
	}
	
#contact input#send {
	background: #ccc;
	padding: 4px;
	color: #000;
	border: 1px solid #666;
	}

#contact input#send:hover {
	background: #666;
	color: #fff;
	border: 1px solid #333;
	}

#contact textarea {
	width: 400px;
	height: 100px;
	}
		

/*Footer*/
	
#footer {
	clear: both;
	padding: 5px 0;
	}
#footer p {
	margin: 0;
    padding: 0;
    text-align: center;
	}

/* Hide from IE/Mac \*/
#footer { height: 1%; }
/* End hide from IE/Mac */

/* Hide from IE/Mac \*/
* html #footer { height: 1%; }
/* End hide from IE/Mac */
