/* -- This does stuff for the branding.php DO NOT ABUSE! -- */
.fboxtitle h3 {display:none;line-height:1px;}
#FB_head {
    width:940px;
    height:109px;
    padding-top:32px;
    background-image:url('https://lh4.googleusercontent.com/-lF7RcdIrxIQ/VCqZV4musMI/AAAAAAAAAuE/hH_qnpEsXEo/swish_light.png');
    background-repeat:no-repeat;
    background-position:155px 13px;
    background-size: 180px 70px;
}

.HCC_name {
    font-family: 'Alegreya Sans SC', sans-serif;
    font-weight: 900;
    font-style: italic;
    font-size: 2em;
    letter-spacing: 1px;
}

#FB_hedcol {
    position:relative;
    float:left;
    display:block;
    width:50%;
}

.hdrop {
    /* top:64px; */
    font-style:oblique;
    color:#808080;
}

#FB_tel {
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    color:#ccc;
    font-weight:400;
    float:right;
    display:block;
    clear:both;
    font-size:1.4em;
    margin-bottom:0.25em;
    width: 100%;
    text-align: right;
    padding-right:4px;
}

#FB_tel>strong {color:#000;font-size:1.1em;}

#FB_email {
   background:url('http://www.howtoclosecompany.co.uk/wp-content/uploads/2013/05/4.png') no-repeat;
   background-size: 24px 24px;
   display: block;
   float: right;
   padding-left: 28px;
   padding-top:1px;
}

#FB_email a:hover {text-decoration:none;color:#008AE6;}
#header .grid-element {margin-bottom:0px;}
#fbox_419 .fboxinfo {padding:0 0 0 0}
#header #boxes .content-pad {height:118px;padding-bottom:1px;overflow:hidden;}


/* = = = = = = = = = = = = = = = = = = = = = = = -OK- end of branding = = = = = = = = = = = = = = = = = = = = = = = */

.vidpos {
    position: relative;
    z-index: 9001;
    margin:0 auto;
    overflow: hidden;
    height: 313px;
    width:512px;
    clear:all;
}

.vidshad {
    opacity:0.6;
    filter:alpha(opacity=60);
    z-index:8000;
    position:relative;
    top:-43px;
    width:500px;
    height:60px;
    margin:0 auto;
}

.mid {
    margin:0 auto;
    text-align:center;
}

.lin1 {
    display:inline;
    float:left;
}

.h3new, h3.alt {
    color: #800000;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 2em;
}

.button {
    border-top:1px solid #b34a4a;
    background:#690000;
    background:-webkit-gradient(linear, left top, left bottom, from(#990505), to(#690000));
    background:-webkit-linear-gradient(top, #990505, #690000);
    background:-moz-linear-gradient(top, #990505, #690000);
    background:-ms-linear-gradient(top, #990505, #690000);
    background:-o-linear-gradient(top, #990505, #690000);
    padding:8px 14px;
    -webkit-border-radius:9px;
    -moz-border-radius:9px;
    border-radius:9px;
    -webkit-box-shadow:rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow:rgba(0,0,0,1) 0 1px 0;
    box-shadow:rgba(0,0,0,1) 0 1px 0;
    text-shadow:rgba(0,0,0,.4) 0 1px 0;
    color:white;
    font-size:14px;
    font-family:Helvetica, Arial, Sans-Serif;
    text-decoration:none;
    vertical-align:middle;
}

.button:hover {
    border-top-color:#ba0000;
    background:#ba0000;
    color:#f0f0f0;
}

.button:active {
    border-top-color:#700000;
    background:#700000;
}


div.hid1 > a, div.hid1 > a:hover, div.hid1 > a:active {
    color:#fff;
    opacity:0.2;
    filter:alpha(opacity=20);
    /* For IE8 and earlier */
}

div > a {
    color:#000;
    text-decoration:none;
}

.jack {
    position:relative;
    text-decoration:none;
    color:#3A71F2;
    vertical-align:top;
}

.jckpar {
    width:570px;
    position:relative;
    clear:both;
    height:0px;
    top:-50px;
    left:110px;
}

#PGpage {
    width:410px;
    height:160px;
    padding-top:30px;
    float:left;
}

.em1 {font-style:italic;}

.boxcenter {
    line-height: 12px;
    padding-top: 0;
    padding-bottom: 0;
    top: -10px;
    position: relative;
    width: 70%;
    margin: 0 auto;
    font-size: 70%;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* below is test page stuff */
#post-2542 ul > li {
    padding-bottom:10px;
    padding-right:20px;
    padding-top:7px;
}
#post-2306 p {margin:0 0}

.callstyle1 {
    color:#339900}

.callbox2 {
    border:solid 2px #FFCC66;
    position:relative;
    width:580px;
    height:152px;
    text-align:center;
    z-index:9999;
    margin:0 auto;
    background-color:#FFFFCC;
    font-size:1.5em;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-bottomright: 12px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    -webkit-box-shadow: 7px 7px 11px 0px rgba(50, 50, 50, 0.7);
    -moz-box-shadow:    7px 7px 11px 0px rgba(50, 50, 50, 0.7);
    box-shadow:         7px 7px 11px 0px rgba(50, 50, 50, 0.7);
}

.callbox3 { margin: 0.7em 0 0 0.7em; }

#badge {
    position:relative;
    width:223px;
    height:156px;
    float:right;
}

.clearall {
    clear:both;
    height:0px;
    width:100%;
    padding:0px;
    margin:0px;
}

.cleargap {
    clear:both;
    height:8px;
}

.cleargap2 {
    clear:both;
    height:20px;
}
.cleargap3 {
    clear:both;
    height:30px;
}
.toplable {
    font-size:90%;
    font-weight:500;
}

.imagesetting {
    margin:0 auto;
    text-align:center;
    height:144px;
    overflow:hidden;
    display:block;
    width:580px;
}
.imagetext1 {
    width:180px;
    height:108px;
    float:left;
    margin-top:3.3em;
    font-size:0.8em;
}

.imageinner1 {
    width:308px;
    height:108px;
    float:left;
}

.imageinner1 img {border-left:1px solid #ccc;}
p {padding:5px 0;}


/* Stuff for testimonial design and layout */
.click_tmon {
   position:relative;
   top:-3px;
   background: #E7E7E7;
   background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#E7E7E7));
   background: -webkit-linear-gradient(top, #FAFAFA, #E7E7E7);
   background: -moz-linear-gradient(top, #FAFAFA, #E7E7E7);
   background: -ms-linear-gradient(top, #FAFAFA, #E7E7E7);
   background: -o-linear-gradient(top, #FAFAFA, #E7E7E7);
   padding: 2px 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(0,0,0,.4) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,.4) 0 1px 0;
   box-shadow: rgba(0,0,0,.4) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #1DAD33;
   text-decoration: none;
   vertical-align: middle;
   }
.click_tmon:hover {
   background: #D4FFD4;
   color: #000000;
   }
.click_tmon:active {
   background: #A6FFFF;
   }

#lp_tmon {
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    border:1px #888 solid;
    font-family:'Roboto Condensed', sans-serif;
    background:url('http://www.howtoclosecompany.co.uk/wp-content/uploads/2013/05/darkgray2.png');
    margin: 0 auto;
    width: 640px;
}

#tmon_link {width:75%;margin:0 auto;text-align:center;}
div.testimonial {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:1px #BBB solid;
    background-color:#EEE;
    padding:3px 5px;
    line-height:23px;
    font-size:20px;
    font-style:italic;
    margin:4px 15px 6px 6px;
}

.testimonial {
    float:left;
    width:480px;
}

.author {float:left;width:90px;font-weight:bold;}
img.image {position:relative;float: right;margin-right:25px;}
.hms-testimonial-container {
    /* font-family:'Roboto Condensed', sans-serif; */
    font-family:'Open Sans',sans-serif;
    clear:both;
    padding-top:1px;
}

#tmonvid {
    overflow-y: hidden;
    height: 288px;
    width:512px;
    margin: 0.8em auto 0;
}

/* end of testimonial stuff */
/* new bottom page CTA */

.cta_txt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    line-height:1.7em;
    text-align: center;
    margin: 0.8em 0 1.2em;
}

/* ebook side */

.boxcenter {
    position:relative;
    width:230px;
    height:486px;
    margin:0 auto;
    display:block;
    float:left;
    background:#9D9D9D /* url('http://www.howtoclosecompany.co.uk/wp-content/uploads/2013/05/darkgray2.png')*/;
    -webkit-border-top-left-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    -moz-border-radius-topleft:20px;
    -moz-border-radius-bottomright:20px;
    border-top-left-radius:20px;
    border-bottom-right-radius:20px;
    padding:0 0;
    -moz-box-shadow:3px 3px 4px #444;
    -webkit-box-shadow:3px 3px 4px #444;
    box-shadow:3px 3px 4px #444;
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
    filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
    z-index:45;
}

.boxcenter .form-all {height:326px;}

#cb_img {
    font-family:Arial, Helvetica, sans-serif;
    font-weight: 900;
    color:#fff;
    font-size:24px;
    background:url('http://www.howtoclosecompany.co.uk/wp-content/uploads/2015/03/blue_CTA_top.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width:206px;
    height:42px;
    color: rgba(254, 254, 254, 0.2);
    text-shadow: 1px 2px 0px #fff, 0 0 0 #000;
    padding:12px;
    text-align:center;
}

#text-7 .form-submit-button {
    font-family:Arial, Helvetica, sans-serif;
    font-weight: 900;
    color:#fff;
    font-size:24px;
    background:url('http://www.howtoclosecompany.co.uk/wp-content/uploads/2015/03/blue_CTA_top.png');
    background-color:2E7DE4;
    background-size: 100% 150%;
    background-repeat: no-repeat;
    width:160px;
    height:40px;
    color: rgba(254, 254, 254, 0.2);
    text-shadow: -1px -2px 0px #fff, 0 0 0 #000;
    padding:8px 0 16px;
    text-align:center;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px outset #3841eb;
}

/* end of ebook side */


.hr_fadeline {
    margin:36px 20px 20px;
    height:1px;
    background:#CCCCCC;
    background:-webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, #CCCCCC));
    clear:both;
}

div div.tags a,div div.tags {
    color:#D9D9D9;
}

/* ======================================================================================== */
/* all of this is for 2014 LANDING PAGE */
#coho_cont > span > p:first-of-type {
    color:#061F02;
    font-weight:400;
    font-size:1.6em;
}

.customt li.tick {
    list-style-type:none;
    background:url('http://www.howtoclosecompany.co.uk/wp-content/uploads/2015/01/greentick_flat.png') no-repeat top left;
    padding-left:42px;
    color:#061F02;
    font-weight:400;
    font-size:1.8em;
    margin-bottom:18px;
}

/* UNUSED .customn li.nono {
    list-style-type:none;
    background:url('http://www.howtoclosecompany.co.uk/wp-content/uploads/2013/07/warning_small.png') no-repeat top left;
    padding-left:40px;
    color:#1F0203;
}*/

div.lpcon li {
    font-size:18px;
    line-height:32px;
    height:32px;
    font-weight:700;
}

.lphed {
    text-align:center;
}

.lpcon {
    font-family:'Roboto', sans-serif;
}

.lp1 {
    font-family:'Open Sans',sans-serif;
    font-size:28px;
    font-weight:700;
    line-height:150%;
    letter-spacing:1px;
}

.hcc2 {
    font-family:'Open Sans',sans-serif;
    font-size:32px;
    font-weight:700;
    line-height:150%;
    letter-spacing:1px;
    margin-bottom:9px;
}


.lp2 {
    font-family:'Open Sans',sans-serif;
    font-size:20px;
    line-height:130%;
    font-weight:400;
    letter-spacing:1px;
    margin: 2px 0;
}

h1.lp1 {margin:0.5em 0;}



.lp3_3 {
    font-family:'Open Sans',sans-serif;
    font-size:18px;
    font-weight:600;
    letter-spacing:1px;
    line-height:24px;
    text-align:center;
}

.lp3_3 p:nth-child(1) {padding-bottom:6px;}



.lp3_2_3 {
    font-weight:400;
    font-size:18px;
    letter-spacing:1px;
    color:#1DAD33;
    line-height:20px;
}


.lp3_2_2 {
    font-weight:400;
    font-size:20px;
    letter-spacing:2px;
    color:#1DAD33;
}

.lp3_4 {
    font-weight:400;
    font-size:18px;
    letter-spacing:1px;
    color:#94001b;
    line-height:20px;
}

#lp_wrap {
position:relative;
left:-30px;
width: 950px;
}
#lp_wrap .lp_t {padding-left:65px;}
#lp_wrap .clearall {height:32px}
.LP_left1, .LP_right2  {display:block;float:left}
.LP_left2 {display:block;float:right;}
.LP_col1 {width:800px;margin:0 5px}
.LP_col2 {width:140px}
.LP_right1 {display:block;float:right}


/* ===================================================================================== Oh Look, More Test Stuff ======================= */
#survey-2 #question-2 input#answer-id-69.answer,#survey-2 #question-3 input#answer-id-74.answer,#survey-2 #question-4 input#answer-id-83.answer {
    visibility:hidden;
}

#survey-2 #question-5 textarea.user-answer {
    width:600px;
}

img.spr {
    width:434px;
    height:12px;
    background:url(http://www.howtoclosecompany.co.uk/wp-content/uploads/2013/07/bars.png);
}

img.p5 {
    background-position:0 0;
}

img.p4 {
    background-position:0 48px;
}

img.p3 {
    background-position:0 36px;
}

img.p2 {
    background-position:0 24px;
}

img.p1 {
    background-position:0 12px;
}

/* ===================================================================================== End Test Survey stuff ======================= */
/* ======================= APPENDIX CSS GOES HERE ======================================== */
#faqcol, .cntcol { width: 48%; margin: 0 1%; display:block; float:left; }
h3.qa-faq-title { margin: 0.3em 0 0.2em; font-size: 18px;   }
.qa-faq-answer p{ margin: 0 0; padding-left: 9px; }

.apdx_l1 {
    margin:0;
    padding:0;
    width:500px;
}

.apdx_hd, .acco_B {
    margin:1px 1px 0 1px;
    color:#a61b1b;
    font-family:Helvetica, Arial, Sans-Serif;
    font-weight:900;
    padding:3px 10px;
    cursor:pointer;
    position:relative;
    border-right:1px solid #666;
    border-left:1px solid #666;
    -webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topleft:6px;
    -moz-border-radius-topright:6px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}

.apdx_cnt, .acco_C {
    padding:5px 10px;
    background-color:#ddd;
    -webkit-border-bottom-left-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomleft:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    border-top:1px solid #ccc;
    border-left:1px solid #666;
    border-bottom:1px solid #666;
    border-right:1px solid #ccc;
    margin:0 1px 10px 1px;
}

.apdx_l1 p {
    padding:5px 15px;
}

h3.widget-title {
    visibility:hidden;
    height:0px;
    padding:0px;}
/* ============================ STOP APPENDIX CSS ================================ */

/* Call back page specific */
.cntcolrgt {padding-top:20px;}
.ccf_contact_form h4 { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:1.5em;font-weight:bold;line-height:2em;}
/* ============================ STOP CALLBACK CSS ================================ */

/*  for 2014 new pages */
#statimg {text-align:center;padding-top:10px;}

li#text-4.widget_text.widget.fix {padding-bottom:0;margin-bottom:0;}

.boxcenter #label_8 {margin-top:2px;}

#coho_cont { width:935px}
.coho_head { font-size:18px; font-weight:bold;}
.coho_stat { width:80%;margin:0 auto;}
.coho_num { font-size:100px; color:#999; font-weight:normal; line-height:120px;text-align:center;margin:0 auto;}
.coho_txt { font-size:18px; color:#333; line-height:22px;display:block;width:750px;margin:0 auto;}


/* - - - - Hello I'm a cheeky bit of extra text that does things to the pagelines footer! - - - - */
.section-sb_footcols {
    background-image:url('http://www.howtoclosecompany.co.uk/wp-content/uploads/2014/05/100bg_tsp.png');
    background-repeat:repeat;
}

.copyfoot {font-size:0.6em;line-height:0.8em}
#footer .copyfoot a{font-size:1.2em;color:#ACE3E3}
#footer .copyfoot a:hover {color:#47D1C0}
#footer .copyfoot a:visited {color:#E83D5C}
/* - - -  no more cheeky effects on pagelines footers - - - - */

#virtualcard{font-size:9px; font-family:"Trebuchet MS", Helvetica, sans-serif;line-height:10px;}
#virtualcard .org {font-size:10px;font-weight:900;line-height:11px;}

.thxLP {
   background:url('http://www.howtoclosecompany.co.uk/wp-content/uploads/2015/03/Tick1.png');
   background-repeat:no-repeat;
   background-position:90% 0%;
   background-size:200px 160px;
}

/* correcting some odd form behaviour */
#post-2974 #first_3, #post-2542 #first_3 {width:110px;}
#post-2974 #last_3, #post-2542 #last_3 {width:140px;}
#post-2974 #input_4, #post-2542 #input_4 {width:210px;}
#post-2974 #input_12_area, #post-2542 #input_12_area {width:80px;}
#post-2974 #input_12_phone, #post-2542 #input_12_phone {width:130px;}

/* Visualizer graphic */
#visualizer-3015 {margin:0 auto}
#visualizer-3015 > div > div:nth-child(1) > div > svg > g:nth-child(4) > g:nth-child(2) > g:nth-child(2) > rect:nth-child(1) {fill:#34468a}
#visualizer-3015 > div > div:nth-child(1) > div > svg > g:nth-child(4) > g:nth-child(2) > g:nth-child(2) > rect:nth-child(2) {fill:#408a34}
#visualizer-3015 > div > div:nth-child(1) > div > svg > g:nth-child(4) > g:nth-child(2) > g:nth-child(2) > rect:nth-child(3) {fill:#8a3434}
#visualizer-3015 > div > div:nth-child(1) > div > svg > g:nth-child(4) > g:nth-child(2) > g:nth-child(2) > g > rect {fill:#b1960b}

.coho_num2 { font-size:100px; color:#999; font-weight:normal; line-height:120px;text-align:center;margin:0 auto;height:100px;width:530px;overflow:hidden;}
#coho_cont > p:nth-child(2) {visibility:hidden;}
#coho_cont > span > p, #LP_wrap p {margin:0 0}


.hms-testimonial-container {margin-bottom:12px;}
.hms-testimonial-container .testimonial:before {content: ' ❝ ';}
.hms-testimonial-container .testimonial:after {content: ' ❞ '}
.hms-testimonial-container:nth-of-type(odd) {float:left}
.hms-testimonial-container:nth-of-type(even) {float:right}