/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	margin:10px;
	text-align: center;
	font-size: 13px;
	color:#044370;
	background:#5e86c0 url(../images/bg_rpt_orig.jpg) repeat-x;
}

#contentBody{
	margin-left: 15px;
	margin-right: 15px;
	width: 970px;/*width of mainContent - (margin-left+margin-right)*/
	text-align: left;
	overflow:auto;
}

#MainContainer {
	background-color:#ffffff;
	width:1000px;
	position:relative;
	margin: 0px auto;
	/*border: 1px solid #4A6DAD;*/
	padding:0px;
	min-height: 607px;
	/*float: left;*/
	overflow:visible;
}

#HeaderContainer {
	margin:0 15px;
	height:90px;
	width:970px;
}

#HeaderTop {
	height:90px;
	background:#282880 url(../images/header_bg.jpg) no-repeat;
}

#ClearStart {
	width:254px;
	float:left;
}

#apply {
	width:197px;
	font-size: 22px;
	font-weight: bold;
	color: #FF8000;
	float:right;
	padding-top:15px;
}

#callFree, #PhoneNo, #NoApp {
	padding-right:8px;
	text-align:right;
	font-weight: bold;
}

#callFree {
	font-size: 16px;
	color: #FFFFFF;
}

#PhoneNo {
	font-size: 26px;
	color: #FF8000;
}

#NoApp{
	font-size: 14px;
	color: #FFFFFF;
}

#opHrs{
	width:957px;
	height:18px;
	margin:5px 15px 0 15px;
	background-color:#d4edfa;
	text-align:right;
	color:#233285;
	font-weight: bold;
	padding:5px 8px 5px 5px;
}


#mainContent{
	background-color: #ffffff;
	width: 1000px;
	min-height: 450px;
	overflow:auto;
	float: left;
}

#columns{
	margin-top:10px;
	width:100%;
	overflow:auto;
}

#column1, #column2, #column3{
	float:left;
	position:relative;
}

#leftColumn, #content, #rightColumn{
	float:left;
	position:relative;
}

#leftColumn{/*left hand "three steps" column on all other pages*/
	background-image:url(../images/Lozenge1.gif);
	background-repeat:no-repeat;
	width:233px;
	height:474px;
	left:-52.6%;
}

#content{
	width:496px;
	margin-left:10px;
	margin-right:5px;
	left:24%;
	_margin-left:5px;
}

#rightColumn{
	width:226px;
	min-height:300px;
	padding-top:5px;
	margin-bottom:10px;
	/*IE6 counter measures*/
	_width:226px;
}

#column1{/*left hand "three steps" column on home page*/
	background-image:url(../images/Lozenge1.gif);
	background-repeat:no-repeat;
	width:233px;
	height:474px;
	/*left:-51.3%;*/
	left:-52.5%;
}

#column2{
	width:478px;
	padding:0 16px 0 16px;
	left:24%;
}

#column3{
	width:227px;
}

#threeStepsHeading {/* Style this element different on the homepage than the rest of the site*/
	font-size:19px;
	font-weight:bold;
	margin:10px 15px 7px 10px!important;
	padding:2px;
}


/**********************************/

a{
	text-decoration: none;
}

a:hover{
	text-decoration:underline;
}

ol{
	margin-left: 30px;
	margin-right: 20px;
}

ol li{
	margin-bottom:10px;
}

p {
	font-size: 12px;
	margin-right:20px;
	margin-bottom:5px;
}

#PageFooter {
	width:970px;
	margin:0 15px 0 15px;
	padding-bottom:10px;
	overflow:auto;
	clear:both;
}

#FooterContent{
	color:#FFFFFF;
	background-color:#1F3385;
	overflow:hidden;
	text-align:center;
	height:75px;
	float:left;
	width:100%;
}

#FooterLogo{
	float:left;
	color:#FFFFFF;
	background-color:#1F3385;
	margin-right:10px;
}

#FooterAddress {
	color:#FFFFFF;
	background-color:#1F3385;
	float:right;
	text-align:left;
	width:195px;
}

#FooterAddress p {
	font-size:10px;
	font-weight:bold;
	margin-left:8px;
	margin-bottom:2px;
	margin-top:3px;
}


#FooterMiddle {
	color:#FFFFFF;
	background-color:#1F3385;
	width:545px;
	_width:514px;
	float:left;
	margin-top:3px;
	margin-left:35px;
}

#FooterMiddle p {
	font-size:10px;
	font-weight:bold;
	margin-left:8px;
	margin-bottom:2px;
	margin-top:1px;
}



#FooterNav {
	color:#FFFFFF;
	background-color:#1F3385;
	width:545px;
	_width:514px;
	float:left;
	margin-top:10px;
	margin-left:35px;
}

#FooterNav ul {
	list-style-type:none;
}

#FooterNav ul li {
	float:left;
	border-right:1px solid #fff;
	border-right-style:double;
	padding:0px 4px;
}

#FooterNav ul li.first {
	padding-left:85px;
}

#FooterNav ul li.last {
	padding-right:0px;
	border:0px;
}

#FooterNav ul li a {
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font-size:10px;
	font-weight:bold;
}
#FooterNav ul li a:hover{
	text-decoration:underline;
}

#FooterNav ul li a:visited {
	color:#FFFFFF;
}


#illustration{
	margin-top: 20px;
	margin-right:20px;
}
#illustration td{
	width: 11.5%;
	border: solid 1px #044370;
	margin: 0px;
}
#illustration input{
	font-size: 20px;
	height: 20px;
}
#illustration .nobord{
	border: none;
}
#illustration .dark{
	background-color: #044370;
	color: #ffffff;
	font-weight: bold;
	border-bottom: solid 1px #ffffff;
}

form {
	border: none;
}
fieldset {
	border: none;
}
legend{
	font-size: 16px;
	font-weight: bold;
	margin-left: -8px;
	color: #ffffff;
}
img {
	border:0px;
}

h1{
	font-size: 19px;
	padding: 2px;
	font-weight: bold;
	margin-bottom: 7px;
	

}
h2 {
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	

	margin-bottom: 10px;
}
h3 {
	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	

	margin-bottom: 5px;
}
ol{
	margin-left: 30px;
	margin-right: 20px;
}

#subMenu{
	margin: 0px 15px 0 15px;
	width: 970px;
	line-height: 23px;
	text-align: left;
	background-color:#f7931d;
}

#subMenu a{
	color:white;
	padding:2px;
	margin-left: 5px;
	margin-right: 5px;
	font-weight:bold;
}
#subMenu a:visited{
	padding:2px;
	margin-left: 5px;
	margin-right: 5px;
}

#subMenu a:hover{
	color:black;
	text-decoration:none;
}

#subMenu a.mSelected{
	color:black;
	font-weight:bold;
}

.tool{
	height: 100px;
	width: 100px;
	
	margin-left: auto;
	margin-right: auto;
	Margin-top: 20px;
}
.toolLabel{
	margin-top: -20px;
	font-size: 11px;
	
}





#ErrorContainer{
	width: 500px;
	color: #044370;
	
	text-align:left;
	
	margin: auto;
	padding: 10px;
	padding-left: 20px;
	border: 3px dotted #2a6ebb;
	background-color: #ffffff;
	display: none;
	
	position:absolute;
	
	min-height:80px;
	left:200px;
	top:100px;
	
	z-index:1;
	cursor:move;
}

#ErrorClose {
	position:absolute;
	top:3px;
	left:514px;
}


#rightColumn div{
	background-image:url(/images/IconPanel.gif);
	background-repeat:no-repeat;
	width:206px;
	height:54px;
	/*_height:74px;*/
	padding:10px;
	margin-bottom:20px;
	/*_margin-bottom:10px;*/
}

#rightColumn div div{
	background-image:none;
	width:auto;
	height:auto;
	padding:0px;
	margin:0px;
}

#rightColumn div p{
	margin-right:0px;
	_margin-right:0px;
	color:#009ee0;
}

#rightColumn a{
	color:#233385;
}

#rightColumn a:hover{
	text-decoration:underline;
}

#rightColumn img{
	float:left;
	padding-right:5px;
}


.infobox{
	color: #ffffff;
	text-align:left;
	width: 600px;
	min-height: 200px;
	margin: auto;
	margin-top: 20px;
	padding: 10px;
	border: 3px dotted #2a6ebb;
	background-color: #006bb6;
	
}
.infobox2{
	color: #ffffff;
	text-align:left;
	width: 900px;
	min-height: 200px;
	margin: auto;
	margin-top: 20px;
	margin-left: 50px;
	margin-right: 50px;
	padding: 10px;
	border: 3px dotted #2a6ebb;
	background-color: #006bb6;
	
}

table {
	border-collapse:collapse;
	margin-bottom:10px;
}



.infotable{
	width: 800px;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #4A6DAD;
	border: 2px outset #044370;
}
.infotable td{
	border: 1px solid #ffffff;
	padding: 0px;
	margin: 0px;
	
	height: 30px;
	text-align: left;
}
.infotable tr{
	margin: 0px;
	margin-bottom: 10px;
}
.infotable th{
	background-color: #044370;
	padding-left: 5px;
	padding-right: 5px;
}
.infobox h2{
	text-align: center;
}
input.disabled{
	background-color:#ddddff;
	color:#000000;
	border: none; 
		
}
#loginbox{
	color: #ffffff;
	text-align:left;
	width: 400px;
	height: 300px;
	margin: auto;
	
	border: 3px dotted #2a6ebb;
	background-color: #006bb6;
	
}

#loginbox label{
	width: 150px;
	text-align: left;
}
#loginbox input{
	width:150px;
}
#loginbox .formline{
	width: 250px;
	margin-bottom: 10px;
}
#loginbox fieldset{
	margin-left:130px;
}
#showForm div{
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #4A6DAD;
	padding-top: 5px;
	padding-bottom: 5px;
}
#debtCalcBox div{
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #4A6DAD;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:100px;
}
#incomeCalcBox div{
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #4A6DAD;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
.centre{
	text-align: center;
}
.progressbar{
	background-color: #ffffff;
	width:100px;
	height:10px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 1px;
	text-align: left;
}


#menu{
	padding: 5px 15px 0px 15px;
}

#menu ul{
	background-color:white;/*#b1b2b4;*/
	list-style:none;
	font-weight:bold;
	padding:0;
	margin:0;
	overflow:auto;
}

#menu ul li{
	float:left;
	display:inline;
	color:white;
	background-color:#333b92;
	/*width:10%;*/
	background-image:url(/images/menu_corner_tr.gif);
	background-repeat:no-repeat;
	background-position:right top;
	margin-right:2px;
}

.menuLast{
	margin-right:0!important;
	overflow:hidden;
}

#menu ul li a{
	/* We want the menu to scale if the user changes the text size so I'm using em's for the width and height.
	When you change the font-size you have to change the equation you use to calculate other sizes so instead of 
	dividing by 16 (the default font size) we now divide by 13.*/
	
	font-size:0.8125em;/* (13px/16px =0.8125em) */
	/*I want to set the width to 97px but will need to minus the padding from this (so the combined width is 97px*/
	/*width:5.9231em;*//*77px; (77/13 = 5.9231em) */
	/*width:10.989em;*//*77px; (70/13 = 5.3846em) */
	/*width:9.471em;*/
	width:8.139em;
	/*width:8.16em; for IE8 - see additional stylesheet*/
	_width:8.182em;/*86/13 = 6.61538em*/
	height:2.4615em;/*32px; (32/13 = 2.4615em)*/
	
	background-image:url(/images/menu_corner_tl.gif);
	background-repeat:no-repeat;
	text-align:center;
	text-decoration:none;
	padding:3px 10px 4px 10px;
	display:block;
	color:white;
}

#menu ul li a:visited{
	color:white;
}

#menu ul li a:hover{
	color:black;
}

#menu ul li.active a{
	color:black;
}

.active{
	color:black;
	background-color:#f7931d !important;
}


/* top menu tabs */
.about_us {
	color:white;
	background-color:#d33217;/*red*/
}

.dealing_with_debt {
	color:white;
	background-color:#f08a00;/*orange*/
}

.debt_solutions {
	color:white;
	background-color:#fecc00;/*yellow*/
}

.our_guarantee {
	color:white;
	background-color:#a4c300;/*light green*/
}

.customer_feedback {
	color:white;
	background-color:#00827b;/*dark green*/
}

.news_and_media {
	color:white;
	background-color:#61b2ad;/*turquoise(?)*/
}

.customer_support {
	color:white;
	background-color:#009ee0;/*light blue*/
}

.homepage {
	color:white;
	background-color:#b1b2b4;/*grey*/
}

#columns hr{
	border:none 0;
	border-top:1px dashed #00adef;
	height: 1px;
	margin: 0px 15px 6px 15px;
}

#columns ul li{
	list-style-image:none;
	list-style-position:inside;
	list-style-type:disc;
}

#column2 div.main ul li{
	list-style-image:url(../images/OrangeTick.gif);
	list-style-position:outside;
	list-style-type:disc;
	margin-left:10px;
	font-size:22px;
}

.row2{
	overflow:auto;
}

#columns div.row2 ul li{
	list-style-image:url(../images/bullet_main.gif);
	list-style-position:inside;
	list-style-type:disc;
	margin:0px 0px 4px 10px;
}


#columns h1{
	margin-top:10px;
}

#columns p{
	margin-bottom:5px;
	margin-right:0px;
}

#column1 div, #column3 div, #leftColumn div{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:black;
	padding: 0px 10px 5px 10px;
}

#column1 div p, #column1 div ul, #leftColumn div p, #leftColumn div ul{
	margin-left:25px;
}

#column3 div{
	background-image:url(../images/Lozenge5.gif);
	background-repeat:no-repeat;
	height:100px;
	margin-top:7px;
	padding:5px 8px;
}


#column3 div.quote{
	background-image:url(../images/QuoteBox.gif);
	background-repeat:no-repeat;
	padding: 10px;
	height:106px;
	min-height:0px;
	margin-top:0px;
	margin-bottom:5px;
}

#column3 div h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#233385;
	min-height:0px;
	margin: 0px 0px 3px 0px;
	text-align:left;
}

#column3 div h1 a{
	color:#233385;
}

#column3 div h1 a:hover{
	color:inherit;
	text-decoration:underline;
}

#column3 div div{
	padding:0px;
	margin:0px;
	background:none;
	float:left;
	width:165px;
}

#column1 h1, #leftColumn h1{
	margin-left:10px;
	margin-right:15px;
}

#column1 div h1, #leftColumn div h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#233385;
}

#column1 div h2, #column3 div h2, #leftColumn div h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#33b1e6;
}

#column1 div h2 img, #leftColumn div h2 img{
	vertical-align:middle;
}


#column2 div.main{
	height:317px;
	font-size:16px;
	background-image:url(../images/Lozenge2.gif);
	background-repeat:no-repeat;
	color:white;
	padding:15px 5px 15px 5px;
}

#column2 div.main h1{
	font-size:32px;
	color:#f08a00;
	margin:0px 10px 10px 10px;
	text-align:left;
	min-height:0px;
}

#column2 div.main p{
	font-size:16px;
	margin:0px 10px 10px 10px;
}

#column2 div.main ul{
	padding-left:20px;
	margin:20px 0px;
}

#column2 div.row2 div h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#233385;
	padding:5px 0px 0px 0px;
	margin-left:10px;
	margin-top:0;
}

#column2 div.row2 div h1 a{
	color:#233385;
}

#column2 div.row2 div h1 a:hover{
	text-decoration:underline;
}

#column2 div.row2 div{
	background-image:url(../images/Lozenge3.gif);
	background-repeat:no-repeat;
	height:126px;
	width:235px;
	float:left;
	color:white;
	background-color:#66CCFF;
	font-size:14px;
}

.lozenge{
	background-image:url(../images/Lozenge_bl.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}

.lozenge div{
	background-image:url(../images/Lozenge_br.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.lozenge div div{
	background-image:url(../images/Lozenge_tr.png);
	background-position:top right;
	background-repeat:no-repeat;
}

.lozenge div div div{
	background-image:url(../images/Lozenge_tl.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding:10px;
}
.lightbluback{
	background-image:url(../images/IconPanel2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:10px;
}
.bg_light_blue{
	background-color:#c7eafb;
}

.bg_dark_blue{
	background-color:#1d2172;
}

#illustration div{
	font-size:20px;
	height:20px;
	background-color:#044370;
}

.homepage-links{
	margin-bottom:10px;
	background-image: url(../images/home-footer-box-bg.gif);
	background-repeat:no-repeat;
	width:940px;
	height:15px;
	padding:15px;
}

.homepage-links a{
	color:#003366;
	font-weight:bold;
}

.homepage-links a:hover{
	color:#0033CC;
}

.homepage-links a:visited{
	color:#003366;
}


/* HACKS */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


#advantagelist{
	list-style-image: url(/images/AdvantageTick.gif) !important; 
}