/*-----------------------------------------------------------------------------
version:   1.0
author:    Tony Crockford
email:     tonyc@boldfish.co.uk  
website:   http://www.boldfish.co.uk/
date:      October 31, 2007

Copyright 2007 Tony Crockford All Rights Reserved 
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* hack for forcing scroll bars to stop page jog - http://www.splintered.co.uk/experiments/49/ */
html { margin-bottom: 1px; min-height: 100%; }

/* Remove padding and margin on selected elements*/
h1,h2,h3,h4,h5,h6,pre,body,p,div{margin: 0; padding: 0;}

/*debug border on all divs*/
/*div{border: 1px solid #ccc;}*/

/* Class for clearing floats */
.clear {
   clear:both;
}

/* Remove border around linked images and fix Firefox odd spaces */
img {
   border: 0;
   vertical-align: bottom;
}

/* =Structural
-----------------------------------------------------------------------------*/
div#container{
	width: 798px;
	margin: 5px auto;
	background-color: #FFFFFF;
}



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

body{
	font: 1em/1.3 Arial, sans-serif;
	color: #030303;
	background-color: #FFF;
}

div#content ul,
div#content ol{
	font-size: 11px;
	margin: 15px 35px 10px 15px;
}


/* =Headings
-----------------------------------------------------------------------------*/
div#content h1{
	font-size: 24px;
	margin: 0 35px 25px 35px;
}

div#content h3{
	font-size: 1em;
	margin: 0 35px 25px 35px;
}
div#content h4{
	font-size: 16px;
	margin: 0 35px 25px 35px;
	background-color: #C1D000;
	color: #008645;
	padding-left: 5px;
}

div#sidebar h2{
	font-size: 1em;
	margin: 10px 5px 0 5px;
}

div#sidebar h3{
	clear: both;
	font-size: 0.9em;
}

div#sidebar h3 span{
	font-size: 0.8em;

}


/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/
img#masthead{float: right;}
img#logo{float: left;}


/* =Main Nav
-----------------------------------------------------------------------------*/

div#nav{
	min-height: 21px;
	clear: both;
}

div#nav ul{
	margin: 0 50 0 0;
	padding: 0;
	list-style-type: none;
}

div#nav ul li{
	display: inline;
	border: 1px solid #FFF;
	border-width: 0 1px 0 0;
	padding: 0;
	margin: 0;
}
div#nav ul li.last,
div#nav ul li#last{
	border: none;
}

div#nav ul li a{
	font-size: 0.8em;
	text-decoration: none;
	color: #FFF;
	padding: 0 52px 0 51px;
	line-height: 2px;
	font-weight: bold;
}


/* =Sub Nav
-----------------------------------------------------------------------------*/
div#sidebar ul{
	list-style-type: none;
	padding: 0;
	font-size: .8em;
}

div#sidebar ul li{
	margin: 0 25px 10px 0;
	background : #FFF url(../images/bullet_total_mortgage_solutions.gif) no-repeat left center;
}

div#sidebar ul li a{
	text-decoration: none;
	color: #010101;
	padding: 0 0 0 18px;
}


/* =Main Content
-----------------------------------------------------------------------------*/
div#wrapper{
	padding: 35px 0 0 0;	
}

div#content{
	width: 535px;
	float: left;
	display: inline;
}


div#content p{
	font-size: 11px;
	margin: 15px 35px 0 35px;
}

img.right{
	float: right;
	margin: 3px 10px 15px 10px;
}

img.left{
	float: left;
	margin: 3px 10px 25px 35px;
}

div#calltoaction{
	clear: both;
	height: 97px;
	width: 524px;
	overflow: auto;
	margin: 35px 0 35px 0;
}

div#calltoaction p{
	font-weight: bold;
	margin: 10px 40px 10px 40px;
	font-size: 0.9em;
}

div#calltoaction p.tel{
	font-size: 1.8em;
	line-height: 1;
}

div#content p.toplink{
	text-align: right;
	margin: 25px 35px 10px 35px;
	color: #333333;
}

/* =Secondary Content
-----------------------------------------------------------------------------*/
div#sidebar{
	float: right;
	width: 260px;
	display: inline;
}

div#sidebar div{
	margin: 0 25px 25px 0;
	float: left;
	width: 240px;
	display: inline;
}

div#sidebar p{
	font-size: 0.7em;
	margin: 0 5px 5px 0;
	line-height: 1.2;
}
div#sidebar div img{
	float: left;
	margin: 5px;
}

div#sidebar div a{
	color: #FFF;
	float: right;
}



/* =Footer
-----------------------------------------------------------------------------*/
div#footer{
	clear: both;
	min-height: 27px;
	font-size: 10px;
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
	vertical-align: middle;
}
div#footer a{
	color: #FFFFFF;
	
}


/* =Forms
-----------------------------------------------------------------------------*/




/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
   border-collapse: collapse;
}

td {
  text-align: left;
  font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/
div#content ul#insuranceticks{
	list-style-type: none;
	padding: 0;
	margin: 25px 35px 0 35px;
	text-transform: uppercase;
	font-size: 1em;
}


ul#insuranceticks li{
	margin: 0 25px 25px 0;
	background : #FFF url(../images/tick_total_insurance_solutions.gif) no-repeat 0 0.2em;
	padding: 0 0 0 18px;
}

ul#insuranceticks li a{
	text-decoration: none;
	color: #010101;
}


/* =Misc 2
-----------------------------------------------------------------------------*/
div#content ul#subnav{
	list-style-type: none;
	padding: 0;
	margin: 5px 35px 25px 27px;
	text-transform: uppercase;
	font-size: 0.7em;
}

ul#subnav li{
	display: inline;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	padding-top: 4px;
}

ul#subnav li a{
	border-width: 0 1px 0 0;
	padding: 0 5px;
	font-size: 11px;
	margin-top: 4px;
}
ul#subnav li a:hover{color: #C1D000;}

ul#subnav li.last a{
	border: none;
}


/* =Site Dependant Styling - change class on body
-----------------------------------------------------------------------------*/
div#sidebar h3 span{color: #010101;}



body.mortgage div#container{
	border: 1px solid #008645;
	background-color: #FFFFFF;
}
body.mortgage div#content h1{
	color: #008645;
	font-size: 1.5em;
	margin: 0 35px 25px 35px;
}

body.mortgage div#sidebar div#feature,
body.mortgage div#footer,
body.mortgage div#nav{background-color: #008645; color: #FFF;}

body.mortgage div#sidebar div#feature a:hover,
body.mortgage div#nav ul li a:hover{color: #C1D000;}
body.mortgage div#nav ul li.active span{color: #C1D000;}

body.mortgage div#wrapper{background : #FFF url(../images/border_total_mortgage_solutions.gif) repeat-y;}

body.mortgage div#calltoaction{background : #FFF url(../images/calltoaction_total_mortgage_solutions.gif) no-repeat left top;}

body.mortgage div#sidebar div#callback{background-color: #C1D000; color: #FFF;}

body.mortgage div#sidebar ul li a:hover,
body.mortgage div#sidebar div#callback a:hover,
body.mortgage div#calltoaction p.tel,
body.mortgage h3{color: #008645;}

body.mortgage ul#subnav li a{text-decoration: none;	color: #008645;}




body.lending div#container{border: 1px solid #584A9B;}

body.lending div#sidebar div#feature,
body.lending div#footer,
body.lending div#nav{background-color: #584A9B; color: #FFF;}
body.lending div#content h1{
	color: #594B9C;
	font-size: 1.5em;
	margin: 0 35px 25px 35px;
}

body.lending div#sidebar div#feature a:hover,
body.lending div#nav ul li a:hover{color: #A99EE0;}
body.lending div#nav ul li.active span{color: #A99EE0;}

body.lending div#wrapper{background : #FFF url(../images/border_total_lending_solutions.gif) repeat-y;}

body.lending div#calltoaction{background : #FFF url(../images/calltoaction_total_lending_solutions.gif) no-repeat left top;}

body.lending div#sidebar div#callback{background-color: #A99EE0; color: #FFF;}

body.lending div#sidebar ul li a:hover,
body.lending div#sidebar div#callback a:hover,
body.lending div#calltoaction p.tel,
body.lending h3{color: #584A9B;}
body.lending h4{
	font-size: 16px;
	margin: 0 35px 25px 35px;
	background-color: #C4BDDE;
	color: #584A9B;
	padding-left: 5px;
}

body.lending ul#subnav li a{text-decoration: none;	color: #584A9B;}


body.total div#container{border: 1px solid #01468B;}

body.total div#sidebar div#feature,
body.total div#footer,
body.total div#nav{background-color: #01468B; color: #FFF;}

body.total div#sidebar div#feature a:hover,
body.total div#nav ul li a:hover{color: #56BCE0;}

body.total div#wrapper{background : #FFF url(../images/border_total_solutions.gif) repeat-y;}

body.total div#calltoaction{background : #FFF url(../images/calltoaction_total_solutions.gif) no-repeat left top;}

body.total div#sidebar div#callback{background-color: #56BCE0; color: #FFF;}

body.total div#sidebar ul li a:hover,
body.total div#sidebar div#callback a:hover,
body.total div#calltoaction p.tel,
body.total h3, body.total h1{color: #01468B;}

body.total ul#subnav li a{text-decoration: none;	color: #01468B;}





body.property div#container{border: 1px solid #DF7619;}

body.property div#sidebar div#feature,
body.property div#footer,
body.property div#nav{background-color: #DF7619; color: #FFF;}
body.property div#nav ul li a{
	font-size: 0.8em;
	text-decoration: none;
	color: #FFF;
	padding: 0 20px 0 20px;
	line-height: 2px;
	font-weight: bold;
}

body.property div#sidebar div#feature a:hover,
body.property div#nav ul li a:hover{color: #EECC7F;}
body.property div#nav ul li.active span{color: #EECC7F;}


body.property div#wrapper{background : #FFF url(../images/border_total_property_solutions.gif) repeat-y;}

body.property div#calltoaction{background : #FFF url(../images/calltoaction_total_property_solutions.gif) no-repeat left top;}

body.property div#sidebar div#callback{background-color: #963B0B; color: #FFF;}

body.property div#sidebar ul li a:hover,
body.property div#sidebar div#callback a:hover,
body.property div#calltoaction p.tel,
body.property h3, body.property h1{color: #DF7619;}
body.property div#content h4{
	font-size: 16px;
	margin: 0 35px 25px 35px;
	background-color: #EECC7F;
	color: #DF7619;
	padding-left: 5px;
}


body.property ul#subnav li a{text-decoration: none;	color: #DF7619;}



body.insurance div#container{border: 1px solid #C40015;}

body.insurance div#sidebar div#feature,
body.insurance div#footer,
body.insurance div#nav{background-color: #C40015; color: #FFF;}

body.insurance div#sidebar div#feature a:hover,
body.insurance div#nav ul li a:hover{color: #F1D1D4;}

body.insurance div#wrapper{background : #FFF url(../images/border_total_insurance_solutions.gif) repeat-y;}

body.insurance div#calltoaction{background : #FFF url(../images/calltoaction_total_insurance_solutions.gif) no-repeat left top;}

body.insurance div#sidebar div#callback{background-color: #450705; color: #FFF;}

body.insurance div#sidebar ul li a:hover,
body.insurance div#sidebar div#callback a:hover,
body.insurance div#calltoaction p.tel,
body.insurance h3{color: #C40015;}

body.insurance ul#subnav li a{text-decoration: none;	color: #C40015;}
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
body.insurance div#content h1{
	color: #C40015;
	font-size: 1.5em;
	margin: 0 35px 25px 35px;
}


.morthere {
	color: #C1D000;
}