/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}/*   
Name:Law 2 Law - Styling
URL:www.law2law.co.uk
Author:Nick Stevenss
Author URL:www.totemic.co.uk
Version:1.0
.
Not for personal use or for use anywhere other than on the Law2Law Website Copyright Totemic 2009
.
*/
a{
color:#585959;
}
a img{
border:0px;
}
a:hover{
color:#bababa;
}
a.button{
background:url(../images/nav-purp.gif) no-repeat #7c2b83 2px;
border:0px;
color:#ffffff;
display:block;
font-size:1.2em;
font-weight:bold;
height:21px;
line-height:21px;
margin:30px 0px 30px 0px;
padding:5px 0px 5px 20px;
text-align:left !important;
text-decoration:none;
width:200px;
}
a.button:hover{
background:url(../images/nav-purp-over.gif) no-repeat #bd95c1 2px;
}
body{
background:#e8e8e8;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
}
h1{
color:#7c2b83;
font-size:1.3em;
line-height:120%;
margin:0 0 .75em 0;
}
h2{
color:#c1d82f;
font-size:1.1em;
line-height:120%;
margin:1em 0 1em 0;
}
h2 a{
color:#c1d82f;
text-decoration:none;
}
h2 a:hover{
text-decoration:underline;
}
li{
font-size:.85em;
line-height:150%;
padding:0px 0px 0px 20px;
}
p{
font-size:.8em;
line-height:136%;
margin-bottom:1em;
}
ul{
margin:0 0 1em 0;
padding:0 0 1em 0;
}
small{
	font-size: .6em;
	color: #5e6057;
}
p small{
	font-size: .8em;
}
hr{
	color:  #bababa;
background-color: #bababa;
height: 2px;
}
/*quote and instruct page icons */
ul#icons{
list-style:none;
margin:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
ul#icons li{
display:inline;
float:left;
background: none !important ;
}
ul#icons li a{
display:block;
padding:0px 10px 0px 10px;
}
ul#icons li.equity a{
background:url(../images/icons-equity-release.gif) no-repeat;
width:133px;
}
ul#icons li.equity a,ul#icons li.retransfer a{
height:137px;
}
ul#icons li.equity a:hover{
background:url(../images/icons-equity-release.gif) no-repeat 0px -137px;
}
ul#icons li.purchase a{
background:url(../images/icons-purchase.gif) no-repeat;
width:98px;
}
ul#icons li.purchase a,ul#icons li.sale a,ul#icons li.right a,ul#icons li.remortgage a,ul#icons li.transfer a{
height:117px;
}
ul#icons li.purchase a:hover{
background:url(../images/icons-purchase.gif) no-repeat 0px -117px;
}
ul#icons li.remortgage a{
background:url(../images/icons-remortgage.gif) no-repeat;
width:133px;
}
ul#icons li.remortgage a:hover{
background:url(../images/icons-remortgage.gif) no-repeat 0px -117px;
}
ul#icons li.retransfer a{
background:url(../images/icons-remortgage-equity-transfer.gif) no-repeat;
width:165px;
}
ul#icons li.retransfer a:hover{
background:url(../images/icons-remortgage-equity-transfer.gif) no-repeat 0px -137px;
}
ul#icons li.right a{
background:url(../images/icons-right-to-buy.gif) no-repeat;
width:119px;
}
ul#icons li.right a:hover{
background:url(../images/icons-right-to-buy.gif) no-repeat 0px -117px;
}
ul#icons li.sale a{
background:url(../images/icons-sale.gif) no-repeat;
width:81px;
}
ul#icons li.sale a:hover{
background:url(../images/icons-sale.gif) no-repeat 0px -117px;
}
ul#icons li.transfer a{
background:url(../images/icons-transfer-of-equity.gif) no-repeat;
width:165px;
}
ul#icons li.transfer a:hover{
background:url(../images/icons-transfer-of-equity.gif) no-repeat 0px -117px;
}
/*main content */
#content{
float:right;
margin:20px 60px 0px 40px;
padding:0px 0px 40px 0px;
width:420px;
}
#content blockquote{
border-left: 5px solid #c1d82f;
clear:both;
line-height:1.2em;
margin:15px 0px 15px 0px;
padding:0px 10px 0px 10px;
}
#content .column{
float:right;
margin:0px 0px 0px 10px;
width:190px;
}
#content .column ul{
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
}
#content h1{
	color:#7c2b83;
font-size:1.3em;
line-height:120%;
margin:0 0 .75em 0;
}
#content h2{
color:#c1d82f;
font-size:1.1em;
line-height:120%;
margin:1em 0 1em 0;
}
#content h3{
color:#7c2b83;
font-size:1em;
line-height:120%;
margin:1em 0 1em 0;
}
#content h4{
color:#7c2b83;
font-size:.8em;
line-height:120%;
margin:1em 0 1em 0;
}
#content h5{
color:#8b8b8b;
font-size:.8em;
line-height:120%;
margin:1em 0 1em 0;
}
#content h2 a{
	background:url(../images/nav-green.gif) 0px no-repeat;
	padding: 0px 0px 0px 25px; 
}
#content h2 a:hover{
	background:url(../images/nav-green-over.gif) 0px no-repeat;
	text-decoration: none;
}
#content a.link{
background:url(../images/nav.gif) 0px no-repeat;
display:block;
font-weight:bold;
line-height: 1em;
padding:5px 0px 5px 25px;
margin: 0px 0px 5px 0px; 
text-decoration:none;
}
#content a:hover.link{
background:url(../images/nav-over.gif)  0px no-repeat;
}
#content ol{
font-size:.9em;
margin:0px 0px 0px -15px;
padding:10px 0px 10px 0px;
}
#content ol li{
background:url(../images/bullet-green.gif) no-repeat 15px 7px;
color:#ffffff;
font-weight:bold;
list-style:decimal;
list-style-position:inside;
margin:10px 0px 20px 0px;
}
#content ol li em{
color:#000000;
font-style:normal;
font-weight:normal !important;
line-height:1em;
}
#content ol li strong{
color:#7c2b83;
line-height:2.8em;
padding:0px 0px 0px 8px;
}
#content ol.inline{
margin:0px 0px 0px 0px;
}
#content ol.inline li{
background:url(../images/bullet-green.gif) no-repeat 0px 2px;
line-height:2em;
margin:10px 0px 40px 0px;
padding:0px 0px 0px 5px;
}
#content ol.inline li em{
color:#000000;
font-style:normal;
clear:left;
font-weight:normal !important;
line-height:1.7em;
margin:0px 0px 20px -5px;
padding:0px 0px 0px 10px;
}
#content p.main{
font-size:1.1em;
}
#content table{
font-size:.8em;
}
#content ul li{
background:url(../images/bullet.gif) left top no-repeat;
font-size:.8em;
padding:0px 0px 10px 20px;
}
#content ul.image li{
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
}
#content ul.image li img{
float:left;
margin:0px 10px 10px 0px;
}
/*Footer */
#footer{
background:url(../images/bg-bot.gif) no-repeat  0px 60px;
clear:both;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
width:844px;
}
#footer li{
float:left;
list-style:none;
font-size:.7em;
line-height:21px;
margin:0;
}

#footer p{
background:#e8e8e8;
clear:both;
color:#8b8b8b;
font-size:.6em;
line-height:1em;
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
text-align:center;
}
#footer ul{
margin:0px 20px 0px 20px;
padding:20px 0px 50px 0px;
}
#footer ul li a{
background:url(../images/nav.gif) no-repeat left;
display:block;
font-weight:bold;
padding:0px 0px 0px 25px;
text-decoration:none;
}
#footer ul li a:hover{
background:url(../images/nav-over.gif) no-repeat;
}
/*  Header styling*/
#header{
background:url(../images/bg-join.gif) 0px 214px no-repeat;
display:block;
height:260px;
}
#header #phone{
float:right;
margin:25px 85px 0px 0px;
}
#header #phone p{
color:#7c2b83;
display:none;
font-size:2em;
margin:0px 0px 0px 0px;
}
#header #search{
float:right;
margin:30px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:300px;
}
#header #search form input{
background:url(../images/search.gif) left no-repeat #e8e8e8;
border:0px none;
color:#bababa;
float:left;
height:21px;
line-height:21px;
margin:0px 0px 0px 0px;
padding:0 0 0 20px;
width:170px;
}
#header #search form input[type=hidden],ul#icons li h3{
display:none;
}
#header #search form input[type=submit]{
background:url(../images/nav-purp.gif) no-repeat;
border:0px  none;
height:21px;
width:21px;
}
#header #search form input:hover[type=submit]{
background:url(../images/nav-purp-over.gif) no-repeat;
cursor: pointer;
}
#header img#logo{
margin:20px 0px 10px 40px;
}
#header li{
float:left;
font-size:.9em;
line-height:21px;
list-style:none;
margin:0;
padding:0px 0px 0px 15px;
}
#header ul{
padding:30px 0px 0px 25px;
}
#header ul li a{
background:url(../images/nav-purp.gif) no-repeat left;
display:block;
font-size:.8em;
font-weight:bold;
padding:0px 0px 0px 25px;
text-decoration:none;
}
#header ul li a:hover{
background:url(../images/nav-purp-over.gif) no-repeat;
}
#header ul li.green a{
background:url(../images/nav-green.gif) no-repeat;
}
#header ul li.green a:hover,#header ul li.green a.selected{
background:url(../images/nav-green-over.gif) no-repeat;
}
#header ul li.selected a,#footer ul li.selected a{
background:url(../images/nav-over.gif) no-repeat;
color:#bababa;
cursor:default;
}
/*Purple panel */
#left{
background:url(../images/purple-corner.gif) no-repeat #7c2b83 bottom right;
float:left;
margin:0px 0px 40px 42px;
width:260px;
}
#left h3{
color:#c1d82f;
display:none;
font-size:2em;
margin:0px 20px 0px 20px;
}
#left img{
margin:20px 0px 10px 20px;
}
#left li{
margin:0px 0px 10px 0px;
}
#left li{
color:#bd95c1;
cursor:default;
font-size:.7em;
font-weight:bold;
}
#left li a{
background:url(../images/nav-white-purple.gif) no-repeat;
color:#ffffff;
display:block;
font-weight:bold;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 30px;
text-decoration:none;
}
#left li a:hover,#left li a.selected{
background:url(../images/nav-purp-over.gif) no-repeat;
color:#bd95c1;
}
#left p{
color:#ffffff;
font-size:1.4em;
margin:0px 20px 40px 20px;
}
#left p a{
color:#ffffff;
font-weight:bold;
}
#left p a:hover{
color:#bd95c1;
}
#left ul{
margin:0px 20px 0px 0px;
}
#page{
clear:both;
padding:0px 0px 0px 0px;
}
/* Green panel*/
#panel{
background:url(../images/bg.gif) center;
margin:0px auto 0px auto;
width:844px;
}
#quote{
background:url(../images/green-corner.gif) no-repeat top right #c1d82f;
clear:right;
float:right;
height:96px;
margin:20px 41px 0px 0px;
width:260px;
}
#quote img{
margin:30px 0px 5px 15px;
}
#quote p{
font-size:1.2em;
line-height:1.1em;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#quote p a{
background:url(../images/nav-white-green.gif) no-repeat 218px 26px;
color:#ffffff;
display:block;
margin:0px 0px 0px 0px;
padding:3px 20px 25px 15px;
text-decoration:none;
}
#quote p a:hover{
background:url(../images/nav-green-over.gif) no-repeat 218px 26px;
color:#eff5cb;
}
#message_box{
	background-color: #c1d82f;
	padding: 15px;
	width: 200px;
	font-weight: bold;
	color: #5e6057;
	position: absolute;
border:4px solid  #a4b828;
}
#message_box button{
	background:url(../images/nav-purp.gif) 2px no-repeat #7c2b83;
border:0px  none;
color: white;
margin: 0px 0px 0px 25px; 
font-weight: bold;
height:24px;
width:80px;
}
#message_box button:hover{
background:url(../images/nav-purp-over.gif) 2px no-repeat #bd95c1;
cursor: pointer;
}
p.advert{
	padding: 20px;
	display: block;
	background: #7c2b83;
	color: #fff;
	margin: 10px 0px 20px 0px; 
}/* Law 2 Law - Forms Styling*/

/*Tom did this for the dynamic error checks*/

/*Errors start off in p's so dont show them until class error gets set*/
form p{
	display:none;
}

form div {
	margin-top: 25px;
}

form label, div.label {
	width: 300px;
	display: block;
	margin: 0px;
	color: #585959;
	font-size: 0.8em;
	padding-bottom: 5px;
}

form input, form select , form textarea{
	display: block;
	background-color:#E8E8E8;
	color: #585959;
	font-size: 0.8em;
}

form input {
	width: 200px;
}

form textarea {
	width: 300px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
}

div.radioinline {
	margin: 0px;
}

div.radioinline label{
	color:#585959;
	display: inline;
	margin-right:30px;
}

div.radioinline label input{
	display: inline;
	width: 10px;
	margin-right:10px;
	background-color:#FFFFFF;
}

.pound_sign {
	background-image: url(../images/pound.gif);
	background-repeat: no-repeat;
	padding-left:15px;
}

div.success, div.error {
	width: 350px;
	background-repeat: no-repeat;
	background-position: top right;
}

div.success {
	background-image: url(../images/success.gif);
}

/*hide the error messages in p's if success*/
div.success p {
	color: black;
	display: none;
}

div.error {
	background-image: url(../images/error.gif);
}

div.error p {
	color: red;
	display: block;
}

table td {
	padding: 5px 10px 5px 10px;
}

table td.left {
	text-align: right;
}

form input[type=submit]{
	background: url(../images/nav-purp.gif) no-repeat #7c2b83 ;
	border:0px;
	color: white;
	font-weight: bold;
	text-align: left !important ;
	padding: 0px 0px 0px 20px; 
	margin: 30px 0px 30px 0px; 
	display: block;
	height: 21px;
}

form input:hover[type=submit]{
	background: url(../images/nav-purp-over.gif) no-repeat #BD95C1 ;
	cursor: pointer;
	
}
/*end of toms mess*/