/*-----------------------
 Table of contents
 1. General
  1.1 Base forms
  1.2 Icons
 2. Header
   2.1 Masthead Controls
 3. Breadcrumbs
 4. Navigation
   4.1 Navigation Icons
 5. Module
   5.1 Team module
   5.2 Tips module
   5.3 Compact box
	5.3.1 Compact box 1
   5.4 Simple box
	5.4.1 Simple box 1
	5.4.2 Simple box 2
	5.4.3 Simple box 3
    5.4.4 Latest works / Feedback
   5.5 Highlight box
   5.6 SWF
   5.7 Quote
   5.8 Areas
   5.9 Tables
   5.10 Sitemap
   5.11 Press Releases
   5.12 Accreditations
   5.13 Request callback
   5.14 Popup
   5.15 Contact us
   5.16 Social
   5.17 Meta links
   5.18 Subscriptions
 6. Footer
 7. Job Feedback
 8. Calendar Wizard
 9. Videos
 10. Franchise Pages.
------------------------*/
/*-----------------------
 1. General
------------------------*/
body {
  background: #f0f2f4;
  font-family: "Trebuchet MS", sans-serif, Helvetica, Arial;
  color: #444444;
  padding: 0;
  margin: 0;
}
body#iframe {
  background: #ffffff;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#popup h1,
#popup h2,
#popup h3,
#popup h4,
#popup h5,
#popup h6 {
  color: #0773b8;
}
#content h1,
#content h2,
#content h3,
#popup h1,
#popup h2,
#popup h3 {
  font-size: 1.4em;
  font-style: italic;
  margin-bottom: 0.5em;
}
#content h1 {
  padding-right:70px;
}
#content h3, #popup h3 {
  font-size: 1em;
  margin-bottom: 0.5em;
}
#content h2.with-subtitle {
  margin-bottom: 0;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content p,
#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6,
#sidebar p,
#popup h1,
#popup h2,
#popup h3,
#popup h4,
#popup h5,
#popup h6 {
  line-height: 1.3em;
}
#content p {
  margin-bottom: 0.5em;
}
p, li, dl {
  font-size: 14px;
  margin-bottom: 0.5em;
  line-height: 1.3em;
}
dt {
  font-weight: bold;
}
a {
  color: #0773b8;
}
a:hover {
  color: #444444;
}
a.active {
  color: #444444;
}
.content a {
  color: #0773b8;
  text-shadow: 0 1px 0 #fffef2;
}
.content a:hover {
  color: #444444;
}
.content a.active {
  color: #444444;
}
.services a {
  color: #ffed27;
  text-shadow: 0 -1px 0 #15547c;
}
.services a:hover {
  color: #edf5fa;
}
.services a:active {
  color: #edf5fa;
}
/** buttons **/
button {
  position: relative;
  border: 0;
  cursor: pointer;
  overflow: visible;
  /* removes extra side padding in IE */

  background: url(../images/button-sprite.png) no-repeat 0 0;
  font-size: 14px;
  padding: 0 0 0 6px;
  text-align: center;
  margin: 0;
  height: 26px;
  color: #ffffff;
  font-style: italic;
  text-shadow: 0 -1px 0 #15547c;
}
button::-moz-focus-inner {
  border: none;
  /* overrides extra padding in Firefox */

}
button span {
  position: relative;
  display: block;
  white-space: nowrap;
  background: url(../images/button-sprite.png) no-repeat right -26px;
  color: #FFF;
  height: 26px;
  line-height: 26px;
  padding: 0 10px 0 0;
}
button:hover span {
  color: #ffed27;
}
button.alt {
  background-position: 0 -52px;
}
button.alt span {
  color: #0b5495;
  background-position: right -78px;
}
/** anchor 'buttons' **/
a.button {
  background: url(../images/button-sprite.png) no-repeat 0 0;
  padding: 0 0 0 6px;
  display: inline-block;
  font-style: italic;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 0 -1px 0 #15547c;
  cursor: pointer;
}
a.button span {
  background: url(../images/button-sprite.png) no-repeat right -26px;
  height: 26px;
  line-height: 26px;
  padding: 0 10px 0 0;
  display: inline-block;
}
a.button:hover {
  color: #ffed27;
}
/** alternative yellow button **/
a.button.alt {
  background-position: 0 -52px;
  color: #0b5495;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
a.button.alt span {
  background-position: right -78px;
}
a.button.alt:hover {
  color: #0773b8;
}
ul.base {
  list-style: disc outside none;
  padding: 0 0 0 20px;
}
ol.base {
  list-style: decimal outside none;
  padding: 0 0 0 20px;
}
.hidden {
  display: none !important;
}
/*-----------------------
 1.1 Base forms
------------------------*/
form.base {
  margin: 1em 0;
}
form.base .field {
  margin: 0 0 15px;
  clear: left;
  overflow: hidden;
  position: relative;
}
form.base label {
  float: left;
  width: 80px;
  margin: 0 10px 0 0;
  text-align: right;
  font-size: 14px;
  line-height: 20px;
}
form.base .text input, form.base select, form.base textarea {
  float: left;
  width: 125px;
}
form.base textarea {
  width: 300px;
  height: 125px;
}
form.base .buttons {
  margin-left: 90px;
}
/** multiple inputs (checkboxes and radio btns) */
form.base .multiple li {
  float: left;
}
form.base .multiple ul label {
  width: auto;
}
/** block level labels **/
form.base .block label {
  float: none;
  display: block;
  width: auto;
  text-align: left;
}
form.base .errorlist {
  float: left;
  margin: 0 0 0 10px;
  color: #ff0000;
}
form.base .errorlist li {
  color: #ff0000;
  margin: 0;
}
#postcode-search {
  background: url('/assets/images/blue-corner.gif') no-repeat top right #1963a2;
  width: 225px;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}
#postcode-search h4 {
  color: #f4f02f;
  padding: 10px 10px 5px 10px;
}
#postcode-search p {
  padding: 5px 10px 5px 10px;
  margin: 0px;
  color: #FFFFFF;
  font-style: italic;
}
form.postcode-lookup {
  margin: 0px;
  padding: 0px 10px 10px 10px;
}
form.postcode-lookup label {
  display: none;
}
form.postcode-lookup #id_postcode {
  float: left;
  height: 26px;
  padding: 0px;
  margin: 0px;
  border: none;
}
form div.error input, form div.error select, form div.error textarea {
  background-color: #ffeced;
  border: 1px solid #e89b9b;
  padding: 2px;
}
form.base .notice {
  clear: left;
  padding-top: 0.5em;
  margin: 0 0 0 90px;
}
.blur {
  color: #888;
}
/*-----------------------
  1.2 Icons
------------------------*/
.icon {
  background: url(../images/icons-sprite.png) no-repeat;
  padding: 0 0 0 30px;
  display: inline-block;
}
.calendar-icon {
  background-position: 0 0;
  min-height: 22px;
}
.email-icon {
  background-position: 0 -50px;
  min-height: 22px;
}
.telephone-icon {
  background-position: 0 -100px;
  min-height: 20px;
}
.arrow-icon {
  background-position: right -149px;
  padding: 0 28px 0 0;
  display: inline-block;
}
.currency-icon {
  background-position: 13px -197px;
  min-height: 17px;
}
.map-icon {
  background-position: 12px -246px;
  min-height: 17px;
}
/*-----------------------
 2. Header
------------------------*/
#header .logo {
  margin: 0 0 0 26px;
}
#header .logo a {
  display: block;
}
#header .logo img {
  vertical-align: bottom;
  margin-left: 50px;
}
#contact-us {
  position: fixed;
  top: 0;
  margin: 0 0 0 570px;
  z-index: 100;
  background: url(../images/contact-us-bg.png) left bottom no-repeat;
  width: 354px;
  padding: 0px 20px 20px;
  color: #fff;
  font-style: italic;
  text-align: center;
}
#vans {
  margin: 0px 0px 0px -55px;
  padding: 10px 0px 0px 60px;
  background: no-repeat url(../images/contact-us-van.png);
}
#contact-us .tel {
  color: #ffed27;
  font-size: 1.0em;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
  padding: 0 0 5px 140px;
  min-height: 70px;
  text-align: left;
  margin: 0 0 5px;
  line-height: 1;
}
#contact-us .tel strong {
  color: #fff;
  font-size: 1.8em;
  display: block;
  letter-spacing: -1px;
  margin-top: 2px;
}
#contact-us .tel a {
  color: #fff;
  text-decoration: none;
}
#contact-us .actions {
  margin-bottom: 0.5em;
  overflow: hidden;
  display: inline-block;
}
#contact-us .actions li {
  display: inline;
  margin: 0 10px 0 0;
}
#contact-us .button span {
  padding: 0 20px;
}
#contact-us .actions li.last {
  margin: 0;
}
#contact-us .tagline {
  color: #ffed27;
  clear: left;
  font-size: 1.3em;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
  margin: 0;
}
.no-call-out {
  color: #FEE913;
  font-size: 120%;
  margin: 0px;
  padding: 0px;
}
.static-contact #contact-us {
  position: absolute;
}
/*-----------------------
 2.1 Masthead Controls
------------------------*/
.masthead-controls {
  clear: left;
  float: left;
  display: inline;
  height: 15px;
  margin: 110px 0 0 10px;
}
.masthead-controls li {
  display: inline;
  float: left;
  height: 15px;
  width: 21px;
}
.masthead-controls a.on {
  background-position: 0 0;
}
.masthead-controls a {
  width: 16px;
  height: 15px;
  display: block;
  cursor: pointer;
  background: transparent url(../images/header-buttons.png) -20px 0 no-repeat;
  /* TODO: change to gifs */

}
/*------------------------
 2.2 Contact Form.
-------------------------*/
.portlet_sub_navTree .pound_icon a {
  background: url(../images/pound_icon.gif) no-repeat 0 0;
  width: 190px;
  padding: 4px 0 4px 40px;
  display: block;
  display: inline-block;
  font-style: italic;
  text-decoration: none;
  text-shadow: 0 -1px 0 #15547c;
  cursor: pointer;
}
.portlet_sub_navTree .map_icon a {
  background: url(../images/map_icon.gif) no-repeat 0 0;
  width: 180px;
  padding: 4px 0 4px 40px;
  display: block;
  display: inline-block;
  font-style: italic;
  text-decoration: none;
  text-shadow: 0 -1px 0 #15547c;
  cursor: pointer;
  border: none;
}
.portlet_sub_navTree .pound_icon a:hover, .portlet_sub_navTree .pound_map a:hover {
  color: #0b5495;
  border: none;
}
#callback fieldset .first_label label {
  color: #FFED27;
}
#callback fieldset.pre-hidden {
  display: none;
}
/*-----------------------
 3. Breadcrumbs
------------------------*/
#breadcrumbs {
  background: #f6fafd url(../images/breadcrumbs_bg.png) left bottom no-repeat;
  font-size: 0.7em;
  padding: 3px 15px;
  margin: 0 0 18px 0;
}
#breadcrumbs li {
  margin: 0;
}
#breadcrumbs a {
  text-decoration: none;
  padding: 0 3px;
}
/*-----------------------
 4. Navigation
------------------------*/
#navigation {
  overflow: hidden;
  margin: 0 0 15px;
  font-style: italic;
}
#navigation li {
  width: 225px;
  background: #1962a2;
  border-bottom: 1px solid #15538a;
  border-top: 1px solid #3b79b0;
  margin: 0;
  overflow: hidden;
}
#navigation li.subsection, #navigation li li {
  background: #edf5fa;
  height: auto;
  border: none;
}
#navigation li.subsection {
  padding: 1em 0;
}
#navigation li.content {
  background: #ffed27;
  border-bottom: 1px solid #e5d200;
  border-top: 1px solid #fff266;
}
#navigation li.first {
  background-image: url(../images/navigation_bg.png);
  background-position: 205px top;
  background-repeat: no-repeat;
  border-top: none;
}
#navigation li.last {
  background-image: url(../images/navigation_bg.png);
  background-position: -20px bottom;
  background-repeat: no-repeat;
  border-bottom: none;
  padding-bottom: 2px;
}
#navigation .subheading {
  font-weight: bold;
  margin: 20px 10px 10px 10px;
}
#navigation .subheading em {
  color: #0773b8;
}
#latest-works-container li {
  background: transparent;
}
/*-----------------------
 4.1 Navigation Icons
------------------------*/
#navigation li a {
  display: block;
  padding: 7px 0 5px 25px;
  margin: 0 0 0 10px;
  font-size: 17px;
  font-weight: normal;
  background: transparent url(../images/nav-icons.png) -6px 0 no-repeat;
  text-decoration: none;
}
#navigation li li a {
  font-size: 14px;
  text-decoration: underline;
}
#navigation li li {
  /*TODO: add bullets as background*/

  padding: 0 0 2px 15px;
  width: 210px;
}
#navigation li.subsection a {
  background: none;
  height: auto;
  padding: 0;
  margin: 0;
}
#navigation li a.active {
  color: #ffffff;
}
#navigation li li a.active, #navigation li.content a.active {
  color: #444444;
}
#navigation .plumbing {
  background-position: -6px -192px;
  /* 32px x 6 . -192px*/

}
#navigation .drainage {
  background-position: -6px -32px;
  /* 32px x 1 */

}
#navigation .electrical {
  background-position: -6px -64px;
  /* 32px x 2 */

}
#navigation .gas-central-heating {
  background-position: -6px -160px;
  /* 32px x 5 */

}
#navigation .air-conditioning {
  background-position: -6px -288px;
  /* 32px x 9 */

}
#navigation .decorating {
  background-position: -6px 0px;
  /* 32px x 0 */

}
#navigation .roofing {
  background-position: -6px -256px;
  /* 32px x 8 */

}
#navigation .glazing {
  background-position: -6px -96px;
  /* 32px x 8 */

}
#navigation .carpentry-building, #navigation .handyman {
  background-position: -6px -128px;
  /* 32px x 4 */

}
#navigation .refurbishment {
  background-position: -6px -224px;
  /* 32px x 7 */

}
#navigation .commercial-customers {
  background-position: -6px -480px;
  /* 32px x 15 */

}
#navigation .packages-services {
  background-position: -6px -384px;
  /* 32px x 12 */

}
#navigation .rates {
  background-position: -6px -416px;
  /* 32px x 13 */

}
#navigation .energy-saving {
  background-position: -6px -320px;
  /* 32px x 10 */

}
#navigation .about-aspect {
  background-position: -6px -448px;
  /* 32px x 14 */

}
#navigation .contact-us {
  background-position: -6px -512px;
  /* 32px x 16 */

}
#navigation .home-page {
  background-position: -6px -352px;
  /* 32px x 11 */

}
#navigation .surveys-inspections {
  background-position: -6px -544px;
  /* 32px x 17 */

}
#navigation .melissa-porter-blog {
  background-position: -6px -576px;
  /* 32px x 18 */

}
#navigation .renewable-energy {
  background-position: -6px -608px;
  /* 32px x 19 */

}
#navigation .how-to {
  background-position: -6px -640px;
  /** 32px x 20 **/

}
#navigation .recruitment {
  background-position: -6px -672px;
  /** 32px x 21 **/

}
#navigation .locksmith {
  background-position: -6px -704px;
  /** 32px x 22 **/

}
#navigation .areas {
  background-position: -6px -736px;
  /** 32px x 23 **/

}
#navigation .franchise {
  background-position: -6px -768px;
  /** 32px x 24 **/

}
#navigation .last a {
  padding-bottom: 4px;
}
/*-----------------------
 5. Module
------------------------*/
.module {
  width: 465px;
}
.standalone {
  margin: 0 0 15px 0;
}
.module h2, .module h3 {
  color: #0773b8;
  font-size: 1.2em;
  font-style: italic;
}
#sidebar .module, #primary-sidebar .module {
  margin-bottom: 15px;
  width: 225px;
}
.row {
  clear: both;
  width: auto;
}
.tips, .team {
  clear: both;
  display: block;
}
/*-----------------------
 5.1 Team module
------------------------*/
.team {
  margin-bottom: 15px;
}
.team li {
  width: 105px;
  padding: 0 15px 0 0;
  float: left;
  display: inline;
  color: #0773b8;
  font-size: 0.8em;
}
.team li.last {
  float: right;
  padding: 0;
}
.team .fn, .team postal-code, .team .photo {
  display: block;
  margin-bottom: 0.3em;
}
.team .photo {
  margin-bottom: 0.8em;
}
.team .photo {
  width: 105px;
}
/*-----------------------
 5.2 Tips module
------------------------*/
.tips {
  background: transparent url(../images/tips_bg.gif) top left no-repeat;
  width: 445px;
  /* @content-width -20px */

  padding: 10px;
}
.tips ul {
  margin-top: 25px;
}
.tips li {
  list-style: disc;
  margin: 0 0 10px 15px;
}
.tips-bottom {
  display: block;
  height: 25px;
  width: 465px;
  background: transparent url(../images/tips_bg.gif) bottom left no-repeat;
}
/*-----------------------
 5.3 Compact Box
------------------------*/
.compact {
  width: 225px;
  float: left;
  display: inline;
  margin: 0 15px 0 0;
}
#sidebar .compact {
  margin: 0 15px 15px 0;
  float: none;
  display: block;
}
.compact img {
  width: 205px;
  margin: 0 0 5px;
}
.compact h4 {
  background: #ffed27 url(../images/module_bg.gif) top left no-repeat;
  padding: 10px 10px;
  font-size: 14px;
  color: #0773b8;
  text-shadow: 0 1px 0 #fffef2;
  font-style: italic;
}
.row .compact .compact-content {
  min-height: 215px;
}
.compact-content {
  background: #edf5fa url(../images/module_bg.gif) bottom left no-repeat;
  padding: 7px 10px 40px;
  position: relative;
}
.compact li {
  margin-bottom: 0.5em;
}
.compact a.button {
  margin: 0 auto;
  text-shadow: 0 -1px 0 #15547c;
}
.compact .action {
  position: absolute;
  bottom: 5px;
}
/*-----------------------
 5.4.2 Compact Box 1
------------------------*/
.compact-1 {
  width: 225px;
}
.compact-1 .header {
  background: url(../images/action-module-bg.png) no-repeat;
  color: #0773B8;
  font-size: 14px;
  padding: 10px;
  text-shadow: 0 1px 0 #FFFEF2;
  border-bottom: 1px solid #F1DA14;
}
.compact-1 .content {
  background: url(../images/action-module-bg.png) no-repeat 0 bottom;
  border-top: 1px solid #FFF;
  padding: 10px;
}
#sidebar .compact-1 .header {
  line-height: 1;
}
/*-----------------------
 5.4 Simple Box
------------------------*/
.simple h4 {
  background: #edf5fa url(../images/module_bg.gif) 0 -100px no-repeat;
  padding: 7px 10px;
  margin: 0;
  display: block;
}
.simple {
  display: block;
  margin: 0;
  background: #edf5fa url(../images/module_bg.gif) bottom left no-repeat;
  width: 225px;
}
.simple-content {
  padding: 0 10px;
}
.jsenabled .latest-works .simple-content {
  overflow: hidden;
  height: 70px;
  padding: 0 10px 0 10px;
  margin-bottom: 20px;
}
.jsenabled .feedback li {
  overflow: hidden;
  height: 150px;
}
.jsenabled .feedback li.feedback-button {
  height: auto;
}
.simple h4 {
  font-size: 14px;
  font-style: italic;
  margin-bottom: 0.5em;
}
.simple a.button {
  margin: 0 auto;
  text-shadow: 0 1px 0 #ffffff;
}
.simple .fn {
  font-weight: bold;
}
.simple .vcard, .simple .last {
  margin: 0;
}
.simple em, .simple .postcode {
  color: #0773b8;
  font-weight: bold;
}
a.reload-button {
  margin: 0 auto;
  width: 168px;
  height: 26px;
  line-height: 26px;
  display: block;
  color: #0773b8;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
}
a.reload-button:hover {
  color: #444444 !important;
}
/*-----------------------
 5.4.1 Simple Box 1 (dark blue)
------------------------*/
.simple-1 {
  display: block;
  margin: 0;
  color: #FFF;
  background: url(../images/module-bg-dark.png) #0773b8 no-repeat left bottom;
}
.simple-1 h4 {
  display: block;
  margin-bottom: 0.5em;
  padding: 7px 10px;
  font-size: 14px;
  font-style: italic;
  background: url(../images/module-bg-dark.png) no-repeat 0 0 #0773b8;
}
.spotlight {
  background: transparent url(../images/spotlight-bg.png) bottom left no-repeat;
  text-align: center;
  padding-bottom: 36px;
}
.spotlight h4 {
  padding-top: 10px;
  background: transparent url(../images/spotlight-bg.png) top left no-repeat;
  font-size: 20px;
}
#sidebar p.highlight {
  font-size: 25px;
  color: #ffed27;
  line-height: 1.2;
  margin: 10px;
}
/*-----------------------
 5.4.2 Simple Box 2 (light blue no border)
------------------------*/
.simple-2 {
  background: #edf5fa url(../images/rounded-corners-sprite.png) no-repeat;
  padding: 10px 0 0 0;
}
.simple-2 .inner {
  background: #edf5fa url(../images/rounded-corners-sprite.png) no-repeat -225px bottom;
  padding: 0 10px 10px;
}
.spotlight {
  background: transparent url(../images/spotlight-bg.png) bottom left no-repeat;
  text-align: center;
  padding-bottom: 36px;
}
.spotlight h4 {
  padding-top: 10px;
  background: transparent url(../images/spotlight-bg.png) top left no-repeat;
  font-size: 20px;
}
#sidebar p.highlight {
  font-size: 25px;
  color: #ffed27;
  line-height: 1.2;
  margin: 10px;
}
/*-----------------------
 5.4.3 Simple box 3 (yellow)
------------------------*/
.simple-3 {
  width: 225px;
  background: #fff8a5;
}
.simple-3 .header {
  background: url(/assets/images/action-module-bg.png) no-repeat 0 -95px;
  color: #0773B8;
  font-size: 14px;
  padding: 10px 10px 5px;
  text-shadow: 0 1px 0 #FFFEF2;
  font-size: 18px;
}
.simple-3 .content {
  background: url(/assets/images/action-module-bg.png) no-repeat 0 bottom;
  padding: 0 10px 10px;
}
.simple-3 p {
  font-style: italic;
}
.simple-3 .actions {
  text-align: center;
}
.simple-3 .actions li {
  margin: 0;
}
/*-----------------------
 5.4.4 simple box 4 (wide light blue)
------------------------*/
/** wide simple box **/
.simple-4 {
  font-style: italic;
  background: #edf5fa;
}
#content .simple-4 .header {
  background: #edf5fa url(../images/rounded-corners-sprite.png) -996px top no-repeat;
  padding: 10px 10px 5px;
  margin: 0;
}
.simple-4 .content {
  background: #edf5fa url(../images/rounded-corners-sprite.png) -1461px bottom no-repeat;
  padding: 0 10px 10px;
}
.simple-4 ul {
  padding: 0 0 0 20px;
  list-style: disc outside none;
}
.simple-4 li {
  margin: 0 0 15px;
}
/*-----------------------
 5.4.5 Latest Works  / Feedback
------------------------*/
.latest-works li {
  margin-bottom: 1px;
}
.latest-works li.last {
  margin-bottom: 15px;
}
.jsenabled .feedback-item {
  display: none;
}
/*-----------------------
 5.6 SWF files
------------------------*/
.swf {
  margin-bottom: 15px;
}
/*-----------------------
 5.7 Quotes
------------------------*/
blockquote {
  font-size: 13px;
  line-height: 1.3em;
  margin: 0 0 15px 0;
}
.quote {
  width: 465px;
  margin-bottom: 20px;
}
#content .quote h3 {
  margin-bottom: 16px;
}
.quote .vcard {
  color: #0773b8;
}
.quote .fn {
  font-weight: bold;
}
.quote .bqstart {
  float: left;
  display: inline;
  width: 33px;
  height: 26px;
  font-size: 100px;
  color: #edf5fa;
  background: transparent url(../images/sprites.gif) 0 0 no-repeat;
}
.quote .bqend {
  color: #edf5fa;
  background: transparent url(../images/sprites.gif) 0 -26px no-repeat;
  width: 33px;
  height: 26px;
  float: right;
  display: inline;
}
/*-----------------------
 5.8 Areas Listing
------------------------*/
.jsenabled #london-areas {
  display: none;
}
.jsenabled #areas-covered-container {
  height: 200px;
  overflow: hidden;
  padding: 0 10px 0 10px;
  margin-bottom: 15px;
}
/*-----------------------
 5.9 Tables
------------------------*/
.table-services {
  width: 460px;
  font-size: 14px;
  cellspacing: 1px;
  border-collapse: separate;
  border-spacing: 1px 0;
  margin-bottom: 15px;
}
.table-services th {
  background: #fffbbe;
  color: #0773b8;
  padding: 10px;
  font-size: 15px;
}
.table-services th.plus {
  text-align: center;
}
.table-services th.services {
  width: 210px;
}
.table-services tr td {
  background: #d5e7f3;
  text-align: center;
  padding: 7px 10px;
}
.table-services tr td.services {
  text-align: left;
}
.table-services tr.odd td {
  background: #edf5fa;
}
.table-services td.service {
  text-align: left;
}
/*-----------------------
 5.10 Sitemap
------------------------*/
.column_a, .column_b {
  margin-right: 15px;
  width: 225px;
  float: left;
  display: inline;
}
#content .sitemap h4 {
  margin: 0 0 10px 0;
  font-size: 16px;
}
/*-----------------------
 5.11 Press Releases
------------------------*/
.press-title {
  width: 465px;
  height: 34px;
  background: transparent url(../images/content-titles.gif) top left no-repeat;
}
.aspect-press-releases {
  background-position: 0 0;
}
.aspect-in-the-press {
  background-position: 0 -34px;
}
#content .press h3 {
  font-size: 17px;
  line-height: 1em;
}
#content .press h3 em {
  font-size: 12px;
  color: #444444;
  font-weight: normal;
}
#content .press li {
  margin-bottom: 15px;
}
#content .press ul {
  margin-bottom: 40px;
}
/*-----------------------
 5.12 Accreditations
------------------------*/
.accreditations a {
  display: block;
}
.accreditations li {
  background: transparent url(../images/accreditations_logos.png) 0 0 no-repeat;
  padding: 0 0 0 90px;
  height: 62px;
}
.accreditations li.fast-grow-business {
  background-position: 0 -760px;
}
.accreditations li.best-business {
  background-position: 0 -830px;
}
.accreditations li.creme-business-awards {
  background-position: 0 -903px;
}
.accreditations li.gas-safe {
  background-position: 0 0;
}
.accreditations li.niceic {
  background-position: 0 -68px;
}
.accreditations li.hvca {
  background-position: 0 -134px;
}
.accreditations li.federation-master-builders {
  background-position: 0 -195px;
}
.accreditations li.painting-decorating {
  background-position: 0 -260px;
}
.accreditations li.roofing-contractors {
  background-position: 0 -325px;
}
.accreditations li.guild-mastercraftsmen {
  background-position: 0 -389px;
}
.accreditations li.trust-mark {
  background-position: 0 -450px;
}
.accreditations li.iso {
  background-position: 0 -515px;
}
.accreditations li.safe-contractor {
  background-position: 0 -580px;
}
.accreditations li.chas {
  background-position: 0 -640px;
}
.accreditations li.national-business-awards {
  background-position: 0 -705px;
}
/*-----------------------
 5.13 Request callback
------------------------*/
/** nojs callback form **/
request-callback {
  overflow: hidden;
}
#request-callback label {
  width: 110px;
}
#request-callback .text input {
  width: 170px;
}
#request-callback select {
  width: 175px;
}
#request-callback .multiple ul label {
  width: auto;
}
#request-callback .errorlist {
  width: 159px;
}
#request-callback .buttons {
  float: right;
  margin: 0 165px 0 0;
}
/** popup callback form */
#callback {
  width: 345px;
}
#callback input, #callback select {
  width: 195px;
  padding-left: 4px;
  color: #5c5c5c;
}
#callback div.radio_multiple_field input {
  width: auto;
}
#callback label {
  text-align: right;
  margin-right: 10px;
  width: 130px;
}
#callback ul label {
  width: 100px;
  text-align: left;
  margin-right: 0;
}
#callback .enquiry-type {
  margin: 0;
}
#callback .errorlist {
  color: #FFF;
  font-weight: bold;
  color: #ffed27;
  text-align: right;
  margin: 0.25em 0 0.5em;
}
#callback .errorlist li {
  color: #ffed27;
  font-size: 12px;
}
#callback .buttons {
  float: right;
}
.callback {
  background: #0773b8 url(../images/rounded-corners-sprite.png) no-repeat -450px 0;
  padding: 17px 0 0;
  width: 273px;
  color: #ffffff;
  margin: 0 0 15px;
}
.callback .inner {
  background: url(../images/rounded-corners-sprite.png) no-repeat -723px bottom;
  padding: 0 17px 17px;
}
/*-----------------------
 5.14 Popup
------------------------*/
#overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  z-index: 200;
  display: none;
}
#popup {
  background: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 300;
  display: none;
  box-shadow: #000 0 0 50px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 20px;
}
#popup .popup-content {
  zoom: 1;
  overflow: auto;
  text-align: left;
}
.close-popup {
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 400;
  background: url(../images/popup-close-btn.png) no-repeat;
  display: block;
  width: 39px;
  height: 39px;
  text-indent: -9999px;
}
#popup iframe {
  vertical-align: bottom;
  display: block;
  overflow: hidden;
}
#popup object, #popup embed {
  display: block;
  vertical-align: bottom;
  height: 100%;
  /** IE8 needs height as it is actually rubbish */

}
/*-----------------------
 5.16 Social
------------------------*/
#social .tabs {
  margin: 0 0 0 10px;
  overflow: hidden;
}
#social .tabs li {
  float: left;
  margin: 0 5px 0 0;
}
#social .tabs a {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/social-tabs.png) no-repeat;
  text-indent: -9999px;
}
#social .tabs .news-alerts a {
  background-position: 0 0;
}
#social .tabs .news-alerts .selected {
  background-position: 0 -32px;
}
#social .tabs .facebook a {
  background-position: -32px 0;
}
#social .tabs .facebook .selected {
  background-position: -32px -32px;
}
#social .tabs .twitter a {
  background-position: -64px 0;
}
#social .tabs .twitter .selected {
  background-position: -64px -32px;
}
#social h3 {
  color: #444;
  font-size: 1em;
  margin: 0 0 15px;
}
#social form {
  overflow: hidden;
}
#social .field {
  overflow: hidden;
  float: left;
}
#social input {
  width: 155px;
}
#social .buttons {
  float: right;
  position: relative;
  top: -3px;
}
.twitter-logo a, .facebook-logo a {
  font-weight: bold;
  text-decoration: none;
}
.twitter-logo em, .facebook-logo em {
  display: block;
  background: transparent url(../images/social-logo-sprite.png) 0 0 no-repeat;
  width: 224px;
  height: 36px;
}
.facebook-logo em {
  background: transparent url(../images/social-logo-sprite.png) 0 -38px no-repeat;
  width: 147px;
  height: 49px;
}
/*-----------------------
 5.17 Meta links
------------------------*/
.meta-links {
  text-align: right;
  border-bottom: 1px solid #83B9DB;
}
.meta-links li {
  display: inline-block;
}
.meta-links li {
  *display: inline;
  *zoom: 1;
}
/*-----------------------
 5.18 Subscriptions
------------------------*/
form#subscriptions {
  margin-top: 1em;
}
#subscriptions .field {
  float: left;
}
#subscriptions .field .errorlist {
  margin-top: 1em;
  color: red;
}
#subscriptions .buttons {
  float: left;
  position: relative;
  top: -2px;
  margin: 0 0 0 4px;
}
/*-----------------------
 6. Footer
------------------------*/
.ribbon {
  background: url(../images/footer-head-bg.png) top left no-repeat;
  height: 78px;
  padding: 0px;
  color: #ffffff;
  font-weight: normal;
  text-shadow: 0 -1px 0 #15547c;
  margin: -14px 0px 0px 0px;
}
#footer .ribbon p {
  font-size: 15px;
  padding: 30px 0 0 330px;
}
#footer .ribbon em {
  color: #ffed27;
}
#footer em.phone {
  font-size: 1.1em;
  font-weight: bold;
}
#footer .logowrapper {
  background: #cde3f1;
  padding: 10px 0px 0px 0px;
}
#footer .logos {
  background: #ffffff url(../images/footer_logos.jpg) top left no-repeat;
  height: 49px;
  width: 681px;
  margin: 0px auto;
}
#footer .logos li {
  display: inline;
  float: left;
  margin: 2px 3px 2px 3px;
}
#footer .logos li.first {
  margin-left: 17px;
}
#footer .logos a {
  background: #ffffff url(../images/footer_logos.jpg) 0 -50px no-repeat;
  height: 46px;
  display: block;
  width: 35px;
}
#footer a.gassafe {
  background-position: -3px -50px;
  width: 30px;
}
#footer a.niceic {
  background-position: -36px -50px;
  width: 54px;
}
#footer a.hvca {
  background-position: -97px -50px;
  width: 49px;
}
#footer a.fmb {
  background-position: -152px -50px;
  width: 24px;
}
#footer a.paint {
  background-position: -182px -50px;
  width: 35px;
}
#footer a.nfrc {
  background-position: -223px -50px;
  width: 55px;
}
#footer a.guild {
  background-position: -284px -50px;
  width: 37px;
}
#footer a.trustmark {
  background-position: -328px -50px;
  width: 50px;
}
#footer a.iso9001 {
  background-position: -385px -50px;
  width: 42px;
}
#footer a.safe-contractor {
  background-position: -434px -50px;
  width: 34px;
}
#footer a.chas {
  background-position: -477px -50px;
  width: 49px;
}
#footer a.nba {
  background-position: -533px -50px;
  width: 34px;
}
#footer a.fgba {
  background-position: -573px -50px;
  width: 82px;
}
.footer-content {
  padding: 10px 0px 15px 0px;
  background: #cde3f1;
}
.footer-content, .footer-content p {
  font-size: 11px;
  text-align: center;
}
.footer-content ul {
  margin: 10px 0;
}
.footer-content li {
  display: inline;
  padding: 0px;
  font-size: 13px;
  font-style: italic;
  color: #0773B8;
}
/*-----------------------
 7. Job feedback
------------------------*/
/* job feedback */
#job_feedback div.field {
  margin-bottom: 10px;
}
#job_feedback li {
  display: inline;
}
#job_feedback label {
  font-size: 14px;
  line-height: 1.2em;
}
#job_feedback textarea {
  margin-top: 10px;
  border: none;
  padding: 10px 0px 10px 10px;
  width: 455px;
  height: 76px;
  background: #edf5fa url(../images/textarea_bg.gif) top left no-repeat;
}
#job_feedback .buttons {
  text-align: right;
}
#job_feedback input.button {
  width: 168px;
  height: 27px;
  border: none;
  background: #edf5fa url(../images/module-buttons.gif) no-repeat;
  font-family: "Trebuchet MS", sans-serif, Helvetica, Arial;
  color: #ffffff;
  font-style: italic;
  text-shadow: 0 -1px 0 #15547c;
  cursor: pointer;
}
#job_feedback .poll li {
  display: block;
}
.jobfeedback img {
  display: block;
  margin-top: 20px;
}
.feedback-widget {
  width: 200px;
}
.feedback-widget a {
  display: inline;
  float: left;
  padding: 3px 0 0 0;
  text-align: center;
  width: 24px;
  height: 21px;
  margin-right: 4px;
  background: transparent url(../images/feedack-tile.gif) top left no-repeat;
  text-decoration: none;
  color: #ffffff;
  text-shadow: 0 -1px 0 #15547c;
}
.feedback-widget a:hover, .feedback-widget a.selected {
  background-position: 0 -32px;
  color: #0773b8;
  text-shadow: 0 1px 0 #fffef2;
}
.jsenabled .rating {
  overflow: hidden;
  position: relative;
}
.jsenabled .rating ul {
  display: none;
}
.jsenabled .rating ul.errorlist {
  display: block;
  position: absolute;
  left: 290px;
}
.jsenabled .rating label {
  float: left;
  display: inline;
  width: 150px;
}
.jsenabled .feedback-widget {
  float: left;
  display: inline;
  width: 200px;
  overflow: hidden;
}
/*-----------------------
  8. Calendar wizard
------------------------*/
#content .booking_step {
  background: transparent url(../images/estimate-steps.png) 0 0 no-repeat;
  width: 710px;
  height: 62px;
  margin: 0 0 20px;
}
#content .step_1 {
  background-position: top left;
}
#content .step_2 {
  background-position: 0 -62px;
}
#content .step_3 {
  background-position: 0 -124px;
}
.wizard-form .buttons button {
  float: right;
}
form.step-2 label {
  width: 180px;
}
form.step-2 textarea {
  width: 315px;
}
form.step-2 .buttons {
  margin: 0 0 0 190px;
}
form.step-3 label {
  width: 120px;
}
form.step-3 .buttons {
  clear: both;
}
.help_intro_text abbr {
  text-decoration: underline;
}
.jsenabled .help_intro_text {
  display: none;
}
.jsenabled #wizard-calendar {
  display: none;
}
.calendar {
  font-size: 14px;
  font-style: normal;
  border-bottom: 1px solid #E2E7E9;
  margin-bottom: 14px;
}
#calendar-container td, #calendar-container th {
  text-align: center;
  border: 1px solid #D1D1D1;
  width: 84px;
  height: 25px;
}
#calendar-container th {
  font-size: 13px;
}
.calendar th, .calendar td {
  vertical-align: middle;
  text-shadow: #eeeeee -1px -1px 0px;
  height: 22px;
  width: 84px;
  padding: 0;
  overflow: hidden;
  font-size: 14px;
}
#calendar-container .calendar th {
  width: 108px;
}
#calendar-container .calendar .headers th {
  width: 84px;
}
.calendar .headers {
  background: #0774b9;
}
#calendar-container .calendar .headers th {
  color: #FFFFFF;
  padding-top: 5px;
  height: 80px;
  text-shadow: #333333 -1px -1px 0px;
  vertical-align: top;
  background: #0774b9 bottom left no-repeat;
  border: none;
  border-right: 1px solid #065c93;
  border-left: 1px solid #0774b9;
}
.calendar .headers em {
  margin-top: 12px;
  display: block;
}
.calendar .even td, .calendar .even th, #calendar-container .even .disabled:hover {
  background: #d8e9f3 top left repeat-x;
}
.calendar .odd td, .calendar .odd th, #calendar-container .odd .disabled:hover {
  background: #edf4fa bottom left repeat-x;
}
#calendar-container .control {
  cursor: pointer;
}
#calendar-container .control em {
  display: none;
}
#calendar-container .control:hover {
  background: #ffef29;
}
#calendar-container tr .disabled {
  cursor: default;
}
#calendar-container .active, #calendar-container .active.disabled:hover {
  background: #ffef29;
}
.jsenabled .roll-over div {
  display: none;
  position: absolute;
}
.roll-over a {
  cursor: pointer;
  text-decoration: underline;
}
.tooltip-popup {
  background: #FFFFFF;
  padding: 10px;
  font-weight: bold;
  font-size: 20px;
}
#selected-first-choice, #selected-second-choice, #selected-third-choice {
  background: #ffed27 url(../images/choice-bg.png) repeat-x left top;
  color: #2b82b9;
  font-weight: bold;
  text-shadow: #ffffff -1px -1px 0;
  height: 19px;
  padding-top: 5px;
}
#calendar-built-controls {
  text-align: right;
  padding: 5px 0 5px 5px;
}
#sub-calendar-controls {
  text-align: right;
  display: none;
  /* reenabled by js */

}
#sub-rates-text {
  text-align: left;
  text-decoration: none;
  margin-top: 10px;
  margin: 0 0 15px;
}
#sub-rates-text li {
  margin: 0;
  font-size: 12px;
}
#sub-rates-text em {
  color: #0773b8;
  font-style: normal;
}
#calendar-built-controls a {
  padding: 0 5px;
  cursor: pointer;
}
#sub-calendar-controls a {
  cursor: pointer;
}
.estimate-boxes, #sub-calendar {
  width: 265px;
  float: right;
  display: inline;
  overflow: hidden;
}
#sub-calendar {
  float: left;
  width: 300px;
}
#content .estimate-boxes h3 {
  font-size: 18px;
  text-align: right;
}
.estimate-choices th, .estimate-choices td {
  background: #ffed27 url(../images/estimates-choices-bg.png) repeat-x left top;
  padding: 4px 5px;
  width: 110px;
  border-right: 1px solid #DCC311;
  color: #2b82b9;
  text-height: 500;
  text-shadow: #ffffff -1px -1px 0;
}
.estimate-choices td {
  width: 200px;
  border: 0;
}
.estimate-boxes table {
  margin-bottom: 10px;
}
.estimate-boxes p {
  text-align: right;
}
.estimate-boxes div.field input {
  float: right;
}
.submit-data {
  clear: both;
}
/*-----------------------
  9. Videos
------------------------*/
#videos {
  padding: 0;
  margin-bottom: 1em;
}
#videos ul {
  overflow: hidden;
  margin: 0 0 15px;
  width: 486px;
}
#videos li {
  position: relative;
  float: left;
  padding: 110px 0 0 0;
  width: 140px;
  margin: 0 22px 0 0;
}
#videos h2 {
  font-size: 12px;
  font-style: normal;
}
#videos img {
  position: absolute;
  top: 0;
  left: 0;
}
#videos p {
  font-size: 12px;
}
.pagination {
  width: 465px;
  padding: 0 0 0.5em;
  border-bottom: 1px solid #83B9DB;
  text-align: right;
  overflow: hidden;
}
.pagination li, #content .pagination p, .pagination ol {
  display: inline;
  margin: 0;
}
.pagination .current a {
  color: #444;
  text-decoration: none;
}
.pagination .count {
  float: left;
}
/*-----------------------
  9. ajax popup content
------------------------*/
#rates-popup {
  width: 465px;
}
#coverage-popup {
  width: 697px;
}
#coverage-popup h2 {
  font-size: 1.4em;
  font-style: italic;
  margin-bottom: 0.5em;
  line-height: 1.3em;
  color: #0773b8;
}
#coverage-popup p {
  margin: 0 0 15px;
}
#coverage-map {
  margin: 0 18px;
}
#coverage-popup table {
  width: 130px;
}
/*-----------------------
  10. Franchise Pages
------------------------*/
#map_canvas {
  width: 95%;
  height: 360px;
  margin: 1em 0;
}