﻿body{background-color:#ffffff;}
#wrapper {width:900px; position:relative; margin:0 auto; border:none; background-color:#ffffff;}
/* HeaderDiv */
#LogoHeaderDiv {height:143px;}
#LogoDiv { height:143px; width:143px; float:left;  }
#HeaderDiv {height:143px; width:757px; float:left;}

#BodyDiv {width:900px; position:relative;}
/* MinimunHeight */
#MinimunHeight {float:left; height:400px; width:0;}
/* LeftContent */
#LeftContent {width:129px; display:block; overflow:hidden; float:left; padding:10px 7px 10px 7px; background: url('/layouts/web/images/left_fade.jpg') no-repeat top left;  }
/* MainContent */
#MainContent {width:752px; float:left; color:#1a1a1a; padding:0 0 0 5px;}
/* MenuDiv */
#MenuDiv {display:block; background-color:#ffffff; padding: 10px 0 0 0; height:45px;}
/* MiddleContent */
#MiddleContent {width:497px; float:left; color:#1a1a1a; padding:0 14px 10px 15px;}
/* RightContent */
#RightContent {width:225px; float:left; padding:20px 0 10px 0;}
/* Menu */
#Footer {clear:both; height:30px; font-size:0.8em; border-top: solid 1px #999999; color:#999999; padding:10px 0; width: 100%; overflow: hidden;}
#Footer .FooterPenningtonsLinks a {text-decoration:none; color:#999999; }
#Footer .FooterPenningtonsLinks a:hover {color:#1a1a1a; }
#Footer .FooterPenningtonsText a {text-decoration:none; color:#999999;}
#Footer .FooterPenningtonsText a:hover {color:#999999; }
#Footer .FooterPenningtonsText .hoverLinks a:hover {color:#999999;}
#Footer ul {margin:0; padding:0 0 0 10px; list-style:none; display: block; }
#Footer li {float:left;}
#Footer li a {text-decoration:none; font-weight:normal; height:20px; padding-right:6px;}
#Footer #penningtonsDawsons { font-size: 12px; line-height: 14px; padding: 2px 0 0 10px; background: transparent url( '../images/grey_box.gif' ) no-repeat left center; color: #fff; width: 213px; height: 30px; }
#Footer .locations { padding-left: 10px; clear: left; }
#QuickSearch {position:absolute; top:50px; left:770px; }

.asterisk {color:#1a1a1a; font-size:1.0em;}
.srch{height:12px; _height:13px; width:100px; margin: 2px 0 0 0; padding:0; font-size:0.9em; _margin-right:-1px;}
.srchbtn{margin:0; padding:0; border:0; vertical-align:top; display:block; font-size:0; padding-top:1px;}

.FooterPenningtonsText a { font-weight:normal; color:#999999;}

#Breadcrumb {color:#999999; padding-bottom:0; font-size:0.9em; height:20px;}
#Breadcrumb a {text-decoration:none; color:#999999;}
#Breadcrumb .bullet { padding: 0 2px; margin-top:8px; font-size:0; }


.newsfeed {padding:65px 10px 0 5px;}
.newsfeedTitle {font-size:1.2em; color:#1a1a1a; padding-bottom:2px;}
.newsfeedTitle a {text-decoration:none; color:#1a1a1a;}
.newsfeedItem {margin-bottom:10px;}
.newsfeedItem .newsfeedDate {color:#999999; font-size:0.95em;}
.newsfeedItem .newsfeedTeaser { font-size:0.95em; line-height:1.3;}
.newsfeedItem .newsfeedTeaser a {text-decoration:none;}
.newsfeedItem .newsfeedTeaser a:hover {text-decoration:underline;}

.SmallLogo { text-align:center;}

.MainContent {padding-top:20px;}
.MainContentTitle {font-size:1.3em; font-weight:bold; padding-bottom:10px;}
.MainContentText {}


.servicesMenu {clear:both; font-size:0.9em; width:128px; border-bottom:solid 1px; padding:0 0 10px 0; color:#000000; }
.servicesMenu a {text-decoration:none; color:#000000;}
.servicesMenu .businessServicesItem {}
.servicesMenu .businessServicesItem a:hover {color:#1ba3dd;}
.servicesMenu .commercialPropertyItem {}
.servicesMenu .commercialPropertyItem a:hover {color:#8cc640;}
.servicesMenu .privateIndividualsItem {}
.servicesMenu .privateIndividualsItem a:hover {color:#fb1729;}


.servicesMenu .servicesMenuItem {float:left; width:75px; height:33px; padding-top:5px; text-align:center; background: url('/layouts/web/images/shadow_right.gif') repeat-y left;}
.servicesMenu .servicesMenuItemSelected {float:left; width:75px; height:33px; padding-top:5px; text-align:center; background: url('/layouts/web/images/shadow_right.gif') repeat-y left;}
.servicesMenu .servicesMenuItemRollover_1 a {display:block; width:75px; padding-bottom:5px;}
.servicesMenu .servicesMenuItemRollover_2 a {display:block; width:75px; padding-bottom:5px;}
.servicesMenu .servicesMenuItemRollover_3 a {display:block; width:75px; padding-bottom:5px;}
.servicesMenu .servicesMenuItemRollover_1 a:hover {display:block; width:75px; padding-bottom:5px; color:#0099cc; border-bottom:2px solid #0099cc;}
.servicesMenu .servicesMenuItemRollover_2 a:hover {display:block; width:75px; padding-bottom:5px; color:#009933; border-bottom:2px solid #009933;}
.servicesMenu .servicesMenuItemRollover_3 a:hover {display:block; width:75px; padding-bottom:5px; color:#cc3333; border-bottom:2px solid #cc3333;}

.buildPractice { margin-top:20px;}
.buildPractice a {text-decoration:none;}
.buildPractice ul li ul {list-style:none;}

.LeftSubMenu { padding:5px 0 10px 0; color:#000000;}
.LeftSubMenu a {font-size:0.9em; text-decoration:none; color:#000000;}

.LeftSubMenu .SubMenuTitle {font-weight:bold; color:#000000;}
.LeftSubMenu .SubMenuTitle a {font-weight:bold; color:#000000; font-size:1.0em;}
.LeftSubMenu .SubMenuList { line-height:1.3;}
.LeftSubMenu .SubMenuList .RootList {list-style:none; padding:0; margin:0;}
.LeftSubMenu .SubMenuList .SubList {list-style:none; padding: 0 0 0 10px; margin:0;}
.LeftSubMenu .SubMenuList .SubMenuRootItemSelected {margin:0; padding: 0 0 0 10px;}
.LeftSubMenu .SubMenuList .SubMenuRootItemSelected .SubMenuRootItemSelectedText {padding: 0 0 2px 0; color:#86888b;}
.LeftSubMenu .SubMenuList .SubMenuRootItem { margin:0; padding: 0 0 0 10px;}
.LeftSubMenu .SubMenuList .SubMenuRootItem .SubMenuRootItemText {padding: 0 0 2px 0;}
.LeftSubMenu .SubMenuList .SubMenuRootItem a:hover {}
.LeftSubMenu .SubMenuList .SubMenuRootItem a:hover  {color:#86888b;}
.LeftSubMenu .SubMenuList .SubMenuItemSelected {margin:0; padding:0;}
.LeftSubMenu .SubMenuList .SubMenuItemSelected .SubMenuItemSelectedText {padding:0 0 2px 0; color:#86888b;}
.LeftSubMenu .SubMenuList .SubMenuItem {margin:0; padding: 0;}
.LeftSubMenu .SubMenuList .SubMenuItem .SubMenuItemText {padding: 0 0 2px 0;}
.LeftSubMenu .SubMenuList .SubMenuItem a:hover {}
.LeftSubMenu .SubMenuList .SubMenuItem a:hover {color:#86888b;}


.searchSiteButton {padding: 7px 0 0 40px;}

.ListGrey {line-height:1.3;  padding: 0 0 0 10px; margin: 2px 0 0 0;}
.ListGrey .ListGreyItem {list-style-type: none; background: url('/layouts/web/images/bullet_blk.gif') no-repeat left center; padding: 2px 0 0 10px;}

.feedback {padding: 10px 0 0 0; }
.feedback .feedbackItem {}
.feedback .feedbackItem input {border: solid 1px #cccccc; width:290px;}
.feedback .feedbackItem textarea {border: solid 1px #cccccc; width:290px; height:90px;}
.feedback .feedbackItem .feedbackField { padding-bottom:5px;}
.feedback .feedbackItem .feedbackField .feedbackLabel {float:left; text-align:right; width:160px; padding-right:5px;}
.feedback .feedbackItem .feedbackField .feedbackText {float:left;}
.feedback .feedbackItem .feedbackComment {padding-left:165px; margin-bottom:5px;}
.feedback .feedbackItem .feedbackComment .feedbackLabel {}
.feedback .feedbackItem .feedbackComment .feedbackText {}
.feedback .feedbackButton {width:auto; text-align:right; padding-right:40px; padding-top:10px; }
.feedback .feedbackButton a {font-weight:bold; text-decoration:none;}
.feedback .feedbackHelpText {width:auto; text-align:right; padding-right:45px; color:#999999; font-style:italic;}

.publicationDiv {float:left; width:220px;}
.publicationDiv .publicationDivTitle {font-size:1.1em; padding-bottom:5px; border-bottom:solid 1px #666666;}
.publicationDiv .publications{}
.publicationDiv .publications .publication {float:left; width:100px; padding-right:10px;}

.PALinks {padding-top:20px;}
.PALinks .ListPALinks {line-height:1.3;  padding: 0 0 0 10px; margin:0;}
.PALinks .ListPALinks .ListPALinksItem {list-style-type: none; padding: 2px 0 0 10px; background-position:left 9px;}
.PALinks .ListPALinks .ListPALinksItem a { font-size:1.2em; }
                           
.HeadOfDivision {}
.HeadOfDivision .hodPicture {padding-bottom:5px;}
.HeadOfDivision .hodName {}
.HeadOfDivision .hodName a {font-size:1.2em;}
.HeadOfDivision .hodTitle {font-weight:bold; padding-bottom:20px;}
.HeadOfDivision .hodText {}

.genericIems {}
.genericIems .genericItem {margin-bottom:10px;}
.genericIems .genericItem .genericItemLabel {margin-right:5px; color:#999999; width:140px; text-align:right;}
.genericIems .genericItem .genericItemLabel a {color:#999999; text-decoration:none;}
.genericIems .genericItem .genericItemTextBox {}
.genericIems .genericItem .genericItemTextBox input {width:290px;}
.genericIems .genericItem .genericItemTextBox textarea {width:290px; height:90px;}
.genericIems .genericSubmitButton { text-align:right; padding:0 60px 5px 0}
.genericIems .genericSubmitButton a {font-weight:bold; text-decoration:none;}

.newItem {padding-top:20px;}
.newItem .newItemTitle {padding-bottom:15px;}
.newItem .newItemDate {color:#999999; padding-bottom:10px;}
.newItem .newItemContent {}

.newsList {}
.newsList .newsListItem {padding-bottom:10px;}
.newsList .newsListItem .newsListDate {color:#999999;}
.newsList .newsListItem .newsListTeaser {}

.caseStudiesList {padding-top:20px;}
.caseStudiesList .caseStudiesTitle { }
.caseStudiesTitleLine1 {font-size:1.5em;}
.caseStudiesTitleLine2 {font-size:1.3em; color:#999999;}
.caseStudiesList .caseStudiesDataList {padding-top:20px;}
.caseStudiesList .caseStudiesDataList .caseStudy {padding-bottom:20px;}
.caseStudiesList .caseStudiesDataList .caseStudy .caseStudyName {}
.caseStudiesList .caseStudiesDataList .caseStudy .caseStudyName a {color:#1a1a1a; font-weight:bold;}
.caseStudiesList .caseStudiesDataList .caseStudy .caseStudyTeaser {}

.caseStudyItem {padding-top:20px;}
.caseStudyItem .caseStudyTitle {font-size:1.5em;}
.caseStudyItem .caseStudyContent {padding-top:20px;}

.events {font-size:0.9em; color:#999999; margin-top:20px;}
.events .eventsHeader {font-weight:bold;}
.events .eventsHeader .headerDate {width:100px; margin-right:5px; border-bottom:solid 2px #999999;}
.events .eventsHeader .headerTitle {width:450px; margin-right:5px; border-bottom:solid 2px #999999;}
.events .eventsHeader .headerLocation {width:100px; border-bottom:solid 2px #999999;}
.events .eventsRow {padding-top:10px;}
.events .eventsRow .eventDate {width:100px; margin-right:5px;}
.events .eventsRow .eventDate a {text-decoration:none;}
.events .eventsRow .eventTitle {width:450px; margin-right:5px; font-weight:bold;}
.events .eventsRow .eventTitle a {text-decoration:none;}
.events .eventsRow .eventLocation {width:100px;}
.events .eventsRow .eventLocation a {text-decoration:none;}

.event {padding-top:20px;}
.event .eventName {padding-bottom:15px;}
.event .eventDate {}
.event .eventTime {color:#999999; }
.event .eventLocation {color:#999999; padding-bottom:10px;}
.event .eventMainContent {padding-bottom:10px;}
.event .eventMail {}
.event .eventMail a {text-decoration:none;}

.profile {}
.profile .profileCV {margin-top:25px;}
.profile .profileCV .profileCVData {margin-bottom:10px; border-bottom:solid 1px #999999;}
.profile .profileCV .profileCVData .profileImg {float:left;  width:130px; margin-right:10px; }
.profile .profileCV .profileCVText {float:left; width:700px; padding-right:5px; padding-left:5px;}
.profile .profileCV .profileTeamMembers {}
.profile .profileCV .profileTeamMembers h4 {padding-bottom:10px;}
.profile .profileCV .profileTeamMembers .profileTeamMember {float:left; width:200px;}
.profile .profileCV .profileTeamMembers .profileTeamMember a {text-decoration:none; color:#1a1a1a; }
.profile .profileCV .profileTeamMembers .profileTeamMember a:hover {text-decoration:underline;}

.profile .profileCV .profileCVContact {margin-bottom:10px;}
.profile .profileCV .profileCVContact .profileCVContactItem {float:left; width:180px; margin-right:10px;}
.profile .profileCV .profileCVContact .profileCVContactItem .profileCVContactItemLabel {color:#999999;}
.profile .profileCV .profileCVContact .profileCVContactItem .profileCVContactItemLabel a {text-decoration:none; color:#999999;}
.profile .profileCV .profileCVContact .profileCVContactItem .profileCVContactItemValue {}

.keyContacts {}
.keyContacts .keyContactsTable {}
.keyContacts .keyContactsTable .keyContactHeader {font-weight:bold; padding-bottom:5px;}
.keyContacts .keyContactsTable .keyContactHeader .headerName {float:left; width:200px}
.keyContacts .keyContactsTable .keyContactHeader .headerTelephone {float:left; width:150px;}
.keyContacts .keyContactsTable .keyContactHeader .headerEmail {float:left; width:300px;}
.keyContacts .keyContactsTable .keyContactRows {}
.keyContacts .keyContactsTable .keyContactRows .keyContactRow {padding-bottom:10px;}
.keyContacts .keyContactsTable .keyContactRows .keyContactRow .rowName {float:left; width:200px;}
.keyContacts .keyContactsTable .keyContactRows .keyContactRow .rowTelephone {float:left; width:150px;}
.keyContacts .keyContactsTable .keyContactRows .keyContactRow .rowEmail {float:left; width:300px;}
.keyContacts .keyContactsTable .keyContactRows .keyContactRow .rowEmail a{text-decoration:none; color:#1a1a1a;}

.genericForm {padding: 10px 0 0 0;}
.genericForm .formFields {}
.genericForm .formFields .formField { padding-bottom:5px;}
.genericForm .formFields .formField .formLabel {text-align:right; width:140px; padding-right:5px;}
.genericForm .formFields .formField .formImput {}
.genericForm .formFields .formField .formImput .textfield {border: solid 1px #cccccc; width:290px;}
.genericForm .formFields .formField .formImput .textarea {border: solid 1px #cccccc; width:290px; height:90px;}
.genericForm .formFields .formFieldLong {padding-bottom:5px;}
.genericForm .formFields .formFieldLong .formLabel {width:530px;}
.genericForm .formFields .formFieldLong .formImput {}
.genericForm .formButtons {width:auto; text-align:right; padding-right:60px; padding-top:10px; }
.genericForm .formButtons a {font-weight:bold; text-decoration:none;}
#checkboxlist{clear:both; display:block; overflow:hidden;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.PI_HeaderLarge {
font-size: 1.2em; text-decoration: none;
}

.contentBannerImage {clear:both; display:block; overflow:hidden; margin-bottom:15px;}
.radControlDropDown {clear:both; display:block; overflow:hidden; margin-bottom:15px;}
.MainContentText {clear:both; display:block; overflow:hidden; margin:0 0 15px 0;}
.contentLogos {clear:both; display:block; overflow:hidden; margin:0 0 55px 0;}
.servicesAtaGlance {clear:both; display:block; overflow:hidden; margin:0 0 15px 0; padding:10px 0 10px 0; border-top:3px solid #6c757e; border-bottom:3px solid #6c757e;}

.servicesAtaGlance h3 {clear:both;}
.servicesAtaGlance .colOne {display:block; overflow:hidden; width:49%; float:left;}
.servicesAtaGlance .colTwo {display:block; overflow:hidden; width:49%; float:left;}
.servicesAtaGlance a {color:#1a1a1a;}
.servicesAtaGlance a:hover {color:#666666;}
.servicesAtaGlance .clear {display:block; overflow:hidden; width:100%; height:1px; font-size:1px; color:#ffffff; clear:both; margin:0; padding:0;}

.RCcanWeHelpWrap {padding:53px 0 15px 0; display:block; overflow:hidden; width:225px;}
.RCcanWeHelp {background-color:#e6e6e6; padding:9px 15px 9px 15px; color:#ffffff; margin:0 0 0px 0;}
.RCcanWeHelp h3 {font-size:1.2em; padding-bottom:8px;}
.RCcanWeHelp span {clear:both; display:block; overflow:hidden; margin:0 0 0px 0; padding:0 0 8px 35px; line-height:1.3em; background-image:url("/layouts/web/images/cpb100526/phone.png"); background-repeat:no-repeat; background-position:0 3px;}
.RCcanWeHelp span b {display:block; overflow:hidden; clear:both; font-size:1.2em;}
.RCcanWeHelp div a {clear:both; color:#ffffff; display:block; overflow:hidden; margin:0 0 0px 0; padding:0px 0 0px 35px; height:21px; line-height:1.3em; background-image:url("/layouts/web/images/cpb100526/email.png"); background-repeat:no-repeat; background-position:0 3px;}


.RCrelatedLinks {background-color:#e6e6e6; padding:15px; color:#ffffff; margin:0 0 15px 0; border-right:9px solid #6c757e; display:block; overflow:hidden; width:186px;}
.RCrelatedLinks ul {margin:0; padding:0;}
.RCrelatedLinks ul li {list-style-type:none;}
.RCrelatedLinks ul li a {color:#000000;}

.OnlineAssesmentLink {background-color:#6c757e;	color:#ffffff; margin:0 0 15px 0; border-right:9px solid #DA004B; display:block; overflow:hidden; width:216px;}
.OnlineAssesmentLink a {color:#fff;font-size: 1.1em;font-family:Arial; display: block; padding:5px 15px; }
.OnlineAssesmentLink a:hover {color:#fff;}


.RCKeyContacts {margin:0 0 15px 0; padding:10px 0 0 0; display:block; overflow:hidden; width:225px;}
.RCKeyContacts h3 {margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #808080;}
.RCKeyContacts ul {margin:0; padding:0;}
.RCKeyContacts ul li {list-style-type:none;}

.RCLatestNews {margin:0 0 15px 0; line-height:1.25em; padding:10px 0 0 0; display:block; overflow:hidden; width:225px;}
.RCLatestNews h3 {margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #808080;}
.RCLatestNews .newsItem {clear:both; margin:0 0 5px 0;}
.RCLatestNews .newsItem span {color:#999999; display:block; overflow:hidden; clear:both;}
.RCLatestNews .newsItem a {color:#000000;}
.RCLatestNews .newsItem a:hover {color:#4d4d4d;}
.RCLatestNews .newsItem a b {background:transparent none no-repeat 0 5px; padding:0 3px 0 3px;}
.RCLatestNews .MoreNewsLink {margin:10px 0 0 0; font-weight:bold;}

.RCRelatedServices {margin:0 0 15px 0; padding:10px 0 0 0;}
.RCRelatedServices h3 {margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #808080;}
.RCRelatedServices ul {margin:0; padding:0 0 5px 0;}
.RCRelatedServices ul li {list-style-type:none;}
.RCRelatedServices ul.blue li a {color:#0269ae;}
.RCRelatedServices ul.blue li a:hover {color:#1ba3dd;}
.RCRelatedServices ul.green li a {color:#4d7336;}
.RCRelatedServices ul.green li a:hover {color:#8cc640;}
.RCRelatedServices ul.red li a {color:#aa1e38;}
.RCRelatedServices ul.red li a:hover {color:#da004b;}
.RCRelatedServices .viewAllServices {margin:0px 0 0 0; font-weight:bold;}
.RCRelatedServices .viewAllServices a {color:#000000;}
.RCRelatedServices .viewAllServices a:hover {color:#4d4d4d;}
.RCRelatedServices .viewAllServices a b {background:transparent url("/layouts/web/images/cpb100526/morearrows.gif") no-repeat 0 5px; padding:0 3px 0 3px;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.profileList {display:block; overflow:hidden; padding-top:18px;}
.profileList .lineBreak {display:block; overflow:hidden; font-size:1px; line-height:1px; border-bottom:1px solid #bbbbbb; margin:0 10px 20px 0; clear:both;}
.profileList .profileBlock {display:block; overflow:hidden; width:336px; float:left; margin:0 10px 20px 0; border-right:1px solid #bbbbbb; padding:0 10px 0px 0;}
.profileList .profileBlock h3 {clear:both; line-height:1.5; font-size:1.3em;}
.profileList .profileBlock .colOne {display:block; overflow:hidden; width:120px; float:left;}
.profileList .profileBlock .colOne img {}
.profileList .profileBlock .colTwo {display:block; overflow:hidden; position:relative; width:206px; float:left; margin:0 0 0 10px; min-height:120px; height:auto !important; height:120px; padding:0 0 20px 0;}
.profileList .profileBlock .colTwo span {display:block; overflow:hidden; clear:both; color:#4d4d4d;}
.profileList .profileBlock .colTwo span.b {color:#000000;}
.profileList .profileBlock .colTwo span.b textarea {color:#000000; width:205px; border:0; overflow:hidden;}
.profileList .profileBlock .colTwo span a {color:#4d4d4d; padding-right:22px; background:transparent url("http://www.penningtons.co.uk/layouts/web/images/letter.jpg") no-repeat right 1px;}
.profileList .profileBlock .colTwo .viewFullProfile {position:absolute; left:0; bottom:0;}





