﻿/*//////////////////////////////////////////////////////////////*/
/* SET UP THE PAGE                                              */
/*//////////////////////////////////////////////////////////////*/

body {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	height: 100%;
	}
	
/*//////////////////////////// END /////////////////////////////*/
	
/*//////////////////////////////////////////////////////////////*/
/* BASE STYLES/BEHAVIOURS                                       */
/*//////////////////////////////////////////////////////////////*/		

table, tr, td {
	border: 0px none;
	border-spacing: 0px;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
	padding: 0px;
	}
	
p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #202020;
	margin: 4px;
	padding: 0px;
	} 

ul {
    margin: 0;
    padding: 8px 8px 8px 32px;
    list-style: disc url(../_images/11x11_li.png) outside;
    }
    
ul li {
    font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	color: #ff3d00;
    } 
	
ul.BigList {
    margin: 0;
    padding: 8px 8px 8px 32px;
    list-style: disc url(../_images/13x13_li.png) outside;
    }
    
ul.BigList li {
    font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	color: #255080;
    }
    
ul.Article {
    margin: 0;
    padding: 8px 8px 8px 32px;
    list-style: square  outside;
    }    
    
ul.Article li {
    font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
	}
    
.highlightRed {
    font-weight: bold;
    color: #ac0000;
    }   
    
.highlightOrange {
    font-weight: bold;
    color: #ff3d00;
    }             
  
	
/*//////////////////////////// END /////////////////////////////*/	
	
/*//////////////////////////////////////////////////////////////*/
/* SET UP THE MAIN WRAPPING STYLES                              */
/*//////////////////////////////////////////////////////////////*/	

/* SET UP THE MAIN WRAPPING TABLES/DIVS                         */

.WrapperOut {
    min-width: 900px;
    height: 100%;
	position: relative;
	}	

.tblWrapper {
    width: 100%;
    min-width: 800px;
    height: 100%;
	}
	
.tblBody {
    height: 100%;
    }	

.tblLeftWrapper {
	width: 141px;
    }
    
.tblRightWrapper {
    width: 264px;
    }     
		
.whitespacehoz {
    width: 100%;
    height: 10px;
    background: #FFFFFF;
    margin: 0;
    padding: 0;
    }
       
    	
/* SET UP THE HEADER                                            */	
	
.HeadWrapper {
    width: 100%;
    background: #79a7b8;
    margin-left: 0;
    padding: 0;
    }
 
.headerlogo {
	display: block;
	height: 106px;
	background: #82b7cb url(../_images/900x106_header.png) 0 0 no-repeat;   
    margin: 0;
	padding: 0;
    }  
	
/* RIGHT-SIDE MENU LINKS                                        */	
    
.HeadMenuLinks {
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #FFFFFF;
    padding: 0px 8px 0px 8px;
    position: absolute;
    top: 86px;
    right: 0px;
    }
    
.HeadMenuLinks a, 
.HeadMenuLinks a:link,
.HeadMenuLinks a:visited {
    color: #FFFFFF;
    text-decoration: none;
    }
    
.HeadMenuLinks a:hover {
    color: #FFFFFF;
    text-decoration: underline; 
    }
    
/* MAIN SPLASH MESSAGE etc                                      */
    
.ContentSplashWrapper {
    width: 100%;
    background: #79a7b8;
    min-width: 900px;
    height: 131px;
    position: relative;
    }
    
.ContentSplashtopleftimg {
    width: 141px;
    height: 132px;
    background: url(../_images/141x132_topleftimg.png) top left no-repeat;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0; 
    left: 0; 
    }     
    
.ContentSplashtopcentreimg {    
    width: 426px;
    height: 132px;
    background: url(../_images/426x132_topcentreimg.png) top left no-repeat;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0; 
    left: 141px; 
    }
    
.ContentSplashtopright {
    height: 132px;
    margin: 0;
    padding: 0; 
    position: absolute;
    top: 0; 
    left: 567px; 
    }   

.ContentSplashtopright h2 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #FFFFFF;
    background: url(../_images/12x14_arrow.png) 10px 11px no-repeat;
    text-indent: 16px;
    margin: 0;
    padding: 8px 10px 10px 10px;
    }
    
.ContentSplashtopright p {
    font-family: "Arial";
    font-size: 13px;
    font-weight: normal;
    color: #FFFFFF;
    margin: 0;
    padding: 0px 10px 10px 10px;
    }   
    

/*//////////////////////////// END /////////////////////////////*/	    
	
/*//////////////////////////////////////////////////////////////*/
/* LEFT SIDE DIVS                                               */
/*//////////////////////////////////////////////////////////////*/	
	
.navicontainer {
	width: 141px;
    }		
	
.home, 
.home a:link, 
.home a:visited, 
.home a:hover, 
.home a:active,
.iva, 
.iva a:link, 
.iva a:visited, 
.iva a:hover, 
.iva a:active,
.bankruptcy, 
.bankruptcy a:link, 
.bankruptcy a:visited, 
.bankruptcy a:hover, 
.bankruptcy a:active,
.trustdeed, 
.trustdeed a:link, 
.trustdeed a:visited, 
.trustdeed a:hover, 
.trustdeed a:active,
.debtmanagement, 
.debtmanagement a:link, 
.debtmanagement a:visited, 
.debtmanagement a:hover, 
.debtmanagement a:active,
.apply, 
.apply a:link, 
.apply a:visited, 
.apply a:hover, 
.apply a:active,
.jargonbuster, 
.jargonbuster a:link, 
.jargonbuster a:visited, 
.jargonbuster a:hover, 
.jargonbuster a:active,
.contactus, 
.contactus a:link, 
.contactus a:visited, 
.contactus a:hover, 
.contactus a:active  {
	display: block;
	width: 141px;
	height: 34px;
	float: left;
    }

.home a:link, 
.home a:visited {
	background:url(../_images/navi.png) 0 0 no-repeat;
    }

.home a:hover, 
.home a:active {
	background: url(../_images/navi.png) -141px 0 no-repeat;
    }

.iva a:link, 
.iva a:visited {
	background: url(../_images/navi.png) 0 -34px no-repeat;
    }

.iva a:hover, 
.iva a:active {
	background: url(../_images/navi.png) -141px -34px no-repeat;
    }	

.bankruptcy a:link, 
.bankruptcy a:visited {
	background: url(../_images/navi.png) 0 -68px no-repeat;
    }

.bankruptcy a:hover, 
.bankruptcy a:active {
	background: url(../_images/navi.png) -141px -68px no-repeat;
    }	

.trustdeed a:link, 
.trustdeed a:visited {
	background: url(../_images/navi.png) 0 -102px no-repeat;
    }

.trustdeed a:hover, 
.trustdeed a:active {
	background: url(../_images/navi.png) -141px -102px no-repeat;
    }	

.debtmanagement a:link, 
.debtmanagement a:visited {
	background: url(../_images/navi.png) 0 -136px no-repeat;
    }

.debtmanagement a:hover, 
.debtmanagement a:active {
	background: url(../_images/navi.png) -141px -136px no-repeat;
    }

.apply a:link, 
.apply a:visited {
	background: url(../_images/navi.png) 0 -170px no-repeat;
    }

.apply a:hover, 
.apply a:active {
	background: url(../_images/navi.png) -141px -170px no-repeat;
    }

.jargonbuster a:link, 
.jargonbuster a:visited {
	background: url(../_images/navi.png) 0 -204px no-repeat;
    }

.jargonbuster a:hover, 
.jargonbuster a:active {
	background: url(../_images/navi.png) -141px -204px no-repeat;
    }

.contactus a:link, 
.contactus a:visited {
	background: url(../_images/navi.png) 0 -238px no-repeat;
    }
    
.contactus a:hover, 
.contactus a:active {
	background: url(../_images/navi.png) -141px -238px no-repeat;
    }    

a {
    outline:none;   
    }	 

/*//////////////////////////////////////////////////////////////*/
/* CENTRE CONTENTS                                              */
/*//////////////////////////////////////////////////////////////*/	
    
.tblCentreWrapperOrange {
    min-width: 475px;
    background: url(../_images/2x26_OrangeBoxHeadRepeat.png) 1px 0px repeat-x;
    border-left: 10px solid #FFFFFF;
    border-right: 10px solid #FFFFFF;
    } 
    
.tblCentreWrapperBoxes {
    min-width: 475px;
    background: #FFFFFF;
    position: relative;
    top: -26px;
    }   
    
.tdwhitev {
    width: 10px;
    }     
    
.tdwhiteh {
    height: 10px;
    }    
    
.tblCentreBox {
    min-width: 110px;
    background: #fccc80;
    border: 1px solid #ff3d00;
    }    
    
.tblCentreArticleBox {
    background: #c0cfe2;
    border: 1px solid #ff3d00;         
    }
    
.tblCentreBox h2,
.tblCentreArticleBox h2 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #ff3d00;
    padding: 4px 8px 4px 8px;
    margin: 0px;
    } 
    
.tblCentreBox p,
.tblCentreArticleBox p {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    word-spacing: 2px;
    font-weight: normal;
    color: #000000;
    padding: 0px 8px 4px 8px;
    margin: 0px;
    }  
    
.tblCentreBox p a:link,
.tblCentreArticleBox p a:link,   
.tblCentreBox p a:visited,
.tblCentreArticleBox p a:visited,
.tblCentreBox p a:active,
.tblCentreArticleBox p a:active {
    text-decoration: none;  
    font-weight: bold;
    color: #000000;
    }  
    
.tblCentreBox p a:hover,
.tblCentreArticleBox a:hover {
    color: #ff3d00;
    }     
    
.tblCentreWrapperOrangeHeading {
    height: 26px;
    position: relative;
    top: -26px;
    left: 0px;
    }      

.tblCentreWrapperOrangeHeading p {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 6px 0px 6px 9px;
    margin: 0;    
    }
        
.tblCentreOrangeLC {
    width: 8px;
    height: 26px; 
    margin: 0;
    padding: 0;
    background: url(../_images/8x26_OrangeBoxHeadLC.png) top left no-repeat;
    position: relative;
    top: 0px;
    left: 0px;
    }
    
.tblCentreOrangeRC {
    width: 8px;
    height: 26px;
    background: url(../_images/8x26_OrangeBoxHeadRC.png) top right no-repeat;
    float: right;
    }    
    
.tblCentreOrangeBG {
    width: inherit;
    background-color: #FFFFFF;
    border: none;
    border-left: 1px solid #ff3d00;
    border-right: 1px solid #ff3d00; 
    border-bottom: 1px solid #ff3d00;
    margin-bottom: 10px;
    position: relative;
    top: -26px;
    }   

.tblCentreOrangeBG h1,
.tblCentreOrangeBG h2, 
.tblCentreOrangeBG h3 {
    font-family: Helvetica, Arial, sans-serif;
    color: #ff3d00;
    padding: 6px 8px 8px 8px;
    margin: 0px;
    }    
     
.tblCentreOrangeBG h1 {
    font-size: 17px;
    font-weight: bold;
    }
    
.tblCentreOrangeBG h2 {
    font-size: 15px;
    font-weight: normal;
    padding: 0px 8px 8px 8px;
    }     
    
.tblCentreOrangeBG h3 {
    font-size: 14px;
    font-weight: normal;
    padding: 0px 8px 8px 8px;
    }         

.tblCentreOrangeBG p {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    word-spacing: 2px;
    color: #000000;
    margin: 0px;
    padding: 0px 8px 8px 8px;
    }  
    
.tblCentreOrangeBG p a:link,   
.tblCentreOrangeBG p a:visited,
.tblCentreOrangeBG p a:active {
    text-decoration: none;  
    font-weight: bold;
    color: #000000;
    }  
    
.tblCentreOrangeBG p a:hover {
    color: #ff3d00;
    }    

/*//////////////////////////// END /////////////////////////////*/

/*//////////////////////////////////////////////////////////////*/
/* RIGHT MSGBOX DIVS                                            */
/*//////////////////////////////////////////////////////////////*/	
	
/* DEFAULT (no contact form)                                    */

.rightBoxWrapper {
    width: 264px;
    }
    
.rightBoxBlueHead {
    width: 264px;
    height: 26px;
    background: url(../_images/264x26_blueboxtop.png) top left no-repeat;
    padding: 0px;
    margin: 0px;
    }   
    
.rightBoxBlueHead p {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 6px 0px 6px 9px;
    margin: 0;    
    }    
    
.rightBoxBlueBody {
    width: 262px;
    background: url(../_images/_Main/360x24_rightMyMsgOrange.gif) top right repeat-y;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    border-left: 1px solid #82b7cb;
    border-right: 1px solid #82b7cb; 
    border-bottom: 1px solid #82b7cb;
    position: relative;
    top: 0px;
    }
    
.rightBoxBlueBody h2,
.rightBoxBlueBody h3 {
    font-family: Helvetica, Arial, sans-serif;
    color: #79a7b8;
    padding: 6px 8px 6px 8px;
    margin: 0px;
    }    
     
.rightBoxBlueBody h2 {
    font-size: 17px;
    font-weight: bold;
    }
    
.rightBoxBlueBody h3 {
    font-size: 15px;
    font-weight: normal;
    padding: 0px 8px 8px 8px;
    }           

.rightBoxBlueBody p {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    margin: 0px;
    padding: 0px 8px 8px 8px;
    }     
    
/* SMALL FORM                                          */  

.ContactForm {
    width: 262px; /* FF */
    padding: 16px 0px 10px 0px;
    margin: 0px;
    }
    
.ContactFormPage {
    margin: 16px 0px 10px 0px;
    padding: 0px;   
    position: relative; 
    }    
    
.ContactForm p {
	color: #000000;       
    padding: 0 0 0 4px;
    margin: 0px 0px 12px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
    }  
    
.ContactFormPage p {    
	color : #000000;       
	font-size : 12px;
    margin: 0px;
    padding: 0px 8px 8px 8px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	}
    
.ContactForm p {
	font-size: 10px;
    }  
	    
.ContactForm label,
.ContactFormPage label {
    position: relative;
    left: 0px;
    }   
    
.ContactForm input,
.ContactForm select {
    position: absolute;
    left: 92px;
    color: #000000;       
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	margin: -3px 0 0 0; 
    }    
    
.ContactFormPage input,
.ContactFormPage select,
.ContactFormPage textarea {
    position: absolute;
    left: 132px;
    color: #000000;       
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	margin: -4px 0 0 0;
    }      

.ContactForm input {    
    width: 152px;
    height: 15px;
    }
    
.ContactFormPage input,
.ContactFormPage textarea {
    width: 224px;
    } 
    
.ContactFormPage input {  
    height: 16px;
    }     
    
.ContactForm select {
    width: 58px; /* For FF */
    #width: 59px; /*For IE */
    } 
    
.ContactFormPage select {
    width: 68px; /* For FF */
    #width: 69px; /*For IE */
    }     
    
a.btnContact,
a.btnContact:link, 
a.btnContact:visited, 
a.btnContact:hover {
    width: 116px;
    font-size: 20px;
    font-weight: bold;
	background: #79a7b8;
	border: 1px solid #79a7b8;
	text-align: center; 
	color: #FFFFFF;
	display: block;
	padding: 6px;
    }
    
.ContactForm a.btnContact,
.ContactForm a.btnContact:link, 
.ContactForm a.btnContact:visited, 
.ContactForm a.btnContact:hover {
	margin: 18px auto 0px auto;
	text-decoration: none;
    }   
    
.ContactFormPage a.btnContact,
.ContactFormPage a.btnContact:link, 
.ContactFormPage a.btnContact:visited, 
.ContactFormPage a.btnContact:hover {
	margin: 80px 0px 0px 124px; /* FF */
	#margin: 66px 0px 0px 124px; /* IE */
	text-decoration: none;
    }           

.ContactForm a.btnContact:hover,
.ContactFormPage a.btnContact:hover {
	background: #FFFFFF;
	color: #79a7b8;
    }   
    
.ContactForm span.FormInfo,
.ContactFormPage span.FormInfo {
    display: none;
    #display: inherit;
    position: absolute;
    color: #777777;       
	font-size: 10px;
	font-weight: normal; 
	font-style: italic;
	text-align: right;
	margin: -2px 0px 0px 0px;
	padding: 0px;
    } 
    
.ContactForm span.FormInfo {
    left: 164px; /* FF */
    #left: 188px; /* IE */
    }    
    
.ContactFormPage span.FormInfo {
    left: 224px;
    }    
    
.ContactForm span.ContactSent {
    color: #121212;       
	font-size: 12px;
	padding: 0px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
    }
    
.imgcontact {
    width: 160px;
    height: 150px;
    border: none;
    padding: 0;
    margin: 0 50px 0 50px;
    }
    
.grpErrors {
    margin: -9px 6px 12px 6px;
    border: 1px solid red;
    color: red;
    }   
    
.grpErrors ul {
    margin: 0;
    padding: 8px 8px 8px 32px;
    list-style: square outside;
    }    

ul.grpErrors li {
    font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: Red;
	}  
	
/*//////////////////////////////////////////////////////////////*/
/* EXTRAS                                                       */
/*//////////////////////////////////////////////////////////////*/		   
	
p.imgTelephone,
p.imgFax,
p.imgEmail,
p.imgWrite {
	color : #000000;       
	font-size : 12px;
    margin: 0px;
    padding: 0px 8px 8px 8px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: left;
	}

p.imgTelephone,
p.imgFax,
p.imgEmail,
p.imgWrite {
    text-indent: 20px;
    }

p.imgTelephone {
    background: url(../_images/12x12_telephone.png) 10px 2px no-repeat;    
    }
    
p.imgFax {
    background: url(../_images/12x12_fax.png) 10px 2px no-repeat;    
    }
    
p.imgEmail {
    background: url(../_images/12x12_email.png) 10px 2px no-repeat;    
    }
    
p.imgWrite {
    background: url(../_images/12x12_write.png) 10px 2px no-repeat;    
    }            
 

/*//////////////////////////// END /////////////////////////////*/	

/*//////////////////////////////////////////////////////////////*/
/* FOOTER                                                       */
/*//////////////////////////////////////////////////////////////*/	

.ContentFooter {
    width: 100%;
    height: 32px;
    background: #82b7cb; 
    border: 1px solid #0138d7;
    margin: 1px 0 0 0;
    }
    
.ContentFooter p {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF;
    text-align: right;
    margin: 0px;
    padding: 8px 10px 8px 4px;
    }  
    
.ContentFooter p a, .mainContentFooter p a:link, mainContentFooter p a:visited {
    color: #FFFFFF;
    text-decoration: none;
    }
    
.ContentFooter p a:hover {
    color: #0138d7;
    text-decoration: underline;
    }