/*
 * CSS for http://bhcm.co.uk
 * Authored by Bruce Boughton, 2007-08-14
 * Don't Panic
 */
 
body {
  /* Base font size is 14pt (see http://developer.yahoo.com/yui/fonts/#chart) */
  font-size: 108%;
  background: white;
  color: black;
  
  /* Allow at least 760px at normal zoom for site */
  min-width: 44.131189em;
  text-align: center;  
}

#SiteWrapper {  
  /* Site is centered and 760px at normal zoom */
  width: 44.131189em;  
  text-align: left;
  margin: 10px auto;
  position: relative;
  
  /* Background */
  background: white url("../images/page-bg.png") no-repeat bottom right;
}


/* The Supplementary class indicates content which is for text-only readers,
 * which is hidden from graphical users */
.Supplementary,
/* Site title is hidden (image replaced) */
#SiteTitle span,
/* Satisfaction guarantee is hidden (image replaced)*/
#SatisfactionGuarantee 
 {
  position: absolute;
  top: 0em;
  left: -999em;
}

a {
  /* Links do not have text decoration */
  text-decoration: none;
}

#PageContent a:link,
#PageContent a:visited,
#Footer a:link,
#Footer a:visited,
.FakeLink {
  color: #00a3de;
  font-weight: bold;
}

#PageContent a:active,
#PageContent a:hover,
#PageContent a:focus,
#Footer a:active,
#Footer a:hover,
#Footer a:focus {
  color: #dea63a;
}


/* 
 * Mast Head
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
#MastHead {
  background: white url("../images/masthead-bg.png") no-repeat top left;
  height: 232px;
}

#FreeQuote {
  position: absolute;
  top: 217px;
  right: 18px;
  float: right;
  background: url("../images/quote-left.png") no-repeat top left;
  font-size: 13px; 
  margin: 0;
}

#FreeQuote a {
  outline-style: none;
  display: block;
  background: url("../images/quote-right.png") no-repeat top right;  
  color: #454545; 
  padding: 6px 8px 9px;
  margin: 0;
}

#FreeQuote a strong,
#FreeQuote .FakeLink {
  color: black;
}
  

/* 
 * Page Content
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
#PageContent {
  padding: 10px;
}

#PageTitle {
  font-family: serif;
  font-size: 197%;
  color: #00a3de;
  margin: 0.3em 140px 0.3em 0;
  
  background: white url("../images/-title.png") no-repeat -10px 0;
  text-indent: -999em;
  line-height: 1.3;
}

.PageIcon {
  float: right;
  margin: 10px;
}

h2 {
  color: #00A3DE;
  font-weight: normal;
  margin-bottom: 0.3em;
}

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

#LinkPanels {display: inline-block;}

/* Hides from IE-mac \*/
* html #LinkPanels {height: 1%;}
#LinkPanels {display: block;}
/* End hide from IE-mac */

#LinkPanels {
  padding-left: 100px;
}

#LinkPanels p {
  float: left;
  padding: 0;
  margin: 0;
}

#LinkPanels p a {
  display: block;
  padding: 0;
  margin: 0;
}

#LinkPanels p img {
  margin: 10px;
}

#LinkPanels p span {
  position: absolute;
  font-size: 0px;
  left: -999px;
}

dl {
  margin: 1em 0 0;
}

dl dt {
  color: #0EA2DC;
  font-size: 120%;
  font-weight: normal;
}

dl dd {
 margin: 0 0 0 1em;
}

ul#ClientLogos,
ul#ClientLogos li {
  list-style: none;
  padding: 0;
  margin: 0;
} 

ul#ClientLogos li {
  clear: both; 
  padding-bottom: 10px;
}

ul#ClientLogos li a {
  float: left;
}

ul#ClientLogos li h2 {
  color: #454545;
}

ul#ClientLogos li p a {
  float: none;
}

ul#ClientLogos li img {
  float: none;
  padding: 0 10px 10px 0;
}

form#contact-us-form {
  padding: 0.2em;
  margin: 0 25%;
  border: 2px solid #BBB;
}

form#contact-us-form .field, 
form#contact-us-form .controls {
  clear: both;
  padding: 0.25em;
}

form#contact-us-form .field {
  border-bottom: 1px dotted #888;
}

form#contact-us-form .field:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

form#contact-us-form .field {display: inline-block;}

/* Hides from IE-mac \*/
* html form#contact-us-form .field {height: 1%;}
form#contact-us-form .field {display: block;}
/* End hide from IE-mac */

form#contact-us-form .controls {
  text-align: right;
  padding-right: 1em;
}

form#contact-us-form .invalid_field {
  background: #ffb1b1;
  color: red;
}

form#contact-us-form .field label {
  float: left;
  width: 6.5em;
  text-align: right;
  padding-right: 0.3em;
  line-height: 2.1;
}

form#contact-us-form .text_field,
form#contact-us-form .text_area {
  float: left;
  width: 11em;
  padding: 0.2em;
  border: 1px solid #AAAAAA;
  color:#777777;
  font-size:110%;
}

form#contact-us-form .invalid_field .text_field,
form#contact-us-form .invalid_field .text_area {
  color: red;
  border-color: red;
  background: #ffd0d0;
}

form#contact-us-form .field .text_field:focus, 
form#contact-us-form .field .text_area:focus {
  background: #FBFFE3;
  border: 1px solid #D7B445;
  color: #444444;
}

form#contact-us-form .text_area {
  height: 5em;
}

form#contact-us-form .invalid_field .error_text {
  color: #FF0000;
  display: block;
  clear: both;
  font-size: 70%;
  margin: 0.2em 0.5em 0.2em 10em;
}

.email-details {
  width: 70%;
  background: #EEE;
  margin: 1em auto;
  border: 1px solid #0EA2DC;
}
  
.email-headers div {  
  margin: 0.5em;
}
  
.email-headers div em {
  display: block;
  color: #0EA2DC;
  font-size: 90%;
  font-style: normal;
  line-height: 1.4em;
  margin: 0 0.5em;
}
  
.email-headers div strong {
  display: block;
  color: #777;
  width: 90%;
  font-size: 110%;
  font-weight: normal;
  padding: 0 0.1em;
  margin: 0.1em 0.3em;
}
  
.message {
  display: block;
  color: #2B2B2B;
  width: 100%;
  font-size: 110%;
  font-weight: normal;
  margin: 1em;   
}

/* 
 * Site Navigation
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
#SiteNavigation {
  position: absolute;
  top: 184px;
  left: 0;
}

#SiteNavigation ul {
  background: url("/images/navigation.png") no-repeat top left;
  width: 760px;
  height: 34px; 
}

#SiteNavigation ul,
#SiteNavigation ul li {
  list-style: none;
  padding: 0 0 0 13px;
  margin: 0;
}

#SiteNavigation ul li {
  float: left;
  width: 10px;
  height: 34px;  
  padding: 0;
  margin: 0 10px 0 0;
}

#SiteNavigation a {
  outline-style: none;
  float: left;
  width: 10px;
  height: 24px;
  padding: 3px 4px 4px;
  margin: 0;
}

#SiteNavigation a span {
  position: absolute;
  left: -999px;
  font-size: 1px;
}

#SiteNavigation #LinkHome, 
#SiteNavigation #LinkHome a {
  width: 49px;
  margin-right: 9px;
}

body#Home #SiteNavigation #LinkHome a,
#SiteNavigation #LinkHome a:hover,
#SiteNavigation #LinkHome a:active,
#SiteNavigation #LinkHome a:focus {
  background: url("/images/navigation.png") no-repeat -13px -34px;
}

#SiteNavigation #LinkDomestic, 
#SiteNavigation #LinkDomestic a {
  width: 72px;
}

body#Domestic #SiteNavigation #LinkDomestic a,
body#DomesticTerms #SiteNavigation #LinkDomestic a,
body#DomesticFAQ #SiteNavigation #LinkDomestic a,
body#DomesticServices #SiteNavigation #LinkDomestic a,
#SiteNavigation #LinkDomestic a:hover,
#SiteNavigation #LinkDomestic a:active,
#SiteNavigation #LinkDomestic a:focus {
  background: url("/images/navigation.png") no-repeat -71px -34px;
}

#SiteNavigation #LinkCommercial, 
#SiteNavigation #LinkCommercial a {
  width: 91px;
}

body#Commercial #SiteNavigation #LinkCommercial a,
#SiteNavigation #LinkCommercial a:hover,
#SiteNavigation #LinkCommercial a:active,
#SiteNavigation #LinkCommercial a:focus {
  background: url("/images/navigation.png") no-repeat -153px -34px;
}

#SiteNavigation #LinkEndOfTenancy, 
#SiteNavigation #LinkEndOfTenancy a {
  width: 116px;
}

body#EndOfTenancy #SiteNavigation #LinkEndOfTenancy a,
#SiteNavigation #LinkEndOfTenancy a:hover,
#SiteNavigation #LinkEndOfTenancy a:active,
#SiteNavigation #LinkEndOfTenancy a:focus {
  background: url("/images/navigation.png") no-repeat -254px -34px;
}

#SiteNavigation #LinkCarpet, 
#SiteNavigation #LinkCarpet a {
  width: 52px;
  margin-right: 9px;
}

body#Carpet #SiteNavigation #LinkCarpet a,
#SiteNavigation #LinkCarpet a:hover,
#SiteNavigation #LinkCarpet a:active,
#SiteNavigation #LinkCarpet a:focus {
  background: url("/images/navigation.png") no-repeat -380px -34px;
}

#SiteNavigation #LinkHardFloor, 
#SiteNavigation #LinkHardFloor a {
  width: 84px;
}

body#HardFloor #SiteNavigation #LinkHardFloor a,
#SiteNavigation #LinkHardFloor a:hover,
#SiteNavigation #LinkHardFloor a:active,
#SiteNavigation #LinkHardFloor a:focus {
  background: url("/images/navigation.png") no-repeat -441px -34px;
}

#SiteNavigation #LinkClients, 
#SiteNavigation #LinkClients a {
  width: 88px;
}

body#Clients #SiteNavigation #LinkClients a,
#SiteNavigation #LinkClients a:hover,
#SiteNavigation #LinkClients a:active,
#SiteNavigation #LinkClients a:focus {
  background: url("/images/navigation.png") no-repeat -535px -34px;
}

#SiteNavigation #LinkContactUs, 
#SiteNavigation #LinkContactUs a {
  width: 84px;
}

body#ContactUs #SiteNavigation #LinkContactUs a,
#SiteNavigation #LinkContactUs a:hover,
#SiteNavigation #LinkContactUs a:active,
#SiteNavigation #LinkContactUs a:focus {
  background: url("/images/navigation.png") no-repeat -633px -34px;
}

#SecondaryNavigation ul,
#SecondaryNavigation ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}

#SecondaryNavigation ul {
  padding-top: 0em;
  margin: -0.3em 140px 0.3em 0;
  border-top: 1px solid #666;
}

#SecondaryNavigation ul li {
  float: left;
  padding: 0 5px;
}

#SecondaryNavigation ul li a,
#SecondaryNavigation ul li a:link,
#SecondaryNavigation ul li a:visited {
  display: block;
  background: #f0f0f0 url("/images/subnav-bg.png") 0 -2px repeat-x;
  color: black;
  font-family: serif;
  font-size: 85%;  
  padding: 0.3em 0.5em 0;
  border: 2px solid #dadada;
  border-top: none;
  border-bottom: 2px solid #909090;
}

#SecondaryNavigation ul li a:active,
#SecondaryNavigation ul li a:focus,
#SecondaryNavigation ul li a:hover {
  border-bottom-color: #00a4de;
}

body#DomesticTerms #LinkDomesticTerms a,
body#DomesticFAQ #LinkDomesticFAQ a,
body#DomesticServices #LinkDomesticServices a {
  border-bottom-color: #00a4de;  
}

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

#SecondaryNavigation ul {display: inline-block;}

/* Hides from IE-mac \*/
* html #SecondaryNavigation ul {height: 1%;}
#SecondaryNavigation ul {display: block;}
/* End hide from IE-mac */

/* 
 * Footer
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
#Footer {
  /* Font size is 10pt */
  font-size: 61.5%;
  padding: 10px 10px 30px;
}

#Footer p {
  margin: 0 0 0.25em 0;
}

#Footer p#MoreInfo {
  margin: 0 0 0.75em 0;
}