@charset "utf-8";

/*
-----------------------------------------------------------------------------------------
BURY AND WALKERS - SCREEN
AWA
Email: production@awadigital.com

--------------
NOTES
--------------
This css file contains styles for basic layout and font styles for generic elements used
across the entire website such as the site structure, header, navigation and footer.

Reusable content elements such as promos, panels and cross-sell are also included.

--------------
CONTENTS
--------------
## RESET BROWSER DEFAULT CSS
## STRUCTURE
## BRANDING
## MAIN NAVIGATION
## MAIN NAVIGATION SECTION HIGHLIGHTING
## MAIN NAVIGATION DROPDOWN
## SECONDARY NAVIGATION
## RELATED PAGES NAVIGATION
## BREADCRUMB
## ASIDES
## FOOTER, SIGNOFF AND COLOPHON
## TYPOGRAPHY
## LINKS
## REUSABLE CONTENT PATTERNS
## FORM INSTRUCTIONS
## BASE FORM LAYOUT
## CMS CONTROLLED IMAGE PLACEMENT
## PAGE FOOTNOTES
## ACCESSIBLE HIDE

-----------------------------------------------------------------------------------------
*/


/*  ## RESET BROWSER DEFAULT CSS  ---------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-size: 100%;
line-height: 1.3;
margin: 0;
outline: 0;
padding: 0;
}
ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}


/*  ## STRUCTURE  ---------------------------------------------------*/

body {
background: #FFF url(/images/stat/bg-body.png) 0 0 repeat-x;
color: #000;
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
height: 100%;
}

.header {
height: 165px;
background:#FFF url(/images/stat/bg-header.png) 0 bottom repeat-x;
margin:0 auto;

max-width:1024px;
min-width:960px;
position: relative;
}
.page {
background-color: #FFF;
margin: 0 auto;
max-width: 1024px;
min-width: 960px;

}
.content {
margin: 0 auto;
overflow: hidden;
padding: 30px 10px 30px 10px;
position: relative;
text-align: left;
width: 960px;
}	
div.article {
float: left;
margin: 0 0 0 256px;
padding: 0 0 60px 0;
width: 460px;
}
.aside {
float: right;
width: 210px;
}


/*  ## BRANDING  ---------------------------------------------------*/

.branding {
height: 113px;
left: 50%;
margin: 0 0 0 225px;
position: absolute;
top: 17px;
width: 253px;
z-index: 1000;
}
.branding h1 {
position: absolute;
left: -3000em;
}
.branding a {
display: block;
}

/*  ## MAIN NAVIGATION  ---------------------------------------------------*/

.nav.primary {
height: 165px;
left: 50%;
margin: 0 300px 0 -480px;
padding: 0 0 0;
position: absolute;
top: 0;
width: 660px;
}
.nav.primary h2 {
left: -3000em;
position: absolute;
}
.nav.primary ul {
bottom: 0;
margin: 0 0 0 3px;
position: absolute;
}
.nav.primary li {
display: block;
float: left;
font-size: 112.5%;
font-weight: normal;
float: left;
margin: 0 3px 0 0;
}
.nav.primary li a {
background: url(/images/stat/nav-l.gif) 0 0 no-repeat;
color: #FFF;
display: block;
padding: 0 0 0 10px;
text-decoration: none;
}
.nav.primary li span {
background: url(/images/stat/nav-r.gif) 100% 0 no-repeat;
display: block;
padding: 8px 12px 13px 2px;
}
.nav.primary li a:hover span,
.nav.primary li a:focus span {
text-decoration: underline;
}


/*  ## MAIN NAVIGATION SECTION HIGHLIGHTING  ---------------------------------------------------*/

body.homepage .nav.primary li.homepage a,
body.commercial-law .nav.primary li.commercial-law a,
body.personal-law .nav.primary li.personal-law a,
body.about-us .nav.primary li.about-us a,
body.contact .nav.primary li.contact a {
background-position: 0 -300px;
}
body.homepage .nav.primary li.homepage a span,
body.commercial-law .nav.primary li.commercial-law a span,
body.personal-law .nav.primary li.personal-law a span,
body.about-us .nav.primary li.about-us a span,
body.contact .nav.primary li.contact a span {
background-position: 100% -300px;
}

/*  ## RELATED PAGES NAVIGATION  ---------------------------------------------------*/

.nav.related {
background: #DBDBDB url(/images/stat/bg-related.png) repeat-x 0 0;
float: left;
margin: 0 0 0 -716px;
min-height: 250px;
padding: 15px 15px 60px 15px;
width: 180px;
}
.nav.related h2 {
color: #DBDBDB;
font-size: 131.25%;
margin: 0 0 0.25em 0;
padding: 0;
}
.nav.related h2 span {
left: -3000em;
position: absolute;
}
.nav.related h2 a:link,
.nav.related h2 a:visited {
border-bottom: 0;
color: #665296;
text-decoration: none;
}
.nav.related h2 a:hover,
.nav.related h2 a:focus {
color: #725FA5;
}
.nav.related h3 {
color: #FFF;
font-size: 81.25%;
margin: 0 0 0.6em 0;
}
.nav.related ul {
border-top: 1px #000 dotted;
margin: 0 0 1.4em 0;
}
.nav.related li {
border-bottom: 1px #000 dotted;
display: block;
font-size: 81.25%;
line-height: 1.3;
margin: 0;
}

.nav.related li a {
background: url(/images/stat/blt-related.gif) no-repeat 1px 9px;
border-bottom: 0;
display: block;
padding: 6px 10px 6px 20px;
text-decoration: none;
}

.nav.related li a:link {
	color:#000;
}

.nav.related li.selected a {
color:#402D6B;
background-position: -599px 9px;
}

.nav.related li.selected a:link,
.nav.related li.selected a:visited {
color:#402D6B;
}

div.nav.related li a:hover,
div.nav.related li a:focus {
background-position: -299px 9px;
color: #725FA5;
}

.nav.related li a:visited {
color:#000;
}

/*
.nav.related li a:focus {
background-color: #FFF;
}

.nav.related li a:hover:focus {
background-color: transparent !important;
}

.nav.related li a:active:focus {
color: #00F;
background-color: #0F0 !important;
}
*/
/*
.nav.related a:visited {
border-bottom: 0;
color: #0F0;
}
.nav.related a:visited:hover {
background-position: -299px 10px;
border-bottom: 0;
color: #F00;
}
*/
.nav.related p.link {
margin: 0.6em 0 2em -4px;
}

.nav.related p.link a:hover,
.nav.related p.link a:focus {
color: #FFF;
}

/*  ## ASIDES ---------------------------------------------------*/

.aside div {
background: #161818;
margin: 0 0 20px 0;
}

.aside div div {
margin: 0;
padding: 8px 15px 12px 15px;
}

.aside a span {
position: absolute;
left: -3000em;
}
.aside p.link {
margin: 0;
}
.aside p.link a span {
position: static;
}
.aside p.link a span span {
position: absolute;
left: -3000em;
}
.aside h2 {
color: #FFF;
border-bottom: 1px #FFF dotted;
font-size: 131.25%;
margin: 0 0 0.4em 0;
padding: 0 0 4px 0;
}

.aside p {
color: #ACA8B9;
}

.aside p a:link,
.aside p a:visited,
.aside li a:link,
.aside li a:visited {
border-bottom: 1px #FFF solid;
color: #FFF;
}

.aside p a:hover,
.aside li a:hover {
border-bottom: 1px #725FA5 solid;
color:#725FA5;
text-decoration: none;
}


/* ------- Next steps panel ------- */
.aside .next-steps span.tel {
color: #FFF;
display: block;
font-size: 145%;
font-weight: bold;
letter-spacing: -1px;
margin: 0 0 -12px 0;
}

/* ------- Main contacts panel ------- */
.aside .next-steps span.tel {
color: #FFF;
display: block;
font-size: 145%;
font-weight: bold;
letter-spacing: -1px;
margin: 0 0 -12px 0;
}

.aside .main-contacts ul {
list-style: disc;
margin: 0 0 1em 0.6em;
padding: 0 0 0 8px;
}

.aside .main-contacts ul li {
color: #FFF;
}

/* ------- Why us panel ------- */
.aside .why-us p {
margin: 0;
}

/* ------- Cross sell panel ------- */
.aside .cross-sell div {
background-color: #DBDBDB;
}
.aside .cross-sell h2 {
border-bottom: 1px #000 dotted;
color: #665296;
}

.aside .cross-sell p {
color: #000;
}



/*  ## FOOTER, SIGNOFF AND COLOPHON  ---------------------------------------------------*/
.footer {
color:#FFF;
background-color:#161818;
}
.footer h2 {

left: -3000em;
position: absolute;
}

/* ------- Signoff ------- */
.signoff {
margin: 0 auto;
overflow: hidden;
padding: 45px 0 0 0;
width: 960px;
}
.signoff .column {
float: left;
margin: 0 0 0 10px;
width: 228px;
}

.signoff .worldlink {
padding: 0 62px 0 0;
margin: 0 9px 0 0;
width: 175px;
} 

.signoff .worldlink h3 {
background: url(/images/stat/logo-worldlink-screen.gif) no-repeat;
height:48px;
width: 145px;
} 

.signoff .worldlink h3 img {
display: none;
}


.signoff h3 {
left: -3000em;
position: absolute;
}

.signoff h4 {
color: #ACA8B9;
font-size: 125%;
font-weight: normal;
}
.signoff h4 a {
color:#8C7AB7;
text-decoration: none;
}
.signoff p,
.signoff address {
font-size: 68.75%;
}
.signoff li {
background: url(/images/stat/blt-signoff.gif) 0 0.6em no-repeat;
padding: 0 0 0 12px;
}
.signoff a {
color: #ACA8B9;
text-decoration: underline;
}
.signoff a:link {
color:#ACA8B9;
}

.signoff a:hover {
color:#725FA5;
}
.signoff a:focus {
color:#725FA5;
}

.signoff .worldlink a {  
	color:#FFF;
}

.signoff .worldlink a:hover, .signoff .worldlink a:focus {  
	color:#725FA5;
}


.signoff p.link a {
background: url(/images/stat/arw-r.png) 100% 0.4em no-repeat;
padding: 0 14px 0 0;
}

.signoff .offices {
float: right;
}

.signoff .column div {
padding-bottom: 10px;
}
.signoff .worldlink h3,
.signoff .sra h3 {
position: static;
}

.signoff .sra {
background: #222626;
color:#ACA8B9;
clear: both;
overflow: hidden;
padding: 10px 0 5px 15px;
}

.signoff .sra h3 {
left: -3000em;
position: absolute;
}

.signoff .contact h4 {
font-size: 125%;
padding: 0 0 0 10px;
margin: 0 0 6px 0;
}
.signoff .contact address,
.signoff .contact p {
padding: 0 0 0 10px;
}

.signoff .contact p {
background-color: #2A2A2A;
padding: 8px 10px 10px 10px;
}

.signoff .contact address {
min-height: 5.6em;
}

.signoff .contact address span {
display: block;
}


.signoff .contact address span.org,
.signoff .contact span.country-name,
.signoff .contact span.comma,
.signoff .contact span.descriptor,
.signoff .contact span.website {
display: none;
}
.signoff .contact span.phone,
.signoff .contact span.tel {
display: block;
}
.signoff .contact span.phone {
padding: 0 0 4px 0;
}
.signoff .contact span.phone span.tel {
display: inline;
font-size: 175%;
font-weight: bold;
}
.signoff .contact span.tel span {
display: inline;
}
.signoff .contact span.phone span.tel span.type {
display: none;
}
 {
display: none;
}

/* ------- Colophon ------- */
.colophon {
padding: 11px 0 40px 0;
}
.colophon ul {
list-style: none;
margin: 0 auto;
width: 960px;
}
.colophon li {
background: url(/images/stat/blt-colophon.gif) 0 100% no-repeat;
color:#ACA8B9;
display: inline-block;
font-size: 68.75%;
line-height: 1;
padding: 0 6px 0 12px;
}
.colophon li.first {
background: none;
padding-left: 0;
}
.colophon li a {
color: #ACA8B9;
border-bottom: 1px #ACA8B9 solid;
padding: 0;
text-decoration: none;
}



/*  ## TYPOGRAPHY  ------------------------------------------------------------------*/
h1 {
color:#39447C;
font-weight : normal;
font-size : 250%;
margin: 0.1em 0 0.45em 0;
}
h2 {
clear: both;
color: #665296;	
font-size: 125%;
font-weight: normal;
margin: 0 0 0.8em 0;
padding: 0.2em 0 0 0;
}

h3, h4 {
color: #665296;
font-size: 100%;
font-weight: bold;
margin: 0 0 0.8em 0;
}
p {
font-size : 81.25%;
margin:0 0 1em 0;
}

p.positioning {
color: #49337C;
font-size: 125%;
line-height: 1.2;
margin: 0 0 0.85em 0;
}
p.leader {
font-size : 87.5%;
font-weight: bold;
}
strong {
	font-weight : bold;
}
strong.required {
	color : #b00;
	font-weight : normal;
}
em {
	font-weight : normal;
	font-style : italic;
}
cite {
	font-style : normal;	
}
address {
font-size: 87.5%;
font-style: normal;
margin: 0 0 1em 0;
}
label {
font-size: 81.25%;
font-style: normal;
}
ul, ol, dl {
margin: 0 0 1em 0;	
}

ol {
padding: 0 0 0 30px;	
}
li, dt, dd {
font-size: 81.25%;
margin: 0 0 0.25em 0;
}
div.article ul li {
margin: 0 0 0.4em 0;
padding: 0 0 0 4px;
}

div.article ul {
list-style: disc;
margin: 0 0 1em 1.7em;
padding: 0 0 0 8px;
}

div.article ul li h3 {
font-size: 100%;
margin: 0 0 0.2em 0;
}

div.article ol {
margin: 0 0 1em 0.9em;
padding: 0 0 0 30px;
}

div.article li ul {
margin: 0.4em 0 1em 0;
}

div.article li ul li {
margin: 0 0 0.5em 0;
}

p p, p li, p dt, p dd, p label, p q, p address,
dt p, dt li, dt dt, dt dd, dt label, dt q, dt address,
dd p, dd li, dd dt, dd dd, dd label, dd q, dd address,
li p, li li, li dt, li dd, li label, li q, li address, 
label p, label li, label dt, label dd, label label, label q, label address,
table p, table li, table dt, table dd, table label, table q, table address {
	font-size : 100%;
}

table {
border-collapse: collapse;
border-left: 1px solid #FFF;
border-top: 1px solid #FFF;
margin: 0 0 1em 0;
width: 100%;
}
table caption {
font-size: 81.25%;
padding: 1em 0;
text-align: left;
}
table th {
background-color: #E5EEF5;
border-bottom: 1px solid #FFF;
border-collapse: collapse;
border-right: 1px solid #FFF;
color: #FFF;
font-size: 81.25%;
padding: 4px;
text-align: left;
vertical-align: top;
}
table td {
border-bottom: 1px solid #FFF;
border-collapse: collapse;
border-right: 1px solid #FFF;
color: #FFF;
font-size: 81.25%;
padding: 4px;
vertical-align: top;
}

/*  ## LINKS  ---------------------------------------------------*/

.content a:link {
border-bottom: 1px #ACA8B9 solid;
color:#665296;
padding: 0;
text-decoration:none;
}
.content a:visited {
border-bottom: 1px #ACA8B9 solid;
color:#725FA5;
padding: 0;
text-decoration: none;
}
.content a:hover,
.content a:focus {
border-bottom: 1px #725FA5 solid;
color:#725FA5;
text-decoration: none;
}

.content a:active {
font-weight: normal;
}

.content p.link {
font-size: 81.25%;
}
.content p.link a {
background: #402D6B url(/images/stat/bg-btn.png) 100% 50% no-repeat;
border-bottom: 0;
color: #FFF;
display: inline-block;
padding: 4px 24px 4px 8px;
text-decoration: none;
}

.content p.link a:hover,
.content p.link a:focus {
background-color: #725FA5;
}

/*  ## REUSABLE CONTENT PATTERNS  ---------------------------------------------------*/
.introduction {
color:#49337C;
}

.team-list .locality {
	display:none;
}

/*  ## PAGE FOOTNOTES  ------------------------------------------------------------------*/
.footnotes {
border-top: 1px #F0F0F0 solid;
margin: 2em 0 0 0;
padding: 1em 0 0 0;
}
.footnotes h2 {
font-size: 75%;
}
.footnotes p {
font-size: 68.75%;
}
.footnotes li {
font-size: 68.75%;
}
div.article .footnotes ul li {
background: none;
margin: 0 0 0.4em 0;
padding: 0 0 0 0;
}

/*  ## CMS CONTROLLED IMAGE PLACEMENT  ------------------------------------------------------------------*/

div.article img.inset-left,
div.article img.inset-left-border {
padding:0px;
margin:0 20px 20px 0;
float:left;
}

div.article img.inset-left-clear {
padding:0px;
margin:0 20px 20px 0;
float:left;
clear : left;
}

div.article img.inset-right,
div.article img.inset-right-border {
padding:0px;
margin:0 0 20px 20px;
float:right;
}
div.article img.inset-right-clear {
padding:0px;
margin:0 0 20px 20px;
float:right;
clear : right;
}

div.article img.centered,
div.article img.centered-border {
padding:0px;
margin:0 auto;
display : block;
}

div.article img.inset-left-border,
div.article img.inset-right-border
div.article img.centered-border {
border: 1px #F6F6F6 solid;
}


/*  ## ACCESSIBLE HIDE  ------------------------------------------------------------------*/

.accessibility {
left: -3000em;
position: absolute;
top: 0;
}