/* Theme Name: Big Media 2015 Theme URI: http://chameleonsoftware.co.uk/support/wordpress/themes Author: Malcolm Stewart, Big Media. Description: Chameleon Ready One child theme customized for bigmediahouse.co.uk Template: chameleonwpone Version: 0.1.2 */ @import "../../../../chserve.co.uk/chcss/android-mobile/showhide.html"; @import url("../chameleonwpone/style.css"); @import url("css/submenu.css"); @import url("css/youtube-feeds.css"); /* show hide for a,.main-navigation .current-menu-ancestor > a,.main-navigation .current_page_item > a,.main-navigation .current_page_ancestor > a {background:#00a9cd;background-image:-moz-linear-gradient(top, #00a9cd, #66efff);background-image:-ms-linear-gradient(top, #00a9cd, #66efff);background-image:-webkit-linear-gradient(top, #00a9cd, #66efff);background-image:-o-linear-gradient(top, #00a9cd, #66efff);background-image:linear-gradient(top, #00a9cd, #66efff);} /* second and third level menu links */ .main-navigation li ul li {z-index:9999;} .main-navigation li 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);z-index:9999;} .main-navigation li ul li a:hover {color:#777;} /* 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 */ .header-image {position:relative;top:-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 0 10px 0 !important;font-weight:lighter;line-height:1.3;color:#e87122;text-align:center;} .entry-content h1.topheadline, .entry-content h1.topheadlinewithmenu, .entry-content h1.topheadline2016 {color:#167;} .entry-content h2,p.likeh2{font-size:150% !important;margin:0 0 10px 0 !important;font-weight:lighter;line-height:1.3;color:#e87122;text-align:center;} .entry-content h3{font-size:125% !important;margin:0 0 10px 0 !important;font-weight:lighter;line-height:1.3;color:#e87122;text-align:center;} .entry-content h4{font-size:110% !important;margin:0 0 10px 0 !important;font-weight:lighter;line-height:1.3;color:#e87122;text-align:center;} .entry-content h5{font-size:105% !important;margin:0 0 10px 0 !important;font-weight:lighter;line-height:1.3;color:#e87122;text-align:center;} .entry-content h6{font-size:100% !important;margin:0 0 10px 0 !important;font-weight:lighter;line-height:1.3;color:#e87122;text-align:center;} .entry-content li,.comment-content li,.mu_register li {margin-left:18px;margin-left:1.2857142855rem;} .entry-content p {line-height:1.5;} .site-header h2 {color:#a0a0a0;} p.h3style {font-size:125% !important;font-weight:lighter;line-height:1.3;color:#e87122 !important;} /* image alignment classes */ .imagealignleftwraptext {float:none;display:block;text-align:center;max-width:100%;height:auto;margin:3px auto 5px auto;} .imagealignrightwraptext {float:none;display:block;text-align:center;max-width:100%;height:auto;margin:3px auto 5px auto;} .framed {border:5px solid #ccc;} .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;display:block;margin-top:12px;margin-top:0.857142857rem;margin-bottom: 12px;margin-bottom:0.857142857rem;} .entry-content a:link {color:#21759b;font-weight:bold;text-decoration:none;} .widget-area .widget a:visited, .entry-content a:visited,.comment-content a:visited {color:#21759b;font-weight:bold;text-decoration:none;} .entry-content a:hover {text-decoration:underline;} .widget-title {font-size:130%;font-family:'Titillium Web',Helvetica,Arial,sans-serif;text-transform:capitalize;font-weight:normal;color:#117799;text-shadow:1px 1px 1px #fff;} /* DT image alignment class for logos - amended by MS */ .logopadding {width:110px;height:110px;} .workwithicons {text-align:center;margin:0 auto !important;max-width:900px;} .workwithiconsfive {text-align:center;margin:0 auto !important;max-width:950px;} div.workwithicons p, div.workwithiconsfive p {float:left;margin:0 10px;} .mainmessage {font-size:115%;} /* READ MORE ELEMENT - applies to all devices and screen sizes */ #readMoreInfo1, #readMoreInfo2 {margin-top:15px;display:none;} #readOrClose1 a#readMoreSection1, #readOrClose1 a#readMoreSection1:visited, #readOrClose2 a#readMoreSection2, #readOrClose2 a#readMoreSection2:visited {display:inline-block;height:auto;padding:3px 4px 3px 3px;color:#1688bb;text-transform:lowercase;font-weight:normal;font-size:110%;text-decoration:none;text-shadow:none;background:#555;border-radius:10px;border-top:2px solid #333;border-right:2px solid #999;border-bottom:2px solid #999;border-left:2px solid #333;} span.rmopen {display:inline-block;height:28px;padding:0px 5px 5px 30px;margin:0 0 2px 0;color:#000;background:#ccc url(_resources/read-more-open.png) no-repeat 0 4px;border-radius:5px;text-shadow:1px 1px 1px rgba(255,255,255,1.0);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.7);} span.rmclosed {display:inline-block;height:28px;padding:0px 5px 5px 30px;margin:0 0 2px 0;color:#000;background:#ccc url(_resources/read-more-closed.png) no-repeat 0 4px;border-radius:5px;text-shadow:1px 1px 1px rgba(255,255,255,1.0);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.7);} #readOrClose1 a#readMoreSection1:hover, #readOrClose2 a#readMoreSection2:hover {color:#000;background:#777;} /* Custom styles */ /* MS note - custom elements for the header */ .contacttel {float:left;height:auto;width:98%;padding:0 1%;display:block;text-align:center;color:#00a9cd;font-size:200%;margin:5px 0 10px 0;} p.contacttel a {width:auto;max-width:300px;margin:auto;padding:5px 0;display:block;text-decoration:none;text-shadow:-1px -1px 0 #067;color:#fff;background:#00a9cd;background-repeat:repeat-x;background-image:-moz-linear-gradient(top, #00a9cd, #33ddef);background-image:-ms-linear-gradient(top, #00a9cd, #33ddef);background-image:-webkit-linear-gradient(top, #00a9cd, #33ddef);background-image:-o-linear-gradient(top, #00a9cd, #33ddef);background-image:linear-gradient(top, #00a9cd, #33ddef);box-shadow: inset 0 0 8px 2px #067;border-radius:10px;} .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 {background:#106070;background-repeat:repeat-x;background-image:-moz-linear-gradient(top, #0baacc, #202020);background-image:-ms-linear-gradient(top, #0baacc, #202020);background-image:-webkit-linear-gradient(top, #0baacc, #202020);background-image:-o-linear-gradient(top, #0baacc, #202020);background-image:linear-gradient(top, #0baacc, #202020);} .headersearch {float:left;width:98%;height:auto;padding:0 1%;display:block;text-align:center;visibility:hidden !important;} /* DT note - custom elements for the home page content */ .homepageband2 {background: url(_resources/paint-splash-background-01.html) no-repeat 0 0 !important;} /* MS note - custom elements for the 3 column content */ .imgshadow {line-height:1 !important;margin-top:0 !important;box-shadow:2px 2px 6px 2px rgba(0, 0, 0, 0.5) !important;background:#fff;} .col1,.col2,.col2a,.col3,.col4,.col5,.col6,.colleft,.colright {float:none;width:98%;padding:1%} .col1 a,.col2 a,.col2a a,.col3 a,.col4 a,.col5 a,.col6 a {text-decoration:none;color:#404040;} .col1 h1 a,.col2 h1 a,.col2a h1 a,.col3 h1 a,.col4 h1 a,.col5 h1 a,.col6 h1 a {text-decoration:none;color:#404040;} .col1 h1 a:visited,.col2 h1 a:visited,.col2a h1 a:visited,.col3 h1 a:visited,.col4 h1 a:visited,.col5 h1 a:visited,.col6 h1 a:visited {text-decoration:none;color:#404040;} .col1 a:hover,.col2 a:hover,.col2a a:hover,.col3 a:hover,.col4 a:hover,.col5 a:hover,.col6 a:hover {text-decoration:none;color:#757575;} .col1 h1 a:hover,.col2 h1 a:hover,.col2a h1 a:hover,.col3 h1 a:hover,.col4 h1 a:hover,.col5 h1 a:hover,.col6 h1 a:hover {text-decoration:none;color:#666;} div.col1 img,div.col2a img,div.col3 img {margin:15px auto 0 auto;display:block;line-height:1;} div.col1 span.imglabel,div.col2a span.imglabel,div.col3 span.imglabel {width:100%;margin:-20px 0 0 0;padding:0 0 10px 0;display:block;text-align:center;font-weight:600;color:#096;border-bottom:1px solid #ededed;} /* col2 */ .col2 {border-radius:15px;background-color:#ddd;background-repeat:repeat-x;background-image: -moz-linear-gradient(top, #d6d6d6, #f6f6f6);background-image: -ms-linear-gradient(top, #d6d6d6, #f6f6f6);background-image: -webkit-linear-gradient(top, #d6d6d6, #f6f6f6);background-image: -o-linear-gradient(top, #d6d6d6, #f6f6f6);background-image: linear-gradient(top, #d6d6d6, #f6f6f6);border:1px solid #999;} .col2 p {text-align:center;} .col2 a.chbutton {font-size:180%;border-radius:0;} /* col4 */ .col4 h1 {box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);text-align:center;text-shadow:none;border:3px solid #fff;color:#fff;border-radius:10px;background-color:#007f9a;background-repeat:repeat-x;background-image: -moz-linear-gradient(left, #00a9cd, #007f9a);background-image: -ms-linear-gradient(left, #00a9cd, #007f9a);background-image: -webkit-linear-gradient(left, #00a9cd, #007f9a);background-image: -o-linear-gradient(left, #00a9cd, #007f9a);background-image: linear-gradient(left, #00a9cd, #007f9a);} /* col5 */ .col5 img {box-shadow:none;} .col5 p,.col5 h1 {text-align:center;} .col5 h1 {color:#404040;} /* col6 */ .col6 img {box-shadow:none;} .col6 p,.col6 h1 {text-align:center;} .col6 h1 {color:#404040;} .colleft p,.colright p {padding:20px;font-size:150%;font-weight:lighter;color:#090;text-align:center;} /* SCROLLING TABLES CONTROL */ div.scrollarrows {display:block;clear:both;width:100%;height:20px;margin:5px 0;padding:15px 0 0 0;background:url(_resources/scroll-arrows.png) no-repeat center;border-top:2px groove #efefef;} .container-outer { clear:both;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;box-shadow:none;border-bottom:2px groove #efefef;} .container-inner { width:auto;height:auto;padding:0;} /* #SCROLLING TABLES CONTROL */ /* PRODUCT COMPARISON TABLE elements */ table.productcomparison {width:950px;font-size:100%;} table.productcomparison td {border:none;} table.productcomparison td.col2header {width:150px;color:#fff;text-align:center;text-transform:uppercase;text-shadow:-1px -1px 1px rgba(0,0,0,1.0);background:rgba(0,96,128,0.6);border-top-left-radius:10px;} table.productcomparison td.col3header, table.productcomparison td.col4header, table.productcomparison td.col5header {width:150px;color:#000;text-align:center;text-transform:uppercase;background:rgba(255,255,255,1.0);} table.productcomparison td.col6header {width:150px;color:#fff;text-align:center;text-transform:uppercase;text-shadow:-1px -1px 1px rgba(0,0,0,1.0);background:rgba(0,96,128,0.6);border-top-right-radius:10px;border-left:1px solid #fff;} table.productcomparison td.col1odd {width:200px;color:#000;padding-left:10px;padding-right:10px;background:rgba(255,255,255,0.4);} table.productcomparison td.col2odd, table.productcomparison td.col4odd, table.productcomparison td.col6odd {width:100px;color:#000;text-align:center;background:rgba(255,255,255,0.8);} table.productcomparison td.col3odd, table.productcomparison td.col5odd {width:100px;color:#000;text-align:center;background:rgba(255,255,255,0.4);} table.productcomparison td.col1even {width:200px;color:#000;padding-left:10px;padding-right:10px;color:#000;background:rgba(255,255,255,0.8);} table.productcomparison td.col2even, table.productcomparison td.col4even, table.productcomparison td.col6even {width:100px;color:#000;text-align:center;background:rgba(255,255,255,0.4);} table.productcomparison td.col3even, table.productcomparison td.col5even {width:100px;color:#000;text-align:center;background:rgba(255,255,255,0.8);} /* PAYPAL PAYMENT TABLE elements */ table.paypalpayment {} table.paypalpayment td {float:left;} table.paypalpayment td.OnlinePaymentItemName, table.paypalpayment td.OnlinePaymentPrice, table.paypalpayment td.OnlinePaymentItemButton {width:260px;padding:15px 5px 0px 0;} table.paypalpayment p.OnlinePaymentControlLabel {font-size:120%;margin-bottom:5px;color:#179;font-weight:bold;} table.paypalpayment input[type="submit"] {padding:8px 10px;color:#fff;text-shadow: 1px 1px 1px #666;background-color:#00cda9;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);} ul.offerslist li {margin-bottom:20px; list-style-type:square;} ul.offerslist li a:link, ul.offerslist li a:visited {color:#e87122;} /* CONTACT US elements */ .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;color:#404040;} .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.html);background-position:0 0;background-repeat:no-repeat;} .address {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;} /* Manages elements on 'responsive and beyond' page */ table.responsivechameleoncompare {font-size:100%;} table.responsivechameleoncompare caption {font-size:160%;font-weight:normal;line-height:1;padding:10px;box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);text-align:center;text-shadow:none;border:3px solid #fff;color:#fff;border-radius:10px;background-color:#007f9a;background-repeat:repeat-x;background-image: -moz-linear-gradient(left, #00a9cd, #007f9a);background-image: -ms-linear-gradient(left, #00a9cd, #007f9a);background-image: -webkit-linear-gradient(left, #00a9cd, #007f9a);background-image: -o-linear-gradient(left, #00a9cd, #007f9a);background-image: linear-gradient(left, #00a9cd, #007f9a);} .entry-content h1.featurelistheader {font-size:160% !important;font-weight:normal;line-height:1;padding:10px;box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);text-align:center;text-shadow:none;border:3px solid #fff;color:#fff;border-radius:10px;background-color:#007f9a;background-repeat:repeat-x;background-image: -moz-linear-gradient(left, #00a9cd, #007f9a);background-image: -ms-linear-gradient(left, #00a9cd, #007f9a);background-image: -webkit-linear-gradient(left, #00a9cd, #007f9a);background-image: -o-linear-gradient(left, #00a9cd, #007f9a);background-image: linear-gradient(left, #00a9cd, #007f9a);} /* sets table cells to full width and float for mobiles */ table.responsivechameleoncompare td {width:100%;float:left;} /* manages the header row for the comparison table */ table.responsivechameleoncompare tr.hidefromhandheld {display:none;} .responsivecompare,.withoutchameleon {color:#f00;font-weight:bold;font-size:120%;} .chameleoncompare,.withchameleon {color:#090;font-weight:bold;font-size:120%;} div.featureimage, div.featurelist {width:100%;float:left;} div.featureimage img {width:100%;} div.featurelist ul {margin-top:10px;list-style:square;} div.featurelist ul li {padding:10px 10px 10px 0;border-top:1px solid #EDEDED;} ul.listinside { list-style-position:inside;} /* Manages tables on examples page */ table.examples, table.examplestwo {font-size:100%;border:none;} table.examples img, table.examplestwo img {border-radius:none;box-shadow:none;width:100%;} table.examples td, table.examplestwo td {width:100%;float:right;border:none;} table.examples ul, table.examplestwo ul {text-align:left;} .entry-content blockquote,.comment-content blockquote {margin:12px 0;padding:0 8px;font-style:italic;font-size:115%;} /* 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:94%;min-width:260px;height:auto;margin:0 0 10px 0;padding:4px;font-size:90%;color:#333;background: none repeat scroll 0 0 #fff;-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;} .wpcf7-form-control-wrap iframe {margin-bottom:0;} .platform-slideshow {width:auto;padding:20px;box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);text-align:center;text-shadow:none;border:3px solid #fff;color:#fff;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);} div.platform-slideshow div.slideshow_content {background:#fff;float:left;border:1px solid #999;} div.platform-slideshow a:link, div.platform-slideshow a:visited, div.platform-slideshow a:hover, div.platform-slideshow a:active {display:inline;word-wrap:break-word;position:relative;left:75px;top:10px;width:60px;height:auto;color:#fff;font-weight:400;font-size:110%;text-shadow:1px 1px 2px #000;} /* master slider */ div.ms-layer h2 {color:#fff;font-size:100% !important;font-weight:normal !important;} /* story links */ .familiarlink {width:94%;box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);padding:5px 1%;text-align:center;text-shadow:none;border:3px solid #fff;color:#fff;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);} .notfamiliarlink {width:94%;box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);padding:5px 1%;text-align:center;text-shadow:none;border:3px solid #fff;color:#fff;font-size:110%;border-radius:10px;background-color:#007f9a;background-repeat:repeat-x;background-image: -moz-linear-gradient(left, #00a9cd, #007f9a);background-image: -ms-linear-gradient(left, #00a9cd, #007f9a);background-image: -webkit-linear-gradient(left, #00a9cd, #007f9a);background-image: -o-linear-gradient(left, #00a9cd, #007f9a);background-image: linear-gradient(left, #00a9cd, #007f9a);} /* 2014 new home columns */ .siteupgrades, .customsites, .specialistsolutions, .landingpages {float:left;width:100%;padding:150px 0 10px 0;margin-bottom:30px;text-align:center;border-bottom:2px groove #ccc;} .siteupgrades a:link, .siteupgrades a:visited, .customsites a:link, .customsites a:visited, .specialistsolutions a:link, .specialistsolutions a:visited, .landingpages a:link, .landingpages a:visited {text-decoration:none;display:block;padding-top:5px;color:#404040;} .siteupgrades a:hover, .customsites a:hover, .specialistsolutions a:hover, .landingpages a:hover {background:url(_resources/chameleon-bullet.png) no-repeat center 0;display:block;padding-top:5px;} .siteupgrades {background:url(_resources/site-upgrades-icon.png) no-repeat center 0;} .customsites {background:url(_resources/custom-sites-icon.png) no-repeat center 0;} .specialistsolutions {background:url(_resources/specialist-solutions-icon.png) no-repeat center 0;} .landingpages {background:url(_resources/landing-pages-icon.png) no-repeat center 0;} .uplift {position:relative;top:-10px;} /* DT Experimental home page 3 col area*/ .siteupgradesexp {background:url(_resources/site-upgrades-icon.png) no-repeat center 0;} .customsitesexp {background:url(_resources/custom-sites-icon.png) no-repeat center 0;} .specialistsolutionsexp {background:url(_resources/specialist-solutions-icon.png) no-repeat center 0;} .siteupgrades h2, .customsites h2, .specialistsolutions h2, .landingpages h2 {margin-bottom:30px !important;text-align:center !important;} .siteupgrades p, .customsites p, .specialistsolutions p, .landingpages p {font-size:100%;line-height:1.8;} .siteupgrades p.message, .customsites p.message, .specialistsolutions p.message, .landingpages p.message {height:auto;text-align:center;} /* Manages pricing boxes */ section.pricing {width:100%;text-align:center;} .siteconversionpricing, .newbuildpricing, .consultationpricing {width:262px;height:340px;margin:20px auto;border:4px solid #ccc;box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);} .siteconversionpricing p, .newbuildpricing p, .consultationpricing p{font-size:100%;line-height:1.3;text-shadow:1px 1px 1px rgba(0,0,0,0.9);} .pricingheader {width:100%;height:50px;padding-top:10px;padding-bottom:10px;font-size:150%;text-align:center;background:#fff;border-bottom:1px solid #999;} .pricingbody {padding:10px;} div.siteconversionpricing div.pricingbody {height:250px;color:#fff;background-color:#036;background-repeat:repeat-x;background-image: -moz-linear-gradient(top, #0ad, #058);background-image: -ms-linear-gradient(top, #0ad, #036);background-image: -webkit-linear-gradient(top, #0ad, #036);background-image: -o-linear-gradient(top, #0ad, #036);background-image: linear-gradient(top, #0ad, #036);} div.newbuildpricing div.pricingbody {height:250px;color:#fff;background-color:#932;background-repeat:repeat-x;background-image: -moz-linear-gradient(top, #e65, #932);background-image: -ms-linear-gradient(top, #d54, #932);background-image: -webkit-linear-gradient(top, #d54, #932);background-image: -o-linear-gradient(top, #d54, #932);background-image: linear-gradient(top, #d54, #932);} div.consultationpricing div.pricingbody {height:250px;color:#fff;background-color:#063;background-repeat:repeat-x;background-image: -moz-linear-gradient(top, #0b8, #063);background-image: -ms-linear-gradient(top, #0b8, #063);background-image: -webkit-linear-gradient(top, #0b8, #063);background-image: -o-linear-gradient(top, #0b8, #063);background-image: linear-gradient(top, #0b8, #063);} p.pricinglink {text-align:center;font-size:16px !important;text-shadow:none;font-weight:normal !important;} p.pricinglink a:link, p.pricinglink a:visited, p.pricinglink a:hover {width:50%;height:20px;padding:5px 15px 15px 15px;margin:auto;background:#ccc;color:#202020;text-decoration:none;border-radius:5px;box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);} p.pricinglink a:hover {background:#469;color:#fff;} p.pricinglinkexp 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);} div.both:hover p.pricinglinkexp a {background: #F66;-webkit-transition: all 0.3s ease-in; /*Safari & Chrome*/transition: all 0.7s ease-in;-moz-transition: all 0.3s ease-in; /* Firefox 4 */-o-transition: all 0.3s ease-in; /* Opera */text-decoration:none;color:#000;} div.both:hover .siteupgradesexpglow {background: #6b6560;border: solid 1px #e87122; border-radius: 10px;box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);position: relative;height: 35px; -webkit-transition: all 0.3s ease-in; /*Safari & Chrome*/transition: all 0.7s ease-in;-moz-transition: all 0.3s ease-in; /* Firefox 4 */-o-transition: all 0.3s ease-in; /* Opera */ text-decoration:none;color:#000;} /* INLINE learn more links - NOT to be confused with learnmorebutton - a style which should disappear */ a:link.learnmore, a:visited.learnmore {display:block;clear:both;width:120px;height:20px;padding:0 15px 10px 15px;margin:10px auto 0 auto;background:#ccc;color:#202020;text-align:center;text-decoration:none;border-radius:5px;box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);} a:hover.learnmore {background:#469;color:#fff;} /* INLINE link - to buttonise a link in a line of text */ a:link.inlinelink, a:visited.inlinelink {display:inline-block;width:auto;height:20px;padding:0 15px 10px 15px;margin:10px 0 5px 10px;background:#ccc;color:#202020;text-decoration:none;border-radius:5px;box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);} a:hover.inlinelink {background:#efefef;} /* 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 */ .posequestion {font-weight:600;font-size:105%;color:#ff6;} a:link.actionbutton, a:visited.actionbutton {width:250px;padding:10px;margin:20px auto;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);} /* blockquote */ .entry-content blockquote,.comment-content blockquote {margin-bottom:24px;padding:10px;font-style:italic;border-left:3px solid #e87122;background:#efefef;font-size:90%;box-shadow:inset 0 0 2px 1px rgba(0,0,0,0.4);} .entry-content div.blockquotetwo,.comment-content div.blockquotetwo {margin-bottom:24px;padding:10px;font-style:italic;border-left:3px solid #116677;background:#f6f6f6;font-size:90%;box-shadow:inset 0 0 2px 1px rgba(0,0,0,0.4);} .entry-content blockquote h3 {text-align:left;} .entry-content div.blockquotetwo h3 {color:#116677;text-align:left;} .entry-content div.blockquotetwo p {margin-bottom:0;} /* LEARN MORE button links */ p.insetbutton {display:inline-block;height:auto;padding:3px 4px 3px 3px;margin-right:20px;color:#1688bb;text-transform:lowercase;font-weight:normal;font-size:110%;text-decoration:none;text-shadow:none;background:#555;border-radius:10px;border-top:2px solid #333;border-right:2px solid #999;border-bottom:2px solid #999;border-left:2px solid #333;} p.insetbutton a:link.insetbuttonlink {display:inline-block;height:28px;min-width:200px;padding:0px 5px 5px 30px;margin:0 0 2px 0;color:#000;background:#ccc url(_resources/read-more-closed.png) no-repeat 0 4px;border-radius:5px;text-decoration:none;text-shadow:1px 1px 1px rgba(255,255,255,1.0);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.7);} a:visited.learnmorebutton {float:left;width:230px;padding:10px 5px 10px 30px;margin:15px 0;display:block;font-size:110%;color:#666;box-shadow:0 0 6px 0px rgba(0, 0, 0, 0.5);text-align:left;text-shadow:1px 1px 1px #fff;border:3px solid #fff;text-decoration:none;border-radius:10px;background:#e6f4f9 url(_resources/read-more-closed.png) no-repeat 5px center;} a:hover.learnmorebutton {background:#cce6ef url(_resources/read-more-closed.png) no-repeat 5px center;} /* PROMO offer area */ .promo-offer {width:94%;padding:3%;margin-bottom:15px;box-shadow:inset 0 0 4px 4px rgba(64,128,192,0.8);background:#f6f6f6;} .promo-offer img.imagealignleftwraptext {clear:both;float:none;} .promo-offer p {font-size:110%;} /* CONTACT US form elements */ div.wpcf7 {} div.contactdetails {} /* PROMO FORM elements */ div.promo-offer div.wpcf7 {clear:both;border-top:1px solid #ccc;} div.promo-offer div.wpcf7 input.wpcf7-text, div.promo-offer div.wpcf7 textarea.wpcf7-textarea {float:none;min-width:89%;width:89%;height:auto;margin:0 4% 10px 4%;padding:4px 1%;font-size:90%;color:#333;background: none repeat scroll 0 0 #fff;-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;} div.promo-offer div.wpcf7 input.wpcf7-submit {width:auto;padding:10px 40px;margin-top:20px;margin-left:4%;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);} /* PROMO link buttons */ a:link.promolinkbutton, a:visited.promolinkbutton {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);} a:link.promoclaimbutton, a:visited.promoclaimbutton {width:82%;padding:10px 4%;margin:20px 4%;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);} /* PROMO link buttons */ a:link.promocallbutton, a:visited.promocallbutton {width:250px;padding:20px 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:#c00 url(_resources/phone-handset-click-to-call.png) no-repeat 10px center;} /* PROMO list styles */ ul.promolist {padding-top:10px;padding-bottom:15px;font-size:100%;list-style-type:none;} ul.promolist li {padding-bottom:10px;padding-left:30px;margin-left:0px;background:url(_resources/chameleon-bullet.png) no-repeat 0px 5px;} /* blog controls */ a.more-link, a:visited.more-link {clear:both;float:right;width:150px;position:relative;top:10px;margin:10px 5px 10px 5px;padding:1px 3px 1px 30px;display:block;font-size:110%;color:#666;box-shadow:0 0 6px 0px rgba(0, 0, 0, 0.5);text-align:left;text-shadow:1px 1px 1px #fff;border:3px solid #fff;text-decoration:none;border-radius:10px;background:#e6f4f9 url(_resources/read-more-closed.png) no-repeat 5px center;} a:hover.more-link {text-decoration:underline;} span.meta-nav {display:none} div.homebuttonsthreearea {width:280px;margin:0 auto;} .homebuttonsthree {} div.contrastarea2 {width:96%;margin:-5px 0;padding:15px 2%;background:rgba(64,64,64,0.2);box-shadow:inset 0 0 8px 2px rgba(64,64,64,0.6);} div.contrastarea2 p {margin-bottom:0.5rem;} div.videoembed {margin-top:20px;} /* styles for different band areas on the pages */ .accentareaburntorange {padding: 7px 0 3px 0;color:#fff;text-shadow: 1px 1px #888;background:#e87122 url(_resources/bannertopds.png) 0 0 repeat-x;box-shadow:inset 0 -8px 8px rgba(0,0,0,0.2);} .accentareaburntorangesplash {padding:50px 0 50px 0;margin-bottom:20px;color:#fff;background:#e87122 url(_resources/paint-splash-background-02.html) 0 0 no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .accentareaburntorangetwo {padding:30px 0 50px 0;margin-bottom:20px;color:#fff;background:#e87122 url(_resources/paint-splash-background-01.html) 0 0 no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .accentareaburntorangethree {color:#fff;background:#e87122 url(_resources/paint-splash-background-01.html) 0 0 no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;padding-top: 50px;} .accentareaburntorange h1 {color:#fff;} .accentareaburntorange h2 {color:#fff;font-size:115%;} .accentareaburntorange h3 {color:#fff;} .accentareaburntorange p {color:#fff !important;} .accentareaburntorange ul {padding-top:20px;padding-bottom:0;font-size:110%;list-style-type:none;} .accentareaburntorange ul li {padding-bottom:15px;padding-left:30px;margin-left:0px;background:url(_resources/chameleon-bullet-white.png) no-repeat 0px 5px;} .accentareaburntorange a:link, .accentareaburntorange a:visited {color:#fff !important;text-transform:uppercase;} .accentareacharcoal {padding: 7px 0 3px 0;color:#fff;text-shadow: 1px 1px #888;background:#999;text-align:center;} .accentareacharcoal h1, .accentareacharcoal h2, .accentareacharcoal h3 {color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.8);} .accentareacharcoal a:link, .accentareacharcoal a:visited {color:#fff;text-transform:uppercase;} /* New homepage boxes */ .accentareacharcoal .boxone {display:inline-block;/*float:left;*/width:250px;height:440px;margin:20px auto;padding:10px;color:#202020;background:#fff url(_resources/box1-bg.png) center bottom no-repeat;background-size:100% auto;text-shadow:none;box-shadow:15px 15px 0 rgba(0, 0, 0, 0.3);} .accentareacharcoal .boxtwo {display:inline-block;/*float:left;*/width:250px;height:440px;margin:20px auto;padding:10px;color:#202020;;background:#fff url(_resources/box2-bg.png) center bottom no-repeat;background-size:100% auto;text-shadow:none;box-shadow:15px 15px 0 rgba(0, 0, 0, 0.3);} .accentareacharcoal .boxthree {display:inline-block;/*float:left;*/width:250px;height:440px;margin:20px auto;padding:10px;color:#202020;;background:#fff url(_resources/box3-bg.png) center bottom no-repeat;background-size:100% auto;text-shadow:none;box-shadow:15px 15px 0 rgba(0, 0, 0, 0.3);} .accentareacharcoal .boxone h1, .accentareacharcoal .boxtwo h1, .accentareacharcoal .boxthree h1 {font-size:150% !important;color:#666;} .accentarealilac {padding:0 0 20px 0;margin-bottom:0px;color:#fff;background:#868cb2 url(_resources/bannertopds.png) 0 0 repeat-x;box-shadow:inset 0 -8px 8px rgba(0,0,0,0.2);} .accentarealilac h1, .accentarealilac h2, .accentarealilac h3 {color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.8);} .accentarealilac p {color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.8) !important;font-size:120%;} .accentarealilac a:link, .accentarealilac a:visited {color:#fff;text-transform:uppercase;} /* New homepage boxes */ .accentarealilac .boxone {display:inline-block;/*float:left;*/width:250px;height:440px;margin:20px auto;padding:10px;color:#202020;background:#fff url(_resources/box1-bg.png) center bottom no-repeat;background-size:100% auto;text-shadow:none;box-shadow:15px 15px 0 rgba(0, 0, 0, 0.3);} .accentarealilac .boxtwo {display:inline-block;/*float:left;*/width:250px;height:440px;margin:20px auto;padding:10px;color:#202020;;background:#fff url(_resources/box2-bg.png) center bottom no-repeat;background-size:100% auto;text-shadow:none;box-shadow:15px 15px 0 rgba(0, 0, 0, 0.3);} .accentarealilac .boxthree {display:inline-block;/*float:left;*/width:250px;height:440px;margin:20px auto;padding:10px;color:#202020;;background:#fff url(_resources/box3-bg.png) center bottom no-repeat;background-size:100% auto;text-shadow:none;box-shadow:15px 15px 0 rgba(0, 0, 0, 0.3);} .accentarealilac .boxone h1, .accentarealilac .boxtwo h1, .accentarealilac .boxthree h1 {font-size:150% !important;color:#666;} .accentareateal {padding:0 0 20px 0;margin-bottom:0px;color:#fff;background:#009980 url(_resources/bannertopds.png) 0 0 repeat-x;box-shadow:inset 0 -8px 8px rgba(0,0,0,0.2);} .accentareateal h1, .accentareateal h2, .accentareateal h3 {color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.8);} .accentareateal p {color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.8) !important;font-size:120%;} .accentareateal a:link, .accentareateal a:visited {color:#fff;text-transform:uppercase;} .accentareateal ul {padding-top:20px;padding-bottom:0;font-size:110%;list-style-type:none;} .accentareateal ul li {padding-bottom:15px;padding-left:30px;margin-left:0px;text-shadow:1px 1px 2px rgba(0,0,0,0.8);background:url(_resources/chameleon-bullet-white.png) no-repeat 0px 5px;} .accentareaeasy2green {padding:0 0 20px 0;margin-bottom:0px;color:#fff;background:#1dc6bc url(none.html) 0 0 repeat-x;/*box-shadow:inset 0 -8px 8px rgba(0,0,0,0.2);*/} .accentareaeasy2green h1, .accentareaeasy2green h2, .accentareaeasy2green h3 {color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.8);} .accentareaeasy2green p {text-shadow:1px 1px 2px rgba(0,0,0,0.8);font-size:120%;} .accentareaeasy2green a:link, .accentareaeasy2green a:visited {color:#fff;text-transform:uppercase;} .accentareaeasy2green ul {padding-top:20px;padding-bottom:0;font-size:110%;list-style-type:none;} .accentareaeasy2green ul li {padding-bottom:15px;padding-left:30px;margin-left:0px;text-shadow:1px 1px 2px rgba(0,0,0,0.8);background:url(_resources/chameleon-bullet-white.png) no-repeat 0px 5px;} .accentareared {padding:0 0 20px 0;margin-bottom:0px;color:#fff;background:#e6001a url(_resources/bannertopds.png) 0 0 repeat-x;box-shadow:inset 0 -8px 8px rgba(0,0,0,0.2);} .accentareared h1, .accentareared h2, .accentareared h3 {color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.8);} .accentareared p {color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.8) !important;font-size:120%;} .accentareared a:link, .accentareared a:visited {color:#fff;text-transform:uppercase;} .accentareared ul {padding-top:20px;padding-bottom:0;font-size:110%;list-style-type:none;} .accentareared ul li {padding-bottom:15px;padding-left:30px;margin-left:0px;text-shadow:1px 1px 2px rgba(0,0,0,0.8);background:url(_resources/chameleon-bullet-white.png) no-repeat 0px 5px;} .accentareabluewithtexture {padding:0 0 20px 0;margin-bottom:20px;color:#fff;background:#00aadd url(none.html);box-shadow:inset 0 0 20px rgba(0,0,0,0.7);} .accentareabluewithtexture h1, .accentareabluewithtexture h2 {color:#fff;} .accentareabluewithtexture h1 {padding-bottom:20px;} .accentareabluewithtexture h1, .accentareabluewithtexture h2, .accentareabluewithtexture p {text-shadow:-1px -1px 1px rgba(0,0,0,0.4);} .accentareabluewithtexture img {box-shadow:0 0 4px 4px rgba(255,255,255,0.8);} .accentareabluewithtexture a:link, .accentareabluewithtexture a:visited {color:#ff0;text-decoration:none;} .accentareateal #readOrClose1 a#readMoreSection1, .accentareateal #readOrClose1 a#readMoreSection1:visited, .accentareateal #readOrClose2 a#readMoreSection2, .accentareateal #readOrClose2 a#readMoreSection2:visited {color:#fff;font-size:110%;text-shadow:1px 1px 1px rgba(0,0,0,0.8);} .accentareawhite {padding:0;background:#fff url(none.html);color:#404040;text-shadow:none;box-shadow:inset 0 0 20px rgba(0,0,0,0.7);} .accentareawhite h1, .accentareawhite h2, .accentareawhite h3, .accentareawhite h4, .accentareawhite h5, .accentareawhite h6 {text-align:center !important;} .accentareawhite p {color:#404040;text-shadow:none;} .accentareawhite a:link, .accentareawhite a:visited {color:#777;font-weight:bold;text-decoration:none;} .accentareawhite a:hover {text-decoration:underline;} .accentareawhite a.actionbutton {color:#fff;} div.accentareateal div.keypoint p {color:#fff;} div.accentareateal div.keymessage p {color:#ff9;text-align:center;} div.accentareared div.keypoint p {color:#ff9;text-align:center;} div.circleiconmessage {display:block;clear:both;height:auto;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #ccc;} div.circleiconmessage p {padding-top:10px;} .twocol1, .twocol2 {float:none;width:100%;margin:20px 0 20px 0;} .threecol1, .threecol2, .threecol3 {float:none;width:100%;margin:20px 0 20px 0;} .twocol1 p, .twocol2 p, .threecol1 p, .threecol2 p, .threecol3 p {line-height:1.3;} div.homesummaryiconarea {width:100%;} div.homesummaryiconarea a:link, div.homesummaryiconarea a:visited {float:right;width:auto;height:auto;margin:10px 20px;padding:6px;font-size:120%;background:#555 url(_resources/homesummaryicons-bg.png) no-repeat center;border-radius:50px;} div.homesummaryiconarea a:hover {opacity:0.9;} div.homesummaryiconarea img {float:left;width:56px;height:56px;margin:10px;} .webappiconscreens {text-align:center;} .webappiconscreens img {display:inline-block;margin:5px 20px;} .tsandcs {font-size:85%;} hr.faded {margin:16px auto 12px auto;width:80%;height:1px;border:0;background:none;background-image:linear-gradient(to right, rgba(232, 232, 232, 0), rgba(232, 232, 232, 0.75), rgba(232, 232, 232, 0));} /* News area show image montage */ .showapparea {padding:15px;background:#f6f6f6;box-shadow:inset 0 0 3px 2px rgba(0,0,0,0.5);} .showapparea img {box-shadow:none;} .showapparea .imagemontage {width:auto;max-width:94%;height:auto;clear:both;text-align:center;} img.wp-image-1346, img.wp-image-1347, img.wp-image-1348, img.wp-image-1349, img.wp-image-1350, img.wp-image-1351 {size:100%;border:7px solid #f6f6f6;margin:auto;float:none;} img.wp-image-1351 {display:none;} img.wp-image-1346 {} img.wp-image-1347 {} img.wp-image-1350 {} img.wp-image-1348 {display:none;} img.wp-image-1349 {display:none;} .showapparea h2 {color:#404040;text-shadow:none;} .showapparea h2 a:link, .showapparea h2 a:visited {color:#404040;text-decoration:none;} .specappthumbs {text-align:center;} .specappthumbs a {display:inline-block;} .specappthumbs a img {border:1px solid rgba(0,0,0,0.25);box-shadow:-5px 5px 0 rgba(0,0,0,0.35);margin:20px auto;} /* =Media queries -------------------------------------------------------------- */ /* Minimum width of 480 pixels. */ @media screen and (min-width: 480px) { div.circleiconmessage p {padding-top:30px;} } /* Minimum width of 765 pixels. */ @media screen and (min-width: 765px) { .widget-area {margin-top:50px;} .header-bg {height:130px;position:fixed;width:100%;z-index:999;opacity:0.92;} nav#site-navigation {width:100%;height:50px;z-index:10000;position:fixed !important;top:auto;margin-top:125px;box-shadow:0 6px 6px rgba(0,0,0,0.4);} .slideshow_container {z-index:1;} #banner, #banner.business {position:relative;top:170px;margin-bottom:200px;height:180px;min-height:unset;padding:20px 0 20px 0;box-shadow:inset 0 -6px 6px rgba(0,0,0,0.4);} #banner-blog {position:relative;top:160px;margin-bottom:200px;padding:10px 0 10px 0;box-shadow:inset 0 -6px 6px rgba(0,0,0,0.4);} div.menu-websites-submenu-container {} /* image alignment classes */ .imagealignleftwraptext {float:left;text-align:unset;display:inline-block;max-width:45%;height:auto;margin:3px 20px 5px 0;} .imagealignrightwraptext {float:right;text-align:unset;display:inline-block;max-width:45%;height:auto;padding:0 0 5px 30px;} /* NEW 2021 elements */ #banner.about-virtual-expo, #banner.about-easy2training, #banner.about-dinnerdata, #banner.about-chargerpoints, #banner.about-appcomm {position:relative;top:170px;margin-bottom:200px;height:120px;min-height:unset;padding:90px 0 0 0;box-shadow:inset 0 -6px 6px rgba(0,0,0,0.4);} /* SPECIFIC elements to handle posts and post overviews */ .bmhpost {float:left;width:47%;height:auto;min-height:415px;margin-bottom:50px;padding:0;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border-radius:0.5em;border:2px solid #ccc;box-shadow:0 0 22px 2px rgba(0,0,0,0.5);} .bmhpostsingle {float:none;width:100%;height:auto;min-height:405px;margin-bottom:15px;padding:0;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border-radius:0.5em;border:2px solid #ccc;box-shadow:0 0 22px 2px rgba(0,0,0,0.5);} .bmhpost h1, .bmhpost h2, .bmhpost p, .bmhpostsingle h1, .bmhpostsingle h2, .bmhpostsingle p, span.leave-reply {padding:8px 15px 0 15px;} .bmhpost:nth-child(odd) {float:left;} .bmhpost:nth-child(even) {float:right;} div.bmhpost h1 a {margin:10px 0 10px 0;height:33px;width:100%;font-weight:normal;font-size:150%;text-decoration:none;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;} /* control for master slider in the homepage */ .mastersliderstage {width:auto;height:auto;padding-bottom:20px;background:url(_resources/master-slider-stage.png) center bottom no-repeat;} /* control for wowslider in the bottom accent area */ #wowslider-container25 .ws_images {box-shadow:0 0 6px 4px rgba(0,0,0,0.6);} .site-header {background-color:none;background:url(_resources/header-bg.png) no-repeat center 85px;} .entry-header {margin-bottom:24px;margin-bottom:1.714285714rem;} .entry-content h1{} .entry-content h1.topheadline, .entry-content h1.topheadline2016 {height:auto;margin:0 auto 30px 125px !important;display:block;text-align:left;} .entry-content h1.topheadlinewithmenu {display:none;height:auto;margin:0 auto -80px 165px !important;position:relative;top:-80px;text-align:left;} .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{} /* MS note - move header-image for better display */ .header-image {position:relative;top:-10px;} nav.main-navigation div.site {padding:0;} /* applies background for tablet and PC design of menu area */ .main-navigation {background:#555;background-repeat:repeat-x;background-image:-moz-linear-gradient(top, #666, #404040);background-image:-ms-linear-gradient(top, #666, #404040);background-image:-webkit-linear-gradient(top, #666, #404040);background-image:-o-linear-gradient(top, #666, #404040);background-image:linear-gradient(top, #666, #404040);border-top:1px solid #aaa;} .main-navigation ul {background-color:none;border-left:1px solid #404040;} /* 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:#fff;text-align:center;} /* provides spacing for main menu items */ /* NOTE margin left elements below correct for spacing in top line menu and second level menus */ .main-navigation li {border-right:1px solid #404040;margin-left:-6px;} .main-navigation li ul {margin-left:6px;} .main-navigation li a {padding:0 14px;margin: 0 0 0 0;text-align:center;border-right:none;text-transform:unset;} /* 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:#000;background:#66efff;} /* 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:#fff;font-weight:normal; text-shadow:none;background-color:#00a9cd;background-repeat:repeat-x;background-image:-moz-linear-gradient(top, #00a9cd, #66efff);background-image:-ms-linear-gradient(top, #00a9cd, #66efff);background-image:-webkit-linear-gradient(top, #00a9cd, #66efff);background-image:-o-linear-gradient(top, #00a9cd, #66efff);background-image:linear-gradient(top, #00a9cd, #66efff);} .main-navigation .current-menu-item > a:hover, .main-navigation .current_page_item > a:hover {color:#fff;background-color:#00a9cd;background-repeat: repeat-x;background-image: -moz-linear-gradient(top, #00a9cd, #66efff);background-image: -ms-linear-gradient(top, #00a9cd, #66efff);background-image: -webkit-linear-gradient(top, #00a9cd, #66efff);background-image: -o-linear-gradient(top, #00a9cd, #66efff);background-image: linear-gradient(top, #00a9cd, #66efff);} .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 */ .main-navigation li ul li a, .main-navigation li ul li ul li a {border:none;} /* This element controls position of last main menu item drop down second layer */ .main-navigation li:last-child ul {position:absolute;right:0px;} 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;} /* MOBILE-FRIENDLY WEBSITE LINK */ footer div.mfw-info {float:left;min-height:44px;margin:-6px auto 20px auto;padding:11px 0 0 50px;height:auto;width:50%;clear:none;line-height:1.3;} /* FOOTER menu */ .footermenu {clear:none;float:left;width:18%;margin:10px 0 10px 2%;} /* ADJUSTS footer menu to keep individual li lines together and increase spacing between them */ div.footermenu ul li {padding-left:10px;padding-bottom:12px;width:auto;line-height:1.4;border-left:1px solid #808080;} div.footermenu ul li ul li {padding-top:12px;padding-bottom:0;} /* FOOTER SOCIAL MEDIA LINKS */ .footersocialmedia {float:right;padding-right:2px;padding-left:0;margin-top:0;text-align:right;} /* Custom styles */ /* MS note - custom elements for the header */ .contacttel {float:right;height:auto;width:auto;padding:5px 21px 0 0;margin-bottom:0;display:block;text-align:left;color:#87e2f6;font-size:200%;} p.contacttel a {width:auto;text-decoration:none;color:#87e2f6;text-shadow:2px 2px 4px rgba(0,0,0,0.9);background:none;border-radius:0;box-shadow:none;letter-spacing:0.02em;} .headersearch {float:right;width:250px;margin:15px 10px -10px 0;display:block;text-align:right;} /* CONTACT US elements */ .byphone, .byemail, .onlineform, .address {font-size:125%;} /* MS note - custom elements for the 2 and 3 column content */ .col1,.col2,.col3,.col4,.col5,.col6,.colleft,.colright {float:left;width:48%;padding:1%} .colleft p,.colright p {padding:5px 30px;} /* DT note - custom elements for the chameleon page in site */ .collefttwo {float:left;width:48%;padding:1%;padding-top: 70px} .colrighttwo {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 */ .familiarlink {float:left;width:40%;margin:0 5% 0 0;font-size:150%;} .notfamiliarlink {float:right;width:40%;margin:0 auto 0 5%;font-size:150%;} div.featureimage {width:40%;margin-right:2%;height:335px;float:left;} div.featurelist {width:57%;float:left;} /* 2014 new home columns */ .siteupgrades, .customsites, .specialistsolutions, .landingpages {float:left;width:30%;min-height:180px;padding:150px 1% 10px 1%;margin-bottom:10px;text-align:center;border-bottom:none;} /* DT Experimental home page 3 col area*/ .siteupgradesexp, .customsitesexp, .specialistsolutionsexp {float:left;width:250px;min-height:172px;max-height:172px;padding:150px 30px 10px 30px;margin-bottom:80px;text-align:center;border-bottom:none;} .siteupgradesexpglow, .customsitesexpglow, .specialistsolutionsexpglow {} .siteupgrades p, .customsites p, .specialistsolutions p, .landingpages p {font-size:100%;line-height:1.5;} .siteupgrades p.message, .customsites p.message, .specialistsolutions p.message, .landingpages p.message {height:125px;text-align:center;} .siteupgradesexp:hover {cursor: pointer;background: url(_resources/hover-col-01.html);border: 1px solid #e87122 ;box-shadow:7px 7px 5px 0px rgba(50, 50, 50, 0.5);-webkit-transition: all 2.4s ease-in; /*Safari & Chrome*/transition: all 1.7s ease-in;-moz-transition: all 0.3s ease-in; /* Firefox 4 */ -o-transition: all 0.3s ease-in; /* Opera */text-decoration:none;color:#000;} .customsitesexp:hover {cursor: pointer;background: url(_resources/hover-col-02.html);border: 1px solid #e87122;box-shadow:7px 7px 5px 0px rgba(50, 50, 50, 0.5);;-webkit-transition: all 2.4s ease-in; /*Safari & Chrome*/transition: all 1.7s ease-in;-moz-transition: all 0.3s ease-in; /* Firefox 4 */ -o-transition: all 0.3s ease-in; /* Opera */text-decoration:none;color:#000;} .specialistsolutionsexp:hover {cursor: pointer;background: url(_resources/hover-col-03.html);border: 1px solid #e87122;box-shadow:7px 7px 5px 0px rgba(50, 50, 50, 0.5);;-webkit-transition: all 2.4s ease-in; /*Safari & Chrome*/transition: all 1.7s ease-in;-moz-transition: all 0.3s ease-in; /* Firefox 4 */ -o-transition: all 0.3s ease-in; /* Opera */text-decoration:none;color:#000;} /* Manages pricing boxes */ .siteconversionpricing, .newbuildpricing, .consultationpricing {width:210px;height:340px;margin:20px 4% 20px 0;border:4px solid #ccc;box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);} .consultationpricing {margin:20px 0;} .mainmessage {font-size:110%;position:relative;top:25px;padding-bottom:15px;} .mainmessage p {line-height:1.4;} .mainmessage img, .mainmessage p img {max-width:45%;} /* INLINE learn more links - NOT to be confused with learnmorebutton - a style which should disappear */ a:link.learnmore, a:visited.learnmore {display:inline-block;clear:none;width:auto;height:20px;padding:0 15px 10px 15px;margin:10px 0 0 10px;background:#ccc;color:#202020;text-decoration:none;border-radius:5px;box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);} /* footer */ .footertopbar {padding-bottom:12px;padding-bottom: 0.857142857rem} .oslogos {width:38%;margin:20px 31% 0 31%;} /* CHAMELEON SETTINGS link */ .ch-settings a:link, .ch-settings a:visited {padding:5px 35px 8px 20px;background-size:30px 30px;} .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;} .callout, .callouteven {width:60%;} .ssds {float:left;width:auto;height:350px;margin-right:14px !important;} .ssdsimg {vertical-align:bottom !important;} div.contrastarea2 {float:left;width:50%;height:216px;margin:0 22px 0 0;padding:12px 2%;background:rgba(64,64,64,0.2);box-shadow:inset 0 0 8px 2px rgba(64,64,64,0.6);} div.videoembed {float:left;margin-top:0;padding:0;height:240px !important;background:rgba(64,64,64,0.2);box-shadow:inset 0 0 8px 2px rgba(64,64,64,0.6);} /* DT image alignment class for logos - amended by MS */ .logopadding {width:115px;height:115px;} /* LEARN MORE button links */ a:link.learnmorebutton, a:visited.learnmorebutton {float:left;width:175px;padding:10px 5px 10px 30px;margin:10px;display:block;font-size:100%;color:#666;box-shadow:0 0 6px 0px rgba(0, 0, 0, 0.5);text-align:left;text-shadow:1px 1px 1px #fff;border:3px solid #fff;text-decoration:none;border-radius:10px;background:#e6f4f9 url(_resources/read-more-closed.png) no-repeat 5px center;} a:hover.learnmorebutton {background:#cce6ef url(_resources/read-more-closed.png) no-repeat 5px center;} /* READ MORE ELEMENT - applies to all devices and screen sizes */ span.rmopen {} span.rmclosed {} /* MANAGES youtube video feeds */ .videofeed {float:right;max-width:470px;height:auto;/*max-height:272px;*/margin:3px 0 5px 20px;padding:0;} .videofeedcenter {float:none;clear:both;max-width:470px;height:auto;/*max-height:272px;*/margin:3px auto 5px auto;padding:0;} .entry-content iframe.youtube, div.videofeed iframe, div.videofeedcenter iframe {display:block;width:450px !important;max-width:450px;height:272px !important;margin:0 auto;border:6px solid #cccccc;overflow:hidden;} div.videofeed dl, div.videofeedcenter dl {margin-top:-5px;margin-bottom:15px;height:20px;display:block;} /* PROMO offer area */ .promo-offer img.imagealignleftwraptext {clear:none;float:left;} /* CONTACT US form elements */ div.wpcf7 {float:left;width:48%;padding-right:2%;border-right:1px solid #ccc;} div.contactdetails {float:right;width:46%;padding-top:24px;padding-left:2%;} /* PROMO FORM elements */ div.promo-offer div.wpcf7 {clear:both;} div.promo-offer div.wpcf7 input.wpcf7-text, div.promo-offer div.wpcf7 textarea.wpcf7-textarea {float:none;width:89%;height:auto;margin:0 4% 10px 4%;padding:4px 1%;font-size:90%;color:#333;background: none repeat scroll 0 0 #fff;-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;} div.promo-offer div.wpcf7 input.wpcf7-submit {width:auto;padding:10px 40px;margin-top:20px;margin-left:4%;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);} /* PROMO link buttons */ a:link.promolinkbutton, a:visited.promolinkbutton, a:link.promoclaimbutton, a:visited.promoclaimbutton {width:300px;padding:10px;margin:20px auto 10px auto;} /* COOKIE policy - works with plugin Cookie Law Info */ #cookie-law-info-bar {position:fixed;height:0px !important;width:100% !important;padding:0 !important;margin:0 !important;background-color:transparent !important;border:0 !important;} #cookie-law-info-bar span {position:fixed;top:-2px;width:100%;height:22px;font-size:90%;margin:0 auto !important;padding:8px 0 3px 0;color:#fff !important;text-align:center;background:url(../../../../chserve.co.uk/_resources/cookie-notice.html) no-repeat center 0;background-color:none !important;display:block;z-index: 9999;} #cookie-law-info-bar a, #cookie-law-info-bar a.cli-plugin-main-link {color:#fff !important;text-decoration:none;margin-left:10px;} div.circleiconmessage {display:block;height:auto;padding-top:20px;padding-bottom:40px;border:none;} div.circleiconmessage p {padding-top:32px;font-size:120%;} div.homesummaryiconarea a:link, div.homesummaryiconarea a:visited {float:left;width:auto;height:auto;margin:10px 15px} div.accentareawhite h1 {margin:30px auto !important;} /* New homepage boxes */ div.accentareacharcoal {text-align:center;} .accentareacharcoal .boxone, .accentareacharcoal .boxtwo, .accentareacharcoal .boxthree {height:425px;margin:20px;display:inline-block;float:none;} } /* Minimum width of 960 pixels. */ @media screen and (min-width: 960px) { .header-bg {height:145px;position:fixed;width:100%;z-index:999;opacity:0.97;} .site-header {background-color:none;background:url(_resources/header-bg.png) no-repeat center 95px;} nav#site-navigation {width:100%;z-index:999;position:fixed !important;top:auto;margin-top:145px;} #banner, #banner-blog, #banner.business {position:relative;top:190px;height:260px;margin-bottom:220px;} /* NEW 2021 elements */ #banner.about-virtual-expo, #banner.about-easy2training, #banner.about-dinnerdata, #banner.about-chargerpoints, #banner.about-appcomm {position:relative;top:190px;height:180px;margin-bottom:220px;padding:120px 0 0 0;} /* SPECIFIC elements to handle posts and post overviews */ .bmhpost {min-height:450px;} .slideshow_container {z-index:1;position:relative;top:35px;} .site-content-full {min-height:275px;} .entry-content h1{} .entry-content h1.topheadline {height:auto;margin:0 auto 30px 195px !important;display:block;text-align:left;} .entry-content h1.topheadline2016 {height:auto;margin:40px auto 30px 195px !important;display:block;text-align:left;} .entry-content h1.topheadlinewithmenu {display:block;height:auto;margin:0 auto -80px 195px !important;position:relative;top:-180px;text-align:left;} .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{} .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 */ .header-image {position:relative;top:0;} /* 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;width:300px;position:relative;top:70px;left:-195px;} .contacttel {float:right;height:auto;width:auto;margin-bottom:10px;padding:20px 17px 0 0;display:block;text-align:left;color:#87e2f6;font-size:33px; white-space:nowrap;opacity:0.8;} .headersearch {float:right;width:250px;margin:0px 5px 10px 0;display:block;text-align:right;} /* CONTACT US elements */ .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 {} .address, .directions {font-size:120%;height:auto;min-height:45px;margin:0 0 5px 0;padding:10px 0 10px 50px;background-size:33px 33px;} .address, .byemail {background-position:0 3px;} /* MS note - custom elements for the header */ /* applies background for PC design of menu area - inherits from 765 media area */ .main-navigation {border-top:2px groove #999;} .main-navigation ul {background-color:none;} /* provides min width for main menu items */ .main-navigation li a {min-width:72px;padding:0 24px;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;} /* This element controls position of last main menu item drop down second layer */ .main-navigation li:last-child ul {position:absolute;right:0px;} div.menu-websites-submenu-container {} /* 3 COLUMN LAYOUT */ .col1,.col2,.col2a,.col3,.col4,.col5,.col6 {float:left;width:27%;padding:1%;} .col2,.col2a,.col5 {margin:0 2%;} .col3,.col6 {margin:0 0 0 3%;} .col1 h1,.col2 h1,.col3 h1,.col4 h1,.col5 h1,.col6 h1 {font-size:215% !important;margin:0 0 10px 0 !important;font-weight:lighter;line-height:1.3;} /* 3 column layout specific elements */ /* col1 */ .col1 {margin:0 3% 0 0;} .col1 p {line-height:1.6 !important;margin-bottom:12px;margin-bottom:0.857142857rem;} /* col2 */ .col2 {min-height:250px;box-shadow:0 0 6px 2px rgba(0, 102, 119, 0.5);border-radius:50%;background-color:#ddd;background-repeat:repeat-x;background-image: -moz-linear-gradient(top, #d6d6d6, #f6f6f6);background-image: -ms-linear-gradient(top, #d6d6d6, #f6f6f6);background-image: -webkit-linear-gradient(top, #d6d6d6, #f6f6f6);background-image: -o-linear-gradient(top, #d6d6d6, #f6f6f6);background-image: linear-gradient(top, #d6d6d6, #f6f6f6);} .col2 h1 {width:75%;padding:10px 0 0 30px;font-size:200% !important;text-align:right;} .col2 a h1{color:#404040 !important;} /* col3 */ .col3 h1 {line-height:1.3;} .col3 ul li {line-height:2.0;font-size:115%;} /* fillrow */ .fillrow {width:98%;padding:0 1%;} .fillrow hr {clear:both;} /* col4 */ .col4 {margin:0 3% 0 0;} .col4 h1 {box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);text-align:center;text-shadow:none;border:3px solid #fff;color:#fff;border-radius:10px;background-color:#007f9a;background-repeat:repeat-x;background-image: -moz-linear-gradient(left, #00a9cd, #007f9a);background-image: -ms-linear-gradient(left, #00a9cd, #007f9a);background-image: -webkit-linear-gradient(left, #00a9cd, #007f9a);background-image: -o-linear-gradient(left, #00a9cd, #007f9a);background-image: linear-gradient(left, #00a9cd, #007f9a);} .col4 p {font-size:125%;} .accentareabluewithtexture {padding:0 0 20px 0;margin-bottom:20px;color:#fff;background:#00aadd url(_resources/industrial-flooring.png) repeat left top fixed;box-shadow:inset 0 0 20px rgba(0,0,0,0.7);} .accentareateal p, .accentareaeasy2green p, .accentareaburntorange p, .accentareared p, .accentarealilac p {font-size:110%;} .accentareaeasy2green .imagealignleftwraptext {position:relative;top:15px;margin-bottom:20px;} .accentareabluewithtexture p {font-size:120%;} .accentareabluewithtexture ul li {font-size:120%;text-shadow: -1px -1px 1px rgba(0,0,0,0.4);} div.accentareared div.keypoint, div.keymessage {padding:3px 4px 3px 3px;font-size:130%;} div.accentareared div.keypoint p, div.keymessage p {color:#ff9;padding:5px 20px;margin-bottom:2px;text-align:center;text-shadow:1px 1px 1px rgba(255,255,255,1.0);} div.accentareateal div.keypoint {padding:3px 4px 3px 3px;font-size:120%;background:#555;border-radius:10px;border-top:2px solid #333;border-right:2px solid #999;border-bottom:2px solid #999;border-left:2px solid #333;} div.accentareateal div.keypoint p {color:#000;padding:5px 20px;margin-bottom:2px;background:#ccc;border-radius:5px;text-align:center;text-shadow:1px 1px 1px rgba(255,255,255,1.0);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.7);} div.accentareateal div.keymessage {padding:3px 4px 3px 3px;font-size:120%;} p.afterkeypoint {margin-top:10px;margin-left:15px;} /* 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;border-bottom:none;} /* #SCROLLING TABLES CONTROL */ div.homesummaryiconarea a:link, div.homesummaryiconarea a:visited {float:right;width:auto;height:auto;margin:10px 20px;padding:6px;font-size:120%;background:#555 url(_resources/homesummaryicons-bg.png) no-repeat center;border-radius:50px;} /* adds the footer-top-bar styling for this site */ .footertopbar {width:100%;height:auto;margin-top:24px;margin-top:1.714285714rem;background:#555;border-top:2px groove #fff;text-align:center;} .ftbconnect {float:left;width:32%;height:20px;margin:20px 0 0 1%;font-size:105%;text-align:left;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.8);} .oslogos {float:left;margin:10px auto;width:33%;height:40px;background:rgba(0,0,0,0.4);text-align:center;border-radius:40px;box-shadow:inset 2px 2px 2px rgba(0, 0, 0, 0.8);} .oslogos img {margin-top:5px} .ftbviadevice {float:right;text-align:center;margin:20px 1% 0 0;width:32%;height:20px;font-size:105%;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.8);} /* MOBILE-FRIENDLY WEBSITE LINK */ footer div.mfw-info {float:left;min-height:44px;margin:-6px auto 20px auto;padding:11px 0 0 50px;height:auto;width:50%;clear:none;line-height:1.3;} /* FOOTER menu */ .footermenu {clear:none;float:left;width:18%;margin:10px 0 10px 2%;} /* CHAMELEON SETTINGS link */ .ch-settings a:link, .ch-settings a:visited {padding:5px 35px 8px 20px;background-size:30px 30px;} .ch-cookies a:link, .ch-cookies a:visited, .login-link a:link, .login-link a:visited {padding:5px 20px 5px 0;border-right:1px solid #808080;} /* 2014 new home columns */ .siteupgrades, .customsites, .specialistsolutions {float:left;width:29%;min-height:150px;padding:150px 2% 10px 2%;margin-bottom:10px;text-align:center;border-bottom:none;} .specialistsolutions, .landingpages {float:right;width:29%;min-height:150px;padding:150px 2% 10px 2%;margin-bottom:10px;text-align:center;border-bottom:none;} .siteupgrades p.message, .customsites p.message, .specialistsolutions p.message, .landingpages p.message {height:70px;text-align:center;font-size:120%;} /* Manages pricing boxes */ .siteconversionpricing, .newbuildpricing, .consultationpricing {display:inline-block;width:262px;height:340px;margin:20px 5% 20px auto;border:4px solid #ccc;box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);} p.pricinglink a:link, p.pricinglink a:visited, p.pricinglink a:hover {width:33%;height:20px;padding:5px 15px;margin:auto;font-size:90%;background:#ccc;color:#202020;text-decoration:none;border-radius:5px;box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);} p.pricinglink a:hover {background:#469;color:#fff;} /* 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.png) 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;} div.homebuttonsthreearea {width:99%;text-align:center;} .homebuttonsthree {clear:none;display:inline-block;padding:0 10px;} div.contrastarea2 {float:left;width:59%;height:216px;margin:0 22px 0 0;padding:12px 2%;background:rgba(64,64,64,0.2);box-shadow:inset 0 0 8px 2px rgba(64,64,64,0.6);} div.videoembed {float:left;padding:0;} /* LEARN MORE button links */ a:link.learnmorebutton, a:visited.learnmorebutton {float:left;width:250px;padding:10px 5px 10px 30px;margin:20px;display:block;font-size:110%;color:#666;box-shadow:0 0 6px 0px rgba(0, 0, 0, 0.5);text-align:left;text-shadow:1px 1px 1px #fff;border:3px solid #fff;text-decoration:none;border-radius:10px;background:#e6f4f9 url(_resources/read-more-closed.png) no-repeat 5px center;} a:hover.learnmorebutton {background:#cce6ef url(_resources/read-more-closed.png) no-repeat 5px center;} /* DT 3 circles styling */ .ch-grid li { width: 220px; height: 220px; display: inline-block; margin: 20px 50px 50px 20px; } /* DT image alignment class for logos - amended by MS */ .logopadding {padding-right: 15px !important;width:auto;height:auto;} div.circleiconmessage {display:inline-block;clear:none;margin-bottom:60px;padding:10px 1%;text-align:center;border:none;} div.circleiconmessage p {padding-top:15px;font-size:120%;} div.circleiconmessage img.imagealignleftwraptext {margin:0 auto;clear:both;float:none;display:block;text-align:center;} .twocol1 {float:left;width:44%;margin:20px 4% 20px 0;} .twocol2 {float:right;width:44%;margin:20px 0 20px 4%;} .threecol1 {float:left;width:30%;margin:20px 1% 20px 0;} .threecol2 {float:left;width:30%;margin:20px 0.5% 20px 0.5%;} .threecol3 {float:right;width:30%;margin:20px 0 20px 1%;} .twocol1 p, .twocol2 p, .threecol1 p, .threecol2 p, .threecol3 p {line-height:1.714285714;} .mainmessage {font-size:115%;position:relative;top:25px;padding-bottom:15px;} .mainmessage img, .mainmessage p img {max-width:none;margin-bottom:15px;} /* CONTACT US form elements */ div.wpcf7 {float:left;width:33%;padding-right:2%;border-right:1px solid #ccc;} div.contactdetails {float:right;width:61%;padding-top:24px;padding-left:2%;} /* INLINE learn more links - NOT to be confused with learnmorebutton - a style which should disappear */ a:link.learnmore, a:visited.learnmore {display:inline-block;clear:both;float:left;width:auto;height:20px;padding:0 15px 10px 15px;margin:-15px 0 20px 10px;background:#ccc;color:#202020;text-decoration:none;border-radius:5px;box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);} .uplift {position:relative;top:-15px;left:15px;} /* New homepage boxes */ .accentareacharcoal .boxone, .accentareacharcoal .boxtwo, .accentareacharcoal .boxthree {display:inline-block;float:left;} img.wp-image-1346, img.wp-image-1347, img.wp-image-1348, img.wp-image-1349, img.wp-image-1350, img.wp-image-1351 {width:28%;height:auto;display:inline-block;} img.wp-image-1346 {width:15%;} .specappthumbs a img {border:1px solid rgba(0,0,0,0.25);box-shadow:-5px 5px 0 rgba(0,0,0,0.35);margin:20px;} } /* Minimum width of 1280 pixels. */ @media screen and (min-width: 1280px) { .site, div.header-bg div.site {max-width:1255px;} nav#site-navigation div.site {max-width:960px;} div#banner div.site {max-width:1000px;} /* SPECIFIC elements to handle posts and post overviews */ .bmhpost {min-height:405px;} .slideshow_container {z-index:1;position:relative;top:20px;} .headersearch {margin:0px 0px 10px 310px;} .entry-content h1.topheadline{height:auto;margin:0 auto 5px 310px !important;display:block;position:relative;top:-15px;text-align:left;} .entry-content h1.topheadline2016{height:auto;margin:30px auto 5px 325px !important;display:block;position:relative;top:-15px;text-align:left;} .entry-content h1.topheadlinewithmenu {height:auto;margin:0 auto -70px 345px !important;display:block;position:relative;top:-190px;text-align:left;} .mainmessage {font-size:115%;position:relative;top:25px;padding-bottom:25px;} /* PRODUCT COMPARISON TABLE elements */ table.productcomparison {margin:auto;} /* CONTACT US form elements */ div.wpcf7 {float:left;width:48%;padding-right:2%;border-right:1px solid #ccc;} div.contactdetails {float:right;width:46%;padding-top:24px;padding-left:2%;} /* New homepage boxes */ .accentareacharcoal .boxone {display:inline-block;width:350px;height:325px;margin:20px;padding:10px;color:#202020;text-shadow:none;box-shadow:15px 15px 0 rgba(0, 0, 0, 0.3);} .accentareacharcoal .boxtwo {display:inline-block;width:350px;height:325px;margin:20px;padding:10px;color:#202020;text-shadow:none;box-shadow:15px 15px 0 rgba(0, 0, 0, 0.3);} .accentareacharcoal .boxthree {display:inline-block;width:350px;height:325px;margin:20px;padding:10px;color:#202020;text-shadow:none;box-shadow:15px 15px 0 rgba(0, 0, 0, 0.3);} /* News area show image montage */ .showapparea .imagemontage {} img.wp-image-1346, img.wp-image-1347, img.wp-image-1348, img.wp-image-1349, img.wp-image-1350, img.wp-image-1351 {width:auto;border:7px solid #f6f6f6;display:inline-block;float:left;} img.wp-image-1351 {position:relative;top:176px;left:40px;} img.wp-image-1346 {position:relative;top:33px;left:-310px;} img.wp-image-1347 {position:relative;top:0px;left:-290px;} img.wp-image-1350 {position:relative;top:150px;left:-320px;} img.wp-image-1348 {position:relative;top:-210px;left:200px;} img.wp-image-1349 {position:relative;top:-54px;left:115px;} }