/* Reset
================================== */

* {
	margin: 0;
	padding: 0;
	}

img {
	border: none
	}

/* Typography
================================== */

A {
	FONT-SIZE: 12PX;
}

a:hover, a:active { 
	text-decoration: none; 
	}
	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 164%;
	color:#666666;
	}

ul, ol { 
	margin: 0 0 10px 20px;
	}
	
ul ul, ul ol, ol ul, ol ol { 
	margin: 0 0 0 20px;
	}
	
p {
	margin: 0 0 10px 0;
	}

h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 1px;
	line-height: 140%;
	color: #990066;
	}
	
h1
{
	color:  #990066;
	margin-top: 10pt;
	margin-bottom: 20pt;
	font-size: 1.7em;
}

h2 {
	font-size: 1.5em;
	letter-spacing: -0.01em;
	}

.static
	{
		margin-bottom:0px;
		line-height: 100%;
	}

h3 {
	font-size: 1.3em;
	letter-spacing: -0.01em;
	}

h4 {
	font-size: 1.18em;
	font-weight: bold;
	}
	
/* Useful
================================== */

.clear-left {
	clear: left;
	}
	
.clear-right {
	clear: right;
	}
	
.clear-both {
	clear: both;
	}
	
.float-left {
	float: left;
	}

.float-right {
	float: right;
	}
	
.photo-left {
	float: left;
	margin-right: 10px;
	}

.photo-right {
	float: right;
	margin-left: 10px;
	}
	
.hr hr {
	
	border-bottom: dotted 1px #dcdcdc;
	}
	
.hr {
	clear: both;
	margin: 10px 0 9px 0;
	height: 1px;
	overflow: hidden;
	border-bottom: dotted 1px #dcdcdc;
	}
	
.center {
	margin: 0 auto;
	text-align: center;
	}

/* Structure
================================== */

.main-wrapper {
	width: 950px;
	margin: 0 auto;
	background: #FFF;
	}
	
.header {
	min-height: 105px;
	background: #FFF;
	padding: 0px 0px;
	}
	
.header .photo h1 a {
	display: block;
	text-indent: -9999px;
	height: 200px;
	width: 650px;
	background: url('images/pp4.jpg') no-repeat;
	}
	
.header .logo h1 a {
	display: block;
	text-indent: -9999px;
	height: 188px;
	width: 260px;
	background: url('images/logo1.gif') no-repeat;
	
	}
	
	.header .logoINT h1 a {
	display: block;
	text-indent: -9999px;
	height: 188px;
	width: 260px;
	background: url('images/logoINT.gif') no-repeat;
	
	}
	
.header .logo h1 a:focus {
	outline: none;
	}
	
.header .strapline {
	text-align: right;
	margin-top: 20px;
	width: 260px;
	letter-spacing: 1px;
	padding: 0 20px;
	}
	
.header .strapline h2 {
	color: #C4ADBA;
	line-height: 100%;
	}
	
.header .strapline h3 {
	color: #999999;
	line-height: 100%;
	}
	
.header .strapline a {
	color: #FFF;
	text-decoration: none;
	}
	
.header .strapline a:hover {
	text-decoration: underline;
	}
	
.header .login {
	min-width: 300px;
	position: relative;
	right: -20px;
	margin-top: 4px;
	min-width: 325px;
	max-width: 600px;
	text-align: center;
	}
	
.header .login-inner {
	margin-left: 10px;
	padding: 4px 10px 4px 0;
	}

.header .login,
.header .login a {
	color: #1A1A1A;
	}
	
.nav {
	min-height: 20px;
	padding: 0 0px;
	position: relative;
	}
		
.nav ul {
	margin: 0;
	list-style: none;
	line-height: 140%;
	}
	
.nav ul li {
	float: left;
	margin: 3px 3px 3px 0px;
	display: block;
	
	padding: 5px 13px 3px 17px;
	min-height: 17px;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.18em;
	color: #990066;
	letter-spacing: 0.03em;
	}
	
.nav ul li a {
	display: block;
	min-height: 17px;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
	color: #666666;
	}
	
	
.nav ul ul {
	margin: 10px;
	list-style: none;
	line-height: 140%;
	position: absolute;
	left: 20px;
	width: 890px;
	text-align: right;
	}
	
.nav ul ul li {
	float: none;
	margin: 0;
	background: none !important;
	display: inline;
	}
	
.nav ul ul li a {
	background: none !important;
	display: inline;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	border-right: 1px solid #C4C19E;
	font-size: 1em;
	color: #6E8D2C;
	}
	
.nav a:hover {
	text-decoration: none;
	color: #990066;
	}
	
.nav ul ul li.last a {
	border: none;
	margin: 0;
	padding: 0;
	}
	
.nav ul ul li.current a {
	color: #990066 !important;
	}
	
.content-wrapper {
	background: url('images/custom/background-content-wrapper.jpg') repeat-x top left;
	padding: 20px;
	
	}




		
body.introducers .content-wrapper,
body.clients .content-wrapper {
	padding-top: 3.25em; /* to allow room for the sub-menu */
	}

.content-inner 
{
	background: url('images/custom/background-content-inner.gif') repeat-y 607px top;
	} 
	
.content-wrapper .gutter {
	margin-right: 12px;
	}
	
.content-wrapper .col-1 {
	width: 290px;
	}


.linespace
	{
		
	line-height: 1.8em
	}

.content-wrapper .col-oneandhalf {
	width: 400px;
	}
	
.content-wrapper .col-2 
{
	width: 600px;
	}

.content-wrapper .col-3 {
	width: 890px;
	}
	
.content-wrapper .sidebar a.more {
	display: block;
	text-align: right;
	}
	
.footer {
    font-size:10px; 
	min-height: 50px;
	text-align: center;
	padding: 12px;
		}

	

	
.footer p {
	display: center;
	
	color: #ffffff;
	
	}
	

	
.footer a {
	color: #000000;

	font-size: 10px;
	}
	
.footer a:hover {
	color: #000000;
	}
	
	
	
/* Homepage
================================== */

body.generic .home a, 
.home h2,
.home {
	color: #990066;
	line-height: 159%;
	text-decoration: none;
	}
	
.home p {
	margin-bottom: 20px;
	color: #666666;
	}
	
.home h2 {
	margin-bottom: 7px;
	padding-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: #666666;
	border-color: #990066;
	}
	
.home .introducers .introducers-login h2 
	{	
	border-bottom-color: #4A6070;
	}
.content
{
	color: #373736;
}
.content h2
{
	color: #373736;
}
.home .clients .clients-login h2 {
	border-bottom-color: #704266;
	}
	
.home .about h2,
.home .directors h2,
.home .hip h2 {
	border-bottom-color: #990066;
	color: #666666;
	}

.home .introducers,
.introducers-login,
.home .clients,
.clients-login,
.home .about,
.home .directors,
.home .hip {
	padding: 3px 10px 3px 10px;
	width: 275px;
	}

.home .about {
	padding: 3px 10px 8px 10px;
	width: 275px;
	}
.home .introducers,
.introducers-login,
.home .clients,
.clients-login,
.home .hip {
	margin: 10px auto 20px auto;
	}
	
.home .about {
	margin: 0 auto;
	}
	
.home .directors {
	margin: 10px auto 0 auto;
	}

	
.home .introducers {
	background-color: #f1efdf;
	}

	
.home .clients {
	background-color: #f1efdf;
	}
	
	
.home .about {
	background-color: #f1efdf ;
	}
	
	
.home .hip {
	background-color: #f1efdf;
	}
	

.home .banner {
position: relative;
min-height: 18em;
}
.home .banner .frame {
position: absolute;
top: 0;
left: 0;
background: url('images/banner-frame.png') no-repeat top left;
width: 600px;
height: 200px;
}
.home .banner .content {
	width: 355px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 20px;
	text-align: justify;
}


.home .banner .content h2,
.home .banner .content p {
	color: #666666;
}
.home .banner .content h2 {
	border: none;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 15px;
}
.home .banner .content p {
	font-size: 14px;
	font-weight: normal;
	line-height: 10px;
	text-align: center;
}
.home .banner .content a {
font-weight: normal;
color: #4B2E45;
font-size: 0.9em;
}


/* Forms
================================== */
/* CSS to tidy up the old form mark-up
in the new template */

.form table {
	font-size: 98%; /* Make all text a fraction smaller */
	}
	
.form table .border-left {
	border-left: 1px solid #C4C19E;
	padding: 0 10px;
	}

.form table .first {
	border: none;
	padding-left: 0;
	}
	
.form table .last {
	padding-right: 0;
	}

.form h1 {font-size: 14px;}


/* Old MHM Style
================================== */

.sectionwrapper
{
	border-top:solid 1px #C4C19E;
	border-left:solid 1px #C4C19E;
	border-right:solid 1px #C4C19E;
	padding-top:10px;
}
.sectionfullwrapper
{
	border:solid 1px #C4C19E;
	padding-top:10px;
}
.sectionbottomwrapper
{
	border-bottom:solid 1px #C4C19E;
	padding-top:5px;
	padding-bottom:5px;
}

th
{
    font-weight: bold;
    font-size: 9pt;
    color: white;
    font-family: Arial, Helvetica, sans-serif;    
	background: #7D7058 url('images/custom/background-nav-1.jpg');
	background-repeat:repeat;
    text-align: center
}


.TotalLine
{
    border-top: black 1px solid;
    border-bottom: black 1px solid;
    text-align:right;
}
.PrintInfo
{
    font-size: 7pt;
    color: #666666;
    font-family: arial
}
.smallgrey
{
	font-size: 9px;
	color: #666666;
}
.findquote
{
	background: url('images/custom/background-content-wrapper.jpg') repeat-x top left;
	
}
.TrackBlock1
{
	background-color:#F1F0E7;
}
.TrackBlock2
{
	background-color:#E8E6D7;
}
.TrackBlock3
{
	background-color:#E1DFCC;
}
.TrackBlock4
{
	background-color:#D9D6BD;
}
.TrackBlock5
{
	background-color:#D3D0B4;
}




.extraStrap
{
	color:  #990066;
	margin-top: 10pt;
	margin-left: 10pt;
	margin-bottom: 10pt;
	font-size: 1.20em;
	line-height: 1.25em;
}

.Highlight
{
	COLOR:  #990066;
	MARGIN-TOP: 0pt;
	
	MARGIN-BOTTOM: 0pt;
}

.Highlight A
{
	COLOR:  #990066;
	MARGIN-TOP: 0pt;
	MARGIN-BOTTOM: 0pt;
	text-decoration: none;
}

.imgcentre
{
	width:120px;
	padding-left:5px;
	text-align:center
}
/* Case management
================================== */

.summary
{
	line-height: 1.2em;
}

.alt
{background-color: #FBFBF9;
}

.filter-wrapper {
	background-color: #ECECE4;}

.filter-wrapper	.sales-summary,
.filter-wrapper	.purchase-summary,
.filter-wrapper	.filters {
	min-height: 10em;
	padding: 6px;
	}

.filter-wrapper	.notes-summary {
	min-height: 11em;
	padding: 10px 10px 1px 10px;
	}
.filter-wrapper	 .summary-wrapper {
	width: 65%;
	}
	
.filter-wrapper	.sales-summary,
.filter-wrapper	.purchase-summary {
	width: 30%;
	}
	
.filter-wrapper	.filters {
	width: 31.5%;
	padding-right: 0;
	}
	
.filter-wrapper	.filters {
	background: #D9D6BD;
	}
	
.filter-wrapper	.filters h3 {
	margin-bottom: 10px;
	font-size: 10pt;
	}
	
.filter-wrapper	.filters .filter-row {
	margin-bottom: 10px;
	}
	
.filter-wrapper	.filters .filter-row label {
	display: inline-block;
	width: 25%;
	text-align: right;
	margin-right: 5px;
	}
	
.filter-wrapper	.filters .filter-row select {
	width: 70%;
	}
	
.filter-wrapper	.summary-wrapper ul {
	margin: 0;
	}
	
.filter-wrapper	.summary-wrapper ul li {
	list-style: none;
	background: #E8E6D7;
	padding: 2px 2px;
	font-weight: bold;
	line-height: 1.2em;
	
	}

.filter-wrapper	.summary-wrapper ul li.alt {
	background-color: #DDDCD0;
	}

.summary-wrapper ul li a {
	display: inline-block;
	width: 200px;
	}
	
.filter-wrapper	.summary-wrapper ul li span a {
	width: auto;
	}
	
.filter-wrapper	.summary-wrapper h4 {
	margin-bottom: 5px;
	}
	
.keyword-wrapper .or .inner,	
.keyword-wrapper .keyword .inner {
	min-height: 1.2em;
	
	}
.inner h3
{ font-size: 11pt;
	padding:0px;
	margin: 0px;}
	
.keyword-wrapper .or .inner,
.keyword-wrapper .keyword .inner {
	padding: 10px;
	}
	
.keyword-wrapper .or {
	background: #B5AD7B;
	color: #FFF;
	text-transform: uppercase;
	margin: 10px 0 0;
	width: 9%;
	border-right: 1% solid #fff;
	text-align: center;
	}
	
.keyword-wrapper .keyword {
	width: 89%;
	background: #E1DFCC;
	margin-top: 10px;
	}
	
.keyword-wrapper .keyword input.text-field {
	margin: 0 5px;
	width: 40%;
	border: 1px solid #787661;
	padding: 3px;
	}
	
.keyword-wrapper .keyword .button {
	margin-left: 10px;
	}
	
.results-wrapper .title-wrapper {
	border-top: 1px solid #B5AD7B;
	border-bottom: 1px solid #B5AD7B;
	margin: 10px 0;
	padding: 5px 0;
	}
	
.results-wrapper .title-wrapper p {
	margin: 0;
	}
	
.results-wrapper .results table {
	width: 100%;
	}
	
.results-wrapper .results th,
.results-wrapper .results td {
	padding: 5px;
	border-right: 1px solid #fff;
	}
	
.results-wrapper .results th {
	background: #7D7058 url('images/custom/background-nav-1.jpg') repeat;
   
	color: #FFF;
	font-weight: normal;
	}
	
.results-wrapper .results th a {
	color: #FFF;
	}
	
.results-wrapper .results tr {
	background: #F1F0E7;
	}

.results-wrapper .results tr.alt {
	background: #E1DFCC;
	}
	
.results-wrapper .results td.overdue,
.results-wrapper .results td.due {
	font-weight: bold;
	}
	
.results-wrapper .results td.overdue {
	text-transform: uppercase;
	color: #CC0000;
	}
	
.results-wrapper .results th .help {
	background: url('../images/css-images/icon-help.gif') no-repeat;
	text-indent: -9999em;
	width: 14px;
	height: 14px;
	display: inline-block;
	position: relative;
	top: 0.2em;
	left: 0.1em;
	}
	
.alert-wrapper {
	padding-bottom: 10px;
	}
	
.alert {
	background: #f1efdf;
	padding: 10px;
	}
	
.alert ul {
	margin: 10px 0 0 0;
	}
	
.alert ul li {
	display: inline;
	margin-right: 10px;
	}
	
.alert ul li a {
	color: #CC0000;
	font-weight: bold;
	}

div.tooltiplink {
	position:relative;
	}

div.tooltipclient 
{
	display:none;
	position:absolute;
	top:5px;
	padding: 10px;
	left:-20px;
	background:#DFD2DA;
	color: #373736;
	border: dashed 2px #C4ADBA;
	width:210px;
}
div.tooltipclienthome 
{
	display:none;
	position:absolute;
	top:-250px;
	padding: 10px;
	left:580px;
	background:#DFD2DA;
	color: #373736;
	border: dashed 2px #C4ADBA;
	width:210px;
}
.tooltiplink a {
font-weight: normal;
text-decoration:none;
font-size: 0.9em;
}
	

div.tooltipintroducer 
{
	display:none;
	position:absolute;
	top:5px;
	padding: 10px;
	left:-20px;
	background:#E0E7EB;
	color: #373736;
	border: dashed 2px #C2D0D8;
	width:210px;
}
div.tooltipintroducerhome 
{
	display:none;
	position:absolute;
	top:5px;
	padding: 10px;
	left:-20px;
	background:#E0E7EB;
	color: #373736;
	border: dashed 2px #C2D0D8;
	width:210px;
}

.imghelp
{
	height:14px;
	width:14px;
}
.home .banner .content a {
font-weight: normal;
color: #4B2E45;
font-size: 0.9em;
}


.services h2 {
	border-bottom-color: #990066;
	color: #666666;
	}
	
.services {
	padding: 3px 15px 3px 10px;
	width: 570px;
	margin: 10px auto 20px auto;
	background-color: #f1efdf;
	}

.contentserv  p{
	padding: 3px 15px 3px 10px;
	width: 550px;
	margin: 10px auto 20px auto;
	
	}
	
	.table-1 tr td {padding:1px 0 0; border:1px solid #d6d6d5;}
.table-1 .r-1 td {padding:3px 0 2px;}

.table-1 .r-1 .c-1 {padding:3px 10px 2px;}
.table-1 .r-1 .c-2 {padding:3px 10px 2px;}

.table-1 tr .c-1 {width:120px; padding:1px 10px 0;} 
.table-1 tr .c-2 {width:120px; padding:1px 10px 0;} 
.table-1 tr .c-3 {width:120px; padding:1px 10px 0;}   
.table-1 tr .c-4 {width:120px; padding:1px 10px 0;}