body {
	_overflow: hidden;
}

form {
    width: 461px;
}

legend {
    display: none;
}

h2 {
    font-size: 15px;
}

h3 {
	margin: 0px;
}

/************************ Equal height columns **************************/ 

#equal-wrapper {
      overflow: hidden;
	  background-color: #FFF;
	  position: relative;
}

#main-content, #sub-content {
      padding-bottom: 32767px;
      margin-bottom: -32767px;
}


#container {
	position: relative;
	width: 720px;
	margin-left: 50%;
	left: -360px;
	min-height: 100%;
	overflow: hidden;
	background-color: #FFF;
}

#content-wrapper {
	background-color: #FFF;
}

/***************************** Header **********************************/

#logo {
	width: 324px;
	float: left;
}

#phone {
	width: 400;
	float: left;
}

/************************ Utility ******************************/

#utility {
	font-family: Arial, Sans-serif;
	padding: 14px 20px 0px 0px;
	text-align: right;
}

#utility ul, #utility li {
	list-style-type: square; 
	list-style-position: inside;
	
}

#utility ul {
	width: auto;
	float: right;
	margin: 0px;
	padding: 0px;
}

#utility li {
	float: left;
	padding-right: 4px;
}

.firstItem {
	list-style-type: none !important;	
}

#phone {
	width: 394px;
	float: left;
}

.page-header {
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	padding: 1px 0px 0px 0px;
	*background-position: 0px 1px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#main-nav {
    background-image: url(../images/home-header-bg.jpg);
}

#main-nav-help {
    background-image: url(../images/help-header-bg.jpg);	
}

#main-nav-guide {
    background-image: url(../images/guide-header-bg.jpg);	
}

#main-nav-facts {
	background-image: url(../images/facts-header-bg.jpg);
}

#nav-buttons {
    float: right;
}

#nav-buttons ul {
	margin: 0px;
	*margin-top: -2px;
	padding: 0px;
	line-height: 0;
}

#nav-buttons ul li {
    margin: 0px 0px 1px 0px;
	_margin: 0px 0px -2px 0px;
	*margin: 0px 0px -2px 0px;
    padding: 0px 0px 0px 0px;
	list-style-type: none;
	line-height: 0;
}

/************************** Main content ***************************************/

#main-content {
	width: 461px;
	float: left;
	margin-right: 6px;
}


#best-solution {
    background-image: url(../images/best-solution-bg.gif);
    background-repeat: no-repeat;
    _height: 142px;
    min-height: 142px;
}

#best-text {
    padding: 0px 50px 0px 95px;
}

/********************* Guide *****************************/

#guide-image1 {
	float: left;
	padding: 0px 8px 8px 0px;
}

#guide-image2 {
	margin-bottom: 18px;
}

ol.green-list {
	color: #a9cf06;
	margin:0px;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 18px;
}

ol.green-list span {
	color: #2b4968;
	padding: 18px 18px 18px 0px;
	margin-bottom: 18px;
}

/******************* Facts ********************************/

#small-logo {
	float: left;
	padding: 0px 8px 0px 0px;
}

#facts-image1 {
	float: right;
	padding: 0px 0px 0px 8px;
}

#facts-image2 {
	float: left;
	padding: 0px 8px 18px 0px;
}

ul.blue-list {
	color: #4ca3e7;
	background-color: #f1f6fb;
	padding: 18px 18px 18px 28px;
	margin: 0px;
	margin-top: 18px;
	margin-bottom: 18px;
	font-weight: 700;
}

/************************ Help *****************************/

#help-image1 {
	float: right;
	padding: 0px 0px 8px 8px;
}

#help-image2 {
	margin-bottom: 18px;
}

ul.orange-list {
	color: #de9301;
	background-color: #f1f6fb;
	font-weight: 700;
	margin: 0px;
	padding: 18px 18px 18px 28px;
	margin-top: 18px;
	margin-bottom: 18px;	
}

#number {
	color: #ffa800;
	font-size: 32px;
	font-weight: 700;
	line-height: 180%;
}

#advice {
	font-size: 20px;
}

#click {
	color: #ffa800;
	font-size: 20px;
	font-weight: 700;
}

/********************* Mortgage Calculator *******************/

#calculator {
	width: 738px;
	margin: 0px;
	padding: 0px;
}

#calculator label {
	width: 460px;
	font-size: 18px;
	font-weight: 700;
}

#calculator label span {
	font-size: 10px;
	font-weight: 500;
}

#PmtPM, #IntPM {
	font-weight: 700;
}

#calculator-divider {
	background-image: url(../images/form-divider.jpg);	
	background-repeat: no-repeat;	
	height: 32px;		
}

#calculator-bottom {
	background-image: url(../images/form-bottom.jpg);
	background-repeat: no-repeat;	
	height: 28px;		
}
/******************** Homepage *******************************/

.form-yellow {
    background-color: #efe676;
}

.form-blue {
    background-color: #d4e2f1;
}

.think-carefully {
	margin-top: 10px;
	font-size: 20px;
	text-align: center;
	color: #2b4868;
}

a.privacy {
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
	padding: 0px 0px 10px 0px;
}

.blue-bottom {
	background-color: #d4e2f1;
	background-image: url(../images/form-blue-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 9px;	
}

.yellow-bottom {
	 background-color: #efe676;
	background-image: url(../images/form-yellow-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 10px;	
}

.formTitle {
	margin-left: 25px;	
}

/******************************* Sub content *************************************/

#sub-content {
	background-color: #e4edf7;
	width: 253px;
	float: left;
}

#sub-nav {
    background-color: #e4edf7;
    padding: 18px 14px 18px 14px;
}

#sub-top {
	background-image: url(../images/sub-top-bg.gif);
	height: 12px;
	background-color: #e4edf7;
	background-repeat: no-repeat;
}

/************************** Footer **************************************/

#footer {
	color:#585858;
	padding: 18px 0px 36px 0px;
	clear: both;
	position: relative;
	background-color: #FFFFFF;
}

#footer p {
	font-size: 12px;
	text-align: center;
	margin: 0px;
}

#footer #footer-links {
	border-top: 1px solid #2b4868;
	border-bottom: 1px solid #2b4868;
	padding: 2px;
	margin: 10px 0px 10px 0px;
}

#footer ul, #footer li {
	padding: 14px 20px 0px 0px;
	list-style-type: none;
	margin: 0px;
	display: inline;
	padding: 0px 9px;
}

/* Header Replacements */

.replace {
	margin: 0px;
	padding: 0px;
	text-indent: -3000px;
	background-position: top left;
	background-repeat: no-repeat;
}

#help {
    background-image: url(../images/btn-help.gif);	
	height: 107px;
}

#apply-now {
    background-image: url(../images/txt/txt-apply-now.gif);	
	height: 107px;
}

#our-promise {
    background-image: url(../images/txt/txt-our-promise.gif);	
	height: 88px;
}

#about-you {
    background-image: url(../images/txt/txt-about-you.gif);	
	height: 28px;
}

#how-can-we-help {
	background-image: url(../images/txt/txt-how-can-we-help.gif);	
	height: 81px;	
}

#essential-guide {
	background-image: url(../images/txt/txt-an-essential.gif);	
	height: 103px;		
}

#repossession-advice {
	background-image: url(../images/txt/txt-repossession-advice.gif);	
	height: 62px;		
}

#mortgage-arrears {
	background-image: url(../images/txt/txt-mortgage-arrears.gif);	
	height: 116px;		
}

#how-they {
	background-image: url(../images/txt/txt-how-they-affect.gif);	
	height: 45px;		
}

#mortgage-calculator {
	background-image: url(../images/txt/txt-mortgage-calculator.jpg);	
	height: 31px;	
}
