/*
============================================================================
Site Name: EFFICACY
URL: http://www.londoncognitivebehaviouralpsychotherapy.co.uk/
Author: Rich Hinchcliffe, for GRAIN

REMEMBER :
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  
  gold: #D18C15;
  dark blue: #002D56;
  alt highlight blue: #5C9CBE
============================================================================
*/
/*
============================================================================
DEFAULT BROWSER SETTINGS/OVER-RIDES
============================================================================
*/
* {
  margin:0;
  padding:0;
}
body {
  font:normal 0.75em Arial, Helvetica, sans-serif;
  background:#fff url(../images/bg.png) repeat-x center top;
  color:#666;
}
html, body { height:100%; }
p { margin:0 0 15px 0 }

a { color:#D18C15;text-decoration:none }
a:hover, a:focus, a:active {text-decoration:underline}

a.blue { color:#002D56; text-decoration: underline;}
a.blue:hover, a.blue:focus, a.blue:active {text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {font-size:100%;color:#D18C15;font-weight:normal;margin:0 0 15px 0}
h1 {font-size:160%;color:#D18C15;}
h2 {font-size:150%}
h2.small-orange {font-size:100%; font-weight: bold; margin:0;}
h3 {font-size:130%}
h3.small-orange {font-size:100%; font-weight: bold; margin:0;}
h4 {font-size:110%;color:#002D56}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#002D56}
h2 a:hover, h2 a:focus, h2 a:active {color:#D18C1}

h2.call-action {
   clear: both;
   margin-top: 30px;
   padding: 15px 0 0 15px;
   height: 35px;
   text-transform: uppercase;
   background: #E4F5FB url(../images/btn-arrow-yellow-circle.png) no-repeat 520px 9px;
}

h2.call-action a {
   display: block;
   text-decoration: none;
}

strong.blue {font-weight: bold; color: #002D56;}

hr {
  border:none;
  background:none;
  clear:both;
  border-top:1px solid #D9E8F0;
  height:1px;
  line-height:1px;
  margin:10px 0;
}
blockquote {padding:10px;background:#eee}

ul, ol {margin:0 0 20px 20px;}
ul li, ol li {margin:4px 0}

ul.blue li {
   margin: 0;
   color: #002D56;
}

img {-ms-interpolation-mode: bicubic }

/*
============================================================================
COMMON
============================================================================
*/
.float-l {float:left}
.float-r {float:right}

.no-margin-t {margin-top:0!important}
.no-margin-b {margin-bottom:0!important}
.no-margin-r {margin-right:0!important}
.no-margin-l {margin-left:0!important}
.no-padding {padding:0!important}

.no-bg {background:none!important}
.no-em {font-style:normal!important}

.no-bullets {list-style:none;margin-left:0}

.pad-20-b {padding-bottom:20px!important}
.pad-30-b {padding-bottom:30px!important}

.margin-20-t {margin-top:20px!important}
.margin-20-b {margin-bottom:20px!important}
.margin-30-b {margin-bottom:30px!important}
.margin-45-b {margin-bottom:45px!important}
.margin-20-r {margin-right:20px!important}

.text-80 {font-size:80%}
.text-90 {font-size:90%}
.text-100 {font-size:100%}
.text-110 {font-size:110%}
.text-120 {font-size:120%}
.text-130 {font-size:130%}
.text-140 {font-size:140%}
.text-150 {font-size:150%}

.bold {font-weight:bold}

.orange {color:#D18C15;}
.dark-blue {color:#002D56}
.grey {color:#999}
.dark-grey, .dark-grey a {color:#666}
.dark-grey a {text-decoration:underline}
.dark-grey a:hover, .dark-grey a:focus, .dark-grey a:active {text-decoration:none}

.dark-grey ul a {text-decoration:none}
.dark-grey ul a:hover, .dark-grey ul a:focus, .dark-grey ul a:active {color:#D18C15}

.simple-border {border:1px solid #999}

.border-bottom-light-blue {border-bottom:1px solid #D9E8F0!important}

.attribution {
   color:#002D56;
   text-transform:uppercase;
   font-size:90%;
   margin-top:5px;
   display:block;
}

.list-padding-10 li {padding:0 0 10px 0}
.list-padding-10 li li {padding:0}

.no-list-style {
   list-style: none;
}

.clear-both {
   clear: both;
}

.twitter{
   display: block;
   padding-bottom: 40px;
   width: 142px;
   font-size: 130%;
   background: url(../images/twitter.png) no-repeat center bottom;
}

/*
============================================================================
MAIN SITE STRUCTURE/LAYOUT
============================================================================
*/
.site-width {width:890px;_width:890px;margin:auto;overflow:hidden}

/**/
.row-full {overflow:hidden;padding:0 20px;_padding:0 10px;margin:0;position:relative}
.page {overflow:hidden;padding:0;margin:0}
.col-half {width:410px;margin-right:20px}
.col-quarter {width:195px;margin-right:20px;position:relative}

/* now sixth */
.col-fifth {width:122px;margin-right:22px;position:relative}

.col-l {width:310px;position:relative;float:left}
.col-r {width:560px;position:relative;float:right}

.col-l-inner {padding:0 0 0 20px}
.col-r-inner {padding:0}

/**/

#header {overflow:hidden;margin:25px 0 0}

#logo {float:left;margin:8px 0 0 22px;background:url(../images/efflogo.png)}
h1#logo {width:170px;height:54px}
#logo em {display:none}
#logo a {display:block;width:170px;height:54px}

#strapline {
   float:left;
   width: 222px;
   font-size:140%;
   margin:17px 0 0 17px
}
#head-contact {
   float:right;
   text-align:right;
   margin:0 10px 0 0;
   font-size:120%;
}
#head-contact em {color:#D18C15;font-style:normal}



/*
============================================================================
TABS
============================================================================
*/
#tabs {
   overflow:hidden;
   list-style:none;
   margin:20px 0 0;
   padding:0 0 0 20px;
   border-bottom:5px solid #002D56;
   _width:100%;
   _float:left;
}
#tabs li {
   float:left;
   margin:0 5px 0 0;
   position:relative;
   background:url(../images/tab-bg.png) repeat-x;
}

#tabs li.current-menu-item, #tabs li.current-page-ancestor {background:url(../images/tab-bg-selected.png) repeat-x}

#tabs li a {
   display:block;
   padding:7px 15px 6px;
   color:#002D56;
}

#tabs li a:hover,#tabs li a:focus, #tabs li a:active {background:url(../images/tab-bg-over.png) repeat-x;color:#fff}
#tabs li.current-menu-item a, #tabs li.current-page-ancestor a {color:#fff}
#tabs li span.tl,#tabs li span.tr {
   position:absolute;
   top:0;
   width:6px;
   height:6px;
}
#tabs li span.tl {left:0;background:url(../images/tab-corner-top-l.png) no-repeat top left}
#tabs li span.tr {right:0;background:url(../images/tab-corner-top-r.png) no-repeat top right}


/*
============================================================================
FLASH PANEL
============================================================================
*/
#flash-panel {margin:0 0 20px 0;border-top:1px solid #00426F;}


/*
============================================================================
PODS
============================================================================
*/
.pod-container {background:url(../images/home-boxes-bg-grad.png) repeat-x;padding:10px;overflow:hidden;_height:140px;}
#home-pods {_float:left;_width:100%}
#col-l-pod {padding:10px 15px;}
.pod {
   width:282px;
   background:url(../images/box-homepage-blue-bottom.png) no-repeat bottom;
   margin:0 10px 0 0;
   _margin:0 4px 0 0;
   position:relative;
   padding:0 0 15px 0;
}
.pod-inner {
   background:url(../images/box-homepage-blue-top.png) no-repeat top;
   padding:27px 27px 0;
   overflow:hidden;
   _height:130px;
   /*_float:left;*/
}
.pod img {position:absolute;top:30px;right:30px}
.pod h2 {
   color:#7ACCEC;
   padding:0 0 7px;
   border-bottom:3px solid #7ACCEC;
   float:left;
}
.pod p {
   float:left;
   clear:left;
   color:#fff;
   width:180px;
}
.pod a {
   color:#d18c15;
   display:block;
   clear:both;
   float:left;
   _width:70%;
   background:url(../images/btn-arrow-yellow-circle.png) no-repeat;
   padding:7px 7px 7px 37px;
}
.pod-hover {cursor:pointer}
.pod-hover a {text-decoration:underline}



/**/
#section-title {
   position:relative;
   background-repeat:no-repeat;
   height:79px;
   width:890px;
   border-top:1px solid #00426F;
   margin-bottom:40px;
}
.title-therapy {background-image:url(../images/section-title-therapy.png)}
.title-training {background-image:url(../images/section-title-training.jpg)}
.title-our-team {background-image:url(../images/section-title-our-team.png)}
.title-locations {background-image:url(../images/section-title-locations.png)}
.title-fees {background-image:url(../images/section-title-fees.png)}
.title-faq {background-image:url(../images/section-title-faq.png)}
.title-appointments {background-image:url(../images/section-title-appointments.png)}

#section-title span {display:none}


/**/
ul#section-nav {list-style:none;margin:0 0 20px;border-bottom:1px solid #D9E8F0}
ul#section-nav li {border-top:1px solid #D9E8F0}
ul#section-nav li a {
   display:block;
   color:#002D56;
   padding:6px 0 3px 20px;
}
ul#section-nav li a:hover,ul#section-nav li a:focus,ul#section-nav li a:active {color:#5C9CBE}
ul#section-nav li.current-menu-item a, ul#section-nav li.current-menu-parent a, ul#section-nav li ul li.current-menu-item a {color:#D18C15}
ul#section-nav li ul li.current-menu-item a {/*font-weight:bold*/}

ul#section-nav li ul {list-style:none;margin:0}
ul#section-nav li ul li {border-top:none;background:url(../images/line-dotted.png) repeat-x top left}
ul#section-nav li ul li a {color:#666;padding-left:60px}
ul#section-nav li.current-menu-item ul a {color:#666}
ul#section-nav li.current-menu-item ul a.grey {color:#999}
ul#section-nav li.current-menu-item ul a:hover, ul#section-nav li.current-menu-item ul a:focus, ul#section-nav li.current-menu-item ul a:active {color:#5C9CBE}

ul#section-nav li ul.sub-menu li a {
   display:block;
   color:#002D56;
   padding:0px 0 0px 20px;
}

ul#section-nav li ul.sub-menu li {border-top: none; background: url(../images/line-dotted.png) repeat-x top left}
ul#section-nav li ul.sub-menu li a {color: #666; padding: 6px 0 3px 60px;}
ul#section-nav li ul.sub-menu li a:hover {color: #D18C15; text-decoration: none;}
ul#section-nav li ul.sub-menu li.current-menu-item a {color: #D18C15; text-decoration: none;}

/**/
.header-blue-bar {
   color:#002D56;
   background:#E4F5FB;
   font-size:150%;
   padding:5px;
   margin:15px 0 20px 0; /* was 40px 0 20px 0 */
}

#footer-wrapper h2, #footer-wrapper h3 {color:#002D56}

#map {overflow:hidden}
#map-container-l {float:left;padding-top:30px}
#map-container-r {float:right;width:400px;height:350px}


/**/
.faq {overflow:hidden;position:relative}
a.back-to-top {
   position:absolute;
   top:50px;
   _top:10px;
   right:10px;
   text-transform:uppercase;
   color:#002D56;
   font-size:80%;
   font-weight:bold;
}
a.back-to-top:hover,a.back-to-top:focus,a.back-to-top:active {color:#BCE5F5}


/**/
ul.download-list {
   margin:0;
   list-style:none;
}

ul.download-list li {
   background:url(../images/icon-download.png) no-repeat 0 2px;
   color:#002D56;
   border-bottom:1px solid #D9E8F0;
   font-size:110%;
}

ul.download-list li a {
   display:block;
   color:#002D56;
   padding:6px 0 9px 85px;
}
ul.download-list li a:hover,ul.download-list li a:focus,ul.download-list li a:active {color:#D18C15}




/*OLD FEES CSS*/
.fee-info-box {width:270px;background:#E4F5FB;margin:0 0 10px}
.fee-info-box p {margin:0;padding:7px 6px;color:#002D56;font-size:120%}
.fee-info-box h2 {
   color:#fff;
   font-size:150%;
   background:#7ACCEC;
   padding:5px 6px;
   margin:0;
}
.fee-info-box p.fee-info-box-cost {font-size:150%;padding:4px 6px;background:#BCE5F5}
.fee-info-box h2 span,.fee-info-box p.fee-info-box-cost span {font-size:70%;font-weight:normal}


/*
============================================================================
CONTACT FORM
============================================================================
*/
#appointments-form {overflow:hidden}
#appointments-form label {display:none}

#appointments-form p {width:260px}

#appointments-form input,#appointments-form textarea {
   font-family:Arial, Helvetica, sans-serif;
   font-size:130%;
   background:#E4F5FB;
   border:none;
   color:#002D56;
   padding:6px;
   margin:0 0 5px 0;
   width:100%;
}

#appointments-form textarea {overflow:auto;height:127px}
#appointments-form input.form-error {background:#FFCCCC!important;color:#CC0000!important}

#appointments-form #submit {
   background:url(../images/btn-send.png) no-repeat;
   width:57px;
   height:57px;
   border:none;
   cursor:pointer;
   float:right;
   margin:5px -15px 0 0;
}
#appointments-form #submit:hover,#appointments-form #submit:focus,#appointments-form #submit:active {
   background:url(../images/btn-send-over.png) no-repeat}

#appointments-form #submit strong {display:none}

/*
============================================================================
BOOKING FORM
============================================================================
*/
#booking-form {overflow:hidden}
#booking-form label {display:none}

#booking-form div.float-l {
   width: 280px;
}

#booking-form div.float-r {
   width: 260px;
}

#booking-form p {width:260px}

#booking-form input,#booking-form textarea {
   font-family:Arial, Helvetica, sans-serif;
   font-size:130%;
   background:#E4F5FB;
   border:none;
   color:#002D56;
   padding:6px;
   margin:0 0 5px 0;
   width:100%;
}

#booking-form textarea {overflow:auto;height:127px}
#booking-form input.form-error {background:#FFCCCC!important;color:#CC0000!important}

#booking-form ul.checkbox-list {
   margin: 0;
   list-style: none;
}

#booking-form ul.checkbox-list li {
   margin-bottom: 10px;
}

#booking-form label.checkbox {
   display: inline;
   font-weight: bold;
   text-align: left;
   color: #002D56;
}

#booking-form input.checkbox {
   width: 15px;
   background: #FFFFFF;
}

#booking-form #submit {
   background:url(../images/btn-send.png) no-repeat;
   width:57px;
   height:57px;
   border:none;
   cursor:pointer;
   float:right;
   margin:5px 0 0 0;
}
#booking-form #submit:hover,#booking-form #submit:focus,#booking-form #submit:active {
   background:url(../images/btn-send-over.png) no-repeat}

#booking-form #submit strong {display:none}

/*
============================================================================
FEES
============================================================================
*/

#fees th,#fees td {
   text-align:left;
   vertical-align:text-top;
   padding:6px 4px 6px 6px;
   border-right:1px solid #fff;
}

#fees th {font-weight:normal;width:14%}
#fees thead p {margin:0}

#fees table,#fees td {text-align:left;vertical-align:text-top}

#fees thead tr {background:#7ACCEC;color:#fff}
#fees tbody tr {background:#BCE5F5}
#fees tbody tr.row_alt {background:#E4F5FB}


/*
============================================================================
BOOKS
============================================================================
*/

#books a img {border:none}
.book-box {float:left;clear:both;width:100%;padding:1px 0;margin:0 0 20px 0;}
.book-box-cta {background:#E4F5FB;float:left;clear:both;width:100%}
.book-box-foot {background:#E4F5FB;padding:5px 0;margin:10px 0 0}

.book-box-cta-inner {padding:15px 10px}

.book-box-small {width:31%;padding:10px 0 0 0;border:1px solid #E4F5FB;margin:0 10px 0 0;float:left;text-align:center}

.book-box-cta a {font-weight:normal}
.book-box-cta a img {border:none}
.book-box-foot a {font-weight:normal}
.book-box-foot a img {border:none}


/*
============================================================================
FOOTER
============================================================================
*/
#footer-wrapper {
   
   background:url(../images/bg-grad-b.png) repeat-x;
   padding:40px 0 0 0;
}


#footer-links {
   overflow:hidden;
   list-style:none;
   text-transform:uppercase;
   font-weight:bold;
   padding:8px 0;
}
#footer-links li {
   float:left;
   margin:0;
   background:url(../images/footer-link-pipe.gif) center right no-repeat
}
 
#footer-links li.current-menu-item {}
#footer-links li a {display:block;padding:7px 10px 8px 7px;color:#A9CBDD}
#footer-links li:first-child a {padding-left:20px}
#footer-links li.current-menu-item a {color:#002D56}
#footer-links li a:hover,#footer-links li a:focus,#footer-links li a:active {color:#5C9CBE}
#footer-logo {padding:50px;margin:0;background:url(../images/logo-shape.gif) no-repeat center}
#footer-logo strong {display:none}
#footer-line {height:5px;background:#002D56;position:fixed;bottom:0}
#footer-links li#site-by {float:right}
#footer-links li#site-by a {color:#002D56;padding-right:20px}

/*
============================================================================
Training Table
============================================================================
*/

table.training {
   margin-bottom: 20px;
}

table.training th {
   margin: 0;
   padding: 5px 0 5px 0;
   text-align: left;
   border-top: 2px solid #D9E8F0;
   border-bottom: 2px solid #D9E8F0;
   color: #D18C15;
}

table.training th.title {
   width: 400px;
}

table.training th.date {
   width: 119px;
}

table.training tr {

}

table.training td {
   padding: 6px 0 6px 0;
   border-bottom: 1px solid #D9E8F0;
   color: #002D56;
}

table.training td a {
   font-weight: bold;
   color: #002D56;
}

table.training td.grey,
table.training td.grey a {
   color: #999;
}

table.training td a.orange {
   color: #D18C15;
}

a.print-page {
position: absolute;
top: 90px;
right: 0;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
color:#002D56;
}

/*
============================================================================
Twitter Feed
============================================================================
*/

ul.twitter-feed {
    margin: 0;
}

ul.twitter-feed ul {
    margin: 0;
}

ul.twitter-feed li {
    margin-bottom: 10px;
    list-style: none;
}

h2.widgettitle {
    display: none;
}

ul#footer-links li.menu-item-type-custom {
    float: right;
    background: none;
}

ul#footer-links li.menu-item-type-custom a {
    float: right;
    color: #002D56;
    padding-right: 20px;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}