/* ============================================================================================================ */ /* CSS Resets */ /* ============================================================================================================ */ * {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {border:0; margin:0; padding:0} article, aside, details, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {display:block} audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;} audio:not([controls]) {display: none;} figure {position:relative} figure img {width:100%} [hidden] {display: none;} datalist {display:none} /* BASE ======================================================================================================= */ html {font-size:100%; height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust: 100%;} body {margin:0; line-height:1.5; background-color:#ebebeb; font-family: Arial, sans-serif;position: relative; overflow-x: hidden;} ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; } /* LINKS ====================================================================================================== */ a { color: #AB9A6D; cursor:pointer;} a:visited { color: #AB9A6D; } a:hover { color: #AB9A6D; } a:focus { outline: 0; } a:hover, a:active { outline: 0; } /* TYPOGRAPHY ================================================================================================= */ /*.wf-loading .webfonts {visibility: hidden;} */ /* .serif {font-family: Georgia, "Bitstream Vera Serif", serif;}* / .serif {font-family: Arial, sans-serif;} .sans {font-family: Arial, sans-serif;} /* h1 {font-family:Georgia,serif; font-weight:normal; font-size:82px; color:#333333} */ h1 {font-weight:normal; font-size:40px; color:#333333} h2 {font-weight:bold} h3 {font-weight:bold} h4 {font-weight:normal} h5 {font-weight:normal} h6 {font-weight:normal} b, strong {font-weight: bold} i, em {font-style: italic} blockquote { margin: 1em 40px; } blockquote:before {content:"\201C"} blockquote:after {content:"\201D"} hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* LISTS ================================================================================================= */ ul {} ol {} dd {} nav ul, nav ol {list-style:none; list-style-image: none; margin: 0; padding: 0; } /* MEDIA ================================================================================================= */ img {border:0; -ms-interpolation-mode:bicubic; vertical-align:middle;} figure { margin: 0; } svg:not(:root) { overflow: hidden; } .transparent-bg {background-color: transparent !important;} /* FORMS ================================================================================================= */ button, input, select, textarea {font-family: Arial, sans-serif; border-radius: 0px} form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } ::-webkit-input-placeholder {color:#c8c8c8;} ::-moz-placeholder {color:#c8c8c8;} /* firefox 19+ */ input:-moz-placeholder {color:#c8c8c8;} input:-ms-input-placeholder {color:#c8c8c8;} /* TABLES =============================================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* ========================================================================== */ /* Grid */ /* ========================================================================== */ .container {} .row {width: 100%; max-width: 1240px; margin: 0 auto; overflow: hidden; padding: 0 30px; background-color: #ffffff;} .toprow {padding-top: 30px} .bottomrow {padding-bottom: 30px} .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol {margin:0 2% 0 0; float:left; overflow:hidden} .row .onecol {width: 15%;} .row .twocol {width: 32%;} .row .threecol {width: 49%;} .row .fourcol {width: 66%;} .row .fivecol {width: 83%;} .row .sixcol {width: 100%; margin-right:0} .twocol .onecol {width:46.875%; margin-right:6.25%} .fourcol .onecol {width:22.727272%; margin-right:3.030303%} .fourcol .twocol {width:48.484848%; margin-right:3.030303%} .fourcol .threecol {width:74.242424%; margin-right:3.030303%} .fourcol .fourcol {width:100%; margin-right:0} .row .firstcol {padding-right: 4em} .row .lastcol {margin-right:0} .oneoffourcol {margin:0 2% 0 0; float:left; overflow:hidden; width: 23.5%} .twoffourcol {margin:0 2% 0 0; float:left; overflow:hidden; width: 49%} .threeoffourcol {margin:0 2% 0 0; float:left; overflow:hidden; width: 74.5%} .fouroffourcol {margin:0 2% 0 0; float:left; overflow:hidden; width: 100%} /* Mobile */ @media only screen and (max-width: 480px) { body {font-size: 16px; -webkit-text-size-adjust: none; width:100%; min-width:0; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px;} .container {width:100%; padding:0; margin:0;} .row {width:100%; min-width:0; margin:0; padding:0;} .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol {width:auto; float:none; margin: 0;} .oneoffourcol, .twooffourcol, .threeoffourcol, .fouroffourcol {width:auto; float:none; margin: 0;} } /* ============================================================================================================ */ /* BUTTONS */ /* ============================================================================================================ */ .button {background-color:#707070; font-family: Arial,sans-serif; text-decoration:none; text-align:center; font-size:100%; font-weight:normal; cursor: pointer;} .button:hover {background-color:#808080;} .button-3d { border-radius: 0px; display: block; padding: 4px 10px; color: #fff; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 0 3px #404040; border-bottom: 1px solid rgba(0,0,0,0.25); position:relative; text-transform:uppercase; } .button-3d:active {top:1px} .button-3d:hover {color: #fff; text-decoration: none;} .button-grad {background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0,0.15)); background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.15));} .button-brown {background-color:#ab9a6d} .button-brown:hover {background-color:#b4a47c} .button-gold {background-color:#ab9a6d} .button-gold:hover {background-color:#b4a47c} .button-pink {background-color:#f628a0} .button-pink:hover {background-color:#f73eaa} .button-grey {background-color:#707070} .button-grey:hover {background-color:#808080} .button-action {text-align:left; margin-bottom:8px; font-size:15px; color:#5c5338; border:0px; width:100%; float:left; padding:10px 20px; display:block; background: #ab9a6d url("/images/buttons.png") no-repeat right 0px} .button-action h6 {color:#ffffff; font-size:inherit;} .button-action:hover {color:#5C5338} .button-action:active {color:#5C5338} .button-action:visited {color:#5C5338} @media only screen and (max-width: 860px) { .button-action {background-image: none;} } @media only screen and (max-width: 480px) { .button-action {margin-top:1px;} } .button-more {display:inline-block; color:#ffffff; font-size:14px; text-decoration:none; padding:2px 24px 2px 8px; margin:8px 0; background: url("/images/arrows.png") no-repeat scroll right -227px #cfcfcf;} .button-more:hover {color:#ffffff; background-color: #ab9a6d;} .button-more:visited {color:#ffffff; } /* Tooltips */ .tooltip { background: url('http://images.qualitysolicitors.com/img/ewtooltip4.png') no-repeat scroll 0 bottom transparent; color: white; display: none; font-size: 12px; padding: 10px 10px 20px 10px; width: 250px; } /* ============================================================================================================ */ /* MAIN SITE HEADER */ /* ============================================================================================================ */ /* Default */ .pf-header-300 {background-color:#0A0A0A; color:#ffffff; height:128px;} .pf-header-300 .row {background-color: transparent;} .pf-header-300 .header-content {background-color:#0A0A0A;} .pf-header-300 #header-logo {display:block; float:left; height:128px; width:300px; background: url("http://images.qualitysolicitors.com/img/logo300.png") no-repeat scroll left 20px #0A0A0A;} .pf-header-300 #header-logob {display:block; float:left; height:128px; width:350px; background: url("http://images.qualitysolicitors.com/img/logo350.png") no-repeat scroll left 20px #0A0A0A;} .pf-header-300 #header-actions {float:right} .pf-header-300 h2 {display:none} .pf-header-300 h3 {display:none} .pf-header-300 .header-call {display: block; float:right; text-align:right; margin-top:30px;} .pf-header-300 .call-label {color:#c3c3c3; float:right; margin-right:12px} .pf-header-300 .call-number {display:block; color:#fefefe; float:right; font-weight:600; font-size:22px; line-height:1em; text-decoration:none} .pf-header-300 .call-number:hover {text-decoration:none} .pf-header-300 #call-back {color:#fefefe; float:right; clear:right; font-weight:400; font-size:12px; line-height:1.5em; text-decoration:none} .pf-header-300 #call-back:visited {color:#fefefe} .pf-header-300 #call-back:hover {color:#F82898;} .pf-header-300 #fmlb-header {float:left; margin-right:24px; margin-top:28px} @media only screen and (max-width: 1023px) { .pf-header-300 {background-color:#0A0A0A; color:#ffffff; height:auto;} .pf-header-300 .row {padding:0} .pf-header-300 .header-content {overflow:hidden} .pf-header-300 #header-logo {position:static; margin:46px auto 12px; float:none; height:81px; width:100%; max-width:312px; background: url("http://images.qualitysolicitors.com/img/logo300.png") no-repeat scroll 50% 50% #0A0A0A;} .pf-header-300 .header-content h2 {display:block; float:left; width:100%; padding:0 5%; text-align:center; font-size:20px; font-weight:normal; color:#ffffff} .pf-header-300 .header-content h3 {display:block; float:left; width:100%; padding:0 5%; margin-bottom:8px; text-align:center; font-size:18px; font-weight:normal; color:#777777} .pf-header-300 #header-actions {float:none} .pf-header-300 .header-call {display: block; text-align:center; padding:4px 0; position:absolute; top:0; margin:0; width:100%; background-color:#333333} .pf-header-300 .call-number {display:inline; float:none;} .pf-header-300 .call-label {display:none} .pf-header-300 .header-field {display:block; float:left; width:100%; padding:10px 20px; margin:0; text-align:center; font-size:18px; font-weight:normal; color:#777777; background-color:#252525} .pf-header-300 #call-back {display:none} .pf-header-300 #header-search {font-size:16px; color:#ababab; border:0px; width:100%; padding:8px; font-weight:normal; line-height:16px; height:32px; background: url("/images/search.png") no-repeat scroll right -36px #ffffff;} .pf-header-300 #header-postcode {font-size:16px; color:#ababab; border:0px; width:100%; padding:8px; font-weight:normal; line-height:16px; height:32px; background: url("/images/search.png") no-repeat scroll right -138px #ffffff;} .pf-header-300 #header-searchcode {display:none} .pf-header-300 #header-menu {display:none} .pf-header-300 header #fmlb-header {float:none; margin:20px auto} } .autocomplete-w1 { position:relative; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; } .autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; } .autocomplete .selected { background:#F0F0F0; } .autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; } .autocomplete strong { font-weight:normal; color:#F82898; } /* ============================================================================================================ */ /* MAIN SITE NAVIGATION */ /* ============================================================================================================ */ /* Medium Screens: 640-1024 */ @media only screen and (min-width: 1024px) { #navcontainer {position:absolute; top:92px; z-index:1000; width:100%} #navcontainer .row {background-color:transparent; overflow:visible} .mainnav {float:right; height:32px;} .mainnav li.mainnavitem {display:block; float:left; padding-right:4px; height:32px; position:relative;} .mainnav li.mainnavitem:hover {} .mainnav li.selected {background-color:#e8e8e8 ;background-image:-moz-linear-gradient(top, #ffffff, #e8e8e8); background-image:-webkit-linear-gradient(top, #ffffff, #e8e8e8);} .mainnav li.mainnavitem a.mainnavlink {display:block; font-size:16px; line-height:16px; font-weight:600; color:#919191; padding:8px 30px 8px 20px; text-decoration:none; background: transparent url("http://images.qualitysolicitors.com/img/arrows.png") no-repeat scroll right -31px;} .mainnav li.mainnavitem:hover a.mainnavlink {color:#ffffff;} .mainnav li.selected a.mainnavlink {color:#4e4e4e; background-position:right -63px} .mainnav li.selected:hover a.mainnavlink {color:#4e4e4e;} .mainnav ul.subnav {display:none; width:270px; background-color:#ffffff; float:right; position:absolute; left:0; right:auto; border-top:4px solid #e8e8e8; top:32px; box-shadow:2px 5px 6px rgba(0,0,0,0.3)} .mainnav #helpmenu {display:none; width:320px; background-color:#ffffff; float:right; position:absolute; right:0; left:auto; border-top:4px solid #e8e8e8; top:32px; box-shadow:2px 5px 6px rgba(0,0,0,0.3)} .mainnav ul.subnav li {display:block; height:40px; padding:0 10px; position:relative; top:-1px; -moz-transition:background-color .3s ease-out} .mainnav ul.subnav li:hover {background-color:#f8f8f8} #servicesmenu li a {background-position:-10px -406px} #servicesmenu li a:hover {background-position:-10px -456px} #businessmenu li a {background-position:-10px -506px} #businessmenu li a:hover {background-position:-10px -556px} .mainnav #helpmenu li {height:50px; padding:0 10px; position:relative; top:-1px; -moz-transition:background-color .3s ease-out} .mainnav #helpmenu li:hover {background-color:#f8f8f8} .mainnav #helpmenu li.helpitem {display:block; height:50px; padding:0 10px; position:relative} .mainnav #helpmenu li.helparrow {background: transparent url("http://images.qualitysolicitors.com/img/menuicons2.png") no-repeat scroll 55px -590px; z-index:1} .mainnav ul.subnav li a {display:block; color:#333333; text-decoration:none; font-size:15px; font-weight:normal; border-top:1px solid #f3f3f3; padding:0 0 0 40px; line-height:40px; background: url("http://images.qualitysolicitors.com/img/menuicons2.png") no-repeat scroll 0 -200px transparent;} .mainnav ul.subnav li a:hover {color:#f628a0; text-decoration:none; background-position:0 -250px} .mainnav #helpmenu li a {display:block; color:#333333; text-decoration:none; font-size:15px; font-weight:normal; border-top:1px solid #f3f3f3; padding:0 0 0 55px; line-height:50px; background: url("http://images.qualitysolicitors.com/img/menuicons2.png") no-repeat scroll -4px -200px transparent;} .mainnav #helpmenu li a:hover {color:#f628a0; text-decoration:none; background-position:0 -250px} .mainnav #fsmenu li a {background: url("http://images.qualitysolicitors.com/img/menuiconsfsmc3.png") no-repeat scroll -4px -560px transparent;} .mainnav #mcmenu li a {background: url("http://images.qualitysolicitors.com/img/menuiconsfsmc3.png") no-repeat scroll -4px 0px transparent;} .mainnav #fsmenu li a.fs {background-position:-4px -560px;} .mainnav #fsmenu li a.fs:hover {background-position:-4px -600px;} .mainnav #fsmenu li a.story {background-position:-4px -640px;} .mainnav #fsmenu li a.story:hover {background-position:-4px -680px;} .mainnav #fsmenu li a.brand {background-position:-4px -720px;} .mainnav #fsmenu li a.brand:hover {background-position:-4px -760px;} .mainnav #fsmenu li a.flag {background-position:-4px -800px;} .mainnav #fsmenu li a.flag:hover {background-position:-4px -840px;} .mainnav #fsmenu li a.check {background-position:-4px -880px;} .mainnav #fsmenu li a.check:hover {background-position:-4px -920px;} .mainnav #fsmenu li a.video {background-position:-4px -960px;} .mainnav #fsmenu li a.video:hover {background-position:-4px -1000px;} .mainnav #fsmenu li a.tv {background-position:-4px -480px;} .mainnav #fsmenu li a.tv:hover {background-position:-4px -520px;} .mainnav #fsmenu li a.info {background-position:-4px -160px;} .mainnav #fsmenu li a.info:hover {background-position:-4px -200px;} .mainnav #fsmenu li a.quote {background-position:-4px -1040px;} .mainnav #fsmenu li a.quote:hover {background-position:-4px -1080px;} .mainnav #fsmenu li a.benefit {background-position:-4px -1120px;} .mainnav #fsmenu li a.benefit:hover {background-position:-4px -1160px;} .mainnav #fsmenu li a.careers {background-position:-4px -560px;} .mainnav #fsmenu li a.careers:hover {background-position:-4px -600px;} .mainnav #fsmenu li a.pf {background-position:-4px -1200px;} .mainnav #fsmenu li a.pf:hover {background-position:-4px -1240px;} .mainnav #mcmenu li a.mc {background-position:-4px 0px;} .mainnav #mcmenu li a.mc:hover {background-position:-4px -40px;} .mainnav #mcmenu li a.press {background-position:-4px -80px;} .mainnav #mcmenu li a.press:hover {background-position:-4px -120px;} .mainnav #mcmenu li a.about {background-position:-4px -160px;} .mainnav #mcmenu li a.about:hover {background-position:-4px -200px;} .mainnav #mcmenu li a.social {background-position:-4px -240px;} .mainnav #mcmenu li a.social:hover {background-position:-4px -280px;} .mainnav #mcmenu li a.news {background-position:-4px -1280px;} .mainnav #mcmenu li a.news:hover {background-position:-4px -1320px;} .mainnav #mcmenu li a.image {background-position:-4px -400px;} .mainnav #mcmenu li a.image:hover {background-position:-4px -440px;} .mainnav #mcmenu li a.tv {background-position:-4px -480px;} .mainnav #mcmenu li a.tv:hover {background-position:-4px -520px;} .mainnav #mcmenu li a.careers {background-position:-4px -560px;} .mainnav #mcmenu li a.careers:hover {background-position:-4px -600px;} .mainnav #helpmenu li a.helpfind {background-position:0 0; border-top:0 none} .mainnav #helpmenu li a.helpfind:hover {background-position:0 -50px} .mainnav #helpmenu li a.helpemail {background-position:0 -100px; border-top:0 none} .mainnav #helpmenu li a.helpemail:hover {background-position:0 -150px} .mainnav #helpmenu li a.helpabout {background-position:0 -200px} .mainnav #helpmenu li a.helpabout:hover {background-position:0 -250px} .mainnav #helpmenu li a.helpjoin {background-position:0 -301px} .mainnav #helpmenu li a.helpjoin:hover {background-position:0 -351px} .mainnav #helpmenu li.helpfield {display:block; height:50px; padding:8px 20px; background-color:#f2f2f2; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; position:relative; top:-2px} .mainnav #helpmenu li #header-searchcode {width:100px; height:32px; line-height:32px; padding:0 0 0 32px; color:#ffffff; font-size:14px; font-weight:bold; border:0 none; text-transform:uppercase; text-decoration:none; display:block; float:left; background: url("http://images.qualitysolicitors.com/img/menusearch.png") no-repeat scroll 0 0 #f628a0;} .mainnav #helpmenu li #header-searchcode:hover {background-position: 0 -32px;} #header-postcode {float:left; font-size:16px; color:#808080; width:180px; height:32px; padding:0 8px; background-color:#ffffff; border:1px solid #dddddd} #header-postcode:-moz-placeholder {color:#c8c8c8;} #header-postcode.placeholder {color:#c8c8c8;} } /* Small Screens: 0-640 */ @media only screen and (max-width: 1023px) { #navcontainer {display:block; position:static; width:100%} #navcontainer .row {padding:0} #nav-content {position:static; width:100%} #nav-button {display:none} ul.mainnav {position:static; display:block !important; opacity:1 !important; width:100%; margin:0; border-bottom: 1px solid #393939;} ul.mainnav li.mainnavitem {width:100%; height:auto; background-color:#282828; border-top:1px solid #393939; margin:0; padding:0 20px; background-image:none} ul.mainnav li.selected {width:100%; height:auto; background-color:#282828; border-top:1px solid #393939; margin:0; padding:0 20px; background-image:none} ul.mainnav li.mainnavitem a.mainnavlink {display:block; font-size:16px; color:#f0f0f0; padding:4px 30px 4px 0; text-decoration:none; background: url("http://images.qualitysolicitors.com/img/arrows.png") no-repeat scroll right -66px transparent;} ul.mainnav li.selected a.mainnavlink {display:block; font-size:16px; color:#ffffff; padding:4px 30px 4px 0; text-decoration:none; background: url("http://images.qualitysolicitors.com/img/arrows.png") no-repeat scroll right -34px #2c2c2c;} ul.mainnav li.mainnavitem ul {display:none; margin:0; position:static; width:100%} ul.mainnav li.mainnavitem ul li {margin:0 20px; color:#bbbbbb; border-bottom:1px dotted #383838} ul.mainnav li.mainnavitem ul li:last-child {border-bottom:0px none} ul.mainnav li.mainnavitem ul li a {display:block; text-decoration:none; color:#bbbbbb; padding:5px 0;} ul.mainnav li.mainnavitem ul li a:hover {background-color:transparent; color:#ffffff} ul.mainnav ul.subnav li.helpfield {display:none; height:50px; padding:8px 20px; background-color:#f2f2f2; position:absolute; top:1px; left:0; right:0} #header-postcode {float:left; font-size:16px; color:#ababab; border:0px; width:180px; height:32px; line-height:36px; padding:0 8px; background-color:#ffffff; border:1px solid #dddddd} #header-searchcode {width:100px; height:32px; line-height:32px; padding:0 0 0 38px; color:#ffffff; font-size:14px; font-weight:600; text-transform:uppercase; text-decoration:none; display:block; float:left; background: url("http://images.qualitysolicitors.com/img/menusearch.png") no-repeat scroll 0 0 #f628a0;} #header-searchcode:hover {background-position: 0 -32px;} } /* ============================================================================================================ */ /* PAGE NAVIGATION */ /* ============================================================================================================ */ #page-links {float: right; padding-right: 20px;} .pagenav {padding-left:0; padding-right:0; position:relative; z-index:100} .pagenav .pagemenu {padding:0} .pagenav .pagemenu h3 {display:none} .pagenav .pagemenu ul {font-size:16px; font-weight:600; background-color:#e1e1e1; overflow:hidden} .pagenav .pagemenu ul li {float:left; text-align:center; width:120px; } .pagenav .pagemenu ul li a {display:block; color:#666666; text-decoration:none; padding:0.75em 0} .pagenav .pagemenu ul li span {display:block; color:#aaaaaa; text-decoration:none; padding:0.75em 0} .pagenav .pagemenu ul li a.selected {background-color:#ffffff; color:#333333;} .pagenav .pagemenu ul li a:hover {background-color:#f0f0f0; color:#333333; -moz-transition:background-color .3s ease-out;} .partner-pagenav {padding-left:0; padding-right:0; position:relative; z-index:100; background: url('http://images.qualitysolicitors.com/img/pmenu_bg.png') repeat-x scroll 0 0 #171819;} .partner-pagenav .pagemenu {padding:0; background-color: transparent;} .partner-pagenav .pagemenu .firmtitle {color: #ffffff; padding-left:20px; font-size:28px; height:48px; line-height:48px; display:block; float:left; text-decoration:none} .partner-pagenav .pagemenu h3 {display:none} .partner-pagenav .pagemenu ul {font-size:16px; font-weight:600; overflow:hidden} .partner-pagenav .pagemenu ul li {float:left; text-align:center; padding-left: 30px } .partner-pagenav .pagemenu ul li a {display:block; color:#919191; text-decoration:none; padding:0.65em 0} .partner-pagenav .pagemenu ul li span {display:block; color:#555555; text-decoration:none; padding:0.65em 0} .partner-pagenav .pagemenu ul li a.selected {color:#ffffff; border-bottom: 3px solid #f628a0;} .partner-pagenav .pagemenu ul li a:hover {color:#cccccc;} @media only screen and (min-width: 768px) and (max-width: 1023px) { #page-links {} .pagenav .pagemenu ul {font-size:15px; height:45px} .pagenav .pagemenu ul li {height:45px} .pagenav .pagemenu ul li a {height:45px} .pagenav .pagecrumbs ul {font-size:20px; } .partner-main .pagenav {top:-45px; margin-bottom:-45px} .partner-pagenav {} .partner-pagenav .pagemenu {} .partner-pagenav .pagemenu .firmtitle {width:100%; padding:0; font-size:26px; text-align:center; border-bottom:1px solid #282828} .partner-pagenav .pagemenu h3 {} .partner-pagenav .pagemenu ul {} .partner-pagenav .pagemenu ul li {} .partner-pagenav .pagemenu ul li a {} .partner-pagenav .pagemenu ul li span {} .partner-pagenav .pagemenu ul li a.selected {} .partner-pagenav .pagemenu ul li a:hover {} } @media only screen and (min-width: 481px) and (max-width: 767px) { .pagenav .pagemenu ul {font-size:14px; height:42px} .pagenav .pagemenu ul li {height:42px} .pagenav .pagemenu ul li a {height:42px} .pagenav .pagecrumbs ul {font-size:18px; } .partner-main .pagenav {top:-42px; margin-bottom:-42px} .partner-pagenav .pagemenu .firmtitle {width:100%; padding:0; font-size:22px; text-align:center; border-bottom:1px solid #282828} .partner-pagenav .pagemenu ul li {} } @media only screen and (max-width: 480px) { .partner-pagenav #page-links {padding:0} .pagenav .pagemenu ul {font-size:14px; height:84px} .pagenav .pagemenu ul li {width:33%; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff} .pagenav .pagemenu ul li:nth-child(3n+3) {border-right:0px none;} .pagenav .pagecrumbs ul {font-size:16px; } .partner-main .pagenav {top:-84px; margin-bottom:-84px} .partner-pagenav .pagemenu .firmtitle {width:100%; padding:6px 20px; font-size:16px; height:auto; line-height:1.5em; text-align:center; border-bottom:1px solid #585858} .partner-pagenav .pagemenu ul {width:100%; height:auto; background-color:#282828; margin:0; padding:0; background-image:none} .partner-pagenav .pagemenu ul li {width:100%; height:auto; background-color:#282828; border-bottom:1px solid #393939; margin:0; padding:0 20px; background-image:none; text-align:left} .partner-pagenav .pagemenu ul li a {display:block; font-size:16px; color:#f0f0f0; font-weight:normal; padding:4px 30px 4px 0; text-decoration:none; background: url("http://images.qualitysolicitors.com/img/arrows.png") no-repeat scroll right -160px transparent;} .partner-pagenav .pagemenu ul li a.selected {display:block; font-size:16px; color:#ffffff; font-weight:600; padding:4px 30px 4px 0; border-bottom:0 none; text-decoration:none; background: url("http://images.qualitysolicitors.com/img/arrows.png") no-repeat scroll right -96px transparent;} } /* ============================================================================================================ */ /* BREADCRUMBS */ /* ============================================================================================================ */ .pagecrumbs {padding:0 30px; background-color:#ffffff} .pagecrumbs h3 {display:none} .pagecrumbs ul {background-color:#ffffff; overflow:hidden; font-size:24px; list-style-type:none} .pagecrumbs ul li {float:left;} .pagecrumbs ul li a {display:block; line-height:3em; font-weight:600; color:#333333;} .pagecrumbs ul li span {display:block; line-height:3em; font-weight:600; color:#999999;} .pagecrumbs ul li a:hover {text-decoration:underline;} .pagecrumbs ul li a:after {content:"\00bb"; display:inline-block; margin:0 0.5em; line-height:2em; font-weight:600; color:#999999; text-decoration:none;} .pagecrumbs ul li:last-child a:after {content:"";} @media only screen and (min-width: 768px) and (max-width: 1023px) { .pagecrumbs ul {font-size:20px; } } @media only screen and (min-width: 481px) and (max-width: 767px) { .pagecrumbs ul {font-size:18px; } } @media only screen and (max-width: 480px) { .pagenav .pagecrumbs ul {font-size:16px; } .pagenav .pagecrumbs {padding:0 15px} } /* ============================================================================================================ */ /* CAROUSEL */ /* CSS for jQuery Orbit Plugin 1.2.3 * www.ZURB.com/playground * Copyright 2010, ZURB * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php /* ============================================================================================================ */ /* CONTAINERS */ .page-slider {position:relative; height:440px; overflow:hidden; background-color:#000000;} .page-slider .orbit {background: #000000 url('/images/orbit/backdrop.png') repeat top left; margin:0 auto; position: relative; overflow: hidden; height:440px; width:100%; max-width:1450px;} .page-slider .orbit-slide {background-color:#000000; display:none; position:absolute; height:100%; width:100%; top:0; left:0; overflow:hidden; background-position:center center; background-repeat:no-repeat} .page-slider .orbit-controls {position:relative; height:120px; width:100%; max-width:1240px; margin:0 auto; top:-120px; background-color:rgba(0,0,0,.85); z-index:5} /* CAPTIONS */ .page-slider .slide-caption {display:none} .page-slider .orbit-caption {text-align:left; position:absolute; bottom:0px; top:0px; left:110px; right:220px; padding:20px; z-index:700;} .orbit-single .orbit-caption {left:0px;} /* .page-slider .caption-content {font-family:Georgia,"Bitstream Vera Serif",serif; font-size:18px; color:#e8e8e8; line-height:1.2em; margin:0; font-weight:normal;} */ .page-slider .caption-content {font-size:18px; color:#e8e8e8; line-height:1.2em; margin:0; font-weight:normal;} .page-slider .caption-source {font-size:14px; color:#c0c0c0; font-weight:normal; margin:0.5em 0 0;} /* ACTIONS */ .page-slider .orbit-actions {position:absolute; bottom:0px; top:0px; right:0px; width:240px; padding:20px; z-index: 700;} .page-slider .orbit-actions a {display:block; position:absolute; right:20px; width:185px; height:36px; color:#FFFFFF; font-size:14px; font-weight:600; line-height:36px; padding:0 12px; text-decoration:none; text-transform:uppercase; background: url('http://images.qualitysolicitors.com/img/orbitactions.png') no-repeat top right} .page-slider #orbit-submit {top:20px; background-color:#f628a0; background-position:right -72px} .page-slider #orbit-submit:hover {background-position:right -108px} .page-slider #orbit-watch {bottom:20px; background-color:#606060; background-position:right 0px} .page-slider #orbit-watch:hover {background-position:right -36px} .page-slider #orbit-read {bottom:20px; background-color:#606060; background-position:right 0px} .page-slider #orbit-read:hover {background-position:right -36px} .page-slider #orbit-find {font-size:13px; text-transform:none; padding:0 8px; top:20px; background: url('http://images.qualitysolicitors.com/img/orbit_find.png') no-repeat top right #f628a0;} .page-slider #orbit-find:hover {background-position:right -36px} /* TIMER */ .page-slider .orbit-timer {position:absolute; width:100%; height:4px; left:0; top:-4px; background-color:rgba(0,0,0,0.3)} .page-slider .orbit-rotator {height:100%; background-color:rgba(0,0,0,0.4); width:0; display:block;} /* DIRECTIONAL NAV */ .page-slider .orbit-nav {display:none; height:28px; position:absolute; top:20px; left:20px; width:100px} .page-slider .orbit-control {background: transparent url("http://images.qualitysolicitors.com/img/orbitcontrols.png") no-repeat 0 0; opacity:0.6; cursor: pointer; width: 28px; height: 28px; text-indent: -9999px; position: absolute; z-index: 950; -moz-transition:opacity .3s ease-out; -webkit-transition:opacity .3s ease-out; transition:opacity .3s ease-out} .page-slider .orbit-control:hover {opacity:1;} .page-slider .orbit-prev {background-position: -2px -2px; left:0px;} .page-slider .orbit-play {display:none; background-position:-34px -2px; left:36px;} .page-slider .orbit-pause {display:none; background-position:-74px -2px; left:36px;} .page-slider .orbit-next {background-position:-98px -2px; left:40px;} .page-slider .orbit-prev:hover {background-position: -2px -34px;} .page-slider .orbit-play:hover {background-position:-34px -34px;} .page-slider .orbit-pause:hover {background-position:-74px -34px;} .page-slider .orbit-next:hover {background-position:-98px -34px;} /* BULLET NAV */ .orbit-bullets {position: absolute; z-index: 1000; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; } .orbit-bullets li {float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(orbit/bullets.jpg) no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; } .orbit-bullets li.active {color: #222; background-position: -8px 0; } .orbit-bullets li.has-thumb {background: none; width: 100px; height: 75px; } .orbit-bullets li.active.has-thumb {background-position: 0 0; border-top: 2px solid #000; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .page-slider .orbit-caption {padding:20px 0;right:200px} .page-slider .caption-content {font-size:17px;} .page-slider .orbit-actions a {width:165px} .page-slider #orbit-find {background-position:left 0} .page-slider #orbit-find:hover {background-position:left -36px} } @media only screen and (min-width: 481px) and (max-width: 767px) { .page-slider .orbit-actions {width:185px; padding:20px 10px; z-index: 700;} .page-slider .orbit-caption {padding:20px 0; left:10px; right:185px} .page-slider .caption-content {font-size:15px;} .page-slider .orbit-actions a {width:165px; right:10px} .page-slider .orbit-control {display:none} .page-slider #orbit-submit {top:20px} .page-slider #orbit-watch {bottom:20px} .page-slider #orbit-read {bottom:20px} .page-slider #orbit-find {top:20px; background-position:left 0} .page-slider #orbit-find:hover {background-position:left -36px} } @media only screen and (max-width: 480px) { .page-slider {height:320px} .page-slider .orbit {height:140px} .page-slider .orbit-slide {background-size:cover} .page-slider .orbit-controls {position:relative; height:180px; top:0; background-color:#101010} .page-slider .orbit-nav {display:none !important} .page-slider .orbit-timer {top:-4px; bottom:auto; background-color:rgba(0,0,0,0.2)} .page-slider .orbit-rotator {background-color:rgba(0,0,0,0.3)} .page-slider .orbit-actions {bottom:auto; top:0px; right:0px; left:0px; width:100%;} .page-slider .orbit-actions a {width:145px; height:32px; font-size:13px; height:32px; line-height:32px} .page-slider .orbit-caption {width:100%; padding:10px; left:0px; right:0px; top:45px; bottom:0px} .page-slider .caption-content {color:#e0e0e0; font-size:14px;} .page-slider .caption-source {font-size:12px;} .page-slider #orbit-submit {top:10px; bottom:auto; left:10px; right:auto; background-position:-40px -74px} .page-slider #orbit-watch {top:10px; bottom:auto; right:10px; left:auto; background-position:-40px -2px} .page-slider #orbit-read {top:10px; bottom:auto; right:10px; left:auto; background-position:-40px -2px} .page-slider #orbit-find {top:10px; bottom:auto; right:auto; left:50%; margin-left:-100px; width:200px; background-position:left 0; padding:0 20px;} .page-slider #orbit-submit:hover {background-position:-40px -110px} .page-slider #orbit-watch:hover {background-position:-40px -38px} .page-slider #orbit-read:hover {background-position:-40px -38px} .page-slider .orbit-control {display:none} } /* ============================================================================================================ */ /* PAGE SCENE */ /* ============================================================================================================ */ #page-scene {display:block; height:300px; overflow:hidden; position:relative; background-color:#000000; background-position:center center; background-repeat: no-repeat} .scene-controls {position:relative; height:100%; width:100%; max-width:1240px; margin:0 auto;} /* #page-scene .slide-caption {color: #fff; text-align:left; position: absolute; bottom:0px; left:0; padding:0 30px 30px; width:66%; z-index: 700; font-family: Georgia, "Bitstream Vera Serif", serif;} */ #page-scene .slide-caption {color: #fff; text-align:left; position: absolute; bottom:0px; left:0; padding:0 30px 30px; width:66%; z-index: 700;} #page-scene .caption-title {font-size:24px; line-height: 1.4em; margin-bottom: 10px} #page-scene .caption-content {font-size:20px} /* ============================================================================================================ */ /* PAGE BANNER */ /* ============================================================================================================ */ .page-banner {position:absolute; bottom:0; z-index: 800; padding:0; width:100%; overflow:hidden} .page-banner .row {position:relative; padding: 0px; background: transparent;} .page-banner .banner-info {padding:20px; background-color:rgba(0, 0, 0, 0.85);} .oldie .page-banner .banner-info {background-color:#101010;} .page-banner h2 {color:#e6e6e6; font-size:36px; font-weight:bold; line-height:1em; margin-bottom:6px;} .page-banner h3 {color:#e6e6e6; font-size:32px; font-weight:normal; line-height:1em; margin-top:-6px;} .page-banner h4 {color:#777777; font-size:14px} #partner-banner {position:relative; margin-top:-128px;} #partner-banner .banner-info {padding:0} #partner-banner h2 {color:#e6e6e6; font-size:40px; font-weight:bold; line-height:1em; padding:0.5em 1em; margin:0; text-align:center} @media only screen and (min-width: 768px) and (max-width: 1023px) { #partner-banner {position:relative; margin-top:-109px;} #partner-banner h2 {font-size:32px;} } @media only screen and (min-width: 481px) and (max-width: 767px) { #partner-banner {position:relative; margin-top:0px;} #partner-banner h2 {font-size:24px;} } @media only screen and (max-width: 480px) { #partner-banner {position:relative; margin-top:0px;} #partner-banner h2 {font-size:18px;} } /* ============================================================================================================ */ /* PAGE CONTENT */ /* ============================================================================================================ */ .page-content .row {padding:30px 30px 0; background-color:#ffffff} .page-content .row:last-child {padding:30px} .page-content .bottomrow {padding:30px} .page-content .page-main {float:right;} .page-content .main-left {float:left} .page-content .main-right {float:right} .page-content .page-side {float:left;} .page-content .side-left {float:left; width:30%; margin-right:4%} .page-content .side-right {} .page-content .side-enquiry {float:left} article {font-size:16px; color:#333333; padding:0 2em 0 0; overflow:hidden} article h1 {font-size:40px; margin-bottom:0.5em; line-height:1.25em; letter-spacing: -1px} article h2 {font-size:24px; margin-bottom:0.5em; line-height:1.25em; font-weight:600;} article p {font-size:16px; line-height:1.5em; margin:1.25em 0} /* article p.abstract {font-size:24px; font-family:Georgia,serif;} */ article p.abstract {font-size:22px;} article p.abstract a.thumb {display:block; float:right; margin-left:20px} article p.abstract a.thumb img {width:100%} article p.abstract img.thumb {float:right; margin-left:20px} article p.disclaimer {font-size:12px; color:#afb2b4; margin-top:4em; padding-top:0.5em; border-top:1px dashed #afb2b4;} article p.info {padding:15px 15px 15px 85px; font-size:14px; color:#333333; margin-top:3em; min-height:50px; box-sizing:content-box; background: url('http://images.qualitysolicitors.com/img/info_icon.png') no-repeat 15px 15px #ab9a6d; border-radius:6px} article p.info a {color:#f0f0f0; text-decoration:underline} article p span.phone {font-weight:bold; white-space:nowrap} article ol {overflow:hidden; padding-left:40px} article ul {overflow:hidden; padding-left:20px;} article ul li {margin-bottom:0.5em} article ul.split-list li {width:48%; margin-right:2%; float:left} article a {color: #AB9A6D; text-decoration:none} article a:hover {color: #AB9A6D; text-decoration:underline} article table.steps {margin-top:2em; font-size:14px} article table.steps th {padding:40px 0; text-align:left} article table.steps td {padding-bottom:30px} article table.steps td.thumb {width:125px;} article table.steps td.thumb img {} /* article table.steps h2 {color:#333333; font-size:40px; margin:0; font-family:Georgia,sans-serif; font-weight:normal} */ article table.steps h2 {color:#333333; font-size:40px; margin:0; font-weight:normal} article table.steps h3 {color:#AB9A6D; font-size:16px; margin-bottom:0.5em} article div.video {position:relative} article div.video img {width:100%} article div.video a.play {position:absolute; top:50%; left:50%; margin-left:-30px; margin-top:-30px; z-index:1; width:61px; height:61px; background:url(http://images.qualitysolicitors.com/img/home3play.png) no-repeat 0px 0px transparent; text-indent:-10000px} article div.video a.play:hover {background-position:0px -61px} article div.media {position:relative} article div.media a.zoom {position:absolute; top:50%; left:50%; margin-left:-30px; margin-top:-30px; z-index:1; width:61px; height:61px; background:url(http://images.qualitysolicitors.com/img/zoom.png) no-repeat 0px 0px transparent; text-indent:-10000px} article div.media a.zoom:hover {background-position:0px -61px} .side-menu {font-size: 16px; color:#333333; border:0px; overflow:hidden; margin-bottom: 20px;} .side-menu h4 {font-family: Arial, sans-serif; font-size:24px; color:#333333; line-height:1em; margin:8px 0 20px;} .side-menu h5 {font-size:18px; color: #333333; margin:0.5em 0;} .side-menu h5 a {font-size:18px; color: #333333; margin:0.5em 0; text-decoration:none} .side-menu p {font-family: Arial, sans-serif; font-size:18px; color: #333333; margin:1em 0 0.5em 0; padding-left: 15px} .side-menu ul {padding:0; margin:0 0 16px 0; overflow: hidden; border-top: 1px solid #E5E5E5} .side-menu ul li {color: #333333; padding:6px 0px 6px 15px; margin:0; width:100%; float:left; list-style: none; border-bottom: 1px solid #e5e5e5; font-size: 14px;} .side-menu ul li a {text-decoration:none; color: #333333; padding:0; margin:0; display:block; width:100%} .side-menu ul li a.indent {padding-left:1em} .side-menu ul li a:hover {text-decoration:none; color: #aa9a65;} .side-menu ul li.selected {background-color: #aa9a65} .side-menu ul li.selected a {color: #ffffff;} .side-menu ul li.selected a:hover {color: #ffffff;} .side-links {font-size:14px; color:#333333; padding:15px; background-color:#f2f2f2; border:1px solid #e1e1e1; margin-top:20px; border-radius:1px} .side-links h4 {font-size:14px; font-weight:bold; margin-bottom:0; border-bottom:2px solid #d9d9d9; padding-bottom:0.5em} .side-links p {font-size:14px; margin:0.5em 0} .side-links ul {overflow:hidden; margin-top:1em;} .side-links ul li {list-style-type:none;} .side-links ul li a {font-size:14px; color:#333333; text-decoration:none} .side-links ul li a:hover {color:#ab9a6d; text-decoration:underline} .side-button { border-radius:2px; background-color:#f0f0f0; display:block; width:100%; margin-bottom:20px; padding:8px; color:#606060; font-size:14px; font-weight:bold; text-decoration:none; text-align:center; -webkit-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.8); -moz-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.8); box-shadow: 0 1px 2px -1px rgba(0,0,0,0.8); background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0,0.03) 50%, rgba(0,0,0,0.09) 100%); background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.03) 50%, rgba(0,0,0,0.09) 100%); background-image: -o-linear-gradient(top, transparent, rgba(0,0,0,0.03) 50%, rgba(0,0,0,0.09) 100%); } .side-button:hover { background-color:#f4f4f4; color:#545454; } .side-button:visited {color:#606060}; .side-button:active {color:#606060}; @media only screen and (min-width: 768px)and (max-width: 1023px) { article {padding-right:0} article h1 {font-size:40px} article p {font-size:16px;} article p.abstract {font-size:20px;} article p.abstract a.thumb {width:50%; margin-left:10px} article p.abstract img.thumb {width:50%; margin-left:10px} article table.steps td.thumb {width:25%} article table.steps h2 {font-size:36px} article table.steps h3 {font-size:18px} } @media only screen and (min-width: 481px)and (max-width: 767px) { .page-content .page-main {width:100%; margin-right:0; margin-bottom:30px} .page-content .page-side {width:100%; margin-right:0} .side-button {padding:8px 24px; width:auto; float:left} article {padding-right:0} article h1 {font-size:36px} article p {font-size:16px;} article p.abstract {font-size:18px;} } @media only screen and (max-width: 480px) { .page-content .row {padding:15px 15px 0; background-color:#ffffff} .page-content .row:last-child {padding:15px} .page-content .page-main {width:100%; margin-right:0; margin-bottom:20px} .page-content .page-side {width:100%; margin-right:0} article {padding-right:0} article h1 {font-size:36px} article p {font-size:16px;} article p.abstract {font-size:18px;} article p.abstract a.thumb {width:100%; float:none; margin:0 auto 1em} article p.abstract img.thumb {display:block; float:none; width:100%; margin:0 auto 1em} article table.steps td.thumb {width:20%} article table.steps td.thumb img {width:75%} article table.steps h2 {font-size:30px} article ul.split-list li {width:100%; margin-right:0; float:left} article p.info {padding:10px 10px 10px 60px; font-size:14px; min-height:54px; background: url('http://images.qualitysolicitors.com/img/info_iconm.png') no-repeat 10px 10px #ab9a6d; border-radius:4px} } /* ============================================================================================================ */ /* POPUP ENQUIRY FORMS */ /* ============================================================================================================ */ .popup-enquiry {width:480px; background-color:#ffffff;} .popup-enquiry h3 {height:80px; font-size:28px; font-weight:400; color:#333333; border-bottom:1px solid #e5e5e5; background: #f2f2f2 url("http://images.qualitysolicitors.com/img/formicons.png") no-repeat 394px 16px; width:100%; display:block; letter-spacing:-1px; padding:25px; line-height:1em} .popup-enquiry p {font-size:16px; font-weight:400; color:#707070; padding:15px 20px;} .popup-enquiry form {width:100%; padding:0 20px 20px; overflow:hidden} .popup-enquiry .form-fields {overflow:hidden} .popup-enquiry .groupleft {float:left; width:47%} .popup-enquiry .groupright {float:right; width:47%} .popup-enquiry .groupfull {float:left; width:100%} .popup-enquiry .groupradio {float:left; width:100%; overflow:hidden; padding:4px 0} .popup-enquiry label {display:block; color:#ab9a6d; font-size:14px; font-weight:bold;} .popup-enquiry .groupradio span {color:#ab9a6d; font-size:14px; font-weight:bold; float:left} .popup-enquiry .groupradio label {display:inline-block; float:left; color:#333333; font-weight:normal; padding:0} .popup-enquiry input {font-size:14px; color: #333333; width:100%; padding:5px; margin:2px 0 12px; background-color: #ffffff; border:2px solid #dddddd; border-radius:2px;} .popup-enquiry select {font-size:14px; color: #333333; width:100%; padding:5px; margin:2px 0 12px; background-color: #ffffff; border:2px solid #dddddd; border-radius:2px;} .popup-enquiry input.error {background-color:#ffa6c9; color:black} .popup-enquiry textarea {font-size:14px; height:80px; color: #333333; width:100%; padding:5px; margin:2px 0 12px; background-color: #ffffff; border:2px solid #dddddd; border-radius:2px; resize:none;} .popup-enquiry input.radio {width:auto; float:left; vertical-align:middle; margin:5px 0.5em 5px 1em} .popup-enquiry .fieldleft {float:left; width:47%;} .popup-enquiry .fieldright {float:right; width:47%;} .popup-enquiry .submit {background-color:#f628a0; color:#ffffff; font-size:14px; font-weight:bold; padding:6px 1em; display:block; clear:both; float:right; margin:10px 0 0; width:125px; text-align:center; text-transform:uppercase} .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} @media only screen and (min-width: 768px) and (max-width: 1023px) { } @media only screen and (min-width: 481px) and (max-width: 767px) { } @media only screen and (max-width: 480px) { .popup-enquiry {width:280px; background-color:#ffffff;} .popup-enquiry form {padding:5px} .popup-enquiry h3 {height:36px; font-size:20px; font-weight:400; color:#333333; border-bottom:1px solid #e5e5e5; background: #f2f2f2 url("http://images.qualitysolicitors.com/img/menuicons2.png") no-repeat 230px -157px; width:100%; display:block; letter-spacing:-1px; padding:7px; line-height:1em} .popup-enquiry p {font-size:15px; font-weight:400; color:#707070; padding:10px 5px;} .popup-enquiry .formfields {padding:0 5px 5px} .popup-enquiry .groupleft {float:left; width:100%} .popup-enquiry .groupright {float:right; width:100%} .popup-enquiry .groupfull {width:100%} .popup-enquiry label {padding:0} .popup-enquiry input {font-size:15px; height:28px; color: #333333; padding:3px 4px; margin-bottom:8px; background-color: #ffffff; border:1px solid #dddddd; border-radius:2px;} .popup-enquiry select {font-size:15px; height:28px; color: #333333; padding:3px 4px; margin-bottom:8px; background-color: #ffffff; border:1px solid #dddddd; border-radius:2px;} .popup-enquiry input.error {background-color:#ffa6c9;color:black} .popup-enquiry textarea {font-size:15px; height:60px; color: #333333; padding:3px 4px; margin-bottom:8px; background-color: #ffffff; border:1px solid #dddddd; border-radius:2px; resize:none;} .popup-enquiry .submit {width:100%} .popup-enquiry .enquiry-terms {width:100%} } /* ============================================================================================================ */ /* SIDEBAR ENQUIRY FORM */ /* ============================================================================================================ */ .side-enquiry {position:static; overflow:hidden; margin-bottom:20px; background-color:transparent; padding:0px} #fs-enquiry {background-color:#ebebeb; padding:20px} .side-enquiry h3 {font-size:24px; font-weight:normal; color:#4a4a4a; line-height:1em; margin-bottom:0.5em} .side-enquiry p {font-size:16px; font-weight:normal; color:#808080; margin:0.5em 0 1em;} .side-enquiry .form-fields {overflow:hidden} .side-enquiry label {font-size:14px; font-weight:normal; color:#707070; display:block} .side-enquiry .groupfull {float:left; width:100%; overflow:hidden} .side-enquiry .groupleft {float:left; width:48%; overflow:hidden} .side-enquiry .groupright {float:right; width:48%; overflow:hidden} .side-enquiry .groupmessage {float:left; width:100%; overflow:hidden} .side-enquiry .groupradio {float:left; width:100%; overflow:hidden; padding:4px 0} .side-enquiry input, .side-enquiry textarea, .side-enquiry select {color: #666666; width:100%; padding:6px; margin:2px 0 12px 0; background-color: #fafafa; border:0px; font-size:14px;} .side-enquiry input {float:left;} .side-enquiry input.error {background-color:#ffa6c9; color:black} .side-enquiry input.radio {width:auto; float:left; vertical-align:middle; margin:5px 0.5em 5px 1em} .side-enquiry textarea {float:none; height:66px; resize:none;} .side-enquiry select {padding:4px} .side-enquiry .groupradio span {font-size:14px; font-weight:normal; color:#707070; float:left;} .side-enquiry .groupradio label {display:inline-block; float:left} .side-enquiry .fieldleft {float:left; width:48%;} .side-enquiry .fieldright {float:right; width:48%;} .side-enquiry .submit {background-color:#f628a0; color:#ffffff; font-size:14px; font-weight:bold; padding:6px 1em; display:block; margin:1em auto; width:100%; max-width:400px; text-align:center; text-transform:uppercase} .side-enquiry .enquiry-terms {font-size:10px; margin-top:1em; overflow:hidden} .side-enquiry .enquiry-terms span {font-size:10px; float:none; display:block; line-height:2} .side-enquiry .enquiry-terms span a {text-decoration:none} .side-enquiry .enquiry-terms span a:hover {text-decoration:underline} @media only screen and (min-width: 768px) and (max-width: 1023px) { .side-enquiry .groupfull {float:right; width:49%;} .side-enquiry .groupleft {width:49%;} .side-enquiry .groupright {width:49%;} .side-enquiry .groupmessage {width:49%;} .side-enquiry .groupradio {float:right; width:49%;} .side-enquiry textarea {height:88px;} .side-enquiry .enquiry-terms {text-align:center; margin:0 auto} .side-enquiry .enquiry-terms span {display:inline-block} } @media only screen and (min-width: 481px) and (max-width: 767px) { } @media only screen and (max-width: 480px) { } /* ============================================================================================================ */ /* FMLB Form */ /* ============================================================================================================ */ a.button-fmlb {display:block; margin:0 auto; height:32px; width:180px; background:url('http://images.qualitysolicitors.com/img/FMLB_Button.png') no-repeat top left transparent} a.button-fmlb:hover {background-position:0 -32px} #fmlb-side {float:left; width:100%; max-width:514px; margin-bottom:30px; overflow:hidden;} #fmlb-side .fmlb-side-title {padding:10px 12px; background-color:#dbdbdb; border:1px solid #c4c4c4; border-radius:3px 3px 0 0} #fmlb-side h3 {color:#333; font-size:20px; line-height:34px; padding-left:50px; background:url('http://images.qualitysolicitors.com/img/FMLB_Pointer.png') no-repeat top left transparent} #fmlb-side .fmlb-side-body {padding:20px; background-color:#f4f4f4; border:1px solid #e1e1e1; border-top:0 none;border-radius:0 0 3px 3px} #fmlb-side label {display:block; font-size:14px; color:#646464; margin-bottom:0.5em} #fmlb-side input {color:#3f3f3f; background-color:#fff; margin:0 0 16px 0; width:100%; padding:5px; border:1px solid #dadada; font-size:14px; } /* ============================================================================================================ */ /* LAP ENQUIRY FORM */ /* ============================================================================================================ */ #lap-enquiry {font-family:"Helvetica Neue", arial; position:static; overflow:hidden; margin-bottom:20px; background-color:#ebebeb; padding:20px} #lap-enquiry h1 {font-family:arial; font-size:24px; font-weight:normal; color:#4a4a4a; line-height:1em; margin-bottom:0.5em} #lap-enquiry p {font-size:16px; font-weight:normal; color:#808080; margin:0.5em 0 1em;} #lap-enquiry .form-fields {overflow:hidden} #lap-enquiry label {font-size:14px; font-weight:normal; color:#707070; display:block} #lap-enquiry .groupfull {float:left; width:100%; overflow:hidden} #lap-enquiry .groupleft {float:left; width:48%; overflow:hidden} #lap-enquiry .groupright {float:right; width:48%; overflow:hidden} #lap-enquiry .groupmessage {float:left; width:100%; overflow:hidden} #lap-enquiry input, #lap-enquiry textarea, #lap-enquiry select {color: #666666; width:100%; padding:6px; margin:4px 0 16px 0; background-color: #fafafa; border:0px; font-size:16px;} #lap-enquiry input {float:left;} #lap-enquiry input.error {background-color:#ffa6c9; color:black} #lap-enquiry input.radio {width:auto; float:left; vertical-align:middle; margin:5px 0.5em 5px 1em} #lap-enquiry textarea {float:none; height:110px; resize:none;} #lap-enquiry select {padding:6px} #lap-enquiry .fieldleft {float:left; width:48%;} #lap-enquiry .fieldright {float:right; width:48%;} #lap-enquiry .submit {background-color:#f628a0; color:#ffffff; font-size:14px; font-weight:bold; padding:6px 1em; display:block; margin:1em auto; width:200px; float:right; text-align:center; text-transform:uppercase} #lap-enquiry .enquiry-terms {font-size:10px; margin-top:1em; overflow:hidden; float:left} #lap-enquiry .enquiry-terms span {font-size:10px; float:none; display:block; line-height:2} #lap-enquiry .enquiry-terms span a {text-decoration:none} #lap-enquiry .enquiry-terms span a:hover {text-decoration:underline} /* ============================================================================================================ */ /* HOMEPAGE ENQUIRY FORM */ /* ============================================================================================================ */ .home-enquiry {overflow:hidden; float:right; width:250px;} /* .home-enquiry h3 {font-family:Georgia,serif; font-size:25px; font-weight:normal; color:#ffffff; line-height:1em; margin-bottom:0.5em;} */ .home-enquiry h3 {font-size:25px; font-weight:normal; color:#ffffff; line-height:1em; margin-bottom:0.5em;} .home-enquiry p {font-size:13px; font-weight:normal; color:#ffffff; margin-bottom:1em; width:190px} .home-enquiry label {display:block; clear:left; font-size:13px; font-weight:normal; color:#b1b1b1; margin:0; width:100%} .home-enquiry input, .home-enquiry textarea, .home-enquiry select {color:#dadada; width:100%; padding:6px; margin:0 0 12px 0; border:0px; font-size:13px; background-color:#4d4d4d} .home-enquiry input {height:28px;} .home-enquiry input.error {border:1px solid #ffa6c9;} .home-enquiry textarea {height:112px; resize:none;} .home-enquiry .fieldleft {float:left; width:120px} .home-enquiry .fieldright {float:right; width:120px} .home-enquiry #enquiry-submit {float:right; height:28px; line-height:28px; font-size:13px; font-weight:bold; display:block; background-color:#ab9a6d; color:#ffffff; padding:0 1em} .home-enquiry #enquiry-submit:hover {background-color:#bdac7e} /* ============================================================================================================ */ /* TV ADVERT */ /* ============================================================================================================ */ #tv-ad {position:relative; margin-bottom:30px} #tv-ad img {width:100%; height:auto} .tv-controls {position:absolute; top:0; bottom:0; left:0; right:0;} .tv-controls .tv-caption {position:absolute; bottom:0; width:100%; color:#ffffff; padding:20px; text-align:center} .tv-controls .caption-title {font-size:40px; font-weight:normal; line-height:1.25em} .tv-controls .caption-content {font-size:16px; text-transform:uppercase;} .tv-controls a {position:absolute; width:100%; height:60px; bottom:50%; background:transparent url('http://images.qualitysolicitors.com/img/tvplay.png') no-repeat center 0; z-index:100} .tv-controls a:hover {background-position:center -60px;} @media only screen and (max-width: 768px) { .tv-controls .caption-title {font-size:36px; font-weight:normal; line-height:1.25em} .tv-controls .caption-content {font-size:14px; text-transform:uppercase;} } @media only screen and (max-width: 480px) { .tv-controls .caption-title {font-size:20px; font-weight:normal; line-height:1.25em} .tv-controls .caption-content {font-size:10px; text-transform:uppercase;} } /* ============================================================================================================ */ /* LEGAL */ /* ============================================================================================================ */ #qs-legal-links h4 {margin-bottom:30px} /* ============================================================================================================ */ /* SERVICES */ /* ============================================================================================================ */ #qs-services {background: url("http://images.qualitysolicitors.com/img/BG-LegalServices.jpg") no-repeat scroll top right #333333} .services {font-size: 16px; color:#5c5338; background-color:#333333; border:0px; width:100%; padding:20px; float: right;} /* .services h4 {font-family:Georgia,serif; font-size:28px; color:#ffffff; line-height:1em} */ .services h4 {font-size:28px; color:#ffffff; line-height:1em} .services h5 {font-size:18px; color: #ab9a6d; margin:0.5em 0} .services h5 a {font-size:18px; color: #ab9a6d; margin:0.5em 0; text-decoration:none} .services p {font-size:18px; color: #ab9a6d; margin:1em 0} .services ul {padding:0 20px; margin:0; overflow: hidden;} .services ul li {color: #b5b5b5; padding:0; margin:0; width:100%; float:left} .services ul li a {text-decoration:none; color: #b5b5b5; padding:0; margin:0} .services ul li a:hover {text-decoration:none; color: #ffffff; padding:0; margin:0} .partner-services {font-size: 16px; color:#ab9a6d; background-color:#333333; border:0px; width:100%; float:right; padding:20px;} /* .partner-services h4 {font-family:Georgia,serif; font-size:28px; color:#ffffff; line-height:1em} */ .partner-services h4 {font-size:28px; color:#ffffff; line-height:1em} .partner-services h5 {font-size:18px; color: #ab9a6d; margin:0.5em 0} .partner-services h5 a {font-size:18px; color: #ab9a6d; margin:0.5em 0; text-decoration:none} .partner-services p {font-size:18px; color: #ab9a6d; margin:1em 0} .partner-services ul {padding:0 20px; margin:0px 0px 10px 0px; overflow: hidden;} .partner-services ul li {color: #ab9a6d; padding:0; margin:0; width:100%; float:left} .partner-services ul li a {text-decoration:none; color: #b5b5b5; padding:0; margin:0} .partner-services ul li a:hover {text-decoration:none; color: #ffffff; padding:0; margin:0} .sub-services {margin-top:8px; font-size: 16px; color:#333333; border:0px; width:100%; float:right; margin-bottom: 20px;} .sub-services h4 {font-family: Arial, sans-serif; font-size:28px; color:#333333; line-height:1em; margin-bottom: 20px; letter-spacing: -1px;} .sub-services h5 {font-size:18px; color: #333333; margin:0.5em 0;} .sub-services h5 a {font-size:18px; color: #333333; margin:0.5em 0; text-decoration:none} .sub-services p {font-family: Arial, sans-serif; font-size:18px; color: #333333; margin:1em 0 0.5em 0; padding-left: 15px} .sub-services ul {padding:0; margin:0 0 16px 0; overflow: hidden; border-top: 1px solid #E5E5E5} .sub-services ul li {color: #333333; padding:6px 0px 6px 15px; margin:0; width:100%; float:left; list-style: none; border-bottom: 1px solid #e5e5e5; font-size: 14px;} .sub-services ul li a {text-decoration:none; color: #333333; padding:0; margin:0} .sub-services ul li.selected {background-color: #aa9a65} .sub-services ul li.selected a {color: #ffffff;} .sub-services ul li a:hover {text-decoration:none; color: #aa9a65; padding:0; margin:0} .sub-services ul li.selected a:hover {color: #ffffff;} @media only screen and (max-width: 480px) { .services {margin-top:1px} } /* ============================================================================================================ */ /* FEEDS */ /* ============================================================================================================ */ .row .feed-articles {border-top:3px solid #ab9a6d} .feed-articles h4 {font-size:16px; font-weight:600; margin:1em 0 0.5em; line-height:1em; color:#ab9a6d} .feed-articles ul {list-style-type:none; margin:0; padding:0; overflow:hidden} .feed-articles ul li {border-bottom:1px dotted #333333; padding:12px 0} .feed-articles ul li:last-child {border-bottom:0 none} .feed-articles .feed-title {display:block; text-decoration:none; font-size:16px; color:#414141; line-height:1.5} .feed-articles .feed-title:hover {text-decoration:underline; color:#333333} .feed-articles .feed-source {font-size:14px; color:#888888; line-height:1.5} .feed-articles .feed-source a {text-decoration:none; color:inherit;} .feed-articles .feed-source a:hover {text-decoration:none; color:#F730A3;} .feed-articles .feed-date {text-decoration:none; font-size:14px; color:#888888} .feed-articles a.feed-more {display:inline-block; background-color:#cfcfcf; font-size:14px; color:#ffffff; text-decoration:none; padding:2px 24px 2px 8px; margin:8px 0; background: url("/images/arrows.png") no-repeat scroll right -227px #cfcfcf;} .feed-articles a.feed-more:hover {background-color: #ab9a6d;} .feed-links {padding:0 4% 0 0; border-top:3px solid #ab9a6d} .feed-links h4 {font-size:16px; font-weight:bold; margin:1em 0 1.5em; line-height:1em; color:#ab9a6d} .feed-links ul {font-size:16px; margin:0; padding:0 1em;} .feed-links ul li {padding:0} .feed-links a.feed-more {display:inline-block; background-color:#cfcfcf; font-size:14px; color:#ffffff; text-decoration:none; padding:2px 24px 2px 8px; margin:8px 0; background: url("/images/arrows.png") no-repeat scroll right -227px #cfcfcf;} .feed-links a.feed-more:hover {background-color: #ab9a6d;} @media only screen and (min-width: 481px)and (max-width: 768px) { #feed-news {width:100%} #feed-twitter {width:100%; margin-top:30px} } @media only screen and (max-width: 480px) { #feed-news {width:100%; margin:15px 0 0} #feed-twitter {width:100%; margin:15px 0 0} } /* ============================================================================================================ */ /* TESTIMONIALS */ /* ============================================================================================================ */ .testimonial {font-size:18px; margin:1em 0; padding-left:1em; border-left:0.5em solid #c3c3c3; float:left} /* .testimonial blockquote {font-family: Georgia,serif; color:#666666; font-style:italic; margin:0 0 8px 0;} */ .testimonial blockquote {color:#666666; font-style:italic; margin:0 0 8px 0;} .testimonial span {display:block; font-size:14px; color: #333333; } #home-testimonial {margin:0} #team-testimonial {} #testimonial-content article {padding:0 20px; color:#333333; background-color:#d8d8d8} @media only screen and (min-width: 1024px) { } @media only screen and (min-width: 768px)and (max-width: 1023px) { .testimonial {font-size:16px} } @media only screen and (min-width: 481px)and (max-width: 767px) { .testimonial {font-size:16px} } @media only screen and (max-width: 480px) { .testimonial {font-size:14px} #home-testimonial {margin-bottom:1px} } /* ============================================================================================================ */ /* AREAS OF LAW */ /* ============================================================================================================ */ #practice-main {float:right;} #practice-side {float:left;} #practice-side .sub-services {float:left} #practice-side .side-enquiry {float:left} #practice-main article {padding:0;} @media only screen and (min-width: 481px) and (max-width: 1023px) { #practice-main {width:100%; margin-right:0} #practice-side {width:100%; margin-right:0; margin-top:20px} #practice-side .sub-services {width:100%; margin-right:0; } #practice-side .side-enquiry {width:100%; margin-right:0; } } @media only screen and (max-width: 480px) { #practice-main {width:100%; margin-right:0} #practice-side {width:100%; margin-right:0; margin-top:20px} #practice-side .sub-services {width: 100%; margin:0} #practice-side .side-enquiry {width: 100%; margin:0} } .page-actions {overflow:hidden; padding:4px; margin:20px 0} .page-actions a {display:block; overflow:hidden; float:left; height:150px; padding:5px 15px; width:31%; margin-right:3.5%; color:#3f3f3f; text-decoration:none; background-color:#f8f8f8; border-bottom:10px solid #f92799; box-shadow:0 1px 2px 0px rgba(0, 0, 0, 0.25)} .page-actions a.lastitem {margin-right:0} .page-actions a:hover { color:#fff; text-decoration:none; background-color: #f85eb8; /* Old browsers */ background: -moz-linear-gradient(45deg, #f92799 0%, #f85eb8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f92799), color-stop(100%,#f85eb8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #f92799 0%,#f85eb8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #f92799 0%,#f85eb8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #f92799 0%,#f85eb8 100%); /* IE10+ */ background: linear-gradient(45deg, #f92799 0%,#f85eb8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f92799', endColorstr='#f85eb8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .page-actions a span {display:block; text-align:center} .page-actions a .action-icon {width:60px; height:60px; margin:0 auto; background:url('http://images.qualitysolicitors.com/img/pageactions.png') no-repeat scroll top left transparent} .page-actions a.action-start .action-icon {background-position:0 0} .page-actions a.action-start:hover .action-icon {background-position:0 -60px} .page-actions a.action-whyqs .action-icon {background-position:0 -120px} .page-actions a.action-whyqs:hover .action-icon {background-position:0 -180px} .page-actions a.action-learn .action-icon {background-position:0 -240px} .page-actions a.action-learn:hover .action-icon {background-position:0 -300px} .page-actions a .action-title {font-size:16px; font-weight:bold; margin:2px 0} .page-actions a .action-text {font-size:11px} .side-actions {overflow:hidden; padding:4px; margin-bottom:20px} .side-actions a {display:block; overflow:hidden; padding:10px; margin-right:0; color:#3f3f3f; text-decoration:none; background-color:#f8f8f8; box-shadow:0 1px 2px 0px rgba(0, 0, 0, 0.25)} .side-actions a:hover { color:#fff; text-decoration:none; background-color: #f85eb8; /* Old browsers */ background: -moz-linear-gradient(45deg, #f92799 0%, #f85eb8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f92799), color-stop(100%,#f85eb8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #f92799 0%,#f85eb8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #f92799 0%,#f85eb8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #f92799 0%,#f85eb8 100%); /* IE10+ */ background: linear-gradient(45deg, #f92799 0%,#f85eb8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f92799', endColorstr='#f85eb8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .side-actions a span {display:block;} .side-actions a .action-icon {width:60px; height:60px; margin:0 15px 0 0; float:left; background:url('http://images.qualitysolicitors.com/img/pageactions.png') no-repeat scroll top left transparent} .side-actions a.action-start .action-icon {height:50px; background-position:0 -5px} .side-actions a.action-start:hover .action-icon {background-position:0 -60px} .side-actions a .action-title {font-size:16px; font-weight:bold; margin:2px 0} .side-actions a .action-text {font-size:11px} .law-process {overflow:hidden; margin-bottom:2em;} .law-process h2 {font-size:15px; margin:1em 0} .law-process .process-chart {overflow:hidden; margin-bottom:1em; background: url("http://images.qualitysolicitors.com/img/pi_process.png") scroll repeat-x left top #f2f2f2;} .law-process .process-step {width:16.6%; float:left; padding-bottom:12px;} .law-process .process-step.firstitem {width:17%;} .law-process .process-step .step-title {font-size:15px; background-color:#f876bc; height:48px; width:100%; display:table; background: url("http://images.qualitysolicitors.com/img/pi_step2.png") scroll no-repeat -1px top transparent;} .law-process .process-step.firstitem .step-title {background-position:top right} .law-process .process-step .step-title h3 {font-size:12px; font-weight:bold; color:#fff; line-height:1.25em; padding:0 10px 0 20px; text-align:center; display:table-cell; vertical-align:middle} .law-process .process-step.firstitem .step-title h3 {padding:0 10px} .law-process .process-step .step-body {padding:12px; background-color:#f2f2f2; border-left:1px solid white} .law-process .process-step .step-body p {color:#3f3f3f; font-size:11px; margin:0; padding:0} .law-process .process-step.firstitem .step-body {border-left:0 none} .law-process .process-step .step-body p {margin-top:0} .law-process .process-step .step-number {display:none} @media only screen and (min-width: 481px) and (max-width: 639px) { .page-actions a {height:175px} } @media only screen and (max-width: 480px) { .page-actions a {height:auto; padding:10px; width:100%; margin-right:0; margin-bottom: 10px; border-left:10px solid #f92799; border-bottom:0 none;} .page-actions a .action-icon {margin:0 15px 0 0; float:left} .page-actions a span {text-align:left} .page-actions a .action-title {font-size:16px; font-weight:bold; margin:2px 0} .page-actions a .action-text {font-size:11px} } @media only screen and (max-width: 767px) { .law-process {overflow:hidden; margin-bottom:2em; background-image:none} .law-process .process-step {width:100%; padding-bottom:0; border-bottom:2px solid #fff} .law-process .process-step.firstitem {width:100%;} .law-process .process-step .step-title {display:block; height:auto; padding:12px; background: url("http://images.qualitysolicitors.com/img/pi_process.png") scroll repeat-x left 50% transparent} .law-process .process-step.firstitem .step-title {height:auto; padding:10px; background: url("http://images.qualitysolicitors.com/img/pi_process.png") scroll repeat-x left 50% transparent} .law-process .process-step .step-title h3 {display:block; text-align:left; font-size:14px; line-height:1em; padding:0} .law-process .process-step.firstitem .step-title h3 {text-align:left; font-size:14px; line-height:1em; padding:0} .law-process .process-step .step-body p {font-size:12px} .law-process .process-step .step-number {display:inline-block; background-color:#fff; color:#F628A0; padding:5px 8px; margin-right:10px; line-height:1em; border-radius:50% } } /* ============================================================================================================ */ /* AREAS OF LAW - INJURY CLAIMS */ /* ============================================================================================================ */ #pi-main {border-left:1px solid #eee; padding-left:2%} #pi-main article {padding:0} #pi-main article h2 {font-size:15px; margin:1em 0} #pi-main article p.abstract {margin:1.5em 0; line-height:1.4} #pi-package {background-color:#f2f2f2; overflow:hidden; margin:2em 0 3em 0} #pi-package .pi-step {width:33%; float:left} #pi-package .pi-step.lastitem {width:34%;} #pi-package .pi-step .step-title {font-size:15px; padding:1em 0; background-color:#3c3c3c} #pi-package .pi-step .step-title h3 {font-size:15px; color:#fff; line-height:2em; padding:0 1em; border-right:1px solid #505050; text-align:center} #pi-package .pi-step.lastitem .step-title h3 {font-size:15px; color:#fff; line-height:2em; padding:0 1em; border-right:0 none} #pi-package .pi-step .step-body {font-size:13px; padding:24px 16px; background-color:#f2f2f2; border-right:1px solid #d9d9d9; } #pi-package .pi-step.lastitem .step-body {border-right:0 none} #pi-package .pi-step .step-body ul {padding-left:0} #pi-package .pi-step .step-body li {color:#565656; margin-bottom:1em; padding-left:2em; list-style-type:none; background: url("http://images.qualitysolicitors.com/img/pi_listitem.png") scroll no-repeat top left transparent;} #pi-package .pi-step .step-body p {margin-top:0} #pi-package .pi-step .step-body a.pi-button {} #pi-areas {margin-bottom:3em; overflow:hidden;} #pi-areas ul {float:left; width:48%; margin-right:4%; list-style-type:none; padding:0; border-top:1px solid #E9E9E9} #pi-areas ul.lastitem {margin-right:0;} #pi-areas li {font-size:14px; border-bottom: 1px solid #e9e9e9; padding:0.5em 0; margin:0} #pi-areas li a {display:block; padding-left:24px; background: url("http://images.qualitysolicitors.com/img/pi_listitem.png") scroll no-repeat left top transparent; color:#3a3a3a; text-decoration:none} #pi-areas li a:hover {color:#F628A0;} #pi-areas p {font-size:14px; color:2c2c2c;} a.pi-button {display:inline-block; color:#fff; font-size:15px; font-weight:bold; line-height:44px; padding-left:1em; height:44px; width:138px; background: url("http://images.qualitysolicitors.com/img/pi_button.png") scroll no-repeat left top transparent; text-shadow:1px 1px 2px rgba(0,0,0,0.3); text-decoration:none} a.pi-button:hover {color:#fff; text-decoration:none; background-position:left -44px} #pi-learn {float:right} #pi-faq {float:left; padding:20px; background-color:#4b4b4b; color:#fff} #pi-faq h4 {font-size:18px; font-weight:bold;} #pi-faq p.faq-question {font-size:15px; font-weight:bold; margin:1.5em 0 2em 0; line-height:1.4} #pi-faq p.faq-answer {font-size:13px; font-weight:normal; margin:2em 0; line-height:1.4} #pi-faq img.faq-thumb {float:left; margin-right:10px;} #pi-faq span.faq-source {display:block; font-size:12px; font-weight:bold;} #pi-faq span.faq-location {display:block; font-size:12px; font-weight:normal;} #pi-faq a.faq-more {display:block; font-size:13px; color:#ab9a6d; text-decoration:underline; padding-top:10px; border-top:1px solid #6f6f6f; margin-top:1em; background: url("http://images.qualitysolicitors.com/img/pi_more.png") scroll no-repeat right 13px transparent;} @media only screen and (min-width: 640px) and (max-width: 1023px) { #pi-main {width:100%; margin-right:0; border:0 none; padding:0} #pi-side {width:100%; margin-right:0; margin-top:20px} } @media only screen and (max-width: 639px) { #pi-main {width:100%; margin-right:0; border:0 none; padding:0} #pi-side {width:100%; margin-right:0; margin-top:20px} #pi-areas ul {width:100%; margin-right:0%;} #pi-areas ul.lastitem {border-top:0 none} } @media only screen and (max-width: 767px) { #pi-package .pi-step {width:100%; float:left} #pi-package .pi-step.lastitem {width:100%;} #pi-package .pi-step .step-title {padding:0.5em 0;} #pi-package .pi-step .step-body {padding:15px 10px;} } /* ============================================================================================================ */ /* AREAS OF LAW - DIVORCE */ /* ============================================================================================================ */ #divorce-main {border-left:1px solid #eee; padding-left:2%} #divorce-main article {padding:0} #divorce-main article p.disclaimer {color:#646464} #divorce-main .table-wrapper {overflow-y:visible; overflow-x:hidden} #divorce-options {border-collapse:collapse; margin-bottom:30px; margin-top:10px} #divorce-options th {font-size:14px; font-weight:bold; color:#3a3a3a; background-color:#f4f4f4; border:1px solid #e1e1e1; width:20%; padding:0} #divorce-options th span {display:block; padding:12px; line-height:1.25} #divorce-options th.label {background-color:#fff; color:#646464;} #divorce-options td {font-size:13px; font-weight:normal; color:#3a3a3a; background-color:#f4f4f4; border:1px solid #e1e1e1; padding:8px; text-align:center; vertical-align:middle} #divorce-options td.label {background-color:#fff; color:#646464; font-weight:bold} #divorce-options tr.desc td {vertical-align:top} #divorce-options tr.forme td {vertical-align:top} #divorce-options tr.court td {font-size:15px; color:#ff0000} #divorce-options tr.court td.label {font-size:13px; color:#646464;} #divorce-options tr.fees td {font-size:20px; color:#139635} #divorce-options tr.fees td.small {font-size:13px;} #divorce-options tr.fees td.medium {font-size:15px;} #divorce-options tr.fees td.large {font-size:20px;} #divorce-options tr.fees td.label {font-size:13px; color:#646464;} #divorce-options tr.toggle td.label {border:0 none} #divorce-options tr.start td.label {border:0 none} #divorce-options th.promo {background-color:#F92799} #divorce-options th.promo span { color:#fff; border-radius:5px 5px 0 0; position:relative; top:-8px; padding:20px 12px 4px 12px; background-color: #f92799; /* Old browsers */ background-image: -webkit-linear-gradient(top, #f85eb8 0%, #f92799 100%); /* Chrome10+, Safari5.1+ */ background-image: -moz-linear-gradient(top, #f85eb8 0%, #f92799 100%); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #f85eb8 0%, #f92799 100%); /* IE10+ */ background-image: -o-linear-gradient(top, #f85eb8 0%, #f92799 100%); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #f85eb8 0%,#f92799 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85eb8', endColorstr='#f92799',GradientType=0 ); IE6-9 */ } #divorce-options td {-moz-transition:background-color 1s ease-out} #divorce-options td.promo {background-color:#fff;} #divorce-options tbody.closed {display:none} #divorce-options tbody.compare-details td {background-repeat:no-repeat; background-position:50% 50%} #divorce-options tbody.compare-details td.label {font-size:12px; font-weight:normal; text-align:left} #divorce-options tbody.compare-details td.on {background-image: url("http://images.qualitysolicitors.com/img/divorce_on.png")} #divorce-options tbody.compare-details td.off {background-image: url("http://images.qualitysolicitors.com/img/divorce_off.png")} a.divorce-toggle {display:inline-block; color:#f92799; font-size:13px; font-weight:bold; text-align:left; line-height:15px; width:auto; padding-right:35px; background: url("http://images.qualitysolicitors.com/img/divorce_toggle.png") scroll no-repeat right -30px transparent; text-decoration:none} tr.closed a.divorce-toggle {background-position:right top} a.divorce-start {display:inline-block; color:#fff; font-size:13px; font-weight:bold; line-height:33px; height:33px; width:87px; background: url("http://images.qualitysolicitors.com/img/divorce_button.png") scroll no-repeat left top transparent; text-shadow:1px 1px 2px rgba(0,0,0,0.3); text-decoration:none} a.divorce-start:hover {color:#fff; text-decoration:none; background-position:left -33px} #divorce-options .divorce-tip {display:block; margin:4px auto 0 auto; cursor:help; width:23px; height:23px; background:url('http://images.qualitysolicitors.com/img/divorce_tip.png') no-repeat scroll 0 0 transparent} #divorce-options tbody.compare-details .divorce-tip {margin:4px 0} .touch .divorce-tip {display:none} #divorce-testimonial {float:left; padding:20px; background-color:#4b4b4b; color:#fff} #divorce-testimonial h4 {font-size:18px; font-weight:bold;} #divorce-testimonial p {font-size:15px; font-weight:bold; margin:1em 0 0.5em 0; padding-bottom:0.5em; border-bottom:1px solid #6f6f6f} #divorce-testimonial span.testimonial-source {display:block; font-size:12px; font-weight:bold;} #divorce-testimonial span.testimonial-location {display:block; font-size:12px; font-weight:normal;} @media only screen and (min-width: 640px) and (max-width: 1023px) { #divorce-main {width:100%; margin-right:0; border:0 none; padding:0} #divorce-side {width:100%; margin-right:0; margin-top:20px} } @media only screen and (max-width: 639px) { #divorce-main {width:100%; margin-right:0; border:0 none; padding:0} #divorce-side {width:100%; margin-right:0; margin-top:20px} } @media only screen and (max-width: 767px) { #divorce-main .table-wrapper {overflow-x:auto} #divorce-options {min-width:650px} } /* ============================================================================================================ */ /* BARNARDOS FREE WILLS */ /* ============================================================================================================ */ #barnardos-scene {display:block; height:300px; overflow:hidden; position:relative; background-color:#000000; background-position:center center; background-repeat: no-repeat} #barnardos-scene .scene-controls {position:relative; height:100%; width:100%; max-width:1240px; margin:0 auto;} /* #barnardos-scene .slide-caption {color: #fff; text-align:left; position: absolute; bottom:0px; top:0; left:0; padding:30px 30px 30px 60px; width:400px; z-index: 700; font-family: Georgia, "Bitstream Vera Serif", serif;} */ #barnardos-scene .slide-caption {color: #fff; text-align:left; position: absolute; bottom:0px; top:0; left:0; padding:30px 30px 30px 60px; width:400px; z-index: 700; } #barnardos-scene .caption-title {font-size:40px; font-weight:normal; line-height: 1.25em; margin-bottom: 1em} #barnardos-scene .caption-content {font-family:Arial,sans-serif; font-size:21px} #barnardos-quicksearch {width:100%; float:left; margin-bottom:30px; padding:20px; background-color:#333333;} #barnardos-quicksearch .sub-caption {color: #828282; font-size: 14px; text-transform: uppercase; margin-left: 172px; margin-top: 30px;} #barnardos-quicksearch .caption {color:#ffffff; font-size:20px;} #barnardos-quicksearch .barnardos-fields {overflow:hidden; height:36px; margin-top:20px;} #barnardos-quicksearch #barnardos-postcode {height:36px; width:100%; float:left; padding:5px; font-size:18px; color:#adadad; margin:0} #barnardos-quicksearch #barnardos-search {position:relative; top:-36px; left:auto; right:auto; display:block; float:right; width:36px; height:36px; background:url('http://images.qualitysolicitors.com/img/findsearch.png') no-repeat -5px -5px transparent;} #barnardos-quicksearch #barnardos-search:hover, #barnardos-quicksearch #barnardos-search:active {background-position: -5px -52px} .promises {float:left; width:100%; background-color:#363636; padding:20px; color:#ffffff} .promises h3 {font-size:24px; font-weight:bold; margin-bottom:0.5em} .promises ul {list-style-type:none; border-top:1px solid #000000; border-bottom:1px solid #303030} .promises li {display:block; border-top:1px solid #303030; border-bottom:1px solid #000000} .promises li a {color:#ffffff; line-height:2.25em; text-decoration:none} @media only screen and (min-width: 768px) and (max-width: 1023px) { #barnardos-scene .slide-caption {width:380px; padding:50px 30px} #barnardos-scene .caption-title {font-size:36px} #barnardos-scene .caption-content {font-size:18px} } @media only screen and (max-width: 767px) { #barnardos-scene {height:140px; background-color:#000000; background-image:url('http://images.qualitysolicitors.com/slides/qs/barnardos_m02.jpg') !important} #barnardos-scene .slide-caption {display:none} } @media only screen and (max-width: 480px) { #results-main, #results-sub {margin-left:5%; margin-right: 5%;} } @media only screen and (min-width: 481px)and (max-width: 639px) { } /* ============================================================================================================ */ /* CONTACT US */ /* ============================================================================================================ */ #contactus-scene {width:100%; height:300px; overflow:hidden; background-color:#989697} #contactus-scene-left {float:left; width:50%; height:300px; background: url("http://images.qualitysolicitors.com/img/contactus_d1.png") no-repeat scroll top right #AAAAAA;} #contactus-scene-right {float:right; width:50%; height:300px; background: url("http://images.qualitysolicitors.com/img/contactus_w2.jpg") no-repeat scroll top left #000000;} #contactus-info {width:100%; max-width:620px; padding-left:30px; float:right} #contactus-info h1 {color:#ffffff; font-size:36px; line-height:1.1em; margin:1em 0 0.75em; width:66%} #contactus-info p {color:#ffffff; font-size:14px; width:66%} #contactus-form {background-color:#ffffff} #contactus-side {border-right:1px solid #dadada} #contactus-details {font-size:13px; color:#333333;} #contactus-details h3 {font-size:15px; font-weight:bold; color:#ab9a6d; margin-bottom:1em} #contactus-details span.tag {display:block; width:100%; font-weight:bold} #contactus-details span.value {display:block; width:100%; margin-bottom:1.5em} #contactus-details a {text-decoration:none} #contactus-details a:hover {text-decoration:underline} #contactus-connect {margin-top:20px} #contactus-connect ul {overflow:hidden; padding-top:10px; } #contactus-connect ul li {list-style-type:none; float:left; margin-right:6px} #contactus-connect ul li a {display:block; height:40px; width:40px; background: url("http://images.qualitysolicitors.com/img/social3.png") no-repeat scroll top left transparent;} #contactus-connect ul li a.facebook {background-position:-80px 0px} #contactus-connect ul li a.twitter {background-position:-80px -40px} #contactus-connect ul li a.linkedin {background-position:-80px -80px} #contactus-connect ul li a.google {background-position:-80px -120px} #contactus-connect ul li a.youtube {background-position:-80px -160px} #contactus-connect ul li a.facebook:hover {background-position:-40px 0px} #contactus-connect ul li a.twitter:hover {background-position:-40px -40px} #contactus-connect ul li a.linkedin:hover {background-position:-40px -80px} #contactus-connect ul li a.google:hover {background-position:-40px -120px} #contactus-connect ul li a.youtube:hover {background-position:-40px -160px} #contactus-form .contactus-fields1 {width:28%; margin-right:6%} #contactus-form .contactus-fields2 {width:28%; margin-right:4%} #contactus-form label {font-size:13px; height:20px; line-height:20px; display:block; color:#646464; margin-bottom:2px} #contactus-form input, #contactus-form textarea, #contactus-form select {color:#4b4b4b; width:100%; padding:6px; margin-bottom:16px; background-color: #e5e5e5; border:0px; font-size:14px;} #contactus-form input.radio {width:auto; float:left; vertical-align:middle; margin:4px 0.5em 4px 0} #contactus-form input.error {background-color:#ffa6c9; color:black} #contactus-form select {height:28px;} #contactus-form .groupfull {overflow:hidden} #contactus-form .groupradio {overflow:hidden; padding:4px 0 36px} #contactus-form .groupradio span.label {font-size:13px; height:20px; line-height:20px; display:block; color:#646464; margin-bottom:2px;} #contactus-form .groupradio label {display:inline-block; float:left; color:#646464; font-weight:normal; padding:0; margin:0 3em 0 0} #contactus-form .fieldleft {width:49%; float:left} #contactus-form .fieldright {width:49%; float:right} #contactus-form textarea {height:160px; resize:none;} #contactus-form #enquiry-submit {display:inline-block; font-size:12px; font-weight:bold; color:#ffffff; text-decoration:none; padding:0 20px; margin:20px 0 20px 20px; line-height:28px; height:28px; float:right; background-color:#f628a0; text-transform:uppercase} #contactus-form #enquiry-submit:hover {} #contactus-form .enquiry-terms {margin-top:18px; font-size:11px} @media only screen and (min-width: 641px)and (max-width: 1023px) { #contactus-scene-left {width:66.5%; background: url("http://images.qualitysolicitors.com/img/contactus_d1.png") no-repeat scroll right top #AAAAAA;} #contactus-scene-right {width:33.5%; background: url("http://images.qualitysolicitors.com/img/contactus_t2.jpg") no-repeat scroll right top #000000;} #contactus-info {width:100%; max-width:100%; padding-left:30px; float:none} #contactus-info h1 {width:100%} #contactus-form .contactus-fields1 {width:32%; margin-right:2%} #contactus-form .contactus-fields2 {width:32%; margin-right:0} } @media only screen and (max-width: 640px) { #contactus-scene-left {width:100%; height:300px; background: url("http://images.qualitysolicitors.com/img/contactus_m1.png") no-repeat scroll top right #AAAAAA;} #contactus-scene-right {display:none} #contactus-side {width:100%; margin-right:0; border-right:0 none} #contactus-info {width:100%; padding:10px;} #contactus-info h1 {font-size:32px; line-height:1.25; margin:1em 0 0.75em; width:100%} #contactus-info p {font-size:16px; width:100%; padding-right:1.5em} #contactus-side {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dadada} #contactus-form .contactus-fields1 {width:100%; margin-right:0} #contactus-form .contactus-fields2 {width:100%; margin-right:0} #contactus-form input {margin-bottom:1em} #contactus-form select {margin-bottom:1em} #contactus-form textarea {margin-bottom:1.5em} } /* ============================================================================================================ */ /* THANK YOU */ /* ============================================================================================================ */ #contact-side {background-color:#333333; padding:20px} #contact-side h3 {color:#AB9A6D; text-transform:uppercase; font-size:16px; font-weight:600;} .contact-details {} #contact-side .contact-details span.tag {display:block; width:100%; margin-top:1em; color:#ffffff} #contact-side .contact-details span.value {display:block; width:100%; color:#cccccc} #contact-side .contact-details span.value {display:block; width:100%; color:#cccccc} #contact-side .contact-details a {text-decoration:none} #contact-side .contact-details a:hover {text-decoration:underline} /* ============================================================================================================ */ /* RACHEL COLLIER SONG */ /* ============================================================================================================ */ #song-scene {display:block; height:440px; overflow:hidden; position:relative; background-color:#000000; background-position:center center; background-repeat: no-repeat} #song-scene .song-controls {position:relative; height:100%; width:100%; max-width:1240px; margin:0 auto;} #song-scene .song-caption {color: #fff; text-align:left; position: absolute; top:0px; left:0; padding:30px; width:65%;} /*#song-scene .caption-title {font-size:42px; font-weight:normal; line-height: 1.4em; margin-bottom:20px; font-family:Georgia, "Bitstream Vera Serif", serif; text-shadow:1px 1px 2px rgba(0,0,0,0.4)} */ #song-scene .caption-title {font-size:42px; font-weight:normal; line-height: 1.4em; margin-bottom:20px; text-shadow:1px 1px 2px rgba(0,0,0,0.4)} #song-scene .caption-content {font-size:18px; line-height:1.4} #song-scene .caption-content a {color:#ffffff; text-decoration:underline} #song-scene .song-actions {text-align:left; position: absolute; bottom:0px; left:0; height:80px; padding:30px} #song-scene .song-actions a {display:block; position:absolute; bottom:30px; width:185px; height:36px; color:#FFFFFF; font-size:14px; font-weight:700; line-height:36px; padding:0 12px; text-decoration:none; text-transform:uppercase; background: url('http://images.qualitysolicitors.com/img/orbitactions.png') no-repeat right 0px} #song-scene .song-actions a:hover { background-position:right -36px} #song-advert {left:30px;} #song-video {left:235px;} #song-content {background-color:#f0f0f0} #song-info {background-color:transparent} #song-side {width:185px; margin-right:20px;} #song-main {float:none; width:auto} #song-main article {padding-right:3em} #song-download {margin-top:1em} #song-download h4 {font-size:16px; font-weight:600; color:#565656; margin-bottom:1em} @media only screen and (min-width: 768px)and (max-width: 1023px) { #song-scene {background-position:60% top} #song-scene .song-caption {width:65%;} #song-scene .caption-title {font-size:36px; line-height:1.3em; margin-bottom:20px;} #song-scene .caption-content {font-size:18px;} #song-main article {padding-right:2em} } @media only screen and (min-width: 481px)and (max-width: 767px) { #song-scene {background-position:65% top} #song-scene .song-caption {width:60%;} #song-scene .caption-title {font-size:24px; line-height:1.3em; margin-bottom:20px;} #song-scene .caption-content {font-size:16px;} #song-scene .song-actions {} #song-scene .song-actions a {bottom:20px;} #song-scene .song-actions a:hover { background-position:right -36px} #song-main article {padding-right:0} #song-main article h1 {font-size:32px; letter-spacing:-1px} } @media only screen and (max-width: 480px) { #song-scene {height:360px; background-size:auto 180px; background-position:60% top; background-color:#000000} #song-scene .song-caption {width:100%; padding:0} #song-scene .caption-title {height:180px; font-size:20px; line-height:1.3em; padding:20px; margin:0; width:75%} #song-scene .caption-content {font-size:16px; padding:10px; height:180px; color:#f0f0f0; text-align:center} #song-scene .song-actions {bottom:180px} #song-scene .song-actions a {bottom:10px; width:145px; background-position:0 0; text-align:center} #song-scene .song-actions a:hover { background-position:0 -36px} #song-advert {left:10px;} #song-video {left:165px;} #song-info {padding:10px} #song-side {width:100%; margin:0} #song-cover {width:148px; margin-right:20px; float:left} #song-download {margin-top:0} #song-main {margin-top:24px} #song-main article {padding-right:0} #song-main article h1 {font-size:28px; letter-spacing:-1px} } /* ============================================================================================================ */ /* FOR SOLICITORS */ /* ============================================================================================================ */ #XXXfs-submit {float:left; width:100%; margin-top:8px} #XXXfs-form label {margin-bottom:4px; font-size:16px; font-weight:normal; color:#505050; float:left} #application-form {float:left; width:100%; max-width:800px} .app-form-content {width:100%; background-color:#f4f4f4; color:#333333; padding:20px; font-size: 15px; margin-bottom: 20px;} .app-form-content h3 {font-weight:600; font-size:15px; line-height:1em; margin-bottom:1em; padding-bottom:0.5em; border-bottom:1px dotted #333333} .app-form-table {border:none; width:100%} .app-form-content table td {vertical-align:top; padding:4px 0} .app-form-content td.label {width:300px; padding:4px 12px 4px 0} .app-form-content td.note {width:300px; padding:4px 12px 4px 0; vertical-align:top;} .app-form-content td.info {} .app-form-content label {display:block; line-height:24px;} .app-form-content input {font-size:15px; border:1px solid #cccccc; padding:4px 3px;} .app-form-content textarea {width:100%; height:80px; font-size:15px; border:1px solid #cccccc; padding:4px 3px; font-family:arial,helvetica,sans-serif;} .app-form-content input.app-checkbox {margin-right:10px; float:left; clear:left; height:24px;} .app-form-content input.app-radio {margin-right:10px; float:left; clear:left; height:24px;} .app-form-content input.app-desc {width:100%} .app-form-content input.app-text {width:220px} .app-form-content input.error {border:1px solid #f63698;background-color:#ffa6c9;color:black} .app-form-content textarea.error {border:1px solid #f63698;background-color:#ffa6c9;color:black} #app-submit {float:left; width:200px; color:#ffffff} /* ============================================================================================================ */ /* FOR SOLICITORS PAGES */ /* ============================================================================================================ */ #fs-side {width:28%; margin-right:6%} .touch #fs-brochure {display:none} #fs-timeline_mobile {display:none} #fs-pdf {overflow:hidden; margin-top:30px} #fs-download {padding:10px 15px; border:1px solid #e5e5e5} #fs-download h4 {font-size:20px; color:#666666; border-bottom:1px solid #e5e5e5; padding-bottom:4px; margin-bottom:10px;} #fs-download ul {list-style-type:none; padding:0} #fs-download ul li {font-size:12px; line-height:26px; overflow:hidden; border-top:1px dotted #e5e5e5; padding:5px 0; margin:0} #fs-download ul li.firstitem {border-top:0 none} #fs-download ul li a.download {float:right; display:block; width:100px; height:28px; background:url(http://images.qualitysolicitors.com/img/download.png) no-repeat 0px 0px transparent; text-indent:-10000px;} #fs-download ul li a.download:hover {background-position:0 -28px} .fs-gallery {overflow:hidden; margin-bottom:10px} .fs-gallery h3 {color:#ab9a6d; font-size:18px; margin-bottom:0.5em} .fs-gallery .video {margin-bottom:20px} #fs-contactus {display:inline-block; margin:0 auto; color:#ffffff; padding:15px 70px 15px 25px; line-height:30px; text-decoration:none; background:url(http://images.qualitysolicitors.com/img/fs/fs-contactus.png) no-repeat right 0px #ab9a6d; border-radius:4px;} #fs-contactus:hover {background-position:right -60px; text-decoration:none} @media only screen and (min-width: 768px) and (max-width: 1023px) { #fs-side {width:100%; margin-right:0} #fs-main {width:100%; margin-right:0; margin-bottom:30px} #fs-pdf .twocol {width:100%; margin-right:0} #fs-enquiry .groupfull {float:left; width:100%;} } @media only screen and (min-width: 481px) and (max-width: 767px) { #fs-side {width:100%; margin-right:0} #fs-main {width:100%; margin-right:0; margin-bottom:30px} #page-scene.fs-scene {height:240px; background-size:cover} #fs-pdf .twocol {width:100%; margin-right:0} #fs-enquiry .groupfull {float:left; width:100%;} } @media only screen and (max-width: 480px) { #fs-side {width:100%; margin-right:0%} #fs-main {width:100%; margin-right:0; margin-bottom:20px} #page-scene.fs-scene {height:160px; background-size:cover} #fs-pdf .twocol {width:100%; margin-right:0} #fs-download {padding:10px 10px;} #fs-timeline {display:none} #fs-timeline_mobile {display:block; text-align:center} #fs-contactus {padding:15px 55px 15px 10px;} #fs-enquiry .groupfull {float:left; width:100%;} } /* ============================================================================================================ */ /* FIND A SOLICITOR */ /* ============================================================================================================ */ #find-slider {height:440px; overflow:hidden; position:relative; background-color: #000000} #findslide {height:440px; background: url(http://images.qualitysolicitors.com/slides/find-solicitor.jpg) center center no-repeat} #find-results { z-index:1000; background-color: #292929; width:100%; line-height: 1.1em} #find-results .row {background: none} #findmap {margin-bottom:200px;} #findmap div {-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;} .results-head {color: #ab9a6d; font-size: 10pt; text-transform: uppercase; margin-top: 15px; margin-bottom: 5px} .results-name, .results-name a {color: #ffffff; font-size: 12pt; text-decoration: none;} .results-name a:hover {color: #ab9a6d;} .results-caption {color: #888888; font-size: 10pt; margin-bottom: 5px;} .results-content {color: #bbbbbb; font-size: 10pt;} #results-main, #results-sub {margin-bottom:15px;} .infopopup {display:block; width:400px; height: 200px; overflow:hidden; line-height: 1.3em; font-size: 14px;} .infopopup img {position: relative;} .infopopup .address {width:190px; float: left; margin: 10px 0px 0px 10px} .infopopup .contact { float: left; margin-top: 10px; width: 200px;} .infopopup-whs {display:block; overflow:hidden;} .infopopup-whs img {position: relative; margin-right: 15px;} #search-box {position: absolute; top:200px; z-index: 400; width:100%;} #search-inner {margin-left: auto; margin-right:auto; width: 620px; height: 275px; border-top: 5px solid #ab9a6d; background: url('http://images.qualitysolicitors.com/img/BG-Search.png') no-repeat left bottom #000000;} #search-box .sub-caption {color: #828282; font-size: 14px; text-transform: uppercase; margin-left: 172px; margin-top: 30px;} #search-box .caption {color: #ffffff; font-size: 32px; margin-left: 172px; letter-spacing: -1.2px;} #search-box #search-box-input {height: 47px; width: 350px; padding: 5px; margin-left: 172px; margin-top: 20px; border: 0; font-size: 22px; color: #adadad} #search-box .search-error {color: #ab9a6d; font-size: 16px; margin-left: 172px} #search-btn {position:relative; left:522px; top:-47px; width:47px} #search-btn a {width: 47px; height: 47px; background:url('http://images.qualitysolicitors.com/img/findsearch.png') no-repeat 0 0 transparent; display:block; } #search-btn a:hover, #search-btn a:active {background-position: 0 -47px} .findbox {position: absolute; top:240px; z-index: 400; width:100%;} .findbox-form {margin-left: auto; margin-right:auto; width:480px; box-shadow:4px 4px 6px 0 rgba(0,0,0,0.75)} .findbox-title {padding:12px; background-color:#f92799;} .findbox-title h3 {color:#fff; font-size:20px; line-height:42px; padding-left:75px; background:url('http://images.qualitysolicitors.com/img/Find_Pointer.png') no-repeat top left transparent} .findbox-body {padding:30px; background-color:#f4f4f4; overflow:hidden} .findbox label {display:block; font-size:14px; color:#646464; margin-bottom:0.5em} .findbox input {float:left; color:#909090; background-color:#fff; margin:0; width:276px; padding:16px; border:1px solid #dfdfdf; border-right:0 none; font-size:17px; } .findbox a.findbox-search {display:block; float:right; margin:0; height:55px; width:144px; background:url('http://images.qualitysolicitors.com/img/Find_Button.png') no-repeat top left transparent} .findbox a.findbox-search:hover {background-position:0 -55px} .findbox-error {color:#F71A12; font-size:12px; margin-top:0.5em; float:left} #barnardos-box {position:absolute; top:200px; z-index: 400; width:100%;} #barnardos-inner {margin:0 auto; width: 620px; height: 275px; border-top: 5px solid #ab9a6d; background: url('http://images.qualitysolicitors.com/img/BG-Search.png') no-repeat left bottom #000000;} #barnardos-box .sub-caption {color: #828282; font-size: 14px; text-transform: uppercase; margin-left: 172px; margin-top: 30px;} #barnardos-box .caption {color:#ffffff; font-size:28px; margin-left:172px; margin-top:50px; line-height:1.25} #barnardos-postcode {height: 47px; width: 350px; padding: 5px; margin-left: 172px; margin-top: 20px; border: 0; font-size: 22px; color: #adadad} #barnardos-box .search-error {color: #ab9a6d; font-size: 16px; margin-left:172px; margin-top:-20px} #barnardos-search {position: relative; left: 522px; top:-47px; width: 47px; height: 47px; background:url('http://images.qualitysolicitors.com/img/findsearch.png') no-repeat 0 0 transparent; display:block; } #barnardos-search:hover, #barnardos-search:active {background-position: 0 -47px} #offers-box {position:absolute; top:200px; z-index: 400; width:100%;} #offers-inner {margin:0 auto; width: 620px; height: 275px; border-top: 5px solid #ab9a6d; background: url('http://images.qualitysolicitors.com/img/BG-Search.png') no-repeat left bottom #000000;} #offers-box .sub-caption {color: #828282; font-size: 14px; text-transform: uppercase; margin-left: 172px; margin-top: 30px;} #offers-box .caption {color:#ffffff; font-size:28px; margin-left:172px; margin-top:50px; line-height:1.25} #offers-postcode {height: 47px; width: 350px; padding: 5px; margin-left: 172px; margin-top: 20px; border: 0; font-size: 22px; color: #adadad} #offers-box .search-error {color: #ab9a6d; font-size: 16px; margin-left:172px; margin-top:-20px} #offers-search {position: relative; left: 522px; top:-47px; width: 47px; height: 47px; background:url('http://images.qualitysolicitors.com/img/findsearch.png') no-repeat 0 0 transparent; display:block; } #offers-search:hover, #offers-search:active {background-position: 0 -47px} #offers-quicksearch {width:100%; float:left; margin-bottom:30px; padding:20px; background-color:#333333;} #offers-quicksearch .sub-caption {color: #828282; font-size: 14px; text-transform: uppercase; margin-left: 172px; margin-top: 30px;} #offers-quicksearch .caption {color:#ffffff; font-size:20px;} #offers-quicksearch .offers-fields {overflow:hidden; height:36px; margin-top:20px;} #offers-quicksearch #offers-postcode {height:36px; width:100%; float:left; padding:5px; font-size:18px; color:#adadad; margin:0} #offers-quicksearch #offers-search {position:relative; top:-36px; left:auto; right:auto; display:block; float:right; width:36px; height:36px; background:url('http://images.qualitysolicitors.com/img/findsearch.png') no-repeat -5px -5px transparent;} #offers-quicksearch #offers-search:hover, #offers-quicksearch #offers-search:active {background-position: -5px -52px} .find-scene {display:block; height:440px; overflow:hidden; position:relative; background-color:#000000; background-position:center center; background-repeat: no-repeat} .find-scene .scene-controls {position:relative; height:100%; width:100%; max-width:1240px; margin:0 auto;} /* .find-scene .slide-caption {color: #fff; text-align:left; position: absolute; bottom:0px; top:0; left:0; padding:60px; width:550px; z-index: 700; font-family: Georgia, "Bitstream Vera Serif", serif;} */ .find-scene .slide-caption {color: #fff; text-align:left; position: absolute; bottom:0px; top:0; left:0; padding:60px; width:550px; z-index: 700;} .find-scene .caption-title {font-size:48px; font-weight:normal; line-height: 1.25em; margin-bottom: 1em} .find-scene .caption-content {font-family:Arial,sans-serif; font-size:21px} #find-main {float:right} #find-side {float:left;} #lpc-buttons {width:90%; overflow:hidden; margin:60px auto} #lpc-login {display:block; float:left; width:262px; height:90px; background: url('http://images.qualitysolicitors.com/img/lpcbuttons.png') no-repeat 0 0 transparent} #lpc-confirm {display:block; float:right; width:262px; height:90px; background: url('http://images.qualitysolicitors.com/img/lpcbuttons.png') no-repeat 0 -180px transparent} #lpc-login:hover {background-position:0 -90px} #lpc-confirm:hover {background-position:0 -270px} @media only screen and (min-width: 768px) and (max-width: 1023px) { .find-scene .slide-caption {width:400px; padding:80px 30px} .find-scene .caption-title {font-size:36px} .find-scene .caption-content {font-size:18px} #search-box {top:360px;} .findbox {top:360px;} #lpc-buttons {width:100%; overflow:hidden; margin:50px auto} #lpc-login {float:none; margin:0 auto} #lpc-confirm {float:none; margin:10px auto 0} #find-main {width:100%; margin-right:0} #find-side {width:100%; margin-right:0; margin-top:20px} } @media only screen and (max-width: 767px) { #findslide {height:440px; background: url(http://images.qualitysolicitors.com/slides/find-solicitor_m01.jpg) center center no-repeat} #findmap {border:15px solid #292929} .find-scene {height:140px} #find-main {width:100%; margin-right:0} #find-side {width:100%; margin-right:0} #findlpc-scene {background: url('http://images.qualitysolicitors.com/slides/qs/lpc_m01.jpg') no-repeat top right #1e1e1e !important} #findlap-scene {background: url('http://images.qualitysolicitors.com/slides/qs/lap_m01.jpg') no-repeat top right #1e1e1e !important} .find-scene .slide-caption {display:none} #lpc-buttons {width:100%; overflow:hidden; margin:30px auto} #lpc-login {float:none; margin:0 auto} #lpc-confirm {float:none; margin:10px auto 0} #results-main, #results-sub {margin-left:5%; margin-right: 5%;} #search-box {position:relative; top:0px; margin-bottom:-66px} #search-inner {background-image:none; border:none; margin:0; padding:15px; width:100%; height:auto; background-color:rgba(0,0,0,0.75)} #search-box .sub-caption {display:none} #search-box .caption {display:none} #search-box #search-box-input {height:36px; width:100%; padding:5px; margin:0; font-size:18px;} #search-box .search-error {color: #ab9a6d; font-size: 16px; margin-left: 172px} #search-btn {position:absolute; left:auto; right:15px; top:15px; width:36px} #search-btn a {width:36px; height:36px; background-position: -5px -5px} #search-btn a:hover, #search-btn a:active {background-position: -5px -52px} .findbox {position:relative; top:0px; margin-bottom:-66px} .findbox-form {background-image:none; border:none; margin:0; padding:15px; width:100%; height:auto; background-color:rgba(0,0,0,0.75); box-shadow:4px 4px 12px 0 rgba(0, 0, 0, 0.75)} .findbox-title {display:none} .findbox-title h3 {color:#fff; font-size:20px; line-height:42px; padding-left:75px; background:url('http://images.qualitysolicitors.com/img/Find_Pointer.png') no-repeat top left transparent} .findbox-body {padding:0; background-color:transparent} .findbox label {display:none} .findbox input {height:36px; width:100%; padding:5px; margin:0;} .findbox a.findbox-search {position:absolute; right:15px; top:15px; width:36px; height:36px; background-position: -10px -9px} .findbox a.findbox-search:hover {background-position:-10px -64px} .findbox-error {color:#F71A12;} #barnardos-box {position:relative; top:0px; margin-bottom:-66px} #barnardos-inner {background-image:none; border:none; margin:0; padding:15px; width:100%; height:auto; background-color:rgba(0,0,0,0.75)} #barnardos-box .sub-caption {display:none} #barnardos-box .caption {display:none} #barnardos-postcode {height:36px; width:100%; padding:5px; margin:0; font-size:18px;} #barnardos-box .search-error {display:none} #barnardos-search {position:absolute; left:auto; right:15px; top:15px; width:36px; height:36px; background-position: -5px -5px} #barnardos-search:hover, #barnardos-search:active {background-position: -5px -52px} } .ac_results {background-color:#FFF;border:2px solid #d7d6d6;overflow:hidden;padding:0;z-index:1000;} .ac_results ul {list-style:none;list-style-position:outside;margin:0;padding:0;width:100%;} .ac_results li {color:#4a4a4a;cursor:default;display:block;font:menu;font-size:10pt;line-height:1em;margin:0;overflow:hidden;padding:2px 5px;text-align:left;z-index:2000;background-color:#fff;} .ac_loading {background:#FFF url('indicator.gif') right center no-repeat;} .ac_odd {background-color:#fff;} .ac_over {background-color:#d7d6d6!important;color:#4a4a4a!important;z-index:3000!important;} .ac_results strong {font-weight:bold!important;} /* ============================================================================================================ */ /* LOCATION (PPC) */ /* ============================================================================================================ */ #campaign-content {} #campaign-content h1 {font-size:22px} #campaign-main {} #campaign-map {width:100%; height:400px; float:left} #campaign-content .branch-details {float:left; padding:20px; background-color:#ebebeb; overflow:hidden;} #campaign-content .branch-contact {width:48%; float:left} #campaign-content .branch-services {width:48%; float:right} .branch-main .branch-details {height:325px; width:100%; border-top:2px solid #ffffff;} .branch-main .branch-contact {width:100%} .branch-main .branch-services {width:100%} #campaign-content .branch-contact span {display:block; width:100%; font-size:14px; color:#333333;} #campaign-content .branch-contact span.address {margin-bottom:1em} #campaign-content .branch-contact span.email {margin:1em 0} #campaign-content .branch-contact span.email a {text-decoration:none} #campaign-content .branch-contact span.email a:hover {text-decoration:underline} #campaign-content .branch-services h3 {font-size:14px; color:#ab9a6d; font-weight:bold; text-transform:uppercase; margin:0 0 1em} #campaign-content .branch-services ul {padding-left:20px} #campaign-content .branch-services li {font-size:14px; color:#333333;} #campaign-content article {width:100%; float:left} #campaign-content article p {margin-top:0} #campaign-content .branch-other .branch-details {width:100%; height:300px; float:left;} #campaign-content .branch-other .branch-contact {width:48%; border-bottom:0 none} #campaign-content .branch-other .branch-services {width:48%; float:right} #campaign-content .branch-other h2, #campaign-content .branch-main h2 {font-size:13px; color:#333333; font-weight:600; text-transform:uppercase; padding-bottom:1em; border-bottom:1px dotted #333333; margin-bottom:1em} #campaign-content .branch-other .branch-services h3 {margin:0 0 1em} #campaign-side {} #campaign-side .side-enquiry {height:725px; margin-bottom:0} #campaign-side .side-enquiry #enquiry-message {height:170px} @media only screen and (min-width: 768px) and (max-width: 1023px) { #campaign-main {width:100%; margin-right:0} #campaign-side {width:100%; margin-right:0; margin-top:20px} #campaign-side .side-enquiry {height:auto;} .branch-main .branch-details {height:auto; width:100%; border-right:0 none; border-bottom:2px solid #ffffff} } @media only screen and (max-width: 767px) { #campaign-main {width:100%; margin-right:0} .branch-main .branch-details {height:auto; width:100%; border-right:0 none; border-bottom:2px solid #ffffff} #campaign-map {width:100%; height:300px; float:left} #campaign-side {width:100%; margin-right:0; margin-top:20px} #campaign-side .side-enquiry {height:auto;} #campaign-content .campaign-other {width:100%; margin-right:0} #campaign-content .branch-other .branch-details {height:auto; margin-top:5px} } /* ============================================================================================================ */ /* LOCATION (LOCAL BRANCHES) */ /* ============================================================================================================ */ #local-content {} #local-content h1 {font-size:22px} #local-content h2 {font-size:15px; font-weight:bold; color:#515151; margin-bottom:1em} #local-content .local-branch {font-size:14px} #local-content .local-distance {font-size:12px; color:#878787; margin-bottom:1em; display:block} #local-content .local-details {background-color:#ebebeb; padding:20px;} #local-content .local-contact {width:50%; margin:0; float:left;} #local-content .local-services {width:50%; margin:0; float:right; border-left:1px dotted #c5c5c5; padding-left:15px} #local-content .local-services h3 {font-size:13px; font-weight:bold; color:#ab9a6d; text-transform:uppercase; margin-bottom:1em} #local-content .local-services ul {color:#333333; margin-bottom:1em; padding-left:20px} #local-content .local-services li {} #local-content .local-contactus {width:117px; height:36px; display:block; float:left; background: url("http://images.qualitysolicitors.com/img/local-contact.png") no-repeat scroll top left transparent;} #local-content .local-contactus:hover {background-position:0 -36px} #local-content div.local-address {overflow:hidden; margin-bottom:1em; color:#333333;} #local-content div.local-address span {display:block; float:left;} #local-content div.local-address .icon {width:16px; height:16px; display:block; float:left; margin:2px 12px 2px 0; background: url("http://images.qualitysolicitors.com/img/addressicons.png") no-repeat scroll top left transparent;} #local-content div.local-address .icon-phone {background-position:0px 1px} #local-content div.local-address .icon-email {background-position:0px -15px} #local-content div.local-address .icon-location {background-position:0px -31px} #local-content div.local-address a {text-decoration:none} #local-content div.local-address a:hover {text-decoration:underline} #local-content .local-markers {position:relative} #local-content .local-map {} #local-content .local-legend {position:absolute; bottom:0px; left:0px; right:0px; list-style-type:none; background-color:#ebebeb; display:block; width:100%} #local-content .local-legend li {display:block; float:left; overflow:hidden; white-space:nowrap; padding-left:25px; height:28px; line-height:28px; margin:5px} #local-content .legend-branch {background: url("http://images.qualitysolicitors.com/img/branch-small.png") no-repeat scroll 0 0 transparent;} #local-content .legend-whsmith {background: url("http://images.qualitysolicitors.com/img/whs-small.png") no-repeat scroll 0 0 transparent;} @media only screen and (max-width: 640px) { #local-content .local-contact {width:100%; margin-bottom:20px; float:left;} #local-content .local-services {width:100%; margin:0; float:right; border-left: 0 none; border-top:1px dotted #c5c5c5; padding-top:15px; padding-left:0px;} #local-content .local-markers {max-height:360px} #local-content .local-legend li {float:none;} } /* ============================================================================================================ */ /* MEDIA CENTRE */ /* ============================================================================================================ */ #media-main {float:right} #media-side {float:left; width:28%; margin-right:6%} #blog-recent ul li {border-top:1px solid #d9d9d9} #blog-recent ul li.firstitem {border-top:0 none} #blog-recent ul li a {display:block; padding:0.5em 0;} #media-promises ul {padding-left:1em} #media-promises ul li {list-style-type:disc} #media-promises ul li a {font-weight:bold; line-height:1.75} #about-main {float:right} @media only screen and (max-width: 1023px) { #about-main {width:100%; margin-right:0;} #about-side {width:100%; margin-right:0; margin-top:20px} } #media-connect {padding:15px 15px 5px;} #media-connect ul {margin-top:20px} #media-connect ul li {list-style-type:none; float:left; margin-right:10px; margin-bottom:10px} #media-connect ul li:last-child {margin-right:0;} #media-connect ul li a {display:block; height:40px; width:40px; background: url("http://images.qualitysolicitors.com/img/social3.png") no-repeat scroll top left transparent;} #media-connect ul li a.facebook {background-position:-80px 0px} #media-connect ul li a.twitter {background-position:-80px -40px} #media-connect ul li a.linkedin {background-position:-80px -80px} #media-connect ul li a.google {background-position:-80px -120px} #media-connect ul li a.youtube {background-position:-80px -160px} #media-connect ul li a.facebook:hover {background-position:-40px 0px} #media-connect ul li a.twitter:hover {background-position:-40px -40px} #media-connect ul li a.linkedin:hover {background-position:-40px -80px} #media-connect ul li a.google:hover {background-position:-40px -120px} #media-connect ul li a.youtube:hover {background-position:-40px -160px} /* Media Centre Home Page */ #media-centre .media-newsitems {color:#333333; padding-top:2em; border-top:6px solid #ebebeb} #media-centre .media-newsitems h2 {font-size:18px;} #media-centre .media-newsitems li {padding:1.5em 0; border-bottom:1px solid #ebebeb} #media-centre .media-newsitems li.lastitem {border-bottom:0 none} #media-centre .media-newsitems li h3 {font-size:14px;} #media-centre .media-newsitems li h3 a {color:#333333; text-decoration:none} #media-centre .media-newsitems li h3 a:hover {text-decoration:underline} #media-centre .media-newsitems li .news-source {font-size:12px; color:#acacac} #media-centre .media-newsitems li .news-abstract {font-size:14px; margin:1em 0} #media-centre .media-newsitems li a.news-more {font-size:12px} #media-centre .media-newsitems a.news-archive {font-size:12px} /* Press Contacts */ #media-contacts h2 {font-size:18px; margin:0} #media-contacts .media-team {overflow:hidden} #media-contacts .media-team li {border-bottom:1px solid #ebebeb; overflow:hidden; padding:24px 0 12px} #media-contacts .media-team li img {max-width:100%; margin-bottom:15px} #media-contacts .media-team li h3 {font-size:16px; line-height:1.25} #media-contacts .media-team li .person-title {font-size:14px; color:#848484} #media-contacts .media-team li p {font-size:16px; margin:1em 0} #media-contacts .media-team li p.abstract {} #media-contacts .media-details {font-size:14px; color:#333333} #media-contacts .media-details h4 {font-weight:bold; margin:1.5em 0 1em} #media-contacts .media-details p {margin:1em 0} #media-contacts .media-details ul {margin:1em 0; list-style-type:disc; list-style-position:inside; overflow:hidden; padding-bottom:1em; border-bottom:1px solid #ebebeb} #media-contacts .media-details ul li {float:left; width:32%} #media-contacts .media-details ul.media-numbers {list-style-type:none; margin:1.5em 0 0; padding-bottom:0; border-bottom:0 none} #media-contacts .media-details ul.media-numbers li {padding-left:2em; line-height:18px; margin-bottom:1em; background: url("http://images.qualitysolicitors.com/img/footericons.png") no-repeat scroll top left transparent;} #media-contacts .media-details ul.media-numbers li.media-phone {background-position:0px 1px; white-space:nowrap} #media-contacts .media-details ul.media-numbers li.media-email {background-position:0px -14px; width:50%} #media-contacts .media-details ul.media-numbers li.media-address {background-position:0px -30px} /* News Archive */ #media-archive ul.news-years {border-top:1px solid #e5e5e5} #media-archive li.category {border-bottom:1px solid #e5e5e5; padding:12px 0} #media-archive li.category h2 {font-size:16px; line-height:25px; padding-left:30px; font-weight:bold; color:#333333; background: url("http://images.qualitysolicitors.com/img/mcarrows.png") no-repeat scroll -3px 0px transparent; cursor:pointer} #media-archive li.category ul {overflow:hidden; display:none;} #media-archive li.open h2 {background-position:-3px -25px} #media-archive li.open ul {display:block} #media-archive ul.news-items {list-style-type:none; padding-left:30px; } #media-archive ul.news-items li {} #media-archive ul.news-items li .news-source {font-size:11px; color:#acacac; margin:0.5em 0; padding-left:12px} #media-archive ul.news-items li h3 {font-size:14px; font-weight:bold; color:#ab9a6d; margin:1em 0 0.5em; padding-left:12px; background: url("http://images.qualitysolicitors.com/img/listarrow.png") no-repeat scroll 0px 6px transparent;} #media-archive ul.news-items li h3 a {font-size:14px; font-weight:bold; color:#ab9a6d; text-decoration:none} #media-archive ul.news-items li h3 a:hover {text-decoration:underline} #media-archive ul.news-items li .news-abstract {font-size:14px; color:#333333; margin-bottom:2em; padding-left:12px;} #media-news article h1 {font-size:36px; letter-spacing:-1px; line-height:1.2em} /* Blog */ article.blog-entry h1 {margin-bottom:0.25em; line-height:1.5em} article.blog-entry .blog-title {font-size:18px; margin-bottom:0.25em} article.blog-entry .blog-source {font-size:14px; color:#919191} article.blog-entry .blog-tags {font-size:12px; color:#919191} article.blog-entry p.abstract {font-size:20px} article.blog-entry blockquote {margin:1.25em 3em; padding-left:1em; border-left:0.5em solid #ebebeb; font-style:italic} article.blog-entry blockquote:before {content:""} article.blog-entry blockquote:after {content:""} article.blog-entry blockquote p {color:#666666;} article.blog-entry a.blog-more {font-size:14px; display:block; margin:1em 0} #media-social #media-main h2 {font-size:18px; color:#333333; margin:1em 0} #media-social article.blog-entry {padding:15px 0; border-top:1px solid #ebebeb} #media-social article.blog-entry .blog-title {font-size:16px; margin-bottom:0.25em} #media-social article.blog-entry .blog-title a {color:#333333} #media-social article.firstitem {border-top:0 none} #media-social article.blog-entry .blog-source {font-size:12px;} #media-social article.blog-entry p.abstract {font-family:Arial,sans-serif; font-size:14px} #media-blog article {padding:0;} #media-blog article.blog-entry {padding:30px 0; border-top:1px solid #ebebeb} #media-blog article.firstitem {border-top:5px solid #ebebeb; margin-top:20px} #media-blog article.blog-entry .blog-source {font-size:12px;} #media-blog article.blog-entry p.abstract {font-size:20px} #media-blog article.blog-medium p.abstract {font-family:Arial,sans-serif; font-size:16px} #media-blog article.blog-short {padding:1em 0;} #media-blog article.blog-short .blog-title {font-size:16px;} ul.media-share {margin-top:20px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding:16px 0; overflow:hidden; list-style-type:none} ul.media-share li {display:inline-block; margin-right:10px;} ul.media-share * {-moz-box-sizing:content-box} ul.media-share .fb_iframe_widget span {vertical-align:baseline !important} /* Feeds */ #media-tabs {display:block; overflow:hidden; width:100%; list-style-type:none; font-size:13px; margin-top:20px} #media-tabs li {display:block; float:left; margin:0; padding-right:5px; width:25%} #media-tabs li:last-child {padding-right:0} #media-tabs li a {display:block; width:100%; background: url("http://images.qualitysolicitors.com/img/mediatabs.png") no-repeat scroll 0px 0px #333333; border-radius:5px 5px 0px 0px; color:#f5289f; display:inline-block; font-weight:600; padding:8px 8px 8px 55px; line-height:26px; text-decoration:none;} #media-tabs li a.selected {color:#ffffff; background-color:#f5289f; text-decoration:none;} #media-tabs #media-tab-blog {background-position: 15px 2px} #media-tabs #media-tab-blog.selected {background-position: 15px -38px} #media-tabs #media-tab-twitter {background-position: 15px -78px} #media-tabs #media-tab-twitter.selected {background-position: 15px -118px} #media-tabs #media-tab-fb {background-position: 15px -158px} #media-tabs #media-tab-fb.selected {background-position: 15px -198px} #media-tabs #media-tab-news {background-position: 15px -238px} #media-tabs #media-tab-news.selected {background-position: 15px -278px} .media-feedcontent {overflow:hidden; min-height:200px; background-color:#f2f2f2; padding:20px} ul.media-feed {overflow:hidden; list-style-type:none; clear:both} ul.media-feed li {padding:16px 0; border-top:1px solid #d9d9d9} ul.media-feed li.firstitem {border-top:0 none} ul.media-feed li h3 {font-size:16px; font-weight:bold;} ul.media-feed li h3 a {color:#ab9a6d; text-decoration:none} ul.media-feed li h3 a:hover {text-decoration:underline} ul.media-feed li p {font-size:14px; margin:1em 0; color:#333333} ul.media-feed li .feed-source {font-size:11px; color:#919191; margin:2px 0} ul.media-feed li .feed-source a {color:#919191} ul.media-feed li .feed-more {display:block; font-size:12px; text-decoration:underline; margin-top:1em} #media-feedblog .media-follow {height:15px; line-height:15px; display:inline-block; float:right; padding-right:50px; font-size:12px; color:#747474; text-decoration:none; background: url("http://images.qualitysolicitors.com/img/rss.png") no-repeat scroll top right transparent} #media-feedtwitter {} #media-feedtwitter .media-follow {height:30px; line-height:30px; display:inline-block; float:right; padding-right:50px; font-size:12px; color:#747474; text-decoration:none; background: url("http://images.qualitysolicitors.com/img/twitterblue.png") no-repeat scroll top right transparent} #media-feedtwitter #twitter-live {clear:both} #media-feedtwitter ul {list-style-type:none; margin:0; padding:0; overflow:hidden; font-size:15px; color:#333333} #media-feedtwitter ul li {border-bottom:1px solid #d9d9d9; overflow:hidden; padding:1em 0} #media-feedtwitter ul li:last-child {border-bottom:0 none} #media-feedtwitter ul span.tweet_text {color: #333333; display:block} #media-feedtwitter ul span.tweet_text a {color:#ab9a6d; text-decoration:none; font-weight:bold} #media-feedtwitter ul span.tweet_time {color: #919191; display:block; font-size:12px} #media-feedtwitter ul span.tweet_time a {color:#919191; text-decoration:none} #media-feedfb .fb_iframe_widget {display:block !important;} #media-feedfb .fb_iframe_widget span {display:block !important; width:100% !important;} #media-feedfb .fb_iframe_widget span iframe {width:100% !important;} #media-feednews .media-follow {height:15px; line-height:15px; display:inline-block; float:right; padding-right:50px; font-size:12px; color:#747474; text-decoration:none; background: url("http://images.qualitysolicitors.com/img/rss.png") no-repeat scroll top right transparent} /* Comments */ .page-comments {overflow:hidden; margin-top:30px; font-size:14px; color:#333333} .page-comments h2 {margin-bottom:1em} .page-comments ol {margin-bottom:1em; list-style-type:none} .page-comments ol.root-list {margin-bottom:30px} .page-comments ol.child-list {padding-left:30px} .page-comments li {margin:1.5em 0 1em} .page-comments li .comment-meta {color:#919191; padding:0.5em 0 0.75em;} .page-comments li .comment-author {font-weight:bold;} .page-comments li .comment-author a {color:#333333; text-decoration:none} .page-comments li .comment-author a:hover {text-decoration:underline} .page-comments li.byguest > .comment > .comment-meta > .comment-author > a {color:#333333;} .page-comments li.byauthor > .comment > .comment-meta > .comment-author > a {color:#f628a0;} .page-comments li.byadmin > .comment > .comment-meta > .comment-author > a {color:#f628a0;} .page-comments li .comment-body {padding:15px; background-color: #f5f5f5; position:relative} .page-comments li .comment-body:before {content: url("http://images.qualitysolicitors.com/img/commentarrows.png"); left:20px; top:-15px; position: absolute;} .page-comments li .comment-body p+p {margin-top:1em} .page-comments li.new-comment > .comment > .comment-body {border-right:4px solid #dddddd} .page-comments li.new-comment > .comment > .comment-body > p {color:#aaaaaa} .page-comments li.removed-comment > .comment > .comment-body {border-right:4px solid #333333} .page-comments li.removed-comment > .comment > .comment-body > p {color:#dddddd} .page-comments li .comment-body > p {-moz-transition:color 1s ease-out} .page-comments li .comment-tools {font-size:12px; padding:10px 15px; background-color:#f5f5f5; border-top:1px solid #f0f0f0; overflow:hidden} .page-comments li .comment-tools a {margin-right:1em} .page-comments li .comment-tools a {border:1px solid #DCDCDC; border-radius:2px 2px 2px 2px; color:#6E6E6E; display:inline-block; font-size:12px; margin-right:1em; padding:3px 10px 3px 28px; line-height:16px; position:relative; text-decoration:none; -moz-transition:border 0.2s ease 0s; background: url("http://images.qualitysolicitors.com/img/commenticons.png") no-repeat scroll 6px 0px #f0f0f0;} .page-comments li .comment-tools a:hover {color:#333333; border-color:#c0c0c0; box-shadow:0 1px 2px rgba(0,0,0,0.15);} .page-comments li .comment-tools a:visited {color:#6E6E6E;} .page-comments li .comment-tools a.comment-reply {background-position: 6px 4px} .page-comments li .comment-tools a.comment-publish {background-position: 6px -61px} .page-comments li .comment-tools a.comment-remove {background-position: 6px -29px} .page-comments li .comment-tools span {float:right; margin-left:1em; color:#919191} .page-comments li .comment-tools span.comment-error {color:#e00000} .page-comments li .comment-tools p.comment-received {color:#919191} #respondform {background-color:#f5f5f5; padding:15px; width:100%} #respondform h3 {float:left; font-size:16px; margin-bottom:0.5em} #respondform label {display:block; margin-bottom:4px} #respondform input {padding:8px; width:100%; border:1px solid transparent; margin-bottom:16px;} #respondform input.error {border:1px solid #e00000} #respondform textarea {padding:8px; width:100%; border:1px solid transparent; margin-bottom:16px; resize:none} #respondform textarea.error {border:1px solid #e00000} #respondform .respond-body {clear:both} #respondform .respond-details {display:none; overflow:hidden} #respond-cancel {float:right; margin-left:20px; color:#333333; text-decoration:none; display:none} #respond-cancel:hover {text-decoration:underline} .page-comments ol #respond-cancel {display:inline-block} #respond-submit {float:right; margin-bottom:4px; margin-left:20px; padding:4px 1em; color:#ffffff} #respond-status {overflow:hidden} #respond-status p {line-height:1.5} #respond-status p.respond-validate {color:#e00000} #respond-status p.respond-error {color:#e00000} #respond-status p.respond-info {color:#919191} @media only screen and (min-width: 768px) and (max-width: 1023px) { #media-contacts .media-details ul li {width:50%;} #media-tabs li {width:auto} #media-tabs li a {padding:8px 25px 8px 55px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { #page-scene.media-scene {height:240px; background-size:cover} #media-main {width:100%; margin-bottom:30px} #media-side {width:100%} #media-contacts .media-details ul li {width:50%;} #media-tabs li {width:100%; padding-right:0; border-bottom:1px solid #606060} #media-tabs li:last-child {border-bottom:0 none} #media-tabs li a {padding:8px 20px 8px 55px; border-radius:0} #media-tabs li:first-child a {border-radius:5px 5px 0 0} } @media only screen and (max-width: 479px) { #page-scene.media-scene {height:160px; background-size:cover} #media-main {width:100%; margin-bottom:30px} #media-side {width:100%} #media-nav {margin-bottom:20px} #media-contacts .media-team .person-photo {} #media-contacts .media-details ul li {width:100%;} #media-tabs li {width:100%; padding-right:0; border-bottom:1px solid #606060} #media-tabs li:last-child {border-bottom:0 none} #media-tabs li a {padding:8px 20px 8px 55px; border-radius:0} #media-tabs li:first-child a {border-radius:5px 5px 0 0} #media-feedfb {padding:0} } /* ============================================================================================================ */ /* CAREERS */ /* ============================================================================================================ */ #qsvacancy-main {} #qsvacancy-main article h3 {font-size:16px; font-weight:bold; margin-bottom:0.25em} #qsvacancy-main article ul {font-size:15px; margin-bottom:1.5em} #qsvacancy-main article ul li {line-height:1.25} #qsvacancy-side {} #qsvacancy-details {background-color:#ebebeb; padding:20px; overflow:hidden; color:#333333} #qsvacancy-details h3 {font-size:15px; font-weight:bold; line-height:1.25; margin-top:0} #qsvacancy-details h4 {font-size:15px; font-weight:bold; line-height:1.25; margin-top:1em} #qsvacancy-details p {font-size:15px; font-weight:normal; line-height:1.25;} #qsvacancy-details p.closed {color:#e00000; margin-top:1em; padding-top:0.75em; border-top:1px dashed #afb2b4;} #qsvacancy-applynow {background-color:#f628a0; border:0 none; border-radius:3px; color:#fff; padding:4px 12px; display:inline-block; font-size:16px;} #qsvacancy-applynow:hover {background-color:#f73eaa; text-decoration:none} #qscareers-ho {margin-top:2em} #qscareers-ho h3 {color:#333; font-size:16px; margin:0.5em 0;} #qscareers-ho ol {list-style-type:none} #qscareers-ho ol li {display:block; margin-bottom:0.5em; overflow:hidden} #qscareers-ho ol li p {font-size:14px; color:#666666; margin:0.25em 0 0.75em} #qscareers-ho ol li p span.vacancy-date {font-weight:bold} #qscareers-pf {margin:2em 0} #qscareers-pf h3 {color:#333; font-size:16px; margin:4em 0 0.5em} #qscareers-pf ol {list-style-type:none} #qscareers-pf ol li {display:block; margin-bottom:0.5em; overflow:hidden} #qscareers-pf ol li p {font-size:14px; color:#666666; margin:0.25em 0 0.75em} #careers-list .dataTables_wrapper {overflow:hidden; margin-bottom:20px} #careers-list .dataTable {font-size:12px; color:#333333; width:100%; margin-bottom:1em} #careers-list .dataTable th {text-align:left; padding:16px 32px 16px 12px; white-space:nowrap; border-right:1px solid #fff; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background: url('http://images.qualitysolicitors.com/jquery/plugins/datatables/dt_arrows.png') no-repeat scroll right 23px #f2f2f2} #careers-list .dataTable th.sorting_asc {color:#AB9A6D; background-position: right -5px} #careers-list .dataTable th.sorting_asc_disabled {} #careers-list .dataTable th.sorting_desc {color:#AB9A6D; background-position: right -5px} #careers-list .dataTable th.sorting_desc_disabled {} #careers-list .dataTable tbody tr td {padding:16px 12px; vertical-align:middle; border-right:1px solid #fff} #careers-list .dataTable tbody tr td.vacancy-firm {font-weight:bold} #careers-list .dataTable tbody tr td.vacancy-firm a {color:#333; text-decoration:none} #careers-list .dataTable tbody tr.odd td {background-color:#fdfdfd} #careers-list .dataTable tbody tr.even td {background-color:#f4f4f4} #careers-list .dataTables_info {color:#919191; font-size:12px; float:left} #careers-list .dataTables_paginate {font-size:12px; float:right} #careers-list .dataTables_paginate a {margin-left:1em} #careers-list .dataTables_paginate .paginate_disabled_next {display:none} #careers-list .dataTables_paginate .paginate_disabled_previous {display:none} #careers-apply article p.closed {font-size:16px; color:#999; margin-top:2em; padding-top:0.5em; border-top:1px dashed #afb2b4;} #qsvacancy-apply {width:600px; max-width:100%;} #qsvacancy-apply label {display:block; font-size:14px} #qsvacancy-apply input[type="text"] {font-size:16px; color:#606060; width:100%; padding:4px; background-color:#ffffff; border:1px solid #dddddd; margin-bottom:1em} #qsvacancy-apply input[type="text"].error {border:1px solid red} #qsvacancy-apply textarea {font-size:16px; color:#606060; width:100%; height:160px; padding:4px; background-color:#ffffff; border:1px solid #dddddd; resize:none} #qsvacancy-apply .charleft {font-size:12px; color:#666; width:100%; padding:2px 0; text-align:right; margin-bottom:1em} #qsvacancy-apply input[type="file"] {display:block; margin-bottom:1em} #qsvacancy-apply #apply-submit {border:0 none; border-radius:3px; color:#fff; padding:8px 12px; font-size:16px} #qsvacancy-apply #apply-errors {display:inline-block; font-size:15px; line-height:normal; color:#e00000; padding:6px 12px} #qsvacancy-apply #apply-busy {display:inline-block; font-size:15px; line-height:normal; color:#0000e0; padding:6px 12px} #qsvacancy-apply fieldset.apply-custom {margin-bottom:1em} #qsvacancy-apply fieldset.apply-custom label {display:inline-block; margin-left:10px;} #qsvacancy-apply .error {border:1px solid red} #qsvacancy-apply .apply-info {font-size:14px; color:#808080; border-top:1px dashed #ccc; padding-top:0.5em; margin:2em 0} @media only screen and (max-width:1023px) { #careers-list .page-main {width:100%; margin-right:0; margin-bottom:30px} #careers-list .page-side {width:100%; margin-right:0} } @media only screen and (max-width:767px) { #careers-list .dataTable {display:block} #careers-list .dataTable thead {display:none; visibility:hidden} #careers-list .dataTable tbody {display:block;} #careers-list .dataTable tbody tr {display:block;} #careers-list .dataTable tbody tr td {display:block; padding:2px 10px; vertical-align:middle; border-right:1px solid #fff} #careers-list .dataTable tbody tr td.vacancy-date:before {content: attr(data-label);} #careers-list .dataTable tbody tr td:first-child {padding-top:10px;} #careers-list .dataTable tbody tr td:last-child {padding-bottom:10px;} #careers-list .dataTable tbody tr.odd td {background-color:#fdfdfd} #careers-list .dataTables_info {color:#919191; font-size:12px; float:left} #careers-list .dataTables_paginate {font-size:12px; float:right} #careers-list .dataTables_paginate a {margin-left:1em} } /* ============================================================================================================ */ /* PARTNER HOME PAGE */ /* ============================================================================================================ */ #partner-testimonial {overflow:hidden; margin:0 0 30px 0} #partner-video {overflow:hidden; margin:0 0 30px 0} #partner-credits {overflow:hidden; margin-top:30px; float:left; clear:left} #partner-credits ul {list-style-type:none} #partner-credits ul li {display:block; float:left; margin:0 30px 30px 0; height: 90px} #partner-branches {overflow:hidden; background-color:#333333; float:left; width:100%; padding:20px; margin-bottom:30px; background:#333333 url('http://images.qualitysolicitors.com/img/branchesbg3.jpg') no-repeat top right} #partner-thankyou #partner-branches {margin-bottom:0;} #partner-branches h4 {color:#ab9a6d; font-weight:600; margin-bottom:1em} #partner-branches ul {list-style-type:none} #partner-branches .partner-branch {font-size:14px; margin-top:1em;} .branchstyle-flat .partner-branch {display:block; padding-top:1em; border-top:1px solid #808080} .branchstyle-select .partner-branch {display:none;} .branchstyle-select .partner-branch:first-child {display:block} #partner-branches .partner-branch h5 {font-size:20px; font-weight:normal; color:#ffffff} #partner-branches .partner-branch h6 {font-size:14px; font-weight:normal; color:#ffffff; margin-top:1em} #partner-branches .partner-branch span.contact {display:block; font-size:14px; font-weight:normal; color:#cecece} #partner-branches .branchstyle-collapse .partner-branch {border-top:1px solid #808080; padding-top:0.5em; margin-top:0.5em} #partner-branches .branchstyle-collapse li h5 {cursor:pointer; background: url("http://images.qualitysolicitors.com/img/branchicons.png") no-repeat scroll top right transparent} #partner-branches .branchstyle-collapse li.open h5 {background-position:right -32px} #partner-branches .branchstyle-collapse li .address-wrapper {display:none} #partner-branches .branchstyle-collapse li.open .address-wrapper {} #branch-filter {margin-bottom:12px; min-height:30px} #branch-filter .sbHolder {background-color:#606060;} #branch-filter .sbSelector {color:#ffffff; width:100%; padding-right:30px} .partner-actions {overflow:hidden;} .partner-actions a {display:block; overflow:hidden; padding:0.5em 2em 0.5em 0.5em; margin:2px 2px 20px; color:#3f3f3f; text-decoration:none; background-color:#f8f8f8; box-shadow:0 1px 2px 0px rgba(0, 0, 0, 0.2)} .partner-actions a:hover { color:#fff; text-decoration:none; background-color: #f85eb8; /* Old browsers */ background: -moz-linear-gradient(45deg, #f92799 0%, #f85eb8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f92799), color-stop(100%,#f85eb8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #f92799 0%,#f85eb8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #f92799 0%,#f85eb8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #f92799 0%,#f85eb8 100%); /* IE10+ */ background: linear-gradient(45deg, #f92799 0%,#f85eb8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f92799', endColorstr='#f85eb8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .partner-actions a span {display:block;} .partner-actions a .action-icon {width:60px; height:60px; margin:0 15px 0 0; float:left; background:url('http://images.qualitysolicitors.com/img/pfactions.png') no-repeat scroll top left transparent} .partner-actions a.action-start .action-icon {background-position:0 0} .partner-actions a.action-start:hover .action-icon {background-position:0 -60px} .partner-actions a.action-calc .action-icon {background-position:-60px 0} .partner-actions a.action-calc:hover .action-icon {background-position:-60px -60px} .partner-actions a.action-fixed .action-icon {background-position:-60px -120px} .partner-actions a.action-fixed:hover .action-icon {background-position:-60px -180px} .partner-actions a.action-lpc .action-icon {background-position:-60px -240px} .partner-actions a.action-lpc:hover .action-icon {background-position:-60px -300px} .partner-actions a .action-title {font-size:16px; font-weight:bold; margin-top:6px} .partner-actions a .action-text {font-size:14px} #featured-services {background: url("http://images.qualitysolicitors.com/img/BG-LegalServices.jpg") no-repeat scroll top right #333333; margin-bottom:20px;} #action-cc {margin-bottom:20px} @media only screen and (max-width: 1023px) { #partner-profile #partner-main {width:100%; margin-right:0} #partner-profile #partner-side {width:100%; margin-right:0} } @media only screen and (max-width: 480px) { .partner-actions a .action-title {font-size:14px;} } /* ============================================================================================================ */ /* PARTNER SERVICES */ /* ============================================================================================================ */ #partner-services-main {} #partner-services-side {} #partner-services-list {background: url("http://images.qualitysolicitors.com/img/BG-LegalServices.jpg") no-repeat scroll top right #333333} #partner-faq {font-size: 16px; color:#ab9a6d; border:0px; width:100%; float:right; padding:20px; background: url("http://images.qualitysolicitors.com/img/BG-LegalServices.jpg") no-repeat scroll top right #333333} /* #partner-faq h4 {font-family:Georgia,serif; font-size:28px; color:#ab9a6d; line-height:1em; margin-bottom:0.5em} */ #partner-faq h4 {font-size:28px; color:#ab9a6d; line-height:1em; margin-bottom:0.5em} #partner-faq h5 {font-size:18px; color: #ab9a6d; margin:0.5em 0} #partner-faq h5 a {font-size:18px; color: #ab9a6d; margin:0.5em 0; text-decoration:none} #partner-faq ul.faqlist {padding:0; margin:0px 0px 10px 0px; overflow: hidden; list-style-type:none} #partner-faq li.faqquestion {color:#c0c0c0; padding:0; margin-bottom:2px; width:100%; float:left} #partner-faq a.faqentry {text-decoration:none; color: #ffffff; padding:0; margin:0} #partner-faq a.faqentry:hover {text-decoration:underline; color: #ffffff; padding:0; margin:0} #partner-faq .faqanswer {margin:1.25em 0} #partner-faq .faqanswer p {margin:0.75em 0} #partner-faq .faqanswer ul {padding-left:2em; list-style-type:disc} #partner-faq .faqanswer ol {padding-left:2em} #partner-faq .faqanswer ol li {margin-bottom:0.5em} #partner-faq .faqanswer li {margin-bottom:0.25em} #services-gallery {padding:0} #services-gallery ul {list-style-type:none} #services-gallery ul li a {background-color:#ffffff; font-size:16px; display:block; float:left; width:220px; height:220px; margin:4px 20px 30px 4px; padding:10px; text-decoration:none; box-shadow:0px 0px 3px 0px rgba(0,0,0,0.1);} #services-gallery ul li a img {width:200px;} #services-gallery ul li a h5 {font-size:100%; padding:4px 0 0; font-weight:600; color:#484848; text-decoration:none; text-align:left; } #services-gallery ul li a h6 {font-size:15px; line-height:1.4; padding:0; font-weight:normal; color:#848484; text-align:left;} #services-gallery ul a:hover {background-color:#f8f8f8; box-shadow:0px 0px 4px 0px rgba(0,0,0,0.4); -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out} #services-gallery ul a:hover h5 {color:#333333} #services-gallery ul a:hover h6 {color:#666666} .services-category {width:48%; margin-right:2%; float:left} .services-category h5 {color:#ffffff} .services-category ul li a.selected {color:#ffffff} #ourareas {display:none; overflow:hidden; border-top:1px dotted #cccccc; float:left; width:100%; margin-top:16px} #ourareas p {margin:0.5em 0} #ourareas ul {list-style-type:none} #ourareas ul li {display:none} @media only screen and (max-width: 1023px) { #partner-services-main {width:100%; margin-right:0} #partner-services-side {width:100%; margin-right:0} #partner-services-list {margin-bottom:20px} } @media only screen and (max-width: 479px) { #services-gallery {padding:0} #services-gallery ul {width:100%; padding:15px 0} #services-gallery ul li {width:100%} #services-gallery ul li a {width:100%; height:72px; padding:4px; margin:1px 0; background-color:#e9eaea; box-shadow:none} #services-gallery ul a:hover {box-shadow:none} #services-gallery ul li a img {width:100px; height:auto; float:left; margin-right:4%; } #services-gallery ul i a h5 {line-height:1.2; padding:0} } /* ============================================================================================================ */ /* PERSON */ /* ============================================================================================================ */ #person-content {position:relative; z-index:10; padding:0} #person-content .person-profile {position:relative;} #person-content .person-details {} #person-content .person-details h1 {font-size:40px; line-height:1.25em; color:#333333;} #person-content .person-details h2 {font-weight:normal; font-size:21px; line-height:1.5em; color:#888888} #person-content .person-details blockquote {font-size:18px; color: #555555; font-style:italic; margin:2em 0; padding-left:1em; border-left:10px solid #c3c3c3} #person-content .person-contact {font-size:15px; color:#555555; overflow:hidden; margin:3em 0 1em} #person-content .person-contact h4 {font-weight:600; color:#333333; display:none} #person-content .person-contact span.label {font-weight:600; width:80px; float:left; clear:left} #person-content .person-contact span.value {float:left} #person-content .person-contact a {color:#ab9a6d} .person-navbutton {position:absolute; display:block; width:28px; height:28px; background:transparent url('/images/controls.png') no-repeat -32px 0px; bottom:10px;} #person-navprev {bottom:0px; left:30px; background-position: -2px -2px} #person-navlist {bottom:0px; left:70px; background-position: 4px -66px; padding:0 20px; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd} #person-navnext {bottom:0px; left:122px; background-position: -2px -34px} #person-navprev:hover {background-position: -98px -2px} #person-navlist:hover {background-position: -92px -66px} #person-navnext:hover {background-position: -98px -34px} #person-content .person-image {background-color:#eaeceb; float:right; text-align:center; max-height:360px} #person-content .person-image img {width:100%; max-width:360px; height:auto} #person-content .person-info {position:relative;} #person-content .person-about {width:100%; float:left} #person-content .person-about p {font-size:18px; color:#414141; margin:0 0 1.5em 0} #person-content .person-links {width:49%; font-size:14px; margin:24px auto; border-top: 3px solid #ab9a6d} #person-content .person-links h4 {font-size:14px; font-weight:600; color:#ab9a6d; padding:12px 0} #person-content .person-links ul li {list-style-type:none} #person-content #person-areas {float:left; margin-right:1%} #person-content #person-logos {float:right; margin-left:1%} #person-content .person-testimonial {margin:0; padding-left:20px; border-left:10px solid #c3c3c3} #person-content .person-testimonial blockquote {font-size:17px; color: #666666; font-style:italic; margin:0 0 8px 0;} #person-content .person-testimonial span {display:block; font-size:13px; color: #333333; } .person-info .side-enquiry {margin:0} #person-testimonial {margin:30px 0 0} #person-content .person-memberships {float:left; width:100%; color:#333333; margin:30px 0 0 0; padding:10px 0; border-top:1px solid #dedede; border-bottom:1px solid #dedede} #person-services {background: url("/images/servicesbg.jpg") no-repeat scroll bottom right #333333; margin:0 0 20px} #person-services .services-category {width:100%; margin-right:0; float:left} #person-services .services-category h5 {color:#ffffff} @media only screen and (min-width: 768px)and (max-width: 1023px) { #person-content .person-details h1 {font-size:32px; margin-top:20px} #person-content .person-details h2 {font-size:20px;} #person-content .person-contact {margin:2em 0 1em} #person-content .person-details blockquote {font-size:16px;} #person-content .info-main {width:100%; margin:0} #person-content .info-side {width:100%; margin:0} } @media only screen and (min-width: 481px)and (max-width: 767px) { #person-content .person-details {width:66%} #person-content .person-image {width:32%} #person-content .person-contact {margin:1em 0 1em} #person-content .person-image img {width:100%; max-width:480px; height:auto} #person-content .person-navbutton {display:none} #person-content .person-details h1 {font-size:24px; margin-top:20px} #person-content .person-details h2 {font-size:16px;} #person-content .person-details blockquote {display:none} #person-content .info-main {width:100%; margin:0} #person-content .info-side {width:100%; margin:0} } @media only screen and (max-width: 480px) { #person-content .person-profile {margin-bottom:0; } #person-content .person-image {width:100%} #person-content .person-image img {max-width:320px;} #person-content .person-details {width:100%; padding:0; background-color:#ffffff} #person-content .person-details h1 {font-size:22px; font-weight:600; line-height:1em; margin:0; padding:15px 15px 4px; color:#ffffff; background-color:#252525} #person-content .person-details h2 {font-size:16px; font-weight:normal; line-height:1em; margin:0; padding:4px 15px 15px; color:#bbbbbb; background-color:#252525} #person-content .person-details blockquote {font-size:17px; color: #555555; font-style:italic; margin:20px 0; padding-left:16px; border-left:10px solid #c3c3c3} #person-content .person-contact {background-color:#f4f4f4; padding:15px; margin:0; position:static} #person-content .person-navbutton {display:none} #person-content .person-info {padding:15px} #person-content .person-cv {margin:0} #person-content .person-about {padding:0; margin:0} #person-content .person-about p {font-size:16px;} #person-content .info-side {width:100%; margin:0} #person-content .person-links {width:100%; margin:0 0 20px} } /* ============================================================================================================ */ /* TEAM */ /* ============================================================================================================ */ #team-content {position:relative; z-index:10; padding:0} #team-info {} #team-options {overflow:visible; height:115px;} #team-options select {width:100%} #team-gallery {padding:0 0 20px 20px;} #team-gallery ul {list-style-type:none} #team-gallery ul li {} #team-gallery ul li a {background-color:#ffffff; font-size:16px; display:block; float:left; width:220px; height:220px; margin:4px 20px 30px 4px; padding:10px; text-decoration:none; box-shadow:0px 0px 3px 0px rgba(0,0,0,0.1);} #team-gallery ul li a img {width:200px;} #team-gallery ul li a h5 {font-size:100%; padding:4px 0 0; font-weight:600; color:#484848; text-decoration:none; text-align:left; } #team-gallery ul li a h6 {font-size:15px; line-height:1.4; padding:0; font-weight:normal; color:#848484; text-align:left;} #team-gallery ul a:hover {background-color:#f8f8f8; box-shadow:0px 0px 4px 0px rgba(0,0,0,0.4); -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out} #team-gallery ul a:hover h5 {color:#333333} #team-gallery ul a:hover h6 {color:#666666} #team-content .filter-title {height:30px; line-height:30px; font-size:14px; color:#ab9a6d; font-weight:600; float:left} #team-content .team-filter {float:left; width:220px; margin-right:20px; z-index: 1000} #team-content #filter-area {float:left} #team-content #filter-name {float:left; margin-right:0} #team-services {padding:0 20px} #team-content .team-links {font-size:14px; border-top: 3px solid #ab9a6d} #team-content .team-links h4 {font-size:14px; font-weight:600; color:#ab9a6d; padding:12px 0} #team-content .team-links ul {margin-bottom:30px} #team-content .team-links ul li {list-style-type:none} @media only screen and (min-width: 1024px)and (max-width: 1239px) { #team-gallery ul li a {width:226px; padding:10px 13px} #team-content .team-filter {width:226px;} } @media only screen and (min-width: 768px)and (max-width: 1023px) { #team-gallery ul li a {width:224px; padding:10px 12px;} #team-content .team-filter {width:224px;} } @media only screen and (min-width: 480px)and (max-width: 767px) { #team-gallery ul li a {width:206px; height:206px; padding:3px 3px} #team-content .team-filter {width:206px;} } @media only screen and (max-width: 479px) { #team-gallery {padding:0 15px 15px 15px;} #team-options {display:none; height:80px} #team-gallery ul {width:100%; padding:15px 0} #team-gallery ul li {width:100%} #team-gallery ul li a {width:100%; height:72px; padding:4px; margin:1px 0; background-color:#e9eaea; box-shadow:none} #team-gallery ul a:hover {box-shadow:none} #team-gallery ul li a img {width:100px; height:auto; float:left; margin-right:4%; } #team-gallery ul i a h5 {line-height:1.2; padding:0} #team-content .team-filter {width:100%;} } /* ============================================================================================================ */ /* PARTNER NEWS */ /* ============================================================================================================ */ #partner-news {position:relative; z-index:10; padding:0} .news-crumbs {padding:0; background-color:#ffffff; border-bottom:4px solid #ebebeb} .news-crumbs h3 {display:none} .news-crumbs ul {background-color:#ffffff; overflow:hidden; font-size:24px; list-style-type:none} .news-crumbs ul li {float:left;} .news-crumbs ul li a {display:block; line-height:3em; font-weight:600; color:#333333;} .news-crumbs ul li span {display:block; line-height:3em; font-weight:600; color:#999999;} .news-crumbs ul li a:hover {text-decoration:underline;} .news-crumbs ul li a:after {content:"\00bb"; display:inline-block; margin:0 0.5em; line-height:2em; font-weight:600; color:#999999; text-decoration:none;} .news-crumbs ul li:last-child a:after {content:"";} #partner-news h1 {font-size:40px; margin-bottom:1em;} #partner-news article h1 {margin-bottom:0.25em; border-bottom:0 none} #news-archive {margin-top:0px; margin-bottom:30px; float:left; background:#333333 url('http://images.qualitysolicitors.com/img/BG-OlderStories.jpg') no-repeat top right} #news-archive ul {list-style-type:none} #news-side #feed-twitter {margin-bottom:20px} #news-side #main-enquiry {width:100%; margin:0} .news-stories {margin-top:20px} .news-item {margin:0.5em 0} .news-item a {color:#414141; text-decoration:none} .news-item a:hover {text-decoration:underline} .news-summary {margin:20px 0; padding-bottom:10px; border-bottom:1px dotted #888888} .news-summary article h2 {font-size:22px; color:#414141; font-weight:600; margin-top:0} .news-summary article h2 a {color:inherit; text-decoration:none} .news-summary h2 a:hover {text-decoration:underline} .news-summary p.abstract {font-size:16px; margin:1em 0} .news-summary .button-more {float:left; clear:left; margin-top:10px} .news-summary .news-date {display:block; color:#888888} .news-item .news-date {display:inline-block; color:#888888; width:105px; margin-right:20px; text-align:right} @media only screen and (min-width: 768px) and (max-width: 1023px) { } @media only screen and (max-width: 767px) { #news-main {width:100%; margin-right:0} #news-side {width:100%; margin-right:0} #news-archive {width:100%; margin-right:0; margin-bottom:15px} } /* ============================================================================================================ */ /* PARTNER OFFERS */ /* ============================================================================================================ */ .offer-list {border-top:4px solid #d0d0d0; list-style-type:none; padding:0; margin-bottom:3em} .offer-summary {padding:15px; border-bottom:1px dotted #888888; margin:0} .offer-summary:nth-child(odd) {background-color:#f8f8f8} .offer-summary article h2 {font-size:18px; color:#414141; font-weight:600; margin:0} .offer-summary article h2 a {text-decoration:none} .offer-summary article h2 a:hover {text-decoration:underline} .offer-summary article .offer-details {color:#808080; font-size:14px;} .offer-summary p.abstract {font-size:16px; margin:1em 0 0} #partner-offers {float:left; width:100%; margin-bottom:20px; background-color:#ebebeb; overflow:hidden} #partner-offers img {float:left; margin:10px;} #lpc-offers {display:block; padding:10px; font-weight:bold; color:#333333; text-decoration:none} #lpc-offers:hover {color:#f628a0;} .offer-company {background-color:#ebebeb; padding:15px; margin-bottom:20px; font-size:14px; color:#666666} .offer-company h3 {color:#333333; font-size:16px; margin-bottom:0.5em} .offer-map {width:100%; height:320px} /* ============================================================================================================ */ /* PARTNER PRODUCTS */ /* ============================================================================================================ */ .product-list {border-top:4px solid #d0d0d0; list-style-type:none; padding:0; margin:3em 0em 3em 0em} .product-summary {padding:15px; border-bottom:1px dotted #888888; margin:0} .product-summary:nth-child(odd) {background-color:#f8f8f8} .product-summary article h2 {font-size:18px; color:#414141; font-weight:600; margin:0} .product-summary article h2 a {text-decoration:none} .product-summary article h2 a:hover {text-decoration:underline} .product-summary article .offer-details {color:#808080; font-size:14px;} .product-summary p.abstract {font-size:16px; margin:1em 0 0} #partner-products {float:left; width:100%; margin-bottom:20px; background-color:#ebebeb; overflow:hidden} #partner-products img {float:left; margin:10px;} /* ============================================================================================================ */ /* PARTNER ABOUT US PAGES */ /* ============================================================================================================ */ @media only screen and (max-width: 1023px) { #pfabout-main {width:100%; margin-right:0;} #pfabout-side {width:100%; margin-right:0; margin-top:20px} } /* ============================================================================================================ */ /* PARTNER TWITTER FEED */ /* ============================================================================================================ */ #partner-twitter {background-color:#ebebeb; padding:10px 20px; margin-bottom:20px} /* #partner-twitter h4 {font-family:Georgia,serif; margin-bottom:12px; background: url("http://images.qualitysolicitors.com/img/twitterblue.png") no-repeat scroll top right transparent; font-size:24px; color:#333333; font-weight:bold; padding-bottom:8px; line-height:1em} */ #partner-twitter h4 {margin-bottom:12px; background: url("http://images.qualitysolicitors.com/img/twitterblue.png") no-repeat scroll top right transparent; font-size:24px; color:#333333; font-weight:bold; padding-bottom:8px; line-height:1em} #partner-twitter ul {list-style-type:none; margin:0; padding:0; overflow:hidden; font-size:14px} #partner-twitter ul li {border-top:1px solid #d6d6d6; overflow:hidden; padding:12px 0} #partner-twitter ul span.tweet_text {color: #333333; display:block} #partner-twitter ul span.tweet_text a {color:#ab9a6d; text-decoration:none} #partner-twitter ul span.tweet_text a:hover {text-decoration:underline} #partner-twitter ul span.tweet_time {color: #9999999; display:block font-size:14px} #partner-twitter ul span.tweet_time a {color:#999999; text-decoration:none} /* ============================================================================================================ */ /* PARTNER CONTACT US */ /* ============================================================================================================ */ #partner-contact {} #contact-branches {width:100%; overflow:hidden; list-style-type:none; padding:0} #contact-branches li {display:block; width:100%; min-height:200px; margin-bottom:2%; float:left} #contact-branches li:last-child {margin-bottom:0;} #contact-branches .branch-details {font-size:16px; background-color:#333333; float:left; padding:20px; width:66%;} #contact-branches .branch-map {width:32%; float:right} #contact-branches h4 {color:#AB9A6D; font-weight:600; line-height:1em; margin-bottom:0.75em; padding-bottom:0.75em; border-bottom:1px dotted #cccccc; text-transform:uppercase} #contact-branches p {color:#ffffff; margin:0.75em 0} #contact-branches h6 {font-size:inherit; display:block; float:left; clear:left; color:#cccccc; width:80px;} #contact-branches span {font-size:inherit; float:left; color:#ffffff} #contact-branches a.email {font-size:inherit; display:block; float:left; clear:left; color:#AB9A6D; margin-top:0.75em; text-decoration:none} #contact-branches a.email:hover {color:#AB9A6D; text-decoration:underline} #contact-branches a.direct {font-size:inherit; display:block; float:right; color:#ffffff; margin-top:0.75em; text-decoration:none} #partner-contact .contact-multi {width:68%; margin-right:0} #partner-contact .contact-details .contact-item {clear:both; margin-bottom:30px; overflow:hidden;} #partner-contact .contact-details .address-wrapper {margin-bottom:30px;} #partner-contact .contact-details h5 {color:#AB9A6D; font-weight:600; font-size:18px; margin-bottom:0.75em} #partner-contact .contact-details .contact-address {margin-bottom:1em;} #partner-contact .contact-details .contact-number {display:block} #partner-contact .contact-details .contact-label {font-weight:bold; display:inline-block; width:40px} #partner-contact .contact-details .contact-email {display:block; margin:1em 0} #partner-contact .contact-details .contact-hours {font-style:italic; color:#808080; font-size:14px; margin:1em 0;} .contact-map .branch-map {width: 100%; height: 300px !important;} #contact-parking {font-size: 14px; margin-top:20px} #contact-parking p {margin-bottom: 10px;} #contact-list {list-style-type: none;} #contact-list li {width:46%; margin-right:4%; float:left} .contact-view-details {clear: left;} .contact-view-details a {width:120px; font-size:12px; color:#ffffff; text-transform:none; margin:2px} .contact-view-details a:hover {text-decoration: none;} @media only screen and (min-width: 768px) and (max-width: 1023px) { #partner-contact .contact-details {width:49%;} #partner-contact .contact-multi {width:100%; margin-right:0} #partner-contact .contact-map {width:49%; margin-right:0} #partner-contact .contact-side {width:100%; margin-right:0; margin-top:20px} } @media only screen and (min-width: 481px) and (max-width: 767px) { #partner-contact .contact-details {width:100%; margin-right:0} #partner-contact .contact-multi {width:100%; margin-right:0} #partner-contact .contact-map {width:100%; margin-right:0} #partner-contact .contact-side {width:100%; margin-right:0; margin-top:20px} } @media only screen and (max-width: 480px) { #partner-contact .contact-details {width:100%; margin-right:0} #partner-contact .contact-multi {width:100%; margin-right:0} #partner-contact .contact-map {width:100%; margin-right:0} #partner-contact .contact-side {width:100%; margin-right:0; margin-top:20px} #contact-list li {width:100%; margin-right:0;} } /* ============================================================================================================ */ /* BRANCH */ /* ============================================================================================================ */ #partner-branch {} #partner-branch .contact-details .contact-item {clear:both; margin-bottom:30px; overflow:hidden;} #partner-branch .contact-details .address-wrapper {margin-bottom:30px;} #partner-branch .contact-details h5 {color:#AB9A6D; font-weight:600; font-size:18px; margin-bottom:1em} #partner-branch .contact-details .contact-address {margin-bottom:1em;} #partner-branch .contact-details .contact-number {display:block} #partner-branch .contact-details .contact-label {font-weight:bold; display:inline-block; width:40px} #partner-branch .contact-details .contact-email {display:block; margin:1em 0} #partner-branch .contact-details .contact-hours {font-style:italic; color:#808080; margin:1em 0; font-size:14px} @media only screen and (min-width: 768px) and (max-width: 1023px) { #partner-branch .contact-main {width:100%; margin-right:0;} #partner-branch .contact-details {width:49%; margin-right:2%} #partner-branch .contact-map {width:49%; margin-right:0} #partner-branch .contact-side {width:100%; margin-right:0; margin-top:20px} } @media only screen and (min-width: 481px) and (max-width: 767px) { #partner-branch .contact-main {width:100%; margin-right:0;} #partner-branch .contact-details {width:100%; margin-right:0} #partner-branch .contact-map {width:100%; margin-right:0} #partner-branch .contact-side {width:100%; margin-right:0; margin-top:20px} } @media only screen and (max-width: 480px) { #partner-branch .contact-main {width:100%; margin-right:0;} #partner-branch .contact-details {width:100%; margin-right:0} #partner-branch .contact-map {width:100%; margin-right:0} #partner-branch .contact-side {width:100%; margin-right:0; margin-top:20px} } /* ============================================================================================================ */ /* CAREERS */ /* ============================================================================================================ */ #partner-careers {} #careers-content {} #careers-content h1 {font-size:40px; margin-bottom:0.25em} #careers-main {padding-top:10px} #careers-main .careers-scene {width:100%; height:360px; background:url('http://images.qualitysolicitors.com/img/careers.jpg') no-repeat center center transparent} #careers-side {border-top:4px solid #ab9a6d; padding-top:10px} #partner-vacancies {} #partner-vacancies h3 {color:#ab9a6d; text-transform:uppercase; font-weight:bold; font-size:16px} #partner-vacancies ul {} #partner-vacancies li {padding:1em 0; border-bottom:1px solid #e6e6e6} #partner-vacancies li a {color:#333333; text-decoration:none} #partner-vacancies li a:hover {text-decoration:underline} #partner-vacancies h5 {color:#333333; font-weight:bold; font-size:16px} #partner-vacancies h6 {color:#858585; font-size:14px} @media only screen and (min-width: 768px) and (max-width: 1023px) { } @media only screen and (min-width: 481px) and (max-width: 767px) { } @media only screen and (max-width: 480px) { } /* ============================================================================================================ */ /* VACANCY */ /* ============================================================================================================ */ .vacancy-details {font-size:16px; background-color:#ebebeb; padding:0 20px 20px; overflow:hidden; color:#333333} .vacancy-details h4 {font-weight:bold; padding-top:20px; line-height:1.25} .vacancy-details p {font-weight:normal; line-height:1.5} /* ============================================================================================================ */ /* CONVEYANCING CALCULATOR */ /* ============================================================================================================ */ #conveyancing-form .cc-label {display:block; margin-bottom: 5px;} #conveyancing-form input, #conveyancing-form select {margin-bottom: 10px;} #submitcc {display:block; width: 68px; background-color: #AB9A6D; padding: 3px 10px 3px 10px; color: #ffffff; text-decoration:none;text-align: center} #conveyancing-result {margin: 30px 0px 30px 0px} #conveyancing-result table {border: 0px;} #conveyancing-result td {border: 0px;} #conveyancing-result td.head {font-weight: bold; border-bottom: 1px solid #cccccc;} #conveyancing-result td.belowhead {padding-top: 10px;} #conveyancing-result td.bottomrow {padding: 0px 0px 10px 0px;border-bottom: 1px solid #cccccc;} #conveyancing-result td.lastrow {padding-bottom: 10px;} #conveyancing-result td.number {text-align: right} #conveyancing-result td.total {font-weight:bold; border-top: 1px solid #cccccc;padding-top: 10px;} /*New*/ #concalc-form {padding:20px; color:#333333; border:1px solid #e1e1e1; background-color:#f2f2f2; overflow:hidden; margin-top:30px} #concalc-form fieldset {} #concalc-form h2 {font-size:20px; margin-bottom:1em} #concalc-form label {font-size:14px; display:block;} #concalc-form input, #concalc-form select {font-size:16px; color:#666666; padding:5px; margin:0.25em 0 1.5em; width:180px; background-color:#ffffff; border-radius:5px; border:1px solid #ffffff; box-shadow:0px 2px 3px -2px rgba(0,0,0,0.4)} #concalc-form input.price {padding-left:32px; background:url(/images/fieldicons.png) no-repeat scroll 4px -21px #ffffff;} #concalc-form .concalc-buttons {overflow:hidden; border-top:2px solid #e1e1e1; text-align:center; clear:both} #concalc-submit {padding:4px 20px; margin:16px 4px 4px; color:#ffffff; display:inline-block; text-transform:none; text-shadow:none} .concalc-items {padding:10px 20px; border:1px solid #e1e1e1; background-color:#f2f2f2} .concalc-items table {width:100%} .concalc-items td {color:#333333} .concalc-items td.fee {text-align:right; width:125px} .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:bold; border-bottom:2px solid #e1e1e1; padding:10px 0} .concalc-items tr.item td {font-size:14px; border-top:1px solid #e1e1e1; padding:0.5em 0} .concalc-items tr.subtotal td {font-size:14px; font-weight:bold; color:#484848; border-top:1px solid #e1e1e1; padding:0.5em 0} .concalc-items tr.total td {font-size:15px; font-weight:bold; color:#f5289f; border-top:2px solid #e1e1e1; padding:10px 0 20px} .concalc-total {background-color:#ab9a6d} .concalc-total table {width:100%} .concalc-total td {color:#ffffff; font-size:20px; font-weight:bold; padding:20px} .concalc-total td.fee {text-align:right;} #concalc-main article {padding:0} #concalc-result {margin-top:20px} #concalc-notes {margin-top:1.5em} #concalc-notes p {font-size:14px} #concalc-notes p.disclaimer {font-size:12px; margin-top:3em} @media only screen and (max-width: 1023px) { #concalc-main {width:100%; margin-right:0} } /* ============================================================================================================ */ /* FAQ */ /* ============================================================================================================ */ #faq-banner {position:relative; margin-top:-128px;} #faq-banner .banner-info {padding:0} #faq-banner h2 {color:#e6e6e6; font-size:40px; font-weight:bold; line-height:1em; padding:0.5em 1em; margin:0; text-align:center} #faq-content {position:relative;} #faq-main article {margin-bottom:2em} #faq-services {background: url("http://images.qualitysolicitors.com/img/BG-LegalServices.jpg") no-repeat scroll top right #333333} #faq-services h4 {margin-bottom:0.5em} #faq-services li a.active {color:#ab9a6d} #faq-pagenav {padding:0} #faq-pagenav .pagecrumbs {padding:0} #faq-pagenav ul {padding:0 20px; background-color:#f0f0f0; overflow:hidden; font-size:20px; } #faq-pagenav ul li {float:left;} #faq-pagenav ul li a {display:block; line-height:48px; font-weight:600; color:#333333;} #faq-pagenav ul li span {display:block; line-height:48px; font-weight:600; color:#999999;} #faq-pagenav ul li a:hover {text-decoration:underline;} #faq-pagenav ul li a:before {content:"\00bb"; display:inline-block; margin:0 0.5em; line-height:48px; font-weight:600; color:#999999;} #faq-pagenav ul li a:after {content:""; display:none} #faq-info {} #faq-info article h1 {font-size:32px; line-height:1.25} #faq-info article ol {padding-left:2em} #faq-info article ol li {margin-bottom:0.5em} #faq-info article ul li {margin-bottom:0.25em} @media only screen and (min-width: 768px) and (max-width: 1023px) { #faq-pagenav ul {font-size:20px; } #faq-main {width:100%; margin-right:0;} #faq-side {width:100%; margin-top:20px} } @media only screen and (min-width: 481px) and (max-width: 767px) { #faq-main {width:100%; margin-right:0;} #faq-side {width:100%; margin-top:20px} #faq-pagenav ul {font-size:18px; } } @media only screen and (max-width: 480px) { #faq-main {width:100%; margin-right:0;} #faq-side {width:100%; margin-top:20px} #faq-pagenav .pagecrumbs ul {font-size:16px; } } /* ============================================================================================================ */ /* SEARCH PAGES */ /* ============================================================================================================ */ #page-bar .row {padding:10px 30px; background-color:#f2f2f2} #page-crumbs {} #page-crumbs ol {overflow:hidden; list-style-type:none; font-size:14px} #page-crumbs ol li {float:left;} #page-crumbs ol li a {} #page-crumbs ol li span {} #page-crumbs ol li span.root {padding-right:6px} #page-crumbs ol li span.bullet {padding:0 6px} #page-crumbs ol li a:hover {text-decoration:underline;} #page-search {position:relative; float:right} #page-searchterm {float:left; font-size:16px; color:#808080; width:100%; height:32px; padding:0 100px 0 8px; background-color:#ffffff; border:1px solid #dddddd} #page-searchterm:-moz-placeholder {color:#c8c8c8;} #page-searchterm.placeholder {color:#c8c8c8;} #page-searchbutton {position:relative; margin-top:-32px; width:100px; height:32px; line-height:32px; padding:0 0 0 32px; color:#ffffff; font-size:14px; font-weight:bold; border:0 none; text-transform:uppercase; text-decoration:none; display:block; float:right; background: url("http://images.qualitysolicitors.com/img/menusearch.png") no-repeat scroll 0 0 #f628a0;} #page-searchbutton:hover {background-position: 0 -32px;} #search-map {height:350px; overflow:hidden} #search-map div {-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;} #search-locations {height:350px; padding:10px; background-color:#303030; overflow:hidden} #search-locations ol {list-style-type:none} #search-locations ol li {margin-bottom:10px;} #search-locations ol li.closest {padding-bottom:10px; border-bottom:1px dotted #c0c0c0} #search-locations .results-name {font-size:12pt; text-decoration: none;} #search-locations .results-name a {font-size:12pt; text-decoration: none;} #search-locations .results-name a:hover {color:#ab9a6d;} #search-locations .results-caption {color:#888888; font-size: 10pt; margin-bottom: 5px;} #search-locations .results-content {color:#bbbbbb; font-size: 10pt;} #search-results {color:#333333} #search-results .search-group {overflow:hidden; margin-bottom:1em} #search-results .search-group h3 {font-size:18px; padding-bottom:0.5em; margin:0.75em 0; border-bottom:1px solid #aaaaaa; overflow:hidden} #search-results .search-group h3 span {float:left;} #search-results .search-group h3 a.more {float:right; font-size:15px} #search-results ol {list-style-type:none} #search-results ol li {display:block; margin-bottom:0.5em; overflow:hidden} #search-results ol li p {font-size:12px; color:#666666; margin:0.25em 0 0.75em} #search-results ol li p span.pubdate {font-weight:bold} #search-results ol.gallery li {display:block; float:left; margin:0 12px 12px 0; overflow:hidden} #search-results ol.gallery li a {background-color:#f8f8f8; font-size:14px; display:block; text-decoration:none; border:1px solid #e8e8e8;} #search-results ol.gallery li a img {width:200px;} #search-results ol.gallery li a h4 {font-size:100%; padding:4px; font-weight:600; color:#484848; text-decoration:none; text-align:left; } #search-results ol.gallery a:hover {background-color:#333333; border:1px solid #333333; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out} #search-results ol.gallery a:hover h4 {color:#eeeeee} @media only screen and (max-width: 1024px) { #page-crumbs {width:100%; margin-right:0; float:none; margin-top:10px} #page-search {width:100%; margin-right:0; float:none;} } @media only screen and (max-width: 480px) { #page-bar .row {padding:10px 15px} } @media only screen and (max-width: 767px) { #search-results .search-group h3 span {float:none; display:block} #search-results .search-group h3 a.more {float:none; display:block} } /* ============================================================================================================ */ /* ERROR PAGES */ /* ============================================================================================================ */ #error-main .services-category h5 {color:#AB9A6D} #error-links {padding:0 20px} #error-links h3 {font-size:22px; font-weight:600; margin-bottom:0.5em} #error-links ul {list-style-type:none; border-top:1px solid #e5e5e5;} #error-links li {height:40px; border-bottom:1px solid #e5e5e5; color:#ab9a6d; overflow:hidden} #error-links span, #error-links a {display:block; height:40px; line-height:40px; background:transparent url('http://images.qualitysolicitors.com/img/erroricons.png') no-repeat scroll 0 0; padding-left:55px; text-decoration:none} #error-links a:hover {text-decoration:underline} #error-links #error-home {background-position:0 0} #error-links #error-call {background-position:0 -40px} #error-links #error-enquire {background-position:-3px -80px} #error-links #error-callback {background-position:0 -120px} /* ============================================================================= Main Site Footer ========================================================================== */ .pf-footer-300 {background: #000000; color:#d0d0d0; position:relative; z-index:9; font-size: 14px;} #campaign-footer {background-image:none} .pf-footer-300 h2 {font-weight:600; font-size:18px; color:#ab9a6d; margin-bottom:10px} .pf-footer-300 h3 {font-weight:600; font-size:16px; color:#ffffff; margin-bottom:10px} .pf-footer-300 .row {padding:0px 30px 0px 30px; background-color: transparent;} .pf-footer-300 .toprow {padding-top: 30px;} .pf-footer-300 .lastrow {padding-bottom: 30px;} #partner-footer {padding-top:0} .pf-footer-300 #footer-credits {padding:0; margin:24px 0; border-bottom:1px solid #515151} .pf-footer-300 #footer-credits ul {overflow:hidden} .pf-footer-300 #footer-credits ul li {display:inline-block; float:left; margin:0 40px 20px 0;} .pf-footer-300 #footer-credits img {} .pf-footer-300 #footer-follow {float:left} .pf-footer-300 #footer-follow ul {overflow:hidden; padding-bottom:0px; margin-bottom: 30px} .pf-footer-300 #footer-follow ul li {list-style-type:none; float:left; margin-right:2px} .pf-footer-300 #footer-follow ul li a {display:block; height:40px; width:40px; background: url("http://images.qualitysolicitors.com/img/social3.png") no-repeat scroll top left transparent;} .pf-footer-300 #footer-follow ul li a.facebook {background-position:0px 0px} .pf-footer-300 #footer-follow ul li a.twitter {background-position:0px -40px} .pf-footer-300 #footer-follow ul li a.linkedin {background-position:0px -80px} .pf-footer-300 #footer-follow ul li a.google {background-position:0px -120px} .pf-footer-300 #footer-follow ul li a.youtube {background-position:0px -160px} .pf-footer-300 #footer-follow ul li a.facebook:hover {background-position:-40px 0px} .pf-footer-300 #footer-follow ul li a.twitter:hover {background-position:-40px -40px} .pf-footer-300 #footer-follow ul li a.linkedin:hover {background-position:-40px -80px} .pf-footer-300 #footer-follow ul li a.google:hover {background-position:-40px -120px} .pf-footer-300 #footer-follow ul li a.youtube:hover {background-position:-40px -160px} .pf-footer-300 .footer-links {} .pf-footer-300 .footer-links a {text-decoration: none;} .pf-footer-300 .footer-links ul { margin-bottom:30px; } .pf-footer-300 .footer-links ul li {margin-right:10px; list-style-image: url("http://images.qualitysolicitors.com/img/listarrow-footer.png"); list-style-position: inside;} .pf-footer-300 #campaign-footer #footer-links ul li {text-align:center} .pf-footer-300 .footer-links ul li a {color:#d0d0d0} .pf-footer-300 .footer-links ul li a:hover {color:#ab9a6d;} .pf-footer-300 #footer-legal {font-size: 12px; color:#d0d0d0} .pf-footer-300 #footer-legal .copyright {color: #ffffff; margin-right: 10px;} .pf-footer-300 #footer-legal a {text-decoration: none; color:#ab9a6d; margin: 0px 10px} .pf-footer-300 #footer-legal a:hover {color:#ab9a6d;text-decoration: underline;} .pf-footer-300 #footer-contacts {} .pf-footer-300 #footer-contacts a, #footer-follow a {text-decoration: none; color:#d0d0d0} .pf-footer-300 #footer-contacts a:hover, #footer-follow a:hover {color:#ab9a6d;} .pf-footer-300 #footer-contacts div.address {overflow:hidden; padding:6px 0; border-top:0px dotted #aaaaaa;} .pf-footer-300 #footer-contacts div.address .tag {width:16px; height:16px; display:block; float:left; margin:4px 12px 4px 0; background: url("http://images.qualitysolicitors.com/img/footericons.png") no-repeat scroll top left transparent;} .pf-footer-300 #footer-contacts div.address .phone {background-position:0px 1px} .pf-footer-300 #footer-contacts div.address .email {background-position:0px -15px} .pf-footer-300 #footer-contacts div.address .location {background-position:0px -31px} .pf-footer-300 #footer-contacts div.address .value {display:block; float:left;} .pf-footer-300 p.copyright {margin:0px 0px 20px 0px; color:#888888; font-size:13px; text-align:left} #campaign-footer .row {padding:30px} #campaign-footer p.copyright {margin-top:0;} @media only screen and (max-width: 767px) { .pf-footer-300 {padding:0; background-image:none} .pf-footer-300 .oneoffourcol {width:48%; margin: 0px 2% 0px 0px;} .pf-footer-300 #footer-spacer {display: none} .pf-footer-300 #footer-legal {text-align:center} .pf-footer-300 .footer-links ul {overflow:hidden; margin-bottom:10px} .pf-footer-300 #footer-about {clear: left} } @media only screen and (max-width: 480px) { .pf-footer-300 {background-image:none} .pf-footer-300 .row {padding:15px 15px 0px;} .pf-footer-300 .oneoffourcol {width:100%; margin: 0px;} .pf-footer-300 #footer-credits ul li {display:block; float:left; width:50%; margin:0 0 20px 0;} .pf-footer-300 #footer-nav {width:100%; float:none} .pf-footer-300 .footer-links ul {overflow:hidden; margin-bottom:10px} .pf-footer-300 #footer-follow ul {margin-bottom: 10px} #campaign-footer .row {padding:15px} } /* ============================================================================================================ */ /* SITEMAP */ /* ============================================================================================================ */ #sitemap-main h1 {font-size:40px; margin-bottom:0.5em; line-height:1em; letter-spacing: -2px} #sitemap-links h2 {font-size:18px; width:80%; padding-bottom:0.25em; border-bottom:1px solid #808080; margin:0 0 10px 0; line-height:1.25em; font-weight:bold;} #sitemap-links a {display:inline-block; color:#333333; font-size:16px; line-height:1.75em; text-decoration:none} #sitemap-links a:hover {text-decoration:underline} #sitemap-links .smp {margin-top:10px;} #sitemap-links .smc {} #sitemap-links .smp a {} #sitemap-links .smc a {font-size:14px; margin-left:30px} .sitemap-section {margin-bottom:30px} /* ============================================================================================================ */ /* CMS */ /* ============================================================================================================ */ .cms-dialog .ui-dialog-titlebar {padding:7px 40px 6px 20px} .cms-dialog .ui-dialog-title {font-size:16px; height:24px; line-height:24px; padding-left:32px; overflow:hidden; background: url(/images/cmsicons.png) no-repeat scroll -4px -216px transparent;} .cms-dialog-news .ui-dialog-title {background-position: -4px -252px} .cms-dialog-profile .ui-dialog-title {background-position: -4px -36px} .cms-dialog-contact .ui-dialog-title {background-position: -4px -288px} .cms-dialog-person .ui-dialog-title {background-position: -4px -144px} .cms-dialog-team .ui-dialog-title {background-position: 0 -324px; padding-left:40px} .cms-dialog-branch .ui-dialog-title {background-position: -4px -72px} .cms-dialog-thankyou .ui-dialog-title {background-position: -4px -216px} .cms-dialog-services .ui-dialog-title {background-position: -4px -360px} .cms-dialog-testimonial .ui-dialog-title {background-position: -4px -396px} .cms-dialog-qs .ui-dialog-title {background-position: -4px -432px} .cms-dialog .ui-dialog-titlebar-close {height:20px; width:20px; margin:-10px 0 0; padding:0; position: absolute; right:0.8em; top:50%; } .cms-dialog .ui-dialog-titlebar-close span {height:20px; width:20px; background: url("/images/cmsstatus.png") no-repeat scroll -2px -146px transparent} .cms-dialog .ui-dialog-titlebar-close:hover span {background-position:-2px -170px} #cms-home {background-color:#ffffff} header.cms-header {height:auto; background-color:#000} .cms-header #header-logo {display:block; float:left; height:128px; width:400px; background: url("http://images.qualitysolicitors.com/img/cms-logo2.png") no-repeat scroll left 20px #0A0A0A;} .cms-header #header-qslogo {display:block; float:left; height:128px; width:400px; background: url("http://images.qualitysolicitors.com/img/cms-logoqs.png") no-repeat scroll left 20px #0A0A0A;} .cms-header .header-content {width:100%; height:128px; padding:0 40px} .cms-header .cms-user {font-weight:600; font-size:22px; line-height:1em; color:#fefefe; float:right; text-align:right; margin-top:30px;} .cms-header .cms-profile {font-weight:600; font-size:18px; line-height:1em; color:#d0d0d0; float:right; clear:right; text-align:right; margin-top:20px;} .cms-userinfo {width:100%; padding:0 40px; height:41px; background-color:#dddddd; border-top:1px solid #ffffff} .cms-userinfo h2 {display:block; font-size:20px; font-weight:600; color:#4a4a4a; text-align:left; margin:0; padding:0 1em 0 44px; float:left; height:40px; line-height:40px; background:url("/images/cmsicons.png") no-repeat scroll 0px -100px transparent;} .cms-userinfo h3 {display:block; font-size:20px; font-weight:600; color:#808080; text-align:left; margin:0; padding:0; float:right; height:40px; line-height:40px} #cmsnavcontainer {} #cmsnavcontainer .row {max-width:100%; padding:30px 40px 0} .cmsnav {padding:0; border-bottom:1px solid #4a4a4a; width:100%; display:inline-block} .cmsnav li {list-style:none; float:left; margin:0; white-space:nowrap; color:#4a4a4a; font-size:16px; font-weight:600; padding-right:6px;} .cmsnav li.logout {float:right} .cmsnav li a {display:block; color:#4a4a4a; text-decoration:none; padding:3px 12px; border-radius:4px 4px 0 0; background-color:#f0f0f0} .cmsnav li.logout a {color:red; font-weight:normal} .cmsnav li a:hover {background-color:#d0d0d0} .cmsnav li a.selected {background-color:#4a4a4a; color:#fff; text-decoration:none;} #profiles-select {float:right; border:0 none; background-color:#f0f0f0; padding:2px} #cms-content .row {max-width:100%; padding:20px 40px} .cms-table {color:#202020; font-size:14px; font-weight:normal; width:100%; table-layout:fixed; border-collapse:separate; border:0px solid #e8e8e8; margin-bottom:30px} .cms-table thead tr {} .cms-table th {background-color:#d8d8d8; font-weight:600; text-align:left; padding:5px; color:#333333; border-bottom:1px solid #b8b8b8; border-top:1px solid #d0d0d0} .cms-table tbody tr {} .cms-table tr.childrow {display:none} .cms-table .viewRowHover {background-color: #a3a3a3; color: #ffffff; border-right: #b2b2b2 1px solid; cursor: pointer; } .cms-table td {padding:5px; text-overflow:ellipsis; overflow: hidden; white-space:nowrap; border-top:1px solid #ffffff; background-color:#f4f4f4} .cms-table td.icon {width:24px} .cms-table td.indent1 {padding-left:3em} .cms-table td a {color:#F730A3; text-decoration:none; display:inline-block; height:16px; line-height:16px} .cms-table td a:hover {text-decoration:underline} .cms-table td a.twistie {width:16px; margin:3px 8px 3px 4px; background: url(/images/viewarrow.png) no-repeat scroll 0 0 transparent; -moz-transition:-moz-transform 0.2s ease-in 0s} .cms-table td a.twistie:hover {text-decoration:none} .cms-table tr.open a.twistie {-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg)} .cms-table td span.twistnot {display:inline-block; width:16px; height:16px; line-height:16px; margin:3px 8px 3px 4px; background: url(/images/viewarrow.png) no-repeat scroll 0 -32px transparent;} .cms-table tr.category:hover {cursor:pointer} .cms-table tr.current td {background-color:#c0eec0;} .cms-table tr.current td a {color:#333333;} .cms-table tr.category td {background-color:#f0f0f0; border-bottom:1px solid #d8d8d8} .cms-table tr.area td {background-color:#f0f0f0; border-bottom:1px solid #d8d8d8; font-weight:bold} .cms-table tr.childrow td {border-top:none; color:#404040; background-color:#f8f8f8} .cms-table td.cms-data-flags {text-align:right} .cms-table td.cms-data-flags img {padding-left:5px;} .cms-table tbody tr:hover td {background-color:#e8e8e8} .cms-table .viewSort { width: 6px; height: 12px; vertical-align: middle; margin-left: 5px; } .buttonbar {margin-bottom:16px; clear:both} .cms-button {background-color:#F3F3F3; border:1px solid #DCDCDC; border-radius:2px 2px 2px 2px; color:#6E6E6E; display:inline-block; font-weight:600; font-size:14px; margin-right:4px; padding:5px 10px; line-height:1; position:relative; text-decoration:none; text-shadow:0 1px 0 #FFFFFF; -moz-transition:border 0.218s ease 0s;} .cms-button:hover {color:#333333; border-color:#999999; box-shadow:0 1px 2px rgba(0,0,0,0.15);} .cms-button:visited {color:#6E6E6E;} .cms-button-icon {background: url(/images/cmsbuttons.png) no-repeat scroll 6px -28px #F3F3F3; padding-left:28px;} .cms-button-add {background-position: 6px -156px} .cms-button-search {background-position: 6px -828px} #buttonedit {background:url("images/sprites/buttons.png") no-repeat scroll 6px -28px #F3F3F3;padding-left:28px;} #buttoncancel {background:url("images/sprites/buttons.png") no-repeat scroll 6px -124px #F3F3F3;padding-left:28px;} #buttonsubmit {background:url("images/sprites/buttons.png") no-repeat scroll 6px -60px #F3F3F3;padding-left:28px;} #buttonlist {background:url("images/sprites/buttons.png") no-repeat scroll 6px -92px #F3F3F3;padding-left:28px;} #buttondelete {background:url("images/sprites/buttons.png") no-repeat scroll 6px -188px #F3F3F3;padding-left:28px;} #buttonempty {background:url("images/sprites/buttons.png") no-repeat scroll 6px -220px #F3F3F3;padding-left:28px;} #buttonrestore {background:url("images/sprites/buttons.png") no-repeat scroll 6px -220px #F3F3F3;padding-left:28px;} #buttonprev {background:url("images/sprites/buttons.png") no-repeat scroll 6px -252px #F3F3F3;padding-left:28px} #buttonnext {background:url("images/sprites/buttons.png") no-repeat scroll 48px -284px #F3F3F3;padding-right:28px} .buttonbar select {border:1px solid #D0D0D0; border-radius:2px; padding:3px; margin-bottom:1em; height:26px; font-family: arial,helvetica,sans-serif; font-size:14px; font-weight:normal; color:#4a4a4a; background-color:#f8f8f8;} .buttonbar input {width:240px; border:1px solid #D0D0D0; border-radius:2px; padding:3px; margin-bottom:1em; height:26px; font-family: arial,helvetica,sans-serif; font-size:14px; font-weight:normal; color:#4a4a4a; background-color:#fcfcfc;} .buttonbar option {padding:4px 8px} .cms-tabs {margin-bottom: 16px; padding:0; border-bottom:1px solid #dcdcdc; width:100%; display:inline-block} .cms-tabs li {list-style:none; float:left; margin:0; white-space:nowrap; color:#4a4a4a; font-size:16px; font-weight:700; padding-right:5px;} .cms-tabs li a {background: url(/images/cmsbuttons.png) no-repeat scroll 6px -28px #F3F3F3; border:1px solid #DCDCDC; border-bottom:0 none; border-radius:3px 3px 0px 0px; color:#6E6E6E; display:inline-block; font-weight:600; font-size:12px; padding:6px 8px 6px 26px; line-height:1; position:relative; text-decoration:none;} .cms-tabs li.selected {margin-bottom: 0} .cms-tabs li a.selected {background-color:#e0e0e0; text-decoration:none;} .cms-tabs li a:hover {background-color:#e0e0e0} .cms-tabs li a.selected:hover {background-color:#e0e0e0; text-decoration:none;} .cms-tabs li a.cms-tab-basic {background-position: 6px -572px} .cms-tabs li a.cms-tab-content {background-position: 6px -28px} .cms-tabs li a.cms-tab-advanced {background-position: 6px -604px} .cms-tabs li a.cms-tab-logos {background-position: 6px -636px} .cms-tabs li a.cms-tab-services {background-position: 6px -732px} .cms-tabs li a.cms-tab-contact {background-position: 6px -700px} .cms-tabs li a.cms-tab-footer {background-position: 6px -764px} .cms-tabs li a.cms-tab-money {background-position: 6px -892px} .cms-tabs li a.cms-tab-calc {background-position: 6px -860px} .cms-dialog label {display:block; width:100%; font-size:12px; font-weight:bold; color:#333333; margin-bottom:2px} .cms-dialog span.readonly {display:block; width:100%; font-size:14px; font-weight:normal; color:#4a4a4a; margin-bottom:1em} .cms-dialog input, .cms-dialog select, .cms-dialog textarea {display:block; border:1px solid #D0D0D0; border-radius:2px; padding:4px; margin-bottom: 1em; font-family: arial,helvetica,sans-serif; font-size:14px; font-weight:normal; color:#4a4a4a; background-color:#fdfdfd;} .cms-dialog input.cms-field-text {width:650px; padding-right:24px;} .cms-dialog input.cms-field-date {width:140px; padding-right:24px; background:url(/images/fieldicons.png) no-repeat scroll right 0px #fdfdfd} .cms-dialog input.cms-field-h1 {background:url(/images/fieldicons.png) no-repeat scroll right -48px #fdfdfd} .cms-dialog input.cms-field-hidden {display:none} .cms-dialog textarea.cms-field-area {width:670px; resize:none; line-height:1.4} /* .cms-dialog textarea.cms-field-abstract {width:670px; resize:none; font-family:Georgia,serif; font-size:18px}*/ .cms-dialog textarea.cms-field-abstract {width:670px; resize:none; font-size:18px} .cms-dialog select.cms-field-multi {width:680px; height:300px} .cms-dialog select.cms-field-multisort {width:680px; height:300px} .cms-dialog fieldset {display:block; border:1px solid #D0D0D0; border-radius:2px; padding:4px 4px 0; margin-bottom:1em; font-size:14px; background-color:#f8f8f8;} .cms-dialog fieldset label {width:120px; float:left; clear:left; height:26px; line-height:26px; color:#606060} .cms-dialog fieldset span.readonly {width:550px; height:26px; line-height:26px; font-size:12px; float:left; margin-bottom:4px} .cms-dialog fieldset input.cms-field-text {width:520px; float:left; margin-bottom:4px;} .cms-dialog fieldset input.cms-field-date {float:left; margin-bottom:4px;} .cms-dialog fieldset textarea.cms-field-area {width:540px; float:left; margin-bottom:4px;} .cms-dialog fieldset select {float:left; margin-bottom:4px; padding:3px} .cms-dialog .cms-table-rates {border-collapse:separate} .cms-dialog .cms-table-rates th {background-color:#f8f8f8; font-size:12px; text-align:left; border-bottom:1px solid #d0d0d0; border-top:1px solid #d0d0d0; padding:4px 6px} .cms-dialog .cms-table-rates th:first-child {border-left:1px solid #d0d0d0;} .cms-dialog .cms-table-rates th:last-child {border-right:1px solid #d0d0d0;} .cms-dialog .cms-table-rates thead tr:first-child th:first-child {border-radius:3px 0 0 0;} .cms-dialog .cms-table-rates thead tr:first-child th:last-child {border-radius:0 3px 0 0;} .cms-dialog .cms-table-rates td {border-bottom:1px dotted #e8e8e8; padding:4px;} .cms-dialog .cms-table-rates td:first-child {border-left:1px solid #d0d0d0;} .cms-dialog .cms-table-rates td:last-child {border-right:1px solid #d0d0d0;} .cms-dialog .cms-table-rates tr:last-child td {border-bottom:1px solid #d0d0d0;} .cms-dialog .cms-table-rates .cms-field-text {margin:0; border:1px solid #e0e0e0;} .cms-dialog .cms-table-rates .cms-concalc-lim {width:150px; padding:4px 4px 4px 24px; text-align:right; background:url(/images/fieldicons.png) no-repeat scroll left -24px #fafafa;} .cms-dialog .cms-table-rates .cms-concalc-rate {width:80px; padding:4px 4px 4px 24px; text-align:right; background:url(/images/fieldicons.png) no-repeat scroll left -24px #fdfddf;} .cms-dialog .cms-table-rates .cms-concalc-fee {width:50px; padding:4px 4px 4px 24px; text-align:right; background:url(/images/fieldicons.png) no-repeat scroll left -24px #fdfddf;} .cms-dialog .cms-table-rates .cms-concalc-vat {width:50px; padding:4px 4px 4px 24px; text-align:right; background:url(/images/fieldicons.png) no-repeat scroll left -24px #fdfddf;} .cms-dialog .cms-table-rates .cms-concalc-des {width:250px; padding:4px} .cms-dialog .cms-table-rates select {margin:0; padding:3px} .cms-dialog .cms-table-rates .error {border-color:#ff0000;} .cms-dialog #cms-cc-rates th {text-align:center} #cms-divorce-rates {font-size:13px; width:100%; margin-bottom:20px} #cms-divorce-rates th {} #cms-divorce-rates td {vertical-align:middle; padding-right:20px} #cms-divorce-rates td.label {font-weight:bold;} #cms-divorce-rates input.cms-field-text {width:200px;} .cms-dialog h4 {margin-bottom:0.5em; font-size:14px; font-weight:bold} .cms-dialog p.note {font-size:12px; color:#808080; margin-top:0.75em} .cms-field-label {width: 120px; display: inline-block } .cms-dialog input.error {border-color:#ff0000;} #cms-statusbar {position:absolute; bottom:10px; overflow:hidden; height:30px} #cms-statusbar p {height:16px; width:644px; border:1px solid #dddddd; font-size:14px; padding:6px 6px 6px 28px; line-height:16px; background:url(/images/cmsstatus.png) no-repeat scroll 2px 2px #f4f4f4; border-radius: 2px} #cms-statusbar p.cms-status-validate {border-color:#dd3333; color:#dd3333; background-position:2px -118px} #cms-statusbar p.cms-status-wait {border-color:#4B6CCD; color:#2549B2; background-position:2px -22px} #cms-statusbar p.cms-status-ok {border-color:#4B6CCD; color:#2549B2; background-position:2px -46px} #cms-statusbar p.cms-status-error {border-color:#dd3333; color:#dd3333; background-position:2px -118px} #cms-toolbar-container {position:fixed; height:30px; bottom:0; width:100%; z-index:1000} #cms-toolbar {padding:0; background-color:#F628A0; height:30px; overflow:hidden; padding:0 10px; width:720px; border-radius:5px 5px 0px 0px; box-shadow:0 0 3px 2px rgba(255,255,255,0.6); background-image:-moz-linear-gradient(center top , transparent, rgba(0, 0, 0, 0.2));} #cms-toolbar:hover {box-shadow:0 0 5px 2px rgba(255, 255, 255, 0.7);} #cms-toolbar ul {list-style-type:none; font-size:15px} #cms-toolbar ul.cms-page-tools {float:left;} #cms-toolbar ul.cms-user-tools {float:right;} #cms-toolbar ul li {display:block; float:left; margin:0 8px} #cms-toolbar ul li a {color:#ffffff; height:30px; line-height:30px; text-decoration:none} #cms-toolbar ul li a:hover, #cms-toolbar ul li a:active { text-decoration:underline} #cms-toolbar ul span {color:#aaaaaa; opacity:0.6; height:30px; line-height:30px; text-decoration:none} #cms-version-container {padding:1em} #page-draft {position:fixed; width:180px; height:60px; overflow:hidden; top:10px; left:50%; margin-left:-90px; background:url('http://images.qualitysolicitors.com/img/draft.png') no-repeat 0px 0px transparent; z-index:2000} #page-archive {position:fixed; width:180px; height:60px; overflow:hidden; top:10px; left:50%; margin-left:-90px; background:url('http://images.qualitysolicitors.com/img/archive.png') no-repeat 0px 0px transparent; z-index:2000} #page-dev {position:fixed; width:100%; height:13px; overflow:hidden; top:0; left:0; background:url('http://images.qualitysolicitors.com/img/dev/devmarkers.png') no-repeat center center transparent; z-index:1000} #page-dev:hover {opacity:0} #page-staging {position:fixed; width:100%; height:13px; overflow:hidden; top:0; left:0; background:url('http://images.qualitysolicitors.com/img/dev/staging.png') repeat-x 0px 0px transparent; z-index:1000} #page-uat {position:fixed; width:100%; height:13px; overflow:hidden; top:0; left:0; background:url('http://images.qualitysolicitors.com/img/dev/uat.png') repeat-x 0px 0px transparent; z-index:1000} /* Thumbnail scroller jQuery plugin scrollers styling */ .jThumbnailScroller {position:relative; width:100%px; height:240px; margin:0 auto; background-color:#212121; padding:0; overflow:hidden;} .jThumbnailScroller .jTscrollerContainer{position:absolute; overflow:hidden; height:240px; padding:20px 0; width:999999px} .jThumbnailScroller .jTscroller{position:relative; height:100%; margin:0; left:0; top:0; display:inline-block} .jTscrollerNextButton, .jTscrollerPrevButton{position:absolute; display:block; width:44px; height:200px; background:#212121 url('http://images.qualitysolicitors.com/img/scroller.png') no-repeat 0px 0px; top:20px; box-shadow:0 0 16px 4px #212121} .jTscrollerPrevButton {background-position:0px 42px; left:0;} .jTscrollerNextButton {background-position:-48px 42px; right:0;} .scrollPrev .jTscrollerPrevButton {background-position:-96px 42px} .scrollPrev .jTscrollerPrevButton:hover {background-position:-192px 42px} .scrollNext .jTscrollerNextButton {background-position:-144px 42px} .scrollNext .jTscrollerNextButton:hover {background-position:-240px 42px} .jThumbnailScroller .jTscroller li {display:block; float:left; margin-right:20px} .jThumbnailScroller .jTscroller li:first-child {margin-left:58px} .jThumbnailScroller .jTscroller li:last-child {margin-right:58px} .jThumbnailScroller .jTscroller a {display:block; float:left; width:200px; height:200px; border:0px none; margin:0; background:#f0f0f0; text-decoration:none; opacity:0.9} .jThumbnailScroller .jTscroller a:hover{border-color:#fff; opacity:1; -moz-transition:opacity .2s ease-out;} .jThumbnailScroller .jTscroller a:first-child{} .jThumbnailScroller .jTscroller a img {border:none;} .jThumbnailScroller .jTscroller a h5 {font-size:16px; font-weight:600; color:#cccccc; background-color:#212121; text-decoration:none} .jThumbnailScroller .jTscroller a h6 {font-size:15px; font-weight:normal; color:#848484; background-color:#212121; height:4em} #scrollcontainer {background-color:#212121;} #person-scroller {margin:0 auto; height:240px} @media only screen and (max-width: 767px) { #scrollcontainer {display:none} } /* SelectBox jQuery plugin */ .sbHolder {background-color: #2d2d2d; font-size: 14px; font-weight: normal; height: 30px; position: relative; width: 100%; float:left; z-index: 1000} .sbSelector {display: block; height: 30px; left: 0; line-height: 30px; outline: none; overflow: hidden; position: absolute; text-indent: 10px; top: 0; width: 170px; } .sbSelector:link, .sbSelector:visited, .sbSelector:hover {color: #AB9A6D; outline: none; text-decoration: none;} .sbToggle {background: url(/images/selectbox.png) 0 -116px no-repeat; display: block; height: 30px; outline: none; position: absolute; right: 0; top: 0; width: 30px;} .sbToggle:hover {background: url(/images/selectbox.png) 0 -167px no-repeat;} .sbToggleOpen {background: url(/images/selectbox.png) 0 -16px no-repeat;} .sbToggleOpen:hover {background: url(/images/selectbox.png) 0 -66px no-repeat;} .sbHolderDisabled {background-color: #3C3C3C; border: solid 1px #515151;} .sbHolderDisabled .sbHolder {} .sbHolderDisabled .sbToggle {} .sbOptions {background-color: #212121; border: solid 1px #515151; list-style: none; margin: 0; padding: 0; position: absolute; top: 30px; width: 100%; z-index: 1; overflow-y:auto} .sbOptions li {padding: 0 7px; } .sbOptions a {border-bottom: dotted 1px #515151; display: block; outline: none; padding: 7px 0 7px 3px;} .sbOptions li:last-child a {border-bottom: none 0} .sbOptions a:link, .sbOptions a:visited {color: #ddd; text-decoration: none;} .sbOptions a:hover {color: #EBB52D;} .sbOptions li.last a {border-bottom: none;} .sbOptions .sbDisabled {border-bottom: dotted 1px #515151; color: #999; display: block; padding: 7px 0 7px 3px;} .sbOptions .sbGroup {border-bottom: dotted 1px #515151; color: #AB9A6D; display: block; font-weight: bold; padding: 7px 0 7px 3px;} .sbOptions .sbSub {padding-left: 17px;} /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;} #colorbox div {-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;} #colorbox article {padding:20px;-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;} #colorbox h1 {-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;} #colorbox p {-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:url(http://images.qualitysolicitors.com/img/colorbox_controls2.png) no-repeat 0 0;} #cboxTopCenter{height:14px; background:url(http://images.qualitysolicitors.com/img/colorbox_border2.png) repeat-x top left;} #cboxTopRight{width:14px; height:14px; background:url(http://images.qualitysolicitors.com/img/colorbox_controls2.png) no-repeat -36px 0;} #cboxBottomLeft{width:14px; height:43px; background:url(http://images.qualitysolicitors.com/img/colorbox_controls2.png) no-repeat 0 -32px;} #cboxBottomCenter{height:43px; background:url(http://images.qualitysolicitors.com/img/colorbox_border2.png) repeat-x bottom left;} #cboxBottomRight{width:14px; height:43px; background:url(http://images.qualitysolicitors.com/img/colorbox_controls2.png) no-repeat -36px -32px;} #cboxMiddleLeft{width:14px; background:url(http://images.qualitysolicitors.com/img/colorbox_controls2.png) repeat-y -175px 0;} #cboxMiddleRight{width:14px; background:url(http://images.qualitysolicitors.com/img/colorbox_controls2.png) repeat-y -211px 0;} #cboxContent{background:#fff; overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(http://images.qualitysolicitors.com/img/colorbox_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(http://images.qualitysolicitors.com/img/colorbox_loading.gif) no-repeat center center;} #cboxTitle{position:absolute; bottom:-28px; left:3px; text-align:left; width:100%; font-weight:normal; color:#404040;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{border:0; padding:0; margin:0; overflow:visible; position:absolute; bottom:-29px; background:url(http://images.qualitysolicitors.com/img/colorbox_controls2.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious:hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext:hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose:hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;} /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* Border Box model */ .innerbox {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .outerbox {-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;} /* Hide until initial screen resize*/ .delayed {visibility: hidden;} /* Scale Images */ img.autoscale {max-width:100%;} img.fullscale {width:100%;} /* Scale Videos */ video.fullscale, div.fullscale video {width:100%; height:auto; padding:0; margin:0; border:0} /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }