
/* ============================================================================================================ */
/* POPUP ENQUIRY FORMS                                                                                       */
/* ============================================================================================================ */
.popup-enquiry 				{min-width:320px; max-width:480px; background-color:#ffffff; padding:15px; overflow:hidden}
.popup-enquiry h3			{line-height:1; margin:0 0 0.5em}
.popup-enquiry label 		{display:block; color:#555; font-size:14px;}
.popup-enquiry input 		{font-size:14px; color: #333; width:100%; padding:5px; margin:2px 0 12px; background-color: #f8f8f8; border:1px solid #dddddd; border-radius:1px;}
.popup-enquiry select 		{font-size:14px; color: #333; width:100%; padding:5px; margin:2px 0 12px; background-color: #f8f8f8; border:1px solid #dddddd; border-radius:1px;}
.popup-enquiry textarea 	{font-size:14px; height:80px; color: #333333; width:100%; padding:5px; margin:2px 0 12px; background-color: #f0f0f0; border:1px solid #dddddd; border-radius:2px; resize:none;}

.popup-enquiry .checkbox						{margin: 12px 0 2px;}
.popup-enquiry .checkbox input[type="checkbox"]	{width: auto; margin: 0;}
.popup-enquiry .checkbox label a				{display: inline; font-weight: normal; vertical-align: top;}

.popup-enquiry #cta-callback-submit_note {display:block; color color:#555; font-size:14px; font-weight: normal; margin-top: 12px}

.popup-enquiry input.error,
.popup-enquiry textarea.error {border:1px solid red}

.popup-enquiry .field-left 	{float:left; width:48%;}
.popup-enquiry .field-right 	{float:right; width:48%;}

.popup-enquiry p.help 	{color:#555; font-size:14px;}

.popup-enquiry button.submit	{background-color:#EC0082; border:1px solid #EC0082; color:#ffffff; font-size:14px; font-weight:600; padding:6px 1em; display:block; margin:1em auto 0; text-align:center; border-radius:3px; width:150px}
.popup-enquiry button.disabled	{color:#666; background-color:#eee; border:1px solid #ccc}
.popup-enquiry button.success	{color:#008800;}

.popup-enquiry .enquiry-terms {font-size:10px; color:#707070; margin-top:10px; overflow:hidden; width:300px; float:left}
.popup-enquiry .enquiry-terms a {text-decoration:none}
.popup-enquiry .enquiry-terms a:hover {text-decoration:underline}

/* ============================================================================================================ */
/* ENQUIRY FORM COMPONENT                                                                                     */
/* ============================================================================================================ */
#partner-enquiry input.error, #partner-enquiry-sidebar input.error {background-color:#ffa6c9; color:black}
#partner-enquiry span.error, #partner-enquiry-sidebar span.error {background-color:#ffa6c9}
#partner-enquiry span.error label, #partner-enquiry-sidebar span.error label {background-color:#ffa6c9}

.validation-msg a {
	color: #ffffff;
	text-decoration: underline;
}

.validation-msg a:hover {
	color: #000000;
	text-decoration: underline;
}

/* ============================================================================================================ */
/* PAGE BANNERS                                                                                         */
/* ============================================================================================================ */

.page-banner {background-color:#f5f5f5; position:relative; height:240px; transition:background-color 0.6s ease}
/*.page-banner-cta {height:240px; }*/
.page-banner-cta {height:350px; }
.page-banner-wide {height:240px; *height:239px; border-top:1px solid #fff}
.page-banner-large {height:300px; *height:299px; border-top:1px solid #fff}

.page-banner .banner-content {position:relative; height:100%; z-index:2}
.page-banner .banner-overlay {position:absolute; height:28px; bottom:0; width:100%; background-color:rgba(0,0,0,0.3); z-index:1}

.page-banner .banner-slider {float:left; height:100%; width:720px; position:relative; margin:0; background-color:#f5f5f5; overflow:hidden}
/*.page-banner-cta   .banner-slider {width:720px;}*/
.page-banner-cta   .banner-slider {width:700px;}
.page-banner-wide  .banner-slider {width:100%}
.page-banner-large .banner-slider {width:100%}

.page-banner .flex-viewport {height:100%; width:100%}
.page-banner .flex-control-nav {height:100%; padding:0 10px}

.page-banner .banner-controls {width:100%; height:28px; position:absolute; bottom:0; background-color: rgba(0, 0, 0, 0.3); z-index:1}
.page-banner-wide  .banner-controls {display:none}
.page-banner-large .banner-controls {display:none}


.page-banner ul.slides {height:100%; list-style-type:none}
.page-banner .banner-slide {width:100%; height:100%;}
.page-banner .banner-slide-image a {text-decoration:none}

.page-banner .banner-side {float:right; height:100%; width:220px; margin:0}


@media only screen and (min-width: 1240px) {
	.page-banner-cta .banner-slider {width:900px;}
	.page-banner-cta .banner-side 	{width:270px;}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
	.page-banner-cta .banner-slider {width:500px;}
}
@media only screen and (max-width: 767px) {
	.page-banner-cta {display:none}
	.page-banner-wide {height:auto}
	.page-banner-large {height:auto}
}	
@media print {
	.page-banner {display:none}
}


/* ============================================================================================================ */
/* OVERRIDE SLIDESHOW STYLES FROM STYLES.CSS FOR USE WITH "CALL TO ACTION" AREA                                 */
/* ============================================================================================================ */

/*
.slider-wrapper {
	width: 63.5%;
	height: 350px;
	display:inline-block;
}

.slider-wrapper .hero-slider .hero-slider-item {
	height: 350px;
}


.slider-wrapper .hero-slider .hero-frame__nav {
	display: inline-block;
}
*/


.hero-slider-banner {
  /*max-width: 1094px;*/
  max-width: 700px;
  /* C143045 - increase max-width as overall width of banner + CTA has increased */
  max-width: 743px; 
  /*margin: auto;*/
  position: relative;
  z-index: 1;
  min-height: 350px
}

.hero-slider-banner .owl-carousel {
  opacity: 0;
  display: block;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s
}

.hero-slider-banner .owl-carousel.owl-loaded {
  opacity: 1
}

.hero-slider-banner .hero-slider-item {
  height: 350px;
  position: relative
}

.hero-slider-banner .hero-slider-item .table {
  height: 100%;
  width: 100%
}

.hero-slider-banner .hero-slider-item .table-cell {
  width: 100%
}

.hero-slider-banner .hero-slider-item .hero-slider-item__pic {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}

.hero-slider-banner .hero-slider-item .hero-slider-item__cont {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 100%
}

.hero-slider-banner .hero-slider-item .hero-slider__info {
  background-color: rgba(235, 166, 0, 0.9);
  width: 39%;
  height: 100%;
  padding: 5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 2.5rem;
  float: left
}

.hero-slider-banner .hero-slider-item .hero-slider__info ul {
  color: #fff;
  font-size: 3.5rem;
  font-weight: bold;
  list-style: none;
  padding: 0;
  margin: 0
}

.hero-slider-banner .hero-slider-item .hero-slider__info ul li {
  position: relative;
  padding-left: 4rem;
  margin-bottom: 0.7rem;
  display: block
}

.hero-slider-banner .hero-slider-item .hero-slider__info ul li:before {
  font-family: FontAwesome;
  font-size: 3.2rem;
  content: "\f00c";
  color: #fff;
  position: absolute;
  left: 0;
  top: 2px
}

.hero-slider-banner .hero-slider-item .hero-slider__title {
  padding: 3rem;
  width: 61%;
  height: 100%;
  float: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.hero-slider-banner .hero-slider-item .hero-slider__title .layout-text-h1 {
  font-size: 7.7rem;
  color: #fff;
  font-weight: bold;
  padding: 0 1.3rem;
  line-height: 1.2;
  background-color: rgba(235, 166, 0, 0.9);
  float: left;
  clear: both;
  margin-bottom: 2rem
}

/*
.hero-slider .hero-slider-item.slider-item-green .hero-slider__title .layout-text-h1 {
  background-color: rgba(118, 183, 45, 0.9)
}

.hero-slider .hero-slider-item.slider-item-green .hero-slider__info {
  background-color: rgba(118, 183, 45, 0.9)
}

.hero-slider .hero-slider-item.slider-item-violet .hero-slider__title .layout-text-h1 {
  background-color: rgba(90, 68, 151, 0.9)
}

.hero-slider .hero-slider-item.slider-item-violet .hero-slider__info {
  background-color: rgba(90, 68, 151, 0.9)
}
*/

.hero-frame__pic-banner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  float: left;	
}

.hero-slider-banner .hero-frame__pic {
	width: 100% !important	
}

.hero-frame .hero-frame__nav .hero-frame__callback .fa-commenting-o {
    bottom: auto;
    font-size: 4.3rem;
    left: 3rem;
    margin: auto;
    position: absolute;
    right: auto;
    top: auto;
}

/* ============================================================================================================ */
/* PARTNER NEWS                                                                                      */
/* ============================================================================================================ */
.side-nav a.archive-year {
	font-weight: 700;	
}
.side-nav a.archive-month {
	border-bottom: none;
}



/* Page buttons */
.page-actions {}
.page-actions + .page-actions {margin-top:20px}

.page-action {}
.page-action + .page-action {margin-top:10px}

.page-action .action-title {background-color:#aaa; line-height:25px; background-image:linear-gradient(to bottom, #aaa 0%, #888 100%); font-size:15px; font-weight:600; color:#fff;}
.page-action .action-title a {display:block; text-decoration:none; color:#fff; overflow:hidden}
.page-action .action-title a:hover {background-color:#ec0082;}
.page-action .action-title .icon {display:block; height:25px; width:25px; margin:6px 9px 6px 6px; float:left; background: url("//www.qualitysolicitors.com/res/v2013/partner-actions.png") no-repeat scroll left top transparent}
.page-action .action-title .title-text {display:block; padding:5px 6px 7px}
.page-action .action-body {border:1px solid #888; border-top:0 none; background-color:#f0f0f0; font-size:14px; overflow:hidden; color:#555}
.page-action .action-body p {padding:0.25em 0.5em}
.page-action .action-body ul,
.page-action .action-body ol {padding:0.5em 0.5em 0.5em 1.75em}
.page-action .action-body li a {text-decoration:none; color:#0076c0}

.page-action .action-title .icon-none {background-position:0px 0px}
.page-action .action-title .icon-info {background-position:0px -25px}
.page-action .action-title .icon-arrow {background-position:0px -50px}
.page-action .action-title .icon-twitter {background-position:0px -75px}

.page-action .action-title .icon-calc {background-position:-25px 0px}
.page-action .action-title .icon-fee {background-position:-25px -25px}
.page-action .action-title .icon-call {background-position:-25px -50px}
.page-action .action-title .icon-news {background-position:-25px -75px}

.page-action .action-title .icon-help {background-position:-50px 0px}
.page-action .action-title .icon-star {background-position:-50px -25px}
.page-action .action-title .icon-team {background-position:-50px -50px}
.page-action .action-title .icon-events {background-position:-50px -75px}

.page-action .action-title .icon-guide {background-position:-75px 0px}
.page-action .action-title .icon-talk {background-position:-75px -25px}
.page-action .action-title .icon-more {background-position:-75px -50px}
.page-action .action-title .icon-blog {background-position:-75px -75px}


.page-action .action-body-archive {padding:10px}
.page-action .action-body-archive a.archive-year {color:#333; font-weight:600; margin:1em 0}
.page-action .action-body-archive a.archive-year:first-child {margin-top:0.5em}
.page-action .action-body-archive ul {list-style-type:none;}
.page-action .action-body-archive li {}
.page-action .action-body-archive a.archive-month {}

.page-action .action-body-info {padding:10px; font-size:14px}
.page-action .action-body-info span {display:block}
.page-action .action-body-info span.label {color:#333; font-weight:600; margin-top:0.5em; text-align:left; padding-left:0px; font-size:14px}
.page-action .action-body-info span.label:first-child {margin-top:0}

.page-action .side-nav {padding: 10px 0px}
.page-action .side-nav .contact-info{display: block; border-bottom: 1px solid; }
.page-action .side-nav span.label {color:inherit; font-weight:600; margin-top:0.5em; text-align:left; padding-left:0px; font-size:2rem; display:inline-block; margin-right:1em; width:7em;}
.page-action .side-nav span.detail {display:inline-block;}

/* ============================================================================================================ */
/* PRIVILEGE CARD		                                                                                        */
/* ============================================================================================================ */

p.disclaimer {font-size:0.75em; color:#afb2b4; margin-top:4em; padding-top:0.5em; border-top:1px dashed #afb2b4;}


.offer-company {background-color:#ebebeb; padding:0.825em; margin:2em 0 0.825em 0; font-size:0.825em; color:#666666}
.offer-company h3 {color:#333333; font-size:1em; margin-bottom:0.5em}
.offer-map {width:100%; height:320px}


/* ============================================================================================================ */
/* CONVEYANCING CALCULATOR                                                                                      */
/* ============================================================================================================ */

#concalc-online	{margin-top:30px; max-width:700px; width:100%}


.concalc-form {font-size:14px; color:#333333; background-color:#ddd;}
.concalc-title {font-size:16px; font-weight:600; color:#fff; height:40px; line-height:40px; background-color:#999}
.concalc-body {padding:20px; overflow:hidden;}
.concalc-icon {display:block; height:25px; width:25px; margin:8px 10px 0 20px; float:left; background: url("//www.qualitysolicitors.com/res/v2013/partner-actions.png") no-repeat scroll -25px 0}
.concalc-buttons {overflow:hidden; text-align:center; clear:both; padding-top:20px}
.concalc-buttons .push-button {font-size:16px}

.concalc-form fieldset {padding:15px ; background-color:#fff; width:47.5%; float:left;}
.concalc-form fieldset.right {float:right}


#concalc-enquiry fieldset {padding:0; background-color:transparent}
#concalc-enquiry .concalc-buttons {text-align:left;}
#concalc-enquiry .push-button {width:100%;}

.concalc-form .legend {font-size:16px; font-weight:600; display:block}
.concalc-form label {display:block; margin-top:1em}
.concalc-form label:first-child {margin-top:0}

.concalc-form input, 
.concalc-form textarea, 
.concalc-form select {color:#333; padding:5px; margin:0.25em 0 0; width:100%; background-color:#f8f8f8; border-radius:2px; border:1px solid #d0d0d0; resize:none}
.concalc-form input.price {padding-left:32px; background:url(//www.qualitysolicitors.com/res/cms/fieldicons.png) no-repeat scroll 4px -21px #f8f8f8;}

.concalc-form textarea {height:165px} 
.concalc-form span.required {color:#e5007a}

.concalc-notes {background-color:#E8EFF1; padding:1em; margin-top:20px; float:left; width:100%}
.concalc-notes .article-body {margin-top:0.75em; padding-top:0.75em; border-top:1px dashed #afb2b4;}

.concalc-items {color:#333333; padding:0 20px; background-color:#f0f0f0; width:100%;}
.concalc-items table {width:100%}
.concalc-items td {border-top:1px solid #d8d8d8; padding-top:0.25em; padding-bottom:0.25em}
.concalc-items tr:first-child td {border-top:0 none}

.concalc-items td.label {text-align:left;}
.concalc-items td.fee {text-align:right; width:125px; padding-right:1em; background-color:#e8e8e8}
.concalc-items td.vat {text-align:right; width:125px}
.concalc-items td.contact {text-align:right; font-style:italic}

.concalc-items tr.group td {font-size:16px; font-weight:600; padding-top:0.5em; padding-bottom:0.5em}
.concalc-items tr.item td {font-size:14px; color:#555}
.concalc-items tr.subtotal td {font-size:14px; font-weight:600; color:#444;}
.concalc-items tr.total td {font-size:16px; font-weight:600; color:#EC0082;}

.concalc-items .fa {color:#0076C0; margin-left:0.5em; cursor:help}

.concalc-total {background-color:#EC0082; color:#fff; width:100%;}
.concalc-total table {width:100%}
.concalc-total td {color:#fff; font-size:20px; font-weight:600; padding:5px 20px}
.concalc-total td.fee {text-align:right;}

#concalc-main article {padding:0}
#concalc-result {margin:20px 0}
#concalc-notes {margin-top:1.5em}
#concalc-notes p {font-size:14px}
#concalc-notes p.disclaimer {font-size:12px; margin-top:3em}

.cc-tip {background-color:#101010; color:#f0f0f0; font-size: 12px; padding: 10px; width: 250px; z-index: 10000; box-shadow:2px 2px 3px 0 rgba(0,0,0,0.5)}

@media only screen and (max-width: 979px) {
	#concalc-main {width:100%; margin-right:0}
}
@media only screen and (max-width: 479px) {
	#concalc-form fieldset {width:100%; float:left;}
	.concalc-items {padding:0 10px}
	.concalc-items tr.group td {font-size:14px;}
	.concalc-items tr.item td {font-size:12px;}
	.concalc-items tr.subtotal td {font-size:13px;}
	.concalc-items tr.total td {font-size:13px;}
	.concalc-total td {font-size:16px; padding:5px 10px}
	.concalc-items .fa {display:none}
}


/* Pink push-buttons */
.push-button {
    background-color:#e5007a; 
    border:0 none; 
    border-radius:3px;
    box-shadow:0 3px 0 0 #c00066; 
    display:inline-block;
    color:#fff; 
    cursor:pointer; 
    font-family:'myriad-pro',arial,sans-serif;
    font-size:14px;
    font-weight:600; 
    margin:4px 0; 
    padding:0.5em 1.25em; 
    position:relative;
}
.push-button:hover {
    background-color:#f30081;
    text-decoration:none;
    color:#fff; 
}
.push-button:active {
    background-color:#f30081; 
    color:#fff; 
    box-shadow:0 2px 0 0 #c00066;
    top:1px
}
.push-button:visited {
    color:#fff;
}

.push-button[disabled],
.push-button[disabled]:hover,
.push-button[disabled]:focus,
.push-button[disabled]:active {background-color:#BBBBBB; color:#555555; box-shadow:0 3px 0 0 #888888; top:0px}



/* ============================================================================================================ */
/* CUSTOMER SATISFACTION SURVEY                                                                                 */
/* ============================================================================================================ */

.survey-cfs h2 {
    background-color:#607075;
    color:#fff;
    font-size:20px;
    padding:4px 8px;
    margin-bottom:0.5em;
}
.survey-cfs  p {margin:1em 0;}
.survey-cfs span.required {color:#cf0000}

.survey-cfs .cfs-details {
    background-color:#E8EFF1;
    padding:8px;
    overflow:hidden;
    margin:1em 0;
}
.survey-cfs .cfs-details .question {
    margin:0.5em 0;
    overflow:hidden;
}
.survey-cfs .cfs-details label {
    display:block;
    font-weight:600;
}

.survey-cfs .check label {
	font-weight: 400;	/* Override from default style for label in styles.css */
}

.survey-cfs .cfs-details label.left {
    width:250px; 
    float:left;
    height:30px;
    line-height:30px; 
}
.survey-cfs .cfs-details input[type="text"],
.survey-cfs .cfs-details select {
    width:300px; 
    float:left;
    border:1px solid #D0D0D0;
    padding:4px;
    font-family: "myriad-pro",arial,helvetica,sans-serif; 
    font-size:14px; 
    color:#4a4a4a; 
    background-color:#fdfdfd;
    border-radius:2px;
    height:30px;
    line-height:30px; 
}

.survey-cfs .cfs-details input.error,
.survey-cfs .cfs-details select.error,
.survey-cfs .cfs-section textarea.error {
	border:1px solid #cf0000;
}

.survey-cfs .cfs-details .checkgroup {
    width:40%; 
    float:left;
}
.survey-cfs .cfs-details .checkgroup label {
    font-weight:normal;
}
.survey-cfs .cfs-details .checkgroup input[type="radio"] {
    margin-right:0.5em;
}

.survey-cfs .cfs-section {
}
.survey-cfs .cfs-section .rating {
    margin:1em 0 1.5em;
}
.survey-cfs .cfs-section label.question {
    font-weight:600;
    display:block;
    margin:0.5em 0;
}
.survey-cfs .cfs-section .check {
    margin:0.5em 0;
}
.survey-cfs .cfs-section .checkgroup {
    margin:0.5em 0;
    float:left;
    width:40%;
}
.survey-cfs .cfs-section .check label {
    margin-right:1.5em;
}
.survey-cfs .cfs-section .checkgroup label {
    display:block;
}

.survey-cfs .cfs-section input[type="radio"] {
    margin-right:0.5em;
}

.survey-cfs .cfs-section .rating textarea {
    width:100%;
    height:100px;
    padding:0.25em;
    border:1px solid #4F5C60;
}
.survey-cfs .cfs-section .rating p {
    margin:0.5em 0;
}

.survey-cfs .cfs-button {
	display:block;
	float:left;
	border:1px solid #0076C0; 
	border-radius:3px; 
	font-weight:600; 
    font-family: "myriad-pro",arial,helvetica,sans-serif; 
	background-color:#0076C0; 
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(255,255,255,0));
	color:#fff;
	font-size: 14px; 
	margin-left:5px;
	height:30px;
	width:75px 
}

.survey-cfs .cfs-button:hover {
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.4), rgba(255,255,255,0));
}

.survey-cfs input.error {background-color:#ffa6c9; color:black}
.survey-cfs select.error {background-color:#ffa6c9; color:black}
.survey-cfs textarea.error {background-color:#ffa6c9; color:black}
.survey-cfs div.error {background-color:#ffa6c9}
.survey-cfs span.error {background-color:#ffa6c9}
.survey-cfs span.error label {background-color:#ffa6c9}


@media only screen and (max-width: 767px) {
	.survey-cfs {font-size:15px}
	.survey-cfs h2 {font-size:14px}
	.survey-cfs .cfs-section .check label {display:block;}
	.survey-cfs .cfs-details input[type="text"],
	.survey-cfs .cfs-details select {
		width:100%;
		clear:left;
	}
	.survey-cfs .cfs-button {width:65px}
	.survey-cfs .cfs-details .checkgroup {width:100%; margin:0}
	.survey-cfs .cfs-section .checkgroup {width:100%; margin:0}
}

.survey-cfs #cfs_lawarea_columns {
    float: left;
    width: 850px;
    column-width: 250px;
}

.survey-cfs #cfs_lawarea_columns div {
    padding:4px;
}

.survey-cfs #cfs_lawarea_columns label {
	display: inline-block;
	margin-left: 0.5em;
	font-weight: inherit;
}

/* ============================================================================================================ */
/* OUR PEOPLE */
/* ============================================================================================================ */

.mini-profile {padding-top:20px; margin-top:10px; border-top:1px dashed #cacaca; overflow:hidden}
.mini-profile .mini-photo {width:220px; float:right; margin-left:1em; margin-bottom:1em}
.mini-profile .person-name {margin:0; line-height:1.125}
.mini-profile .person-name a {}
.mini-profile .person-title {color: #555555; font-weight:600; line-height: 1.125;}

/* ============================================================================================================ */
/* SEARCH RESULTS */
/* ============================================================================================================ */
#search-results {color:#333333; margin-top: 1em;}

#search-results .search-group {overflow:hidden; margin-bottom:2em}
#search-results .search-group h3 {font-size:1.25em; padding-bottom:0.25em; margin-bottom:0.25em; border-bottom:1px solid #cccccc; overflow:hidden; color: #555555}
#search-results .search-group h3 span {float:left}
#search-results .search-group h3 a.more {float:right; font-size: 0.725em; margin-top:8px}

#search-results ol {list-style-type:none}
#search-results ol li {display:block; overflow:hidden; font-size: 18px}
#search-results ol li p {color:#666666; margin:0.25em 0 0.75em}
#search-results ol li p span.pubdate {font-weight:bold}
#search-results ol li a:before {font-family: 'FontAwesome'; content: "\f061"; font-size: 1.4rem; color: #47b9d8; margin-right: 10px;}

#search-results .people-gallery {color:#555; margin-top:0.5em; overflow:hidden;font-size:0.75em; list-style-type:none; overflow:hidden}
#search-results .people-gallery li {display:block; float:left; width:160px; height:60px; margin-right:15px; margin-top:15px; color:#888;}
#search-results .people-gallery li a span.person-name {display:block; padding:4px 0 0; font-weight:600; text-decoration:none; text-align:left; }
#search-results .people-gallery li a:hover {text-decoration:none;}
#search-results .people-gallery li a span.person-title {display:block; padding:0; font-weight:normal; text-align:left; color:#888}

/* ============================================================================================================ */
/* OUR PROMISES */
/* ============================================================================================================ */
#shared-promises {text-align:center}
#shared-promises h2 {text-align:left}
#shared-promises ul {overflow:hidden; display:inline-block; font-size:0.875em;}
#shared-promises ul li {display:block; float:left; margin:1em 1em 0 0}
/*#shared-promises ul li a {position:relative; display:block; text-align:left; height:60px; width:144px; padding:6px 6px 6px 54px; font-weight:600; color:#333; line-height:1.1; background: url("//www.qualitysolicitors.com/res/v2013/partner-promises.png") no-repeat scroll left top transparent}*/
#shared-promises ul li a {position:relative; display:block; text-align:left; height:74px; width:144px; padding:6px 20px 6px 65px; font-weight:400; font-size:17px; color:#888888; line-height:1.2;}
#shared-promises ul li a:hover {color:#EC0082; text-decoration:none}
/*
#shared-promises ul li a.promise-ffa {background-position:-4px 0px}
#shared-promises ul li a.promise-cost {background-position:-4px -60px}
#shared-promises ul li a.promise-sdr {background-position:-4px -120px}
#shared-promises ul li a.promise-dlc {background-position:-4px -180px}
#shared-promises ul li a.promise-open {background-position:-4px -240px}
*/
#shared-promises ul li a.promise-ffa {background: url("//images.qualitysolicitors.com/img/FreeInitialAssessment2.png") no-repeat scroll left top transparent}
#shared-promises ul li a.promise-cost {background: url("//images.qualitysolicitors.com/img/NoHiddenCosts2.png") no-repeat scroll left top transparent}
#shared-promises ul li a.promise-sdr {background: url("//images.qualitysolicitors.com/img/SameDayResponse2.png") no-repeat scroll left top transparent}
#shared-promises ul li a.promise-dlc {background: url("//images.qualitysolicitors.com/img/DirectLawyerContact2.png") no-repeat scroll left top transparent}
#shared-promises ul li a.promise-open {background: url("//images.qualitysolicitors.com/img/Open-Saturday2.png") no-repeat scroll left top transparent}

.ie7 #shared-promises ul {display:inline;}
.ie7 #shared-promises ul li a {height:48px; width:90px; padding:6px 6px 6px 64px;}

@media only screen and (max-width: 979px) {
	#shared-promises {text-align:left}
	#shared-promises ul li {margin-right:0;}
}
@media print {
	#shared-promises {text-align:left; background-color:transparent; border-top:0 none}
	#shared-promises ul {display:block}
	#shared-promises ul li {margin-right:0; width:20%}
	#shared-promises ul li a {width:auto;}
}


/* Summary lists, used for news, careers, offers, blogs etc */
ul.summary-list {list-style-type:none; border-top:1px solid #d0d0d0; margin-top:1em}
ul.summary-list .summary-item {border-bottom:1px solid #d0d0d0; padding:1em 0.75em;}
ul.summary-list .summary-title	{font-weight:600}
ul.summary-list .summary-info	{font-size:0.75em; color:#666; line-height:1.25}
ul.summary-list .summary-abstract	{font-size:0.875em; margin-top:0.75em}
ul.summary-list a.more	{display:inline-block; font-size:0.75em; margin-top:0.75em; font-weight:600}
ul.summary-list li:before {content:none}

/* Archive lists, used for news, blogs, events */
ul.archive-list 			{list-style-type:none; font-size:0.875em; margin-top:2em}
ul.archive-list li 			{margin:0.5em 0}
ul.archive-list span.date	{display:inline-block; font-weight:600; margin-right:1em; width:7em;}

.blog-tags {
    color: #919191;
    font-size: 0.75em;
}

/* ============================================================================================================ */
/* Additional sidebar navigation styles e.g for accordion on News page */
/* ============================================================================================================ */
.side-nav .nav a {
	padding-left: 0px;
	padding-right: 1px;
}
.side-nav .nav>li>a:hover, .side-nav .nav>li>a:focus {
  text-decoration: none;
  background-color: inherit;
}


/* ============================================================================================================ */
/* Accreditations */
/* ============================================================================================================ */
#shared-awards {text-align:center}
#shared-awards ul {overflow:hidden; display:inline-block}
#shared-awards ul li {display:inline-block; height:80px; margin:1em 2em 1em 0}

.ie7 #shared-awards ul {display:inline;}
.ie7 #shared-awards ul li {display:block; float:left}

@media only screen and (min-width: 768px) and (max-width: 979px) {
	#shared-awards {text-align:left}
	#shared-awards ul li {margin:0.75em 1.5em 0.75em 0}
}
@media only screen and (max-width: 767px) {
	#shared-awards {text-align:left}
	#shared-awards ul li {height:60px; margin:0.75em 1.5em 0.75em 0}
	#shared-awards ul li img {max-height:60px;background-size:contain}
}
@media print {
	#shared-awards {text-align:left}
}

/* ============================================================================================================ */
/* Satisfaction survey */
/* ============================================================================================================ */
.cfs-footer {
  background-color: #47b9d8;
  padding-right: 27px;
  padding-left: 27px;
  padding: 27px;
}
.cfs-footer .validation-msg {
  color: white;
  font-size: 15px;
}
.cfs-footer .validation-msg a {
  color: inherit;
}
.cfs-footer .validation-msg a:hover {
  color: inherit;
}

.check_with_legend {padding-top: 1.2em;position: relative;display: inline-block;}
.check_legend {position: absolute; top: -0.2em; font-style: italic;}
label:first-of-type .check_legend {left: 0;}
label:last-of-type .check_legend {right: 0;}
.survey-cfs .cfs-section .check_with_legend label:last-of-type {margin-right: 0;}
.check_legend_spacer {display: none;}

@media only screen and (max-width: 767px) {
  .check_with_legend {padding-top: 0;}
  .check_legend {position: static;}
  .check_legend_spacer {display: inline;}
}

/* ============================================================================================================ */
/* SOCIAL ICONS ON PERSON PAGES */
/* ============================================================================================================ */

.person__socials {
  padding: 0
}

.person__socials a {
  font-size: 4.6rem;
  margin-right: 0.6rem;
  color: #47b9d8
}

.person__socials a:hover {
  color: #666465
}

.person__socials:before {
  display: none
}

/* ============================================================================================================ */
/* TEAM MEMBER LIST E.G. ON SERVICES PAGES 																		*/
/* ============================================================================================================ */
.team-memberlist {overflow:hidden}
.team-servicelist {padding-top:1em; clear: both;}

/* ============================================================================================================ */
/* BLOG	                                                                                        				*/
/* ============================================================================================================ */
#blogentry-content .blog-source {}

/* ============================================================================================================ */
/* MAIN CONTENT																									*/
/* ============================================================================================================ */
.article-abstract {margin-bottom:20px; margin-top:0; font-size:18px;}
.article-body {font-size:16px; margin-top:0;}
.article-meta {font-size:14px; margin-bottom:0.75em}

/* ============================================================================================================ */
/* PARTNER VACANCY APPLICATION FORM                                                                             */
/* ============================================================================================================ */

#pfvacancy-application-area {display:none;}

#pfvacancy-apply {width:600px; max-width:100%; margin-top:2em}
#pfvacancy-apply label {display:block; font-size:14px}
#pfvacancy-apply input[type="text"] {font-size:16px; color:#606060; width:100%; padding:4px; background-color:#ffffff; border:1px solid #dddddd; margin-bottom:1em}
#pfvacancy-apply input[type="text"].error {border:1px solid red}
#pfvacancy-apply textarea {font-size:16px; color:#606060; width:100%; height:160px; padding:4px; background-color:#ffffff; border:1px solid #dddddd; resize:none}
#pfvacancy-apply .charleft {font-size:12px; color:#666; width:100%; padding:2px 0; text-align:right; margin-bottom:1em}
#pfvacancy-apply input[type="file"] {display:block; margin-bottom:1em}
#pfvacancy-apply #apply-errors {display:inline-block; font-size:15px; line-height:normal; color:#e00000; padding:6px 12px}
#pfvacancy-apply #apply-busy {display:inline-block; font-size:15px; line-height:normal; color:#0000e0; padding:6px 12px}

#pfvacancy-apply fieldset.apply-custom {margin-bottom:1em}
#pfvacancy-apply fieldset.apply-custom label {display:inline-block; margin-left:10px;}
#pfvacancy-apply .error {border:1px solid red}
#pfvacancy-apply .apply-info {font-size:14px; color:#808080; border-top:1px dashed #ccc; padding-top:0.5em; margin:2em 0}

.btn.btn-primary.btn-vacancy-apply:hover {
	border-color: #e2007a;
}

.btn.btn-primary.btn-vacancy-submit:hover {
	border-color: #e2007a;
}