/*------------------------ BERRY & BERRY CSS --------------------------*/

@import "reset.css";
@import "fonts.css";
@import "menu.css";



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

#wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background: #1117c2 url(gl_images/background.gif) 0 0 repeat-x;
}

#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 225px;
	height: 130px;
	padding: 25px 0 0 775px;
	background: #fff url(gl_images/berry-berry-logo.gif) 110px 36px no-repeat;
}

#strapline {
	position: absolute;
	top: 130px;
	left: 0px;
	width: 1000px;
	height: 18px;
	color: #8d9de5;
	text-align: center;
	font-size: 10px;
	font-weight: bold;		
	background: #1117c2;
}

#search {
	position: absolute;
	top: 226px;
	left: 775px;
	width: 215px;
	height: 18px;
	background: #1117c2;
}

#container {
	float: right;
	display: inline; /* IE fix */
	width: 778px;
	margin: 226px 14px 0 0;
	padding: 0;
	background: transparent;
}

#mainContent {
	float: left;
	display: inline; /* IE fix */
	width: 540px;
	overflow: hidden;
	background: #fff;
}

#mainContentWide {
	float: left;
	display: inline; /* IE fix */
	width: 770px;
	overflow: hidden;
	background: #fff url(gl_images/blue-band.gif) 0 0 repeat-x;
}

#rightContent {
	float: right;
	display: inline; /* IE fix */
	width: 210px;	
	margin: 37px 0 0 0;
	padding: 0 0 0 0;
	background: transparent;
}

#leftContent {
	float: left;
	display: inline; /* IE fix */
	width: 180px;	
	margin: 226px 0 0 0;
	padding: 0 0 0 0;
	background: transparent;
}

#footer {
	/* Don't add a height - cos of IE6 */
	clear: both; 
	margin-top: 60px;
	border-top: 1px solid #8d9de5;
}


#search label {
	float: left;
	width: auto; /* to validate */
	margin: 0; padding: 0;
	color: #fff; font-size: 11px;
}
#search input {
	float: left;
	width: 120px;
	margin: 0; padding: 0;
}
/* DO NOT RENAME #query it is required by Sphider search */
#search input#query { color: #4b4d5b; width: 120px; height: 16px; margin: 0 5px; border: none; }
#search input#searchButton { color: #4b4d5b; width: 30px; }

#mainContent .textBox, #mainContentWide .textBox {
	width: 480px;
	padding: 20px 0 0 30px;
	margin: 0 0 20px 0;
}
#mainContentWide .textBox {	width: 700px; }

.columnBox, .columnBoxWide{
	clear: both;
	width: 480px;
	padding: 20px 30px;
	overflow: hidden;
	background: #7a7a8b;
}
.leftColumn, .rightColumn {
	float: left;
	display: inline; /* IE fix */
	width: 218px;
	color: #fff;
	background: #7a7a8b;
}
.columnBoxWide { width: 750px; }
.columnBoxWide .leftColumn, .columnBoxWide .rightColumn { width: 340px; }
.columnBox .leftColumn, .columnBoxWide .leftColumn { border-right: 1px solid #fff; padding-right: 20px; }
.columnBox .rightColumn, .columnBoxWide .rightColumn { border-left: 1px solid #fff; padding-left: 20px; margin-left: -1px; }
.columnBox p, .columnBoxWide p { font-size: 11px; }
.columnBox .clientName, .columnBoxWide .clientName { font-style: italic; }

#legalLogos {
	padding: 25px 0;
	text-align: center;
	clear: both;
}
#legalLogos img { padding: 0 20px; }

#mainContent ul {
	list-style-image: url(gl_images/bullet1.gif);
	padding: 0 20px 8px 30px;
	margin: 0 0 5px 15px;
}

h1#pageTitle {
	width: 490px;
	font-weight: normal;
	font-size: 20px;
	height: 41px;
	padding: 15px 20px 0 30px;
	color: #fff;
	background: #7a7a8b;
}

.textBlock1, .textBlock2 {
	width: 150px;
	min-height: 180px;
	padding: 20px 0 0 30px;
	margin: 10px 0 0 0;
	background: transparent url(gl_images/blue-b.gif) 0 0 no-repeat;	
}

.textBlock1 p { width: 140px; margin-bottom: 10px; padding: 0; line-height: 20px; }
.textBlock1 p.preQuote { font-size: 14px; line-height: 22px; color: #fff; }
.textBlock1 p.quote { font-size: 14px; font-weight: bold; line-height: 22px; color: #f90; }
.textBlock1 p.byLine { font-size: 11px; font-weight: bold; line-height: 9px; color: #fff; }
.textBlock1 p.byTitle { font-size: 11px; line-height: 9px; color: #fff; }

.textBlock2 p { width: 140px; margin-bottom: 10px; padding: 0; line-height: 20px; color: #becaff; }
.textBlock2 { background: transparent; }

.box1, .box2, .staffBox {
	width: 180px; 
	padding: 15px;
	margin: 0 0 15px 0;
	background: #7a7a8b;
}

.box1 h3 {
	font-size: 11px;
	color: #f90;
	padding: 0;
	margin: 0;
}
.box1 h3.white { color: #fff; }
.box1 p {
	font-size: 11px;
	color: #fff;
	width: 180px;
	padding: 0;
	margin: 0;
}

.box2 h3 {
	font-size: 11px;
	color: #fff;
	padding: 0;
	margin: 0;
}
.box2 p {
	font-size: 11px;
	color: #f90;
	width: 180px;
	padding: 0;
	margin: 0;
}

#leftContent .box1, #leftContent .box2 { width: 150px; }
#leftContent .box1 p, #leftContent .box2 p { width: 150px; }

a.more, a.more:visited {
	color: #fff;
	display: block;
	width: 180px;
	padding: 0 0 15px 0;
	background: transparent url(gl_images/arrow.gif) 164px bottom no-repeat;
}

a.more:hover {
	color: #becaff;
	background-position: -18px bottom;
}

a.orange, a.orange:visited { color: #f90; font-weight: bold; }
a.orange:hover { color: #8d9de5; }
 
.paleB { clear: left; float: left; width: 200px; margin-bottom: 30px; }

.docList li a { color: #f90; }

#mainContent h3 { color: #7a7a8b; }
#mainContent .columnBox h3 { margin: 0 0 4px 0; padding: 0; }

ul.departmentsList {
	margin: 25px 0 0 30px;
}
ul.departmentsList li { margin-bottom: 10px; }
ul.departmentsList a, ul.departmentsList a:visited { color: #becaff; }
ul.departmentsList a:hover { color: #f90; }


/* Staff list - right content */

.staffBox p { color: #fff; line-height: 14px; margin: 0 0 6px 0; }
.staffBox p.staffName { font-weight: bold; }
.staffBox p.staffTitle { font-style: italic; }
.staffBox p.staffProfile { margin: 0 0 18px 0; }
.staffBox a { color: #fff; }

/* width:auto is set in order to validate */
.imageLeft { float: left; margin: 0 15px 15px 0; width: auto; }
.imageLeftLow { float: left; margin: 0 15px 15px 0; padding-top: 5px; width: auto; }
.imageLeftInset { float: left; margin: 15px 15px 15px 0; width: auto; }

.imageRight { float: right; margin: 0 0 15px 15px; width: auto; }
.imageRightLow { float: right; margin: 0 0 15px 15px; padding-top: 5px; width: auto; }
.imageRightInset { float: right; margin: 15px 0 15px 15px; width: auto; } 

.centred { text-align: center; }
.centred img { padding: 25px 0; }



/* Footer
----------------------------------------------------------------------------*/
#footerText { color: #becaff; text-align: center; padding: 15px 0 40px 0; }
#footerText ul { margin-bottom: 10px; }
#footerText li { display: inline; } 
#footerText a, #footerText a:visited { color: #becaff; text-decoration: underline; }
#footerText a:hover { color: #f90; }


/* Utilities 
----------------------------------------------------------------------------*/
.spacer { margin-bottom: 200px; }
.clear { clear: both; }

/* Offices page
----------------------------------------------------------------------------*/

.offices {
	float: left;
	width: 200px;
	margin: 0 0 20px 0;
	padding: 0;
}
.officeLeft { clear: both; margin-right: 70px; }

.offices h4 {
	font-size: 14px;
	color: #1117c2;
	margin: 0 0 5px 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #c5c5dd;	
}
.offices strong {color:  #1117c2; }
.offices p.eSymbol { float: left; margin: 0 5px 15px 0; padding: 0; font-weight: bold; width: auto; }
.offices p.officeEmail { float: left;  padding: 0; width: auto; }


/* Our People page with staff profiles
----------------------------------------------------------------------------*/

#personnelList {
	width: 220px;
	font-size: 10px;
	line-height: 12px;
}
#personnelList li {
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-bottom: 1px solid #c5c5dd;
}
#personnelList li a, #personnelList li a:visited {
	font-size: 12px;
	font-weight: bold;
	color: #1117c2;
}
#personnelList li a:hover { color: #f90; }

.profilePic { float: right; width: auto; }

#staffProfile {
	padding: 0 0 0 30px;
	width: 430px;
	float: right;
	border-left: 1px solid #c5c5dd;
}

#profileDetails { width: 220px; }
#profileDetails p { margin: 0 0 5px 0; }
#profileDetails #profileName { margin: 0; padding: 0; height: 16px; }
#profileDetails p.subHead { font-weight: bold; margin-top: 16px; }
#profileDetails .symbol { font-weight: bold; color: #f90; }
#profileDetails .symbol { font-weight: bold; color: #f90; }

#profileDetails a, #profileDetails a:visited { color: #1117c2; }
#profileDetails .email { color: #4b4d5b; }
#profileDetails a:hover, #profileDetails .email:hover { color: #f90; }

#profileInfo { clear: right; padding: 20px 0;}



/* Form
----------------------------------------------------------------------------*/

form#jobApplication, form#contactForm,
form#piForm, form#careersForm {
	width:500px;
	margin-bottom:8px;	
}
form#jobApplication fieldset, form#contactForm fieldset,
form#piForm fieldset, form#careersForm fieldset {
	padding:10px;
	border:1px solid #ccc;
	background:#f8f8f8;
}
form#jobApplication label, form#contactForm label,
form#piForm label, form#careersForm label {
	float:left;
	clear: left;
	text-align:right;
	padding-right:10px;
	width:170px;
}
form#jobApplication input, form#contactForm input,
form#piForm input, form#careersForm input {
	width:270px;
	font-size: 12px;
}
form#jobApplication textarea, form#contactForm textarea,
form#piForm textarea, form#careersForm textarea {
	clear: left;
	width: 430px;
	margin: 3px 0 15px 20px;
	height: 100px;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 13px; /*Font needs to be larger in textarea!!*/
	overflow: auto;
}
form#jobApplication p.submitBox, form#contactForm p.submitBox,
form#piForm p.submitBox, form#careersForm p.submitBox {
	text-align: center;
}
form#jobApplication input.submit, form#contactForm input.submit,
form#piForm input.submit, form#careersForm input.submit {
	width:200px;
}
form#piForm h4 {
	text-align:right;
	padding-right:10px;
	margin-bottom: 10px;
	width:170px;
	color: #f90;
}
.errorHeading {
	font: bold 16px/40px Verdana, Arial, Helvetica, sans-serif;
	color: #FF0033;
}
.privacy { font-size: 10px; font-weight: bold; line-height: 12px; margin-top: 15px; text-align: center; }
.requiredFields { color: #f90; }
.requiredSymbol { color: #f90; }
.formErrorWarning { font-weight: bold; color: #f90; }
.formError { font-weight: bold; margin: 0 0 10px 180px; color: #f90; }
.formErrorWide { font-weight: bold; margin: 0 0 10px 0; color: #f90; }

/* Sitemap
----------------------------------------------------------------------------*/
#sitemap #mainContent ul {
	list-style-image: url(gl_images/bullet1.gif);
	margin: 0;
	padding: 0 0 0 15px;
}
#sitemap #mainContent ul li a { line-height: 23px; }

#sitemap #mainContent #sitemapLeft,
#sitemap #mainContent #sitemapRight { float: left; width: 220px; margin: 0 0 30px 0; }
#sitemap #mainContent #sitemapLeft { margin-right: 10px; }



/* COLOURS 
----------------------------------------------------------------------------*/

#familyLaw h1#pageTitle { background: #859d00; }
#commercialProperty h1#pageTitle { background: #00739e; }
#residentialConveyancing h1#pageTitle { background: #cba300; }
#willsAndProbate h1#pageTitle { background: #71634e; }
#disputeResolution h1#pageTitle { background: #5b1800; }
#criminalDefence h1#pageTitle { background: #770078; }
#personalInjury h1#pageTitle { background: #8d4217; }
#employmentLaw h1#pageTitle { background: #9b0034; }

#familyLaw #mainContent h3 { color: #859d00; }
#commercialProperty #mainContent h3 { color: #00739e; }
#residentialConveyancing #mainContent h3 { color: #cba300; }
#willsAndProbate #mainContent h3 { color: #71634e; }
#disputeResolution #mainContent h3 { color: #d38c73; }
#criminalDefence #mainContent h3 { color: #770078; }
#personalInjury #mainContent h3 { color: #8d4217; }
#employmentLaw #mainContent h3 { color: #9b0034; }

#familyLaw .box1 h3 { color: #b9d61a; }
#commercialProperty .box1 h3 { color: #68bad8; }
#residentialConveyancing .box1 h3 { color: #e8c846; }
#willsAndProbate .box1 h3 { color: #cdbda6; }
#disputeResolution .box1 h3 { color: #d38c73; }
#criminalDefence .box1 h3 { color: #ff7dff; }
#personalInjury .box1 h3 { color: #ff9944; }
#employmentLaw .box1 h3 { color: #ff8680; }

#familyLaw .box2 p { color: #b9d61a; }
#commercialProperty .box2 p { color: #68bad8; }
#residentialConveyancing .box2 p { color: #e8c846; }
#willsAndProbate .box2 p { color: #cdbda6; }
#disputeResolution .box2 p { color: #d38c73; }
#criminalDefence .box2 p { color: #ff7dff; }
#personalInjury .box2 p { color: #ff9944; }
#employmentLaw .box2 p { color: #ff8680; }

#familyLaw .staffBox h3 { color: #b9d61a; }
#commercialProperty .staffBox h3 { color: #68bad8; }
#residentialConveyancing .staffBox h3 { color: #e8c846; }
#willsAndProbate .staffBox h3 { color: #cdbda6; }
#disputeResolution .staffBox h3 { color: #d38c73; }
#criminalDefence .staffBox h3 { color: #ff7dff; }
#personalInjury .staffBox h3 { color: #ff9944; }
#employmentLaw .staffBox h3 { color: #ff8680; }

#familyLaw .staffBox a:hover { color: #b9d61a; }
#commercialProperty .staffBox a:hover { color: #68bad8; }
#residentialConveyancing .staffBox a:hover  { color: #e8c846; }
#willsAndProbate .staffBox a:hover  { color: #cdbda6; }
#disputeResolution .staffBox a:hover  { color: #d38c73; }
#criminalDefence .staffBox a:hover  { color: #ff7dff; }
#personalInjury .staffBox a:hover  { color: #ff9944; }
#employmentLaw .staffBox a:hover  { color: #ff8680; }

#familyLaw #mainContent ul { list-style-image: url(gl_images/bullet-family.gif); }
#commercialProperty #mainContent ul { list-style-image: url(gl_images/bullet-commercial.gif); }
#residentialConveyancing #mainContent ul { list-style-image: url(gl_images/bullet-residential.gif); }
#willsAndProbate #mainContent ul { list-style-image: url(gl_images/bullet-wills.gif); }
#disputeResolution #mainContent ul { list-style-image: url(gl_images/bullet-dispute.gif); }
#criminalDefence #mainContent ul { list-style-image: url(gl_images/bullet-criminal.gif); }
#personalInjury #mainContent ul { list-style-image: url(gl_images/bullet-injury.gif); }
#employmentLaw #mainContent ul { list-style-image: url(gl_images/bullet-employment.gif); }

#familyLaw #mainContent .columnBox h3 { color: #b9d61a; }
#commercialProperty #mainContent .columnBox h3 { color: #68bad8; }
#residentialConveyancing #mainContent .columnBox h3 { color: #cba300; }
#willsAndProbate #mainContent .columnBox h3 { color: #cdbda6; }
#disputeResolution #mainContent .columnBox h3 { color: #d38c73; }
#criminalDefence #mainContent .columnBox h3 { color: #ff7dff; }
#personalInjury #mainContent .columnBox h3 { color: #ff9944; }
#employmentLaw #mainContent .columnBox h3 { color: #ff8680; }


#familyLaw .docList li a { color: #859d00; }