/*
Theme Name:     Quantum Theme WP1 v1
Theme URI:		http://chameleonsoftware.co.uk/support/wordpress/themes
Author: 		Malcolm Stewart, Big Media.
Description: 	Chameleon Ready One child theme customized for Quantum Heating
Template:       chameleonwpone
Version:        0.1.0
*/
@import "../../../../chserve.co.uk/chcss/android-mobile/showhide.html";
@import url("../chameleonwpone/style.css");
@import url("css/readmore.css");
@import url("css/bmh-cookie-law.css");
/* show hide for <IE9 */
.showonie8 {display:none;}
body {background:#fff url(../ecgtraining/none.html) !important;font-size:115%;font-family: Helvetica, Arial, sans-serif;text-rendering: optimizeLegibility;color:#404040;}
.entry-content img,.comment-content img,.widget img,.author-avatar img,img.wp-post-image {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */border-radius:0;box-shadow:none;}
/* CHANGE background colour to suit your site design - original #008fa9 */
#banner {width:100%;height:auto;min-height:90px;margin:0 0 0 0;padding:0;color:#202020;background:#efefef url(_resources/banner-bg.png) repeat 0 0;border:none;border-bottom: #9fce66 solid 5px;z-index:1;box-shadow:inset 0 4px 4px 1px rgba(0,0,0,0.3);}
#bannerbottom {width:100%;height:10px;margin:0 0 0 0;padding:0;color:#fff;background:#444;box-shadow:inset 0 -6px 6px 1px rgba(0,0,0,0.4);z-index:1;display:none;}
.slideshow_container {margin:0 auto !important;}
/* manages promo feed for bottom of pages in default template */
div#promo {}

.dimplexflash {display:none;}

/* styles for different band areas on the pages */
.accentareaone {padding: 25px 0;margin-bottom:20px;color:#fff;text-shadow: 1px 1px #888;background:/*#e87122*/ #ed1c24 url(../chameleonwpone/_resources/bannertopds.png) 0 0 repeat-x;box-shadow:inset 0 -8px 8px rgba(0,0,0,0.2);}
.accentareatwo {padding: 25px 0;margin-bottom:20px;color:#fff;text-shadow: 1px 1px #000;background:#666 url(../chameleonwpone/_resources/bannertopds.png) 0 0 repeat-x;box-shadow:inset 0 -8px 8px rgba(0,0,0,0.2);}
.accentareatwo h1, .accentareatwo h2 {color:#9fce66 !important;}
.accentareaeven {padding: 25px 0;margin-bottom:20px;text-shadow:none;background:/*#e87122*/ #f6f6f6 url(../chameleonwpone/_resources/bannertopds.png) 0 0 repeat-x;box-shadow:inset 0 -8px 8px rgba(0,0,0,0.2);}

.entry-content ul li ul {list-style:square outside;}

/* custom home buttons for the Quantum homepage */
div.homeboxarea {width:94%;padding:2%;margin:20px auto;}
div.homebox {width:210px;height:280px;margin:10px auto;border:4px solid #fff;text-align:center;background:#ccc;border-radius:10px;box-shadow:0 0 4px 2px rgba(0,0,0,0.4);}
div.homebox.green {background:#009900;}
div.homebox.clay {background:#986c53;}
div.homebox.blue {background:#4a76d1;}
div.homebox.darkblue {background:#0064b7;}
div.homebox.gold {background:#ef9900;}
div.homebox.purple {background:#c655c9;}
div.homebox.lavendar {background:#886699;}
div.homebox.mink {background:#b6a296;}
div.homebox p {width:200px;height:auto;text-align:center;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:140%;margin:0 !important;padding:0 5px !important;line-height:1.4;}
div.homebox p.image {width:210px;height:120px;padding:0 0 15px 0!important;}
div.homebox img {width:210px;height:120px;border-top-left-radius:5px;border-top-right-radius:5px;}
div.homebox p a:link, div.homebox p a:visited {color:#fff;font-weight:lighter;text-decoration:none;}
div.homebox p a:hover {color:#efefef;font-weight:lighter;text-decoration:none;}

/* SCROLLING TABLES CONTROL */
div.scrollarrows {display:block;clear:both;width:100%;height:10px;margin:0;padding:15px 0 0 0;background:url(_resources/scroll-arrows.png) no-repeat center;border-top:2px groove #efefef;}
div.scrollarrowsgallery {display:block;clear:both;width:100%;height:10px;margin:-15px 0 10px 0;padding:0 0 15px 0;background:url(_resources/scroll-arrows.png) no-repeat center 0;border-bottom:2px groove #efefef;}
.container-outer { clear:both;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;box-shadow:none;}
.container-inner { width:auto;height:auto;padding:0;}

/* table classes for homepage Low Life Costs table */
table.comparisoninfo {}
table.comparisoninfo th, table.comparisoninfo td {padding:3px;}
table.comparisoninfo tr {border-left:1px solid #a0a0a0;border-right:1px solid #a0a0a0;}
table.comparisoninfo td.tdcol2, table.comparisoninfo td.tdcol4 {background:rgba(0,196,0,0.2);}
table.comparisoninfo tr.trlabelrow {background:#a0a0a0;color:#fff;}
table.comparisoninfo tr.trheaderrow {border-left:1px solid #fff;border-right:1px solid #fff;}
table.comparisoninfo tr.trlastrow {border-left:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;border-right:1px solid #a0a0a0;}
sup {font-size:66%;}

/* table classes for Products page tech specs table */
table.techspec {}
table.techspec th, table.techspec td {padding:3px;}
table.techspec tr {border-left:1px solid #a0a0a0;border-right:1px solid #a0a0a0;}
table.techspec td.tdcol0, table.techspec td.tdcol2, table.techspec td.tdcol4 {background:rgba(0,196,0,0.2);}
table.techspec tr.trlabelrow {background:#a0a0a0;color:#fff;}
table.techspec tr.trheaderrow {border-left:1px solid #fff;border-right:1px solid #fff;}
table.techspec tr.trlastrow {border-left:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;border-right:1px solid #a0a0a0;}


footer[role="contentinfo"] {font-size:90%;margin-top:0;color:#ccc;background:#006224;border-top:30px solid #fff;box-shadow:inset 0 3px 3px rgba(90,24,44,1.0);}
footer[role="contentinfo"] a {color:#ccc;}
footer[role="contentinfo"] a:hover {color:#fff;}
footer .certificates {float:left;margin-right:10px;}
footer .certificates img {max-width:90px;max-height:90px;margin-right:10px;}
.footermenu {clear:both;width:100%;}
div.footermenu ul li {float:left;margin-right:0;padding-left:1.5%;width:48%;border-left:1px solid #008855;}
.footersocialmedia {float:left;margin-top:20px;padding-left:13px;}
.footersocialmedia a:link, .footersocialmedia a:visited {opacity:0.8}
.footersocialmedia a:hover {opacity:1.0}

.fsmfacebook {width:44px;height:44px;margin:0 12px;}
.fsmtwitter {width:44px;height:44px;margin:0 12px;}
.fsmyoutube {width:44px;height:44px;margin:0 12px;}
.fsmgoogleplus {width:44px;height:44px;margin:0 12px;}
.footerhr {width:100%;margin:10px 0;padding:0;height:1px;background:#000;border-bottom:1px solid #008855;}
footer .site-info {margin: 0 auto;max-width:98%;text-align:center;text-shadow:-1px -1px 2px rgba(0,0,0,0.8);opacity:1.0;}
footer .mfw-info {clear:both;margin-top:20px;min-height:44px;padding:0 0 0 50px;height:auto;width:66%;line-height:1.3;background:url(_resources/mobile-friendly-website-icon.png) no-repeat 0 0;opacity:1.0;}

/* YOUTUBE video links image styling */
div.youtubefeeds {padding-top:15px;}
div.youtubefeeds p {float:left;width:280px;text-align:center;font-size:80%;padding:10px;}
div.youtubefeeds p a {color:#202020;text-decoration:none;}
div.youtubefeeds p a span.youtubefeedlabel {clear:both;width:280px;}
div.youtubefeeds p a img {max-width:260px;border:3px solid #ccc;background:#ccc;box-shadow:0 0 5px 2px rgba(0,0,0,0.4);}
div.youtubefeeds p a:hover {opacity:0.8;}

/* CHAMELEON SETTINGS link */
.ch-settings a:link, .ch-settings a:visited {float:right;margin-top:12px;margin-right:10px;}
.ch-settings a:hover {color:#808080;}

/* CHAMELEON COOKIE link */
.ch-cookies {float:right;margin-top:12px;margin-right:10px;}

/* FOOTER LOGIN link */
footer .login-link {DISPLAY:NONE;float:right;margin-top:12px;margin-right:10px;}
.ch-cookies a:link, .ch-cookies a:visited, .login-link a:link, .login-link a:visited {padding:2px 10px 2px 0;border-right:1px solid #808080;}


/* removes .site padding in footer to avoid chameleon message wrap */
footer div.site {padding:0;}
/* adds the footer-top-bar styling for this site */
.footertopbar {}

.site-content-full {margin:24px 0 0;z-index:999;}
.main-navigation {text-align:center;background:#fff;border-top:5px solid #9fce66;border-bottom:10px solid #ccc;box-shadow: 0 -4px 8px rgba(0,0,0,0.2);}

/* override menu / hide menu font colour due to dark background */
h3.menu-toggle {color:#808080;}
/* MS note - MNLBUTN1 attributes added to buttonise mobile menu items and reflect MNL1 for larger screens below */
.main-navigation a {color:#fff;font-size:150%;padding:10px 5%;background:#777;border:1px solid #555;}
.main-navigation a:hover {color:#e1e1e1;}
/* CHANGE this for current status of mobile menu buttons */
.main-navigation .current-menu-item > a,.main-navigation .current-menu-ancestor > a,.main-navigation .current_page_item > a,.main-navigation .current_page_ancestor > a {color:#006224;font-weight:normal;background:#9fce66;}
.main-navigation li.current-menu-item a {color:#006224;font-weight:normal;background:#9fce66;}

/* second and third level menu links */
.main-navigation li ul li a, .main-navigation li:last-child ul li a, .main-navigation li ul li ul li a {background:none;background-color:#fff;background-repeat:repeat-x;background-image:-moz-linear-gradient(top, #fff, #e6f6ff);background-image:-ms-linear-gradient(top, #fff, #e6f6ff);background-image:-webkit-linear-gradient(top, #fff, #e6f6ff);background-image:-o-linear-gradient(top, #fff, #e6f6ff);background-image:linear-gradient(top, #fff, #e6f6ff);}
.main-navigation li ul li a:hover {color:#777;}
/* hide cookie and settings page from main menu */

/* chameleon button style */
.chbutton {width:50%;padding:5px;margin:0 auto !important;text-align:center;text-shadow:none;text-decoration:none;border:3px solid #fff;color:#fff !important;font-size:110%;border-radius:10px;background-color:#009a7f;background-repeat:repeat-x;background-image: -moz-linear-gradient(left, #00cda9, #009a7f);background-image: -ms-linear-gradient(left, #00cda9, #009a7f);background-image: -webkit-linear-gradient(left, #00cda9, #009a7f);background-image: -o-linear-gradient(left, #00cda9, #009a7f);background-image: linear-gradient(left, #00cda9, #009a7f);box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);}
/* MS note - remove hgroup to make space for just logo and headersearch */
hgroup {display:none;}
/* MS note - move header-image for better display */
.logoarea {float:left;width: 100%;text-align: center;}
.header-image {float:none;position:relative;top:-15px;margin-bottom:-15px;}
/* MS note - display none added to remove title from this design */
.entry-header .entry-title {display:none;}
/* MS note - amends above entry-title to display on search results */
section.search-results .entry-header .entry-title {display:block;}
.entry-header {margin-bottom:0;}
.entry-content h1{font-size:180% !important;margin:0 auto 10px auto !important;font-weight:normal;line-height:1.3;color:#ed1c24;text-align:left;}
.entry-content h2{font-size:150% !important;margin:0 0 10px 0 !important;font-weight:normal;line-height:1.3;color:#ed1c24;}
.entry-content h3{font-size:120% !important;margin:0 0 10px 0 !important;font-weight:normal;line-height:1.3;color:#ed1c24;}
.entry-content h4{font-size:110% !important;margin:0 0 10px 0 !important;font-weight:normal;line-height:1.3;color:#ed1c24;}
.entry-content li,.comment-content li,.mu_register li {margin-left:18px;margin-left:1.2857142855rem;}

p.likeh3 {font-size:120%;color:#ed1c24;margin-bottom:0;}

/* image alignment classes */
.imagealignleftwraptext {float:none;clear:both;width:98%;max-width:98%;height:auto;margin:3px auto 5px auto;display:block;}
.imagealignrightwraptext, .entry-content p.imagealignrightwraptext {float:none;clear:both;width:98%;max-width:98%;height:auto;margin:3px auto 5px auto;display:block;}
.alignleft {display:inline;float:left;margin:12px 24px 12px 0;margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;}
.alignright {display:inline;float:right;margin:12px 0 12px 24px;margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;}
.aligncenter {clear:both;width:100%;display:block;margin-top:12px;margin-top:0.857142857rem;margin-bottom: 12px;margin-bottom:0.857142857rem;text-align:center;}
.widget-area .widget a:visited, .entry-content a:visited,.comment-content a:visited {color:#404040;}
/* Custom styles */
img.framed {border:5px solid #ccc;background:#ccc;box-shadow:0 0 5px 2px rgba(0,0,0,0.4);}
.entry-content p.brochurelink {text-align:center;border-bottom:1px solid #ccc;}
.entry-content p.brochurelink span.label {clear:both;width:200px;position:relative;top:-20px;font-size:90%;line-height:1.4;display:block;}

p.contacttel a {clear:both;height:auto;width:180px;margin:auto;padding:20px 5px 20px 20px;display:block;text-align:center;color:#006224;font-size:145%;font-weight:bold;text-decoration:none;background:url(_resources/phone-icon.png) no-repeat 0 12px;}
h1.contacttel {display:none;}

.site-header h1 a, .site-header h2 a, .site-header h1 a:hover, .site-header h2 a:hover {width:auto;max-width:280px;margin:auto;padding:12px 0;display:block;font-size:140%;font-weight: 200;text-decoration:none;color:/*#be5e86*/#808080;background url(_resources/phone-handset-click-to-call.png) no-repeat 0 2px;}
.doblink {clear:both;width:96%;position:fixed;padding:10px 2%;font-size:130%;color:#fff;display:none;text-shadow:none;text-align:center;background:rgba(0, 170, 0, 0.7);z-index:9999;}
.header-bg {border-top:10px solid #9fce66;background:#fff /*url(_resources/header-bg.png) no-repeat center 0*/;}
.headersearch {float:left;width:98%;height:auto;padding:0 1%;display:block;text-align:center;}
div.headersearch input#s {border:none;border-radius:8px;width:175px;height:34px;box-shadow: 0 0 2px 2px rgba(0,0,0,0.4);background:#f6f6f6;}
div.headersearch input[type="submit"] {width: auto;height: 34px;font-size: 90%;vertical-align: top;margin: 0 0 0 4px;padding:2px 6px 2px 8px;text-transform:uppercase;background:#f6f6f6;
border:none;border-radius:8px;box-shadow: 0 0 2px 2px rgba(0,0,0,0.4);}

img.framed {margin-bottom:5px;border:5px solid #dcddde;}
/* MS note - custom elements for the 3 column content */
.directions {width:auto;height:auto;min-height:55px;margin:0;padding:15px 0 0px 55px;font-size:110%;line-height:1.2 !important;background-image:url(_resources/directions-icon.png);background-position:0 0;background-repeat:no-repeat;}
.byphone {width:auto;height:auto;min-height:40px;margin:0 0 10px 0;padding:5px 0 10px 55px;font-size:110%;line-height:1.2 !important;background-image:url(_resources/phone-icon.png);background-position:0 0;background-repeat:no-repeat;}
.byemail {width:auto;height:auto;min-height:40px;margin:0 0 10px 0;padding:10px 0 5px 55px;background-image:url(_resources/email-icon.png);background-position:0 0;background-repeat:no-repeat;}
.byemail a, .byphone a {text-decoration:none;}
.onlineform {width:auto;height:auto;min-height:40px;margin:0 0 10px 0;padding:5px 0 10px 55px;font-size:110%;background-image:url(_resources/form-icon.png);background-position:0 0;background-repeat:no-repeat;}
.ouraddress {width:auto;height:auto;min-height:60px;margin:0 0 10px 0;padding:25px 0 10px 55px;font-size:110%;line-height:1.2 !important;background-image:url(_resources/home-icon.png);background-position:0 0;background-repeat:no-repeat;}
.googlemapfeed {width:97%;height:350px;border:2px solid #999;box-shadow:0 0 3px rgba(0, 0, 0, 0.5);}
/* Manages table on case studies page */
table.casestudies {font-size:100%;border:none;}
table.casestudies td {width:100%;float:left;border:none;}
/* form elements */
input.wpcf7-text, textarea.wpcf7-textarea {float:none;width:90%;min-width:260px;height:auto;margin:0 0 10px 0;padding:4px;font-size:90%;color:#333;background:#efefef url(none.html);-webkit-box-shadow:inset 2px 2px 3px #bbb;-moz-box-shadow:inset 2px 2px 3px #bbb;box-shadow:inset 2px 2px 3px #bbb;border-top:2px solid #999;border-right:2px solid #e6e6e6;border-bottom:2px solid #e6e6e6;border-left:2px solid #999;}
select.wpcf7-select {float:none;width:auto;min-width:260px;height:auto;margin:0 0 10px 0;padding:4px;font-size:90%;color:#333;background:#efefef url(none.html);-webkit-box-shadow:inset 2px 2px 3px #bbb;-moz-box-shadow:inset 2px 2px 3px #bbb;box-shadow:inset 2px 2px 3px #bbb;border-top:2px solid #999;border-right:2px solid #e6e6e6;border-bottom:2px solid #e6e6e6;border-left:2px solid #999;}
input[type="submit"].wpcf7-submit {width: auto;height: 34px;font-size: 90%;vertical-align: top;margin: 0 0 0 4px;padding:2px 13px 2px 15px;text-transform:uppercase;background:#f6f6f6;
border:none;border-radius:8px;box-shadow: 0 0 2px 2px rgba(0,0,0,0.4);}


p.pricinglink {text-align:center;}
p.pricinglink a {width:50%;height:20px;padding:5px 15px;background:#ccc;color:#202020;text-decoration:none;border-radius:5px;box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);}
/* callouts for use with testimonials*/
.callout {clear:both;position:relative;top:15px;width:90%;padding:15px;border:2px solid transparent;color:#fff;font-size:110%;text-shadow:1px 1px 0 #333;font-style:italic;font-weight:400;background:#e87122;/* css3 */-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;box-shadow:0 0 4px #333;}
div.callout p, div.callouteven p  {line-height:1.2;margin-bottom:12px;}
.callout:before, .callouteven:before {content:"";position:absolute;bottom:-20px; /* value = - border-top-width - border-bottom-width */left:20px; /* controls horizontal position */border-width:20px 20px 0;	border-style:solid;border-color:transparent;/* reduce the damage in FF3.0 */display:block;width:0;}
/* creates the smaller triangle */
.callout:after {content:"";position:absolute;bottom:-18px; /* value = - border-top-width - border-bottom-width */left:22px; /* value = (:before left) + (:before border-left) - (:after border-left) */border-width:18px 18px 0;border-style:solid;border-color:#e87122 transparent;/* reduce the damage in FF3.0 */display:block;width:0;}
/* alternating callout */
.callouteven {clear:both;position:relative;top:15px;
width:90%;padding:15px;border:2px solid transparent;color:#fff;font-size:110%;text-shadow:1px 1px 0 #333;font-style:italic;font-weight:400;background:#435668;/* css3 */-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;box-shadow:0 0 4px #333;}
/* creates the smaller triangle */
.callouteven:after {content:"";position:absolute;bottom:-18px; /* value = - border-top-width - border-bottom-width */left:22px; /* value = (:before left) + (:before border-left) - (:after border-left) */border-width:18px 18px 0;border-style:solid;border-color:#435668 transparent;/* reduce the damage in FF3.0 */display:block;width:0;}
div.quotefrom, div.quotefromeven {margin:30px 0 0 40px;}
/* #callouts */
/* blockquote */
.entry-content blockquote,.comment-content blockquote {margin-bottom:24px;padding:10px;font-style:italic;border-left:3px solid #ed1c24;background:#efefef;font-size:90%;}
.entry-content div.blockquotetwo,.comment-content div.blockquotetwo {margin-bottom:24px;padding:10px;font-style:italic;border-left:3px solid #669933;background:#f6f6f6;font-size:90%;}
.entry-content div.blockquotetwo h3 {color:#669933;}
.entry-content div.blockquotetwo p {margin-bottom:0;}

a:link.actionbutton, a:visited.actionbutton {width:250px;padding:10px;margin-top:20px;display:block;font-size:110%;box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);text-align:center;text-shadow:1px 1px 1px #666;border:3px solid #fff;color:#fff;text-decoration:none;border-radius:10px;background-color:#009a7f;background-repeat:repeat-x;background-image: -moz-linear-gradient(top, #00cda9, #009a7f);background-image: -ms-linear-gradient(top, #00cda9, #009a7f);background-image: -webkit-linear-gradient(top, #00cda9, #009a7f);background-image: -o-linear-gradient(top, #00cda9, #009a7f);background-image: linear-gradient(top, #00cda9, #009a7f);}

/* blog controls */
a.more-link, a:visited.more-link {clear:both;float:right;width:150px;position:relative;top:10px;margin:0 5px 0 5px;padding:1px 3px;margin-top:0px;display:block;font-size:110%;box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);text-align:center;text-shadow:1px 1px 1px #666;border:3px solid #fff;color:#fff;text-decoration:none;border-radius:10px;background-color:#009a7f;background-repeat:repeat-x;background-image: -moz-linear-gradient(top, #00cda9, #009a7f);background-image: -ms-linear-gradient(top, #00cda9, #009a7f);background-image: -webkit-linear-gradient(top, #00cda9, #009a7f);background-image: -o-linear-gradient(top, #00cda9, #009a7f);background-image: linear-gradient(top, #00cda9, #009a7f);}
span.meta-nav {display:none}


/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 765 pixels. */
@media screen and (min-width: 765px) {
.header-bg {min-height:130px;}
.site-header {background-color:none;background: url(_resources/globbw.html) 0 10px no-repeat;}
.entry-header {margin-bottom:24px;margin-bottom:1.714285714rem;}
/* MS note - move header-image for better display */
.logoarea {float:left;width:auto;text-align: center;}
.header-image {float:none;position:relative;top:-10px;}
/* MS note - custom elements for the header */
section.contactandsearch {float:right;width:auto;padding-top:15px;border:none;}
section.officeaddress {display:none;}
h1.contacttel {display:block;clear:none;float:right;height:auto;width:auto;margin:0;line-height:1;padding:5px 22px 15px 35px;text-align:left;color:#006224;font-size:175%;font-weight:normal;letter-spacing:1px;white-space:nowrap;opacity:1.0;text-decoration:none;background:url(_resources/phone-icon.png) no-repeat 0 0;border-radius:0;box-shadow:none;}
p.contacttel a {clear:none;float:right;width:auto;padding:0px 2px 0 0;margin:0;font-size:140%;letter-spacing:7px;text-decoration:none;color:#cc0000;text-shadow:none;background:none;border-radius:0;box-shadow:none;display:none;}
.headersearch {clear:both;float:right;width:300px;margin:0px 10px 10px 0;text-align:right;}

div.headersearch input#s {width:180px;margin-bottom:10px;border: 1px solid #a0a0a0;border-radius:6px;box-shadow:none;background:#f6f6f6;}
div.headersearch input[type="submit"] {height:36px;padding:2px 6px 2px 8px;margin-bottom:10px;border-radius:6px;box-shadow:none;border:none;border: 1px solid #a0a0a0;color: #404040;text-transform: uppercase;font-size: 75%;background:#f6f6f6;background-image: -moz-linear-gradient(top, #f6f6f6, #d6d6d6);background-image: -ms-linear-gradient(top, #f6f6f6, #d6d6d6);background-image: -webkit-linear-gradient(top, #f6f6f6, #d6d6d6);background-image: -o-linear-gradient(top, #f6f6f6, #d6d6d6);background-image: linear-gradient(top, #f6f6f6, #d6d6d6);}

.entry-content h1.secondline {padding-left:57px;}

/* custom home buttons for the Quantum homepage */
div.homeboxarea {width:86%;padding:2%;border:none;}
div.homebox {float:left;margin:10px 28px;}
div.homebox img {}
div.homebox p {}

/* SCROLLING TABLES CONTROL */
div.scrollarrows {display:none;}
.container-outer { clear:both;overflow-x:hidden;overflow-y:hidden;white-space:nowrap;box-shadow:none;}

/* image alignment classes */
.imagealignleftwraptext {float:left;clear:none;max-width:45%;width:auto;height:auto;margin:3px 30px 5px 0;}
.imagealignrightwraptext, .entry-content p.imagealignrightwraptext {float:right;clear:none;max-width:45%;width:auto;height:auto;margin:0 0 5px 30px;}

.entry-content p.brochurelink {float:left;border-bottom:none;margin:0 40px;}

.byphone, .byemail, .onlineform, .ouraddress {font-size:125%;}
.byemail a {text-decoration:none;color:#404040;}
nav.main-navigation div.site {padding:0;}
/* applies background for tablet and PC design of menu area */
.main-navigation {text-align:left;}
.main-navigation ul {background-color:transparent;border:none;padding-left:4px;}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {width:auto;}
/* MS note - font size correction relating to mobile menu links */
.main-navigation li a,.main-navigation li {display:inline-block;width:auto;text-decoration:none;font-size:90%;color:#000;text-align:center;}
/* OVERRIDES built in menu for styling the menu created by BMH in WP Menu options */
.main-navigation li.menu-item {margin-left:-6px;}
.main-navigation li.menu-item:last-child a {}

/* provides spacing for main menu items */
.main-navigation li a {padding:0 2.6rem;margin: 0 0 0 0;border-right:none;text-align:center;text-transform:uppercase;background:url(_resources/main-menu-button-border.png) no-repeat right 0;}

/* OVERRIDES built in menu for styling the menu created by BMH in WP Menu options */
.main-navigation li.menu-item a {padding:0 1.82rem;margin: 0 0 0 0;border-right:none;text-align:center;text-transform:uppercase;background:url(_resources/main-menu-button-border.png) no-repeat right 0;}

/* MS note - MNL2 background and border-left added to enhance rollover effect */
.main-navigation li a:hover, .main-navigation li ul li a:hover {color:#999;background:url(_resources/main-menu-button-border.png) no-repeat right 0;}

/* CHANGE this to amend current status for larger screen menu items - also CHANGE ie.css */
.main-navigation .current-menu-item > a,.main-navigation .current-menu-ancestor > a,.main-navigation .current_page_item > a,.main-navigation .current_page_ancestor > a {color:#006224;background:#9fce66 url(_resources/main-menu-button-border.png) no-repeat right 0;}
.main-navigation li.current-menu-item {color:#006224;font-weight:normal;background:#9fce66;}
.main-navigation .current-menu-item > a:hover, .main-navigation .current_page_item > a:hover {color:#006224;text-shadow:none;background:#9fce66 url(_resources/main-menu-button-border.png) no-repeat right 0;}
.main-navigation ul li ul {background:none no-repeat 0 0 rgba(239, 239, 255, 0.5);box-shadow: -2px 4px 4px rgba(0, 0, 0, 0.8);z-index:9999;}
/* second and third level menu links */
/* This element controls position of last main menu item drop down second layer */
.main-navigation li:last-child ul {position:absolute;right:-1px;background:none no-repeat 0 0 rgba(239, 239, 255, 0.5);box-shadow: -2px 4px 4px rgba(0, 0, 0, 0.8);z-index:9999;}
/*.main-navigation ul li:last-child:hover > ul {border-left:0;display:block;}*/
.main-navigation li ul li a, .main-navigation li:last-child ul li a, .main-navigation li ul li ul li a {border:none;}
#banner {}
body.template-front-page .site-content,body.single-attachment .site-content,body.full-width .site-content {width:100%;}
/* reinstates .site padding in footer from mobile setting */
footer div.site {padding: 0 24px;padding: 0 1.714285714rem;min-height:100px;}

/* Custom styles */
/* MS note - custom elements for the 3 column content */
.col1,.col2,.col3,.col4,.col5,.col6 {float:left;width:48%;padding:1%}
div.col1 img,div.col2a img,div.col3 img {margin:0 auto;display:block;line-height:1;}
/* reinstates table td behaviour from mobile setting */
table.responsivechameleoncompare td {width:auto;float:none;}
/* reinstates visibility of header row for larger screens */
table.responsivechameleoncompare tr.hidefromhandheld {display:table-row;}
/* manages layout for examples table on larger screens */
table.examples td {width:23%;float:right;vertical-align:top;}
table.examplestwo td {width:48%;float:left;vertical-align:top;text-align:center;}
/* manages layout for case studies table on larger screens */
table.casestudies td {width:23%;float:left;border:none;vertical-align:top;text-align:center;}
/* story links */
div.featureimage {width:40%;margin-right:2%;height:335px;float:left;}
div.featurelist {width:57%;float:left;}
/* Manages discount flash */
.discountflash {display:block;width:214px;height:185px;margin-bottom:-185px;position:relative;top:0;left:0;background:url(_resources/sales-promo-message-icon.html) 1px 0 no-repeat;z-index:999;}
/* footer */
.footertopbar {}
footer[role="contentinfo"] {border-top:2px solid #fff;}
.footermenu {clear:none;float:left;width:400px;margin-left:20px;margin-top:10px;margin-bottom:15px;}
div.footermenu ul li {float:left;margin-right:70px;padding-left:10px;padding-bottom:5px;width:118px;border-left:2px groove #008855;}
.footersocialmedia {float:right;padding-right:2px;padding-left:0;margin-top:0}
.fsmfacebook {width:44px;height:44px;margin:0 10px;}
.fsmtwitter {width:44px;height:44px;margin:0 10px;}
.fsmyoutube {width:44px;height:44px;margin:0 10px;}
.fsmgoogleplus {width:44px;height:44px;margin:0 10px;}

.callout, .callouteven {width:60%;}
.ssds {float:left;width:auto;height:350px;margin-right:14px !important;}
.ssdsimg {vertical-align:bottom !important;}
img.framed {margin-bottom:20px;border:5px solid #dcddde;}
footer .site-info {float:right;width:auto;margin-top:0;margin-bottom:5px;padding-top:8px;line-height:1.846153846;text-align:left;}
footer .mfw-info {float:left;width:auto;margin-top:0;margin-bottom:5px;clear:none;padding-top:8px;line-height:1.846153846;}
footer .certificates {margin-top:5px;margin-bottom:10px;}
footer .certificates img {max-width:inherit;max-height:inherit;margin-right:10px;}

/* h4 class for read more label */
.choosereasonslabel {float:left;position:relative;top:2px;padding-right:10px;}

/* CHAMELEON SETTINGS link */
.ch-settings {/*float:right;position:relative;right:22px;top:40px;display:block;margin-bottom:20px;*/}
.ch-settings a:link, .ch-settings a:visited{float:right;width:auto;min-height:44px;position:relative;top:0;margin-top:0;margin-bottom:5px;padding:8px 50px 12px 0;line-height:1.846153846;background:url(_resources/settings.png) no-repeat right 0;}

/* CHAMELEON COOKIE link */
.ch-cookies {float:right;margin-top:7px;}

/* FOOTER LOGIN link */
footer .login-link {float:right;margin-top:7px;}
.ch-cookies a:link, .ch-cookies a:visited, .login-link a:link, .login-link a:visited {padding:5px 10px 5px 0;border-right:1px solid #808080;}


}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
#banner {height:450px;padding:30px 0 34px 0;border-bottom:#9fce66 solid 15px;}
.slideshow_container {min-height:440px;border:10px solid #ccc;background:#ccc;box-shadow:0 0 10px 3px rgba(0,0,0,0.4);}
.dimplexflash {display:block;margin-top:24px;float:right;width:160px;height:58px;background:url(_resources/dimplex-flash.png);}
.site-content-full, .site-content, .widget-area {min-height:275px;margin-top:55px}
.entry-content li,.comment-content li,.mu_register li {margin-left:27px;margin-left:1.92857142825rem;}
/* Custom styles */
/* MS note - move header-image for better display */
.logoarea {float:left;width:300px;margin:auto;text-align: center;}
.header-image {float:none;position:relative;top:-5px;width:auto;height:auto;/*float:left;*/}
/* MS note - this theme works on a logo width of 500px (chameleon software originally) so adjust the hgroup parameters to fill the gap on PC for smaller logos */
hgroup {/* normally display:none inherited from mobile */float:left;width:225px;height:100px;display:block;/*visibility:hidden;*/}
hgroup h1 {display:none;}
hgroup h2 {display:block;position:relative;top:70px;left:-192px;}
div.headersearch input#s {border:none;border-radius:8px;width:175px;height:34px;box-shadow: 0 0 2px 2px rgba(0,0,0,0.4);background:#f6f6f6;}
div.headersearch input[type="submit"] {width: auto;height: 34px;font-size: 90%;vertical-align: top;margin: 0 0 0 4px;padding:2px 6px 2px 8px;text-transform:uppercase;background:#f6f6f6;
border:none;border-radius:8px;box-shadow: 0 0 2px 2px rgba(0,0,0,0.4);}


/* MS note - custom elements for the header */
section.contactandsearch {float:right;width:600px;padding-top:40px;}
section.officeaddress {float:right;width:215px;padding-top:28px;margin-left:auto;margin-right:auto;line-height:1.3;text-shadow:1px 1px 2px rgba(0,0,0,0.8);border:none;display:block;}
h1.contacttel {clear:none;float:left;height:auto;width:auto;margin:6px 0 0 0;line-height:2.0;padding:0px 10px 3px 40px;text-align:left;font-weight:normal;letter-spacing:1px;white-space:nowrap;opacity:1.0;text-decoration:none;font-size:180%;text-shadow: -1px -1px 1px rgba(255,255,255,0.8);background:url(_resources/phone-icon.png) no-repeat 0 center;border-radius:0;box-shadow:none;}
p.contacttel a {clear:none;float:right;width:auto;padding:0px 2px 0 0;margin:0;font-size:140%;letter-spacing:7px;text-decoration:none;text-shadow:none;background:none;border-radius:0;box-shadow:none;}
.headersearch {clear:none;float:right;width:300px;margin:18px 10px 10px 0;text-align:right;}
.byphone, .byemail, .onlineform {font-size:120%;height:auto;min-height:40px;margin:5px 0 5px 0 !important;padding:0 0 10px 50px;background-size:33px 33px;}
.byphone a {text-decoration:none;color:#404040;}
.ouraddress, .directions {font-size:120%;height:auto;min-height:45px;margin:0 0 5px 0;padding:10px 0 10px 50px;background-size:33px 33px;}
.googlemapfeed {width:97%;height:350px;border:2px solid #999;box-shadow:0 0 3px rgba(0, 0, 0, 0.5);}
/* MS note - custom elements for the header */
/* applies background for PC design of menu area - inherits from 765 media area */
.main-navigation {}
.main-navigation ul {background-color:none;}
nav.main-navigation div.site {/*background:url(_resources/main-menu-bg.png) no-repeat 0 0;*/}
/* OVERRIDES built in menu for styling the menu created by BMH in WP Menu options */
.main-navigation li.menu-item a {padding:0 3.08rem;margin: 0 0 0 0;border-right:none;text-align:center;text-transform:uppercase;background:url(_resources/main-menu-button-border.png) no-repeat right 0;}
/* provides min width for main menu items */

.main-navigation ul li.page-item-28 a {min-width:144px;padding:0 24px;padding:0 1.714285714rem;margin: 0 0 0 0;}
/* second and third level menu links */
.main-navigation li ul li a, .main-navigation li ul li ul li a {text-align:left;}

/* custom home buttons for the Quantum homepage */
div.homeboxarea {width:86%;padding:2%;}
div.homebox {}

/* SCROLLING TABLES CONTROL */
div.scrollarrows {display:none;}
div.scrollarrowsgallery {display:none;}
.container-outer { clear:both;overflow-x:hidden;overflow-y:hidden;white-space:nowrap;box-shadow:none;}

/* adds the footer-top-bar styling for this site */
.footertopbar {}
/* android mobile portrait 320x533 */
#android-mobile-portrait-previewer {float:left;height:625px;width:362px;padding:50px 0 0 30px;background: url(_resources/android-mobile-portrait-320x533.html) no-repeat 10px 0;}
#previewer {float:left;margin-right:20px;width:400px;}
#previewercopy {float:left;width:500px;}
div#previewercopy ul {margin-top:10px;}
div#previewercopy ul li {margin-bottom:10px;}

/* CHAMELEON SETTINGS link */
.ch-settings {DISPLAY:NONE;position:relative;right:0px;top:0;}
.ch-settings a:link, .ch-settings a:visited {padding:8px 50px 8px 0;/*background-size:30px 30px;*/}

}