* {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	padding:0;
	margin:0;
	border: 0;
}

body {
  	background-color: #828388;
	font-size: 63%;
	color: #68696C;
	padding-bottom: 30px;
}

img { 
	border: none;
	vertical-align: top;
}

.floatFix:after {
	content: ".";
    height: 0px;
    clear: both;
    visibility: hidden;
    display: block;
}

p {
	padding: 0 0 6px 0;
	line-height: 1.4em;
	text-align: justify;
}

TABLE, TR, TD, TH {
	padding: 0px;
	border: none;
	margin: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	text-align: left;
	font-size: 100%;
	vertical-align: top;
}

#main-wrap {
  	width: 770px;
  	margin: 0 auto 0 auto;
  	padding: 0 14px 14px 14px;
  	background-color: #FFFFFF;
}  

#head-wrap {
  	padding: 15px 0 0 0;
}

#logo {
 	float: left;
 	width: 235px;
 	padding: 0 0 0 12px;
}

#tel {
 	width: 230px;
 	float: right;
 	text-align: right;
 	padding: 13px 12px 0 0;
}

#nav {
  	margin: 15px 0 0 0;
}   

#main-image {
  	margin: 3px 0 0 0;
}

#content-wrapper {
	padding: 16px 0 16px 0;
}

#left-col {
  	float: left;
 	width: 134px;
}

#middle-col {
  	float: left;
 	width: 444px;
 	margin-left: 18px;
}

#right-col {
  	float: right;
 	width: 156px;
}

#application-col {
	margin: 0 126px;
}

#bottom-nav {
  	background-color: #F9B800;
  	text-align: center;
}  

#foot-wrap {
	padding-top: 16px;
}  

#foot-left {
  	float: left;
  	width: 480px;
} 

#foot-right {
	float: right;
	width: 240px;
	text-align: right;
} 

#padlock {
	background: url(../images/padlock.gif) no-repeat;
	padding: 0 0 2px 20px;
} 

.contact-logo-wrap {
	padding: 10px 0 0 0;
}

.contact-logo-left {
	text-align: center;
	width: 192px;
	float: left;
	margin: 0 0 0 20px;
}

.contact-logo-left p {
	text-align: center;
	padding-top: 5px;
}

.contact-logo-right {
	text-align: center;
	float: right;
	width: 192px;
	margin: 0 20px 0 0;
}

.contact-logo-right p {
	text-align: center;
	padding-top: 5px;
}

/*//////////////////////  RIGHT BOXES  //////////////////////*/


.right-box-wrap {
	background: url(../images/box-grad.gif) bottom #FDCA00 repeat-x;
} 

.right-box-top {
	background: url(../images/orange-top.gif) bottom #F28E00 repeat-x;
} 

.broker-box {
	background: url(../images/broker-box.gif) top #979797 repeat-x;
	margin: 16px 0 0 0;
}

.right-box-bottom {
	padding: 12px 12px 12px 12px;
} 

.calculator-wrap {
	background: url(../images/calculator-trim.gif) repeat-y;
	margin-top: 16px;
} 

.calculator-top {
	background: url(../images/calculator-top.gif) no-repeat;
	padding: 14px 12px 0 12px;
} 

.calculator-bottom {
	height: 14px;
	background: url(../images/calculator-bottom.gif) bottom repeat-x;
} 

/*//////////////////////  HOME SERVICES BOXES  //////////////////////*/


.services-wrap {
	width: 218px;
	float: left;
} 

.loans-top {
	background: url(../images/loans-top.gif) bottom #EA4720 repeat-x;
} 

.mortgages-top {
	background: url(../images/mortgages-top.gif) bottom #FDCD0F repeat-x;
} 

.leisure-top {
	background: url(../images/leisure-top.gif) bottom #0082B6 repeat-x;
} 

.medical-top {
	background: url(../images/medical-top.gif) bottom #4CAA26 repeat-x;
} 

.broker-top {
	background: url(../images/orange-top.gif) bottom #F28E00 repeat-x;
} 

.services-bottom {
	padding: 0 0 1px 0;
} 

#rates-wrap {
	padding: 10px 0 16px 0;
}

.broker-bottom {
	background: url(../images/broker-bottom.gif) bottom repeat-x;
	padding: 10px 14px;
}

.secured-box {
	width: 218px;
	float: left;
	background: url(../images/leisure-top.gif) bottom #0082B6 repeat-x;
	text-align: center;
	/*
min-height: 140px;
	height: auto !important;
	height: 140px;
*/
} 


.secured-boxnew {
	width: 446px;
	float: left;
	background: url(../images/leisure-top.gif) bottom #0082B6 repeat-x;
	text-align: center;
	/*
min-height: 140px;
	height: auto !important;
	height: 140px;
*/
} 

.unsecured {
	background: url(../images/medical-top.gif) bottom #4CAA26 repeat-x;
	margin-left: 8px;
} 

.mortgage-box, .broker-wrap {
	width: 300px;
	background: url(../images/box-grad.gif) bottom #FDCA00 repeat-x;
	margin: 10px auto 16px auto;
	text-align: center;
}

.broker-wrap {
	background: url(../images/broker-trim.gif) repeat-y;
}

.extra {
	margin-left: 8px;
} 

.top { 
	margin-top: 10px;
	margin-bottom: 8px;
}

.bottom { 
	margin-bottom: 16px;
}


/*//////////////////////  H TAGS  //////////////////////*/


h1 {
	color: #F28E00;
	margin: 0 0 6px 0;
	font-size: 200%;
}

h5 {
	color: #F28E00;
	line-height: 1.3em;
	margin: 0 0 6px 0;
	font-size: 180%;
}

h2 {
	font-size: 150%;
	color: #F28E00;
	margin: 10px 0 6px 0;
	font-weight: normal;
}

h3 { 
	text-align: center;
	font-size: 130%;
	padding: 10px 0;
	color: #FFFFFF;
}

.triangle {
	background: url(../images/triangle.gif) top right no-repeat;
}

h4 { 
	color: #FFFFFF;
	font-size: 100%;
	font-weight: normal;
	padding: 3px 0 0 0;
}


/*//////////////////////  MAIN NAVIGATION  //////////////////////*/


#nav ul {
 	list-style: none;
 	padding: 0px;
}

#nav li {
    display:inline;
}

#nav a {
	margin: 0 1px 0 0;
	float: left;
	display: block;
	padding: 7px 13px 7px 13px;
	color: #ffffff;
	font-size : 110%;
	text-decoration: none;
 	background: url(../images/orange-button2.gif) top right #F28E00 repeat-x;
}

#nav a:hover, #nav a.on {
	background: url(../images/black-button2.gif) top right #000000 repeat-x;
}
    
/*//////////////////////  FOOTER NAVIGATION  //////////////////////*/

#bottom-nav ul {
 	list-style: none;
 	padding: 5px 0;
}

#bottom-nav li {
 	display: inline;
 	color: #FFF;
}

#bottom-nav a {
	color: #FFF;
	text-decoration: none;
	padding: 0 2px;
}

#bottom-nav a:hover { color: #000000; }


/*//////////////////////  TEXT  //////////////////////*/


ul {
	line-height: 1.4em;
	padding: 0 0 3px 15px;
	list-style-image: url(../images/star.gif);
}

ol {
	line-height: 1.4em;
}

li {padding-bottom: 3px;}

.black {
	color: #000000;
}

.white {
	color: #FFFFFF;
}

.orange {
	color: #F28E00;
}

.norm {
	text-align: left;
}

.light {
	font-weight: normal;
}

.secure-text {
	text-align: center;
	color: #FFFFFF;
	padding: 0 14px 14px 14px;
}

p.big-text {
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	color: #F28E00;
	padding: 4px 0 10px 0;
}

.just {
	text-align: justify;
}

.pad  {
	padding-top: 6px;
}

.cent {
	text-align: center;
}
/*//////////////////////  LINKS  //////////////////////*/


a:link {color: #F28E00;}
a:visited {color: #F28E00;}
a:hover {color: #000000;}
a:active {color: #000000;}

a.forgot:link {color: #000000;}
a.forgot:visited {color: #000000;}
a.forgot:hover {color: #FFFFFF;}
a.forgot:active {color: #FFFFFF;}

a.broker:link {color: #FFFFFF; display: block;}
a.broker:visited {color: #FFFFFF; display: block;}
a.broker:hover {color: #000000; display: block;}
a.broker:active {color: #000000; display: block;}

#foot-wrap a:link {color: #828388; text-decoration: none;}
#foot-wrap a:visited {color: #828388; text-decoration: none;}
#foot-wrap a:hover {color: #000000; text-decoration: none;}
#foot-wrap a:active {color: #000000; text-decoration: none;}

.broker-box a:link {color: #FFFFFF; text-decoration: none;}
.broker-box a:visited {color: #FFFFFF; text-decoration: none;}
.broker-box a:hover {color: #000000; text-decoration: none;}
.broker-box a:active {color: #000000; text-decoration: none;}



/*//////////////////////  IMAGES  //////////////////////*/

.adverts {
	margin-bottom: 14px;
}

/*//////////////////////  FORMS  //////////////////////*/

form#registration ol {
	padding: 0px	
}

form#registration fieldset {
	padding:0 0 6px 0;
}
form#registration ol li {
	list-style:none;
}
form#registration label {
	display:block;
	margin: 6px 0 3px 0;
}
form#registration input {
	border:1px solid #C6C6C6;
	font-size: 100%;
	padding:3px;
	background: #FFFFFF;
}
/* target specific input elements */
form#registration input.text {
	width: 434px;
}
form#registration input.button {
	background:#F28E00;
	padding: 3px 15px;
	color:#FFFFFF;
	font-weight: bold;
	border:0px;
	margin-top: 5px;
}
/* focus highlight div when active*/
form#registration input:focus {
	border:1px solid #F28E00;
}


form#application label {
	display:block;
}
form#application select {
	padding:3px 0;
	border:1px solid #C6C6C6;
}
form#application textarea {
	border:1px solid #C6C6C6;
	font-size:100%;
	padding:3px;
	width: 288px;
	height:120px;
}
form#application input {
	border:1px solid #C6C6C6;
	font-size: 100%;
	padding:3px;
	background: #FFFFFF;
}
/* target specific input elements */
form#application input.text {
	width: 288px;
}
form#application .radiolabel {
	display: inline;
}
form#application .radiolabel2 {
	display: inline;
	margin-right: 10px;
}
form#application .checkbox {
	display: inline;
}
form#application .radiobutton {
	margin-right: 2px;
	border: none;
	width: auto;
}
form#application input.textsmall {
	width: 144px;
}
form#application input.textsmall2 {
	width: 75px;
}
form#application input.textsmall3 {
	width: 50px;
}
form#application input.error {
	border:1px solid #FF0000;
}
form#application input.button {
	background:#F28E00;
	padding: 3px 15px;
	color:#FFFFFF;
	font-weight: bold;
	border:0px;
	margin-top: 5px;
}
/* focus highlight div when active*/
form#application input:focus {
	border:1px solid #F28E00;
}
form#application textarea:focus {
	border:1px solid #F28E00;
}
/* calculator */
form#calculator input {
	border:1px solid #C6C6C6;
	font-size: 100%;
	padding:3px;
	background: #FFFFFF;
}

form#calculator input.button {
	background:#F28E00;
	padding: 3px 15px;
	color:#FFFFFF;
	font-weight: bold;
	border:0px;
	margin-top: 10px;
}

form#calculator label {
	display:block;
	margin: 6px 0 3px 0;
}

form#calculator select {
	padding:3px 0;
	border:1px solid #C6C6C6;
}

form#calculator input.text {
	width: 94px;
}
/* focus highlight div when active*/
form#calculator input:focus {
	border:1px solid #F28E00;
}

.left {
	padding: 0 10px 10px 0;
	width: 210px;
}

.right {
	width: 298px;
	padding-bottom: 10px;
}
.radios LABEL {
	white-space: nowrap;
	padding: 3px 6px 8px 0;
	float: left;
	margin: 0;
}
FORM#application .radios INPUT {
	margin: 0 3px 0 0;
	border: 0;
	vertical-align: middle;
	padding: 0;
}

.left1 {
	width: 164px;
	padding-bottom: 10px;
}

.mid1, .right1 {
	width: 177px;
	padding-bottom: 10px;
}

.small1 {
	width: 125px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.small2 {
	width: 90px;
	padding-bottom: 10px;
}

.small3 {
	width: 90px;
	padding-bottom: 10px;
}

.small4 {
	width: 140px;
	padding-bottom: 10px;
}

.small5 {
	width: 298px;
	padding-bottom: 10px;
}

.small6 {
	width: 280px;
	padding-bottom: 10px;
}

.error {
	color: #FF0000;
	padding-top: 3px;
}

.big {
	font-size: 150%;
	font-weight: bold;
}
form#application input.secret {
	width: 144px;
	background: url(../graphics/contented/star.gif) no-repeat left 50%;
}