/* CSS Document */

body { margin: 0; padding: 0; font-size: 100%; background: #5476be}
* {margin: 0; padding: 0; border: 0}


/* ---------------------- Main Layout ------------------------- */

#container {
	margin: 0 auto;
	width: 770px;
	overflow: hidden;
	background: url(images/paper-shadow.gif) repeat-y #fff;
	}

#top {  /* This div is for the company logo at the top of the page */
	width: 770px;
	height: 100px;
	background: transparent;
	float: left;
	position: relative;
	}
	
#photos {  /* This div is for the photos and navigation at the top of the page */
	width: 770px;
	height: 184px;
	background: url(images/photos.jpg) 50% 0 no-repeat transparent;
	float: left;
	position: relative;
	}

#leftcol {  /* This div is for the lower navigation on the left side */
	width: 135px;
	height: 400px;
	background: transparent;
	float: left;
	position: relative;
	}
	
#rightcol {  /* This div is for the main content */
	width: 605px;
	padding-right: 10px;
	background: transparent;
	float: right;
	}

#bottombar {
	width: 770px;
	height: 40px;
	margin-top: 10px;
	background: url(images/bottom-bar.gif) no-repeat;
	float: left;
	}	
	
#compliancy {
	width: 770px;
	background: #5476be;
	float: left;
	}	
	
#valid {
	margin: 0px auto 20px auto; 
	width: 265px; 
	padding-left: 9px; 
	height: 15px; 
	background: #5476be;
	}

iframe {
	padding-top: 7px;
	width: 610px;
	}



/* ---------------------- Text Styles ------------------------- */

#h1span {
	display: none;
	}
	
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #383838;
	line-height: 1.8em;
	margin: 15px 25px 0 0;
	}
	
p.large {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #383838;
	font-weight: bold;
	line-height: 1.8em;
	margin: 15px 25px 0 0;
	}
	
#bottombar p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #383838;
	line-height: 15px;
	text-align: center;
	}
	

#compliancy p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	font-size: 0.7em;
	margin: 10px 40px;
	line-height: 1.4em;
	text-align: center;
	}	
	
h2 {
	display: block;
	margin: 8px 0 0 0;
	height: 35px;
	}
	
h3 {
	position: absolute;
	top: 22px;
	right: 65px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #5476be;
	text-align: center;
	}
	
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #383838;
	line-height: 1.8em;
	margin: 15px 25px 0 0;
	}

	
	
#h3span {
	color: #214184;
	display: inline;
	font-size: 1.4em;
	}

	





/*--------------------------------------- Images ---------------------------------------------*/

#flexiblemortgages-logo {
	position: absolute;
	top: 13px;
	left: 15px;
	}
	
#nspcc-logo {
	position: absolute;
	top: 20px;
	left: 365px;
	}
	
#leftcol img {
	margin: 20px 41px 0 46px;
	}
	
#valid img {
	float: left; 
	margin-right: 7px;
	}
	

/* ---------------------- Top navigation --------------------------- */
	
ul.topnav {
	position: absolute;
	top: 70px;
	right: 20px;
	}
	
.topnav li {
	float: left;
	list-style: none;
	color: #214184;
	background: url(images/bullet.gif) left 50% no-repeat;
	}
	


.topnav li a {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #214184;
	font-weight: bold;
	font-size: 0.8em;
	text-decoration: none;
	list-style: none;
	letter-spacing: -1px;
	padding-left: 12px;
	padding-right: 15px;
	line-height: 30px;
	}

.topnav li a.current, .topnav li a:hover {
	color: #5476be;
	text-decoration: underline;
	}
	
/* ---------------------- Middle navigation --------------------------- */



ul.middlenav {
	position: absolute;
	top: 14px;
	left: 5px;	
	overflow: hidden;
	width: 130px;
	}
	
.middlenav li {
	float: left;
	display: block;
	list-style: none;
	float: left;
	overflow: hidden;
	}
	
.middlenav li a {
	float: left;
	display: block;
	height: 30px;
	width: 130px;
	padding-left: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	font-size: 0.7em;
	margin-top: 1px;
	line-height: 30px;
	background-color: #5476be;
	list-style: none;
	}

.middlenav li a.current, .middlenav li a:hover {
	background-color: #e08721;
	}
		
	
	
/* ---------------------- Lower navigation --------------------------- */



ul.lowernav {
	float: left;
	padding: 15px 0 0 5px;
	overflow: hidden;
	width: 130px;
	}
	
.lowernav li {
	float: left;
	display: block;
	list-style: none;
	float: left;
	overflow: hidden;
	}
	
.lowernav li a {
	float: left;
	display: block;
	height: 30px;
	width: 130px;
	padding-left: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	font-size: 0.7em;
	margin-top: 1px;
	line-height: 30px;
	background-color: #214184;
	list-style: none;
	}

.lowernav li a.current, .lowernav li a:hover {
	background-color: #e08721;
	}
	
.lowernav li a.green {
	background-color: #00AB39;
	}
	
.lowernav li a.green:hover {
	background-color: #e08721;
	}	
		
/* ---------------------- Rightcolumn list ------------------------- */	
	
	
#rightcol ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	list-style-type: square;
	list-style-position: inside;
	color: #383838;
	line-height: 1.8em;
	margin: 15px 25px 0 10px;
	}
	
	
/* ---------------------- Links in main text ------------------------- */	

	
#rightcol a:link, #rightcol a:visited  {	
	color: #5476be;
	font-weight: bold;
	text-decoration: none;
	}
	
#rightcol a:hover, #rightcol a:active   {	
	color: #5476be;
	font-weight: bold;
	text-decoration: underline;
	}
	
	
/* ---------------------- Links in bottom bar ------------------------- */	

	
#bottombar a:link, #bottombar a:visited  {	
	color: #383838;
	text-decoration: none;
	}
	
#bottombar a:hover, #bottombar a:active   {	
	color: #383838;
	text-decoration: underline;
	}
	
		
	
	
/* ---------------------- Links in compliancy text ------------------------- */	

	
#compliancy a:link, #compliancy a:visited  {	
	color: #fff;
	}
	
#compliancy a:hover, #compliancy a:active   {	
	color: #e08721;
	}

	
/*------------------------------------- back to the top button ----------------------------------------- */

a#tothetop {margin: 0; display: block; width: 40px; height: 17px; background-image: url(images/back-to-top-bttn.gif); background-position: left top; background-repeat: no-repeat}
a#tothetop:hover {background-position: left bottom}
a#tothetop span {display: none}
	
	

/*--------------------------------------- Scroll bar fix ---------------------------------------------*/

#ffscrollbarfix {
    position: absolute;
    top: 0;
    bottom: -0.1px;
    width: 1em;
    z-index: -1;
	}