BODY { font-family: Verdana; font-size: 12px; margin-top: 3px;} a img { border:0px; } H1 {margin-top: 5px; margin-bottom: 15px; font-size:17px; color: #711E7A; border-bottom: 1px solid #c0c3c6; padding-bottom:4px;} H2 {margin-top: 15px; margin-bottom: 6px; font-size: 1em; font-weight: bold; color: #711E7A;} H3 {font-weight: bold; color: #711E7A; border-bottom: 0px solid #87888c; margin: 11px 0px 9px 0px; padding: 4px 0px 4px 0px; background-color: #FFFFFF; color: #711e7a; font-size: 1.6em;} /* Regions */ #regWoolleyLogo {display:none;} #regTopMenuBar {color: #cccccc;} #regTopMenuBar A {color: White; font-weight: bold; text-decoration: none; } #regTopMenuBar A:hover {color: yellow; text-decoration: underline;} #regTopMenuBar .cell {background-image: url(images/template/topnav_bg.gif) } #regLeftMenu {vertical-align:top; color: #555555; width: 190px; } #regLeftMenu #regMenuStrip {background-image: url(images/template/leftmenu_bg.gif); padding: 0px; margin:0px;} #regLeftMenu .MenuItem { font-size: 12px; font-family: arial; color:#711e7a; margin: 0px 4px 0px 6px; padding: 4px 9px 0px 9px; background-position: 0 9px; background-image: url(images/bullets/dot.gif); background-repeat:no-repeat; } #regLeftMenu .MenuItem A { font-weight: bold; text-decoration: none; text-transform:uppercase; color:#711e7a;} #regLeftMenu .MenuItem A:hover {text-decoration: underline;} #regLeftMenu .MenuItemTopBorder { font-size: 12px; font-family: arial; color:#711e7a; margin: 5px 9px 1px 6px; padding: 6px 9px 0px 9px; background-position: 0 12px; background-image: url(images/bullets/dot.gif); background-repeat:no-repeat; border-top: 1px solid #c0c3c6;} #regLeftMenu .MenuItemTopBorder A { font-weight: bold; text-decoration: none; text-transform:uppercase; color:#711e7a;} #regLeftMenu .MenuItemTopBorder A:hover {text-decoration: underline;} #regLeftMenu .subMenuItem { font-family: arial; margin-bottom:1px; padding: 2px 4px 0px 23px; background-position: 16px 6px; background-image: url(images/bullets/dash.gif); background-repeat:no-repeat;} #regLeftMenu .subMenuItem A {font-weight: normal; color:#711e7a; font-size:.9em; text-decoration: none;} #regLeftMenu .subMenuItem A:hover {text-decoration: underline;} #regLeftMenu .MenuItem .Highlighted {color:#818284;} #regLeftMenu .MenuItem .HighlightedYellow {color:#cf7500;} #regLeftMenu .MenuItemTopBorder .Highlighted {color:#818284;} #regLeftMenu .MenuItemTopBorder .HighlightedYellow {color:#cf7500;} #regLeftMenu .subMenuItem .Highlighted {color:#818284;} #regLeftMenu .subMenuItem .HighlightedYellow {color:#cf7500;} #regLeftMenu .rssIcons {padding-top: 10px; font-size: .8em;} #regLeftMenu .rssIcons a {color: Gray; text-decoration: none;} #regLeftMenu .rssIcons a:hover {color: #711e7a; text-decoration: none;} #regRightMenu { width: 186px; float: right; padding-bottom: 100px; padding-left: 5px; } #regRightMenu .rhsNewsHeading {padding-top: 10px;} #regRightMenu .rhsNewsHeading A {color: #885a99; font-weight:bold; font-size:11px; text-decoration: none; } #regRightMenu .rhsNewsBody {color: #1e1e1e; font-size:11px; text-decoration: none;} #regRightMenu .rhsNewsBody:hover {color: #555555; font-size:11px; text-decoration: none;} #regRHSBookAppointment .pnlPinkbg { padding: 5px 11px 5px 11px; background-image: url(images/templatev2/panelbg_pink.gif); background-repeat: repeat-y; line-height: 1.3em;} #regRHSBookAppointment .pnlPinkgrey { padding: 5px 11px 2px 11px; background-image: url(images/templatev2/panelbg_grey.gif); background-repeat: repeat-y; line-height: 1.3em;} #regRightMenu .rhsTableBodyNoPadding {background-image: url(images/template/panel_bg.gif); padding: 5px 4px 5px 2px; font-size:11px; color: #373737; margin:0px;} #regRightMenu .rhsTableBody {background-image: url(images/template/panel_bg.gif); padding: 5px 10px 5px 10px; font-size:11px; color: #373737; margin:0px;} #regRightMenu .rhsTableBody .quoteBody { } #regRightMenu .rhsTableBody .quoteBody A {text-decoration: none; color:black} #regRightMenu .rhsTableBody .quoteBody A:hover {text-decoration: none; color:#711e7a} #regRightMenu .rhsTableBody .quoteName {text-align:right; font-style:italic; margin: 0px;} #regRightMenu .rhsTableBody .quoteName A {text-decoration: none; color:black} #regRightMenu .rhsTableBody .quoteName A:hover {text-decoration: none; color:#711e7a} #regRightMenu .rhsTableBody li { margin-left: 10px;} #regFooter {font-size: .85em; color: #82888E; padding-top: 5px; padding-bottom: 10px; border-top: 1px solid #c0c3c6; } #regFooter TD {text-align:center} #regFooter TD A {color: #82888E; font-weight: normal; text-decoration: underline;} #regFooter TD A:hover {text-decoration: underline;} #regMainContent {vertical-align:top; padding:3px 18px 7px 7px; color: #373737;} #regMainContent A {color: #711e7a; text-decoration: underline;} #regMainContent A:hover {text-decoration: underline; } #regMainContent .MessageToUser {font-weight: bold; color: red; padding-top: 5px; padding-bottom: 10px} #regMainContent .breadcrumbtrail {color: #711e7A; font-size: 10px; padding-top:3px; padding-bottom:3px} #regMainContent .breadcrumbtrail A {font-weight:normal; text-decoration: none;} #regMainContent .breadcrumbtrail A:hover {text-decoration: underline;} #regMainContent .highlight {background-color:Yellow} #regMainContent .payment_heading {font-weight: bold; color: #711E7A; border-bottom: 0px solid #87888c; margin: 11px 0px 9px 0px; padding: 4px 5px 4px 0px; background-color: #FFFFFF; color: #711e7a; font-size: 1em;} #regMainContent .BATop { background-image: url(images/templatev2/box_xl_header.png); background-repeat: no-repeat; height: 10px} #regMainContent .BAMiddle { background-image: url(images/templatev2/box_xl_bg.png); background-repeat: repeat-y; padding: 10px 35px 10px 35px;} #regMainContent .BABottom { background-image: url(images/templatev2/box_xl_footer.png); background-repeat: no-repeat; height: 10px} /* datagrid styles */ #regMainContent .datagrid .datagridHeader {background-color: #711E7A; color: white; font-weight: bold; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; margin-bottom: 10px;} #regMainContent .datagrid .datagridItem {background-color: #efefef; border-bottom: 1px solid #666666} #regMainContent .datagrid .datagridItem .alignPriceRight {text-align:right; padding-right:15px;} #regMainContent .datagrid .datagridAlternatingItem {background-color: #ffffff; border-bottom: 1px solid #666666} #regMainContent .datagrid .datagridAlternatingItem .alignPriceRight {text-align:right; padding-right:15px;} .SearchButton { background-image: url(images/templatev2/btn_search2.png); background-color: Transparent; height: 19px; width:55px ; border: 0px; margin: 0px; cursor: pointer; } #regMainContent .basketSubtotal {text-align:right; padding: 5px 15px 5px 5px; border-bottom: 1px solid #c0c3c6;} #regMainContent .basketDelivery {text-align:right; padding: 5px 15px 5px 5px; border-bottom: 1px solid #c0c3c6;} #regMainContent .basketVATAmount{text-align:right; padding: 5px 15px 5px 5px; border-bottom: 1px solid #c0c3c6; } #regMainContent .basketGrandTotal{text-align:right; font-size: 1.2em; font-weight: bold; padding: 5px 15px 5px 5px; margin-bottom:15px; border-top: 2px solid #c0c3c6; border-bottom: 2px solid #c0c3c6; } /* this is for testimonials generally in the bottom right of a Lawyer's page */ #regMainContent .quoteBackground {background-image: url(images/template/panel_bg.gif); padding: 5px 10px 5px 10px; font-size:11px; color: #373737; margin:0px;} #regMainContent .quoteBackground a {color: black; text-decoration: none;} #regMainContent .quoteBackground a:hover {color:#711e7a} #regMainContent .quoteBody { } #regMainContent .quoteBody A {text-decoration: none; color:black} #regMainContent .quoteBody A:hover {text-decoration: none; color:#711e7a} #regMainContent .quoteName {text-align:right; font-style:italic; margin: 0px;} #regMainContent .quoteName A {text-decoration: none; color:black} #regMainContent .quoteName A:hover {text-decoration: none; color:#711e7a} #regMainContent .lawyerTestimonialListLawyerName {color: #373737; padding:10px 15px 3px 15px; } #regMainContent .lawyerTestimonialListBody {font-style:italic; color: #373737; padding:0px 15px 3px 15px; } #regMainContent .lawyerTestimonialListName {font-style:normal; color: #888888; padding:0px 20px 15px 15px; text-align:right;} /* code below allows customised bullet points with graphics to be added - also includes fix for IE */ #regMainContent ul { margin-left: 10px; padding-left: 0; list-style: none; } #regMainContent ul li { padding-left: 14px; background-image: url(images/bullets/dot.gif); background-repeat: no-repeat; background-position: 0 12px;} html[xmlns] #regMainContent ul { padding-left: 2em;} html[xmlns] #regMainContent ul li { background: none; /* undo the background-image */ list-style-image: url(images/bullets/dot.gif); padding: 0;} /* Button styles */ #regMainContent .button {font-weight: bold; color: #711e7a;} #regMainContent .Bluebutton {font-weight: bold; color: Navy;} #regMainContent .CancelButton {font-weight: normal; color: Red;} #regMainContent #socialNetworking {float: right;} #regMainContent #socialNetworking div {float: left; padding-left: 15px;} /* Blog related styles... */ #regMainContent .BlogEntries p {padding-top: 0px; margin-top: 0px} #regMainContent .BlogEntries .blogPostTitle {padding-top: 5px;} #regMainContent .BlogEntries .blogPostTitle a {font-size: 1.2em; font-weight: bold;} #regMainContent .BlogEntries .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;} #regMainContent .BlogEntries .blogContent { padding-bottom: 10px;} #regMainContent .BlogEntries .blogFooter {padding-bottom: 25px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; } #regMainContent .BlogEntries .blogFooter .CommentSummary {float: left; width: 300px; display: inline; color: gray; padding-top: 5px; } #regMainContent .BlogEntries .blogFooter .CommentSummary a {text-decoration: none; font-weight: normal; color: Gray;} #regMainContent .BlogEntries .blogFooter .SocialNetworking {float: right; display: inline; } #regMainContent .BlogEntries .blogNoEntries {margin-left: 15px; color: Navy; padding-top: 10px; } #regMainContent .BlogDetail .blogPostTitle {font-size: 1.2em; font-weight: bold;} #regMainContent .BlogDetail .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;} #regMainContent .BlogDetail .blogContent { padding-bottom: 5px;} #regMainContent .BlogDetail .blogCategories { padding-top: 7px; color: #444444; margin-left: 20px; padding-bottom: 3px;} #regMainContent .BlogDetail .blogFooter {padding-bottom: 5px; border-bottom: 1px solid #cccccc; } #regMainContent .BlogDetail .blogNoEntry {margin-left: 15px; color: Navy; padding-top: 10px; } #regMainContent .BlogDetail .SocialNetworking {padding-top: 0px; text-align: right} #regMainContent .BlogDetail .OtherRecentPosts {padding-top: 0px; padding-bottom: 5px;} #regMainContent .BlogDetail .OtherRecentPosts .ListPosts {margin-left: 20px; padding-bottom: 3px;} #regMainContent .BlogDetail .Comments {padding-top: 0px; font-size: .9em;} #regMainContent .BlogDetail .Comments .NoCommentsYet {color: #444444; padding-bottom: 5px;} #regMainContent .BlogDetail .Comments .ListComments {margin-left: 0px; padding-bottom: 5px;} #regMainContent .BlogDetail .Comments .ListComments .SpecificPost {padding: 7px 5px 7px 5px; margin-bottom: 12px; border: 1px solid gray; background-color: #FFFED0;} #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .CommentBy {font-size: .9em; color: black; padding-bottom: 5px; } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .Comment {font-size: .9em; } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply {background-color: #F5FABD; } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyComment { } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyDatestamp { } #regMainContent .BlogDetail .Comments .leaveComment input {margin-left: 0px;} #regMainContent .BlogDetail .Comments .leaveComment .heading {color: #666666; font-weight: normal; padding-top: 4px; } /* Further reading at bottom of certain pages */ #regMainContent #furtherReading {margin-top: 15px; margin-bottom: 20px;} #regMainContent #furtherReading h2 {font-weight: bold; color: #666666;} /* Reviews at bottom of certain pages */ #regMainContent #reviews {margin-top: 15px; margin-bottom: 10px;} #regMainContent #reviews h2 {font-weight: bold; color: #666666;} #regMainContent #reviews .rating {margin-bottom: 12px;} #regMainContent #reviews .whatOtherPeopleThought {margin-bottom: 12px;} #regMainContent #reviews .leaveReview {} #regMainContent .existingReview {margin-top: 10px; margin-bottom: 15px; margin-left: 10px;} #regMainContent .existingReview .reviewersName { font-style: italic; padding-bottom: 6px;} #regMainContent .existingReview .reviewText {margin-left: 20px;font-style: italic; margin-bottom: 5px;} /* not within a region because you may want to put in in various places on the site */ #regLeftMenu #regBlogArchiveStrip {background-image: url(images/template/leftmenu_bg.gif); padding: 0px; margin-top: 25px;} .blogArchiveBox { padding: 0px 6px 10px 6px; margin: 0px;} .blogArchiveBox h2 {color: Gray; font-weight:normal; margin-top: 0px; padding-top: 0px; margin-bottom: 2px; } .blogArchiveBox .blogArchiveItem {color:gray; font-size: 1em; margin: 0px 0px 1px 0px; padding: 2px 0px 0px 6px; } .blogArchiveBox .blogArchiveItem A { color:gray; font-weight: normal; text-decoration: none;} .blogArchiveBox .blogArchiveItem A:hover {text-decoration: underline;} .blogCategoriesBox { padding: 0px 6px 10px 6px;} .blogCategoriesBox h2 {color: Gray; font-weight:normal; margin-top: 0px; padding-top: 0px; margin-bottom: 2px; } .blogCategoriesBox .blogCategoryItem {color:gray; font-size: 1em; margin: 0px 0px 1px 0px; padding: 2px 0px 0px 6px; } .blogCategoriesBox .blogCategoryItem A { color:gray; font-weight: normal; text-decoration: none;} .blogCategoriesBox .blogCategoryItem A:hover {text-decoration: underline;}