/* Hodson Parsons James & Vaux Stylesheet */
/* http://www.utk.co.uk */
/* Created 08/12/05 */
/* Author: Mark Williams of Essential Business Communications Ltd - http://www.ebcltd.co.uk */

/* UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,img
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

body {
margin-top: 10px;
padding: 0;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #333333;
}

.important {
color: #990000;
font-weight: normal;
}

.hide {
display: none;
}

.bold {
font-weight: bold;
}

/* LINK STYLES START */

a:link, a:visited {
font-size: 12px;
color: #000099;
text-decoration: underline;
}

a:active {
font-size: 12px;
color: #000099;
text-decoration: underline;
}

a:hover {
font-size: 12px;
color: #000000;
text-decoration: none;
}

/* LINK STYLES END */

/* MAIN NAVIGATION STYLES START */

#navcontainer {
float: left;
width: 223px;
margin: 0px;
padding: 0px;
background: url(../images/nav_grad.gif) repeat-x top left;
min-height: 512px;
}

#menu {
position: relative;
text-align: left;
margin: 20px 0px 20px 20px;
}

#menu li {
font-size: 12px;
margin: 10px 20px 10px 0px;
text-align: left;
display: block;
width: 160px;
}

/* For IEs benefit - bullet items flicker unless background image specifically assigned
#menu ul li {
font-size: 12px;
background: url(../images/list-off.gif) left center no-repeat;
} */

#menu li a {
font-size: 12px;
padding-left: 15px;
display: block;
border: 0 none;
height: 100%;
background: url(../images/list-off.gif) left center no-repeat;
text-decoration: none;
color: #333333;
}

#menu li a:hover {
font-size: 12px;
color: #000000;
background: url(../images/list-on.gif) left center no-repeat;
}

#menu li.linkMenu {
background: url(../images/launch_site.gif) left center no-repeat;
}

#menu li.linkMenu a,
#menu li.linkMenu a:link,
#menu li.linkMenu a:visited,
#menu li.linkMenu a:active {
font-size: 12px;
padding-left: 17px;
display: block;
border: 0 none;
height: 100%;
background: url(../images/launch_site.gif) left center no-repeat;
text-decoration: none;
color: #333333;
}

#menu li.linkMenu a:hover {
font-size: 12px;
color: #900;
background: url(../images/launch_site_over.gif) left center no-repeat;
}

ul#subMenu li a {
font-size: 11px;
margin: 0px;
display: block;
text-decoration: none;
color: #990000;
padding: 4px 0px 3px 20px;
background: url(../images/button_sub.gif) no-repeat left;
}

ul#subMenu li a:hover {
font-size: 11px;
margin: 0px;
display: block;
text-decoration: underline;
color: #000000;
padding: 4px 0px 3px 20px;
background: url(../images/button_sub_hover.gif) no-repeat left;
}

/* MAIN NAVIGATION STYLES END */

/* GENERAL STYLES AND DIV CONTAINERS START */

p {
line-height: 18px;
margin: 15px 0px;
}

#wrapper {
margin: 0px;
padding: 0px;
width: 760px;
}

#header {
width: 760px;
margin: 0px;
height: 75px;
background-color: #FFFFFF;
background-image: url(../images/header.jpg);
background-position: top left;
background-repeat: no-repeat;
text-align: right;
vertical-align: top;
}

#banner {
width: 760px;
height: 137px;
padding: 0;
margin: 0;
border-bottom: 1px solid #999999;
}

#maincontent {
width: 515px;
float: right;
padding: 15px 0px 15px 15px;
text-align: justify;
line-height: 18px;
}

.note {
color: #990000;
font-weight: normal;
}

hr {
border: 0;
color: #DDDDDD;
background-color: #DDDDDD;
width: 100%;
height: 1px;
margin: 10px 0px 10px 0px;
}

/* FORM STYLES START */

.formnote {
color: #990000;
margin: 0px 0px 10px 0px;
}

form {
width: 498px;
padding: 8px;
margin: 10px 0px;
text-align: left;
background-color: #F3F1EB;
border: 1px solid #CCCCCC;
}

label {
display: block;
width: 150px;
float: left;
margin-bottom: 20px;
font-size: 12px;
text-align: left;
padding-right: 30px;
vertical-align: middle;
}

br {
clear: left;
}

.button {
border: 1px solid #333;
background-color: #EFEFEF;
color: #333333;
padding: 2px;
margin: 0px 10px 20px 0px;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
width: 95px;
display: block;
}

* html body .sendButton {
margin-left: 90px;
}

.sendButton {
margin-left: 180px;
}

form input {
padding: 2px;
border-top: 1px solid #333333;
border-left: 1px solid #333333;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
display: block;
float: left;
}

form textarea {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
padding: 2px;
border-top: 1px solid #333333;
border-left: 1px solid #333333;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
display: block;
float: left;
margin-bottom: 15px;
}

form select {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
display: block;
float: left;
}

form select option {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
text-indent: 3px;
}

.checkbox {
width: 1em;
padding: 0px;
margin-left: 0px;
border: 0px;
}

/* FORM STYLES END */

/* TABLE STYLES START */

table {
border: 1px solid #CCCCCC;
text-align: left;
width: 100%;
margin: 10px 0px;
padding: 1px;
}

table th {
background: #F3F1EB;
color: #000;
font-weight: bold;
font-size: 13px;
padding: 8px;
border: 0px;
}

table td {
padding: 8px;
}

.grey {
background-color: #F4F4F4;
}

.right {
text-align: right;
background-color: #F3F1EB;
width: 25%;
}

.left {
text-align: left;
background-color: #FFFFFF;
width: 75%;
}

.total {
font-weight: bold;
font-size: 14px;
}

.grandTotal {
font-size: 14px;
color: #CC0000;
font-weight: bold;
text-transform: uppercase;
}

/* TABLE STYLES END */

/* HEADING STYLES START */

h1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #000000;
height: 30px;
width: 100%;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 10px;
}

h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
margin: 15px 0px 15px 0px;
font-size: 14px;
font-weight: bold;
color: #990000;
}

h3 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
margin: 15px 0px;
font-weight: bold;
color: #444;
}

/* HEADING STYLES END */

/* FOOTER NAVIGATION START - Cannot set to 100% otherwise horizontal scrollbars appear in 800 x 600 */

#footer {
width: 760px;
height: 30px;
background-color: #666666;
background-image: url(../images/footer_bg.gif);
background-repeat: no-repeat;
background-position: right;
border-top: 1px solid #CCCCCC;
padding: 5px;
text-align: left;
color: #FFFFFF;
clear: both;
}

#footerlist {
width: 758px;
padding: 0px;
}

#footerlist ul {
list-style-type: circle;
color: #EFEFEF;
text-align: left;
padding-bottom: 10px;
}

#footerlist li
{
display: inline;
padding-left: 12px;
color: #EFEFEF;
font-size: 11px;
letter-spacing: 1px;
}

#footerlist li a {
text-decoration: none;
font-size: 11px;
color: #EFEFEF;
}

#footerlist a:hover {
font-size: 11px;
color: #FFFFFF;
text-decoration: underline;
}

/* FOOTER NAVIGATION END */

/* Basic Unordered List */

ul.basic, ol.basic {
list-style-image: url(../images/arrow.gif);
margin-left: 5px;
padding-left: 5px;
}

ul.basic li, ol.basic li {
margin: 10px 0px 10px 10px;
float: none;
}

ul.basic li ul, ol.basic li ul {
padding: 15px 0px 10px 20px;
}

/* Basic Sitemap List */

ul.sitemap {
font-size: 12px;
list-style-image: url(../images/arrow.gif);
margin: 20px 0px 0px 10px;
padding-left: 10px;
}

ul.sitemap li {
font-size: 12px;
padding: 0px 0px 15px 0px;
float: none;
}

ul.sitemap li ul {
font-size: 12px;
padding: 15px 0px 0px 20px;
}

ul.sitemap li ul li {
font-size: 12px;
padding: 0px 0px 5px 0px;
}

ul.sitemap li a:link {
font-size: 12px;
}

/* Right Aligned Horizontal List */

ul.horListRight li {
display: inline;
padding-left: 10px;
color: #EFEFEF;
}

/* Left Aligned Horizontal List */

ul.horListLeft li {
display: inline;
padding-right: 10px;
color: #EFEFEF;
}

/* Setup primary navigation active page link styles */

body#home a#homenav,
body#testimonials a#testimonialsnav,
body#lawyers a#lawyersnav,
body#conveyancing a#conveyancingnav,
/* Probate submenu links START */
body#probate a#probatenav,
body#probateadmin a#probatenav,
body#enduringpowers a#probatenav,
body#courtprotect a#probatenav,
body#lastingpowers a#probatenav,
body#inherclaims a#probatenav,
body#deputyship a#deputyshipnav,
/* Wills submenu links START */
body#wills a#willsnav,
body#livingwills a#willsnav,
body#disputedwills a#willsnav,
body#intest a#willsnav,
/* Conveyancing submenu links START */
body#calculator a#conveyancingnav,
body#hips a#conveyancingnav,
body#trusts a#trustsnav,
body#pi a#pinav,
body#family a#familynav,
body#housing a#housingnav,
body#criminal a#criminalnav,
body#contact a#contactnav,
body#sitemap a#sitemapnav,
body#accessibility a#accessibilitynav {
font-weight: bold;
text-decoration: none;
color: #000000;
background: url(../images/list-on.gif) left center no-repeat;
}

/* Probate submenu links START */
body#probateadmin a#probateadminnav,
body#lastingpowers a#lastingpowersnav,
body#enduringpowers a#enduringpowersnav,
body#courtprotect a#courtprotectnav,
body#inherclaims a#inherclaimsnav,
/* Wills submenu links START */
body#livingwills a#livingwillsnav,
body#disputedwills a#disputedwillsnav,
body#intest a#intestnav,
/* Conveyancing submenu links START */
body#calculator a#calculatornav,
body#hips a#hipsnav,
/* Trusts submenu links START */
body#usingtrusts a#usingtrustsnav,
body#trusttypes a#trusttypesnav,
body#trusttax a#trusttaxnav,
body#terms a#termsnav,
body#privacy a#privacynav,
body#sitemap a#sitemapnav,
body#accessibility a#accessibilitynav {
font-size: 11px;
text-decoration: underline;
color: #000000;
background: url(../images/button_sub_hover.gif) no-repeat left;
}

/* Top right links for Home, Sitemap, Accessibility and Contact */
body#home a#tophomenav,
body#sitemap a#topsitemapnav,
body#accessibility a#topaccessnav,
body#contact a#topcontactnav {
text-decoration: none;
font-weight: bold;
color: #000000;
}

.testimonial {
border: 1px solid #DEDEDE;
background: #FFF url(../images/testimonials_bg.gif) no-repeat top;
padding: 0px 50px;
margin: 0px 0px 20px 0px;
}

.testimonial span {
text-align: right;
display: block;
font-style: italic;
color: #AAA;
}