/*
Theme Name: Personal Debt Helpline
Description: The main theme for Personal Debt Helpline.
Version: Version 1
Author: Chris Burrows
Author URI: http://cburrows.me
*/

body{
background: url(images/new-bg.jpg) no-repeat top #4b014b;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #555555;
}

a{
color: #8a288f;
text-decoration: none;
outline: none;
}

p{
margin: 0 0 15px 0;
}

a:hover{
text-decoration: underline;
}

img{
border: none;
z-index: 1;
}

h1{
font-size: 3em;
font-weight: normal;
margin: 0 0 0 0;
padding: 0 0 5px 0;
color: #000;
}

hr{
border: 0;
border-bottom: 1px solid #cecece;
height: 1px;
display: block;
margin: 20px 0 20px 0;
}

hr.title{
border: 0;
border-bottom: 1px solid #cecece;
height: 1px;
display: block;
margin: 10px 0 10px 0;
}

#header{
width: 964px;
height: 150px;
margin: 0 auto;
position: relative;
z-index: 100;
}

#header .top-logo{
float: left;
padding: 15px 0 0 0;
}

#header .top-number{
float: right;
padding: 15px 15px 0 0;

}

#container{
margin: 0 auto;
width: 964px;
}

#main-container-top{
background: transparent url(images/body-top.png) no-repeat;
width: 964px;
height: 30px;
float: left;
}

#main-container{
background: transparent url(images/body-repeat.png) repeat-y;
width: 904px;
padding: 0 30px 60px 30px;
float: left;
display: inline;

}

#main{
float: left;
width: 620px;
}

/*Home Specific*/

a.read-more{
color: #8A288F;
text-decoration: none;
padding: 1px 3px 1px 3px;
}

a.read-more:hover{
color: #FFF;
background: #8A288F;
}

.get-help{
background: transparent url(images/home-intro-image.jpg) no-repeat 355px 0;
}

.get-help ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.get-help li{
background: transparent url(images/tick-orange.gif) no-repeat left;
padding: 0 0 0 25px;
list-style: none;
font-size: 1.2em;
font-weight: bold;
line-height: 180%;
}

.get-help a{
background: transparent url(images/large-purple-button.gif);
width: 199px;
height: 23px;
display: block;
font-size: 1.4em;
color: #FFFFFF;
text-decoration: none;
padding: 10px 10px 10px 15px;
margin: 15px 0 0 0;
}

#home-boxes{
width: 624px;
height: 230px;
margin: 25px 0 0 0;
}

#home-boxes h2{
font-size: 1.2em;
color: #8a288f;
margin: 0 0 10px 0;
}


#home-boxes p{
font-size: 0.9em;
margin: 0 0 10px 0;
}

#home-boxes a.arrow-link{
background: url(images/arrow-circle-purple.png) no-repeat;
width: 31px;
height: 31px;
display: block;
float: right;
margin: 0px 0 0 0;
text-indent: -9999em;
}

#home-boxes a.arrow-link:hover{
background: url(images/arrow-circle-purple.png) no-repeat;
width: 31px;
height: 31px;
display: block;
float: right;
margin: 0px 0 0 0;
cursor: pointer;
text-indent: -9999em;
}

#home-boxes a.start-button{
background: url(images/iva-home-bg.jpg) no-repeat;
width: 186px;
height: 128px;
display: block;
margin: 11px 0 0 -15px;
cursor: pointer;
text-indent: -9999em;
}

#home-boxes a.start-button-1{
background: url(images/debt-man-home-bg.jpg) no-repeat;
width: 186px;
height: 138px;
display: block;
margin: -6px 0 0 -15px;
cursor: pointer;
text-indent: -9999em;
}


#home-boxes a.start-button-2{
background: url(images/debt-cons-home-bg.jpg) no-repeat;
width: 186px;
height: 128px;
display: block;
margin: 19px 0 0 -15px;
cursor: pointer;
text-indent: -9999em;
}

#home-boxes a{
color: #8A288F;
text-decoration: none;
padding: 2px;
}

#home-boxes a:hover{
background: #4b014b;
color: #FFF;
}

#home-boxes .left{
width: 156px;
height: 200px;
border: 1px solid #cecece;
float: left;
margin: 0 31px 0 0;
padding: 15px 15px 15px 15px;
text-align: center;
}

#home-boxes .center{	
width: 156px;
height: 200px;
border: 1px solid #cecece;
float: left;
margin: 0 25px 0 0;
padding: 15px 15px 15px 15px;
text-align: center;
}


#home-boxes .right{
width: 156px;
height: 200px;
border: 1px solid #cecece;
float: right;
padding: 15px 15px 15px 15px;
text-align: center;
}

/*About Us Specific*/

a.enquire-now{
background: url(images/button-large.gif) no-repeat; text-align: left; width: 182px; height: 29px; display: block; color: #ffffff; font-size: 1.4em; padding: 7px 0 0 10px; margin: 15px 0 0 0;
}

#aboutus h3{
font-size: 1.4em;
}

/*Debt Solutions Specific */

#debt-list ul{
margin: 10px 0 10px 0;
padding: 0 0 0 0;
}

#debt-list li{
background: url(images/tick-orange.gif) no-repeat left;
padding: 0 0 0 25px;
list-style: none;
line-height: 160%;
}

.strong{
font-size: 1.2em;
color: #000;
font-weight: bold;
}

.strong-number{
margin: 20px 0 0 0;
font-size: 1.2em;
color: #000;
}

/*FAQ Specific*/

#faq-list ul{
margin: 0;
padding: 0;
}

#faq-list li{
list-style: none;
padding: 0 0 0px 20px;
background: url(images/arrow-orange.gif) no-repeat left;
margin: 0 0 10px 0;
}

#faq-list a{
color: #333;
}

#faq-navigation{
display: block;
width: 620px;
height: 30px;
}

#faq-navigation ul{
margin: 0;
padding: 0;
float: right;
}
#faq-navigation li{
list-style: none;
padding: 0 0 0px 20px;
float: left;
}

#faq-navigation a{
font-size: 0.85em;
background: url(images/arrow-orange.gif) no-repeat right;
padding: 0 20px 0 0;
}


.go-back{
display: block;
background: url(images/arrow-orange-back.gif) no-repeat left;
padding: 0 0 0 20px;
}

/*Debt Specific*/

#debt-table-head{
display: block;
float: left;
margin: 15px 0 0 0;
}

#debt-table-head .left{
float: left;
width: 278px;
display: block;
border-right: 1px solid #c9c9c9;
border-top: 1px solid #c9c9c9;
border-left: 1px solid #c9c9c9;
padding:  0 0 0 10px;
font-size: 1.4em;
font-weight: bold;
}

#debt-table-head .mid{
width: 80px;
float: left;
display: block;
border-right: 1px solid #c9c9c9;
border-top: 1px solid #c9c9c9;
padding:  0 0 0 0;
text-align: center;
}

#debt-table-head .right{
float: right;
width: 80px;
display: block;
border-right: 1px solid #c9c9c9;
border-top: 1px solid #c9c9c9;
padding:  0 0 0 0;
text-align: center;
}

#debt-table-head ul{
margin: 0;
padding: 0;
}

#debt-table-head li{
list-style: none;
border-bottom: 1px solid #c9c9c9;
padding: 15px 0 15px 0;
font-size: 0.8em;
height: 25px;
font-weight: bold;
}


#debt-table-foot{
display: block;
float: left;
}

#debt-table-foot .left{
float: left;
width: 289px;
display: block;
border-right: 1px solid #c9c9c9;
padding:  0 0 0 0;
font-size: 1.4em;
font-weight: bold;
height: 46px;
}

#debt-table-foot .mid{
width: 80px;
float: left;
display: block;
border-right: 1px solid #c9c9c9;
padding:  0 0 0 0;
}

#debt-table-foot .right{
float: right;
width: 80px;
display: block;
border-right: 1px solid #c9c9c9;
padding:  0 0 0 0;
}

#debt-table-foot ul{
margin: 0;
padding: 0;
}

#debt-table-foot li{
list-style: none;
border-bottom: 1px solid #c9c9c9;
padding: 5px 0 15px 10px;
font-size: 0.8em;
height: 25px;
}

#debt-table-foot .blank li{
list-style: none;
padding: 5px 0 15px 10px;
font-size: 0.8em;
height: 25px;
}

#debt-table-foot .go{
background: url(images/go-button-1.gif) no-repeat;
padding: 10px 5px 5px 10px;
display: block;
height: 19px;
width: 45px;
color: #FFF;
font-size: 1.2em;
cursor: pointer;
}

#debt-table-foot .go:hover{
text-decoration: none;
}

#debt-table{
display: block;
float: left;
}

#debt-table .left{
float: left;
width: 288px;
display: block;
border-right: 1px solid #c9c9c9;
border-left: 1px solid #c9c9c9;
}

#debt-table .mid{
width: 80px;
float: left;
display: block;
border-right: 1px solid #c9c9c9;
text-align: center;
}

#debt-table .right{
float: right;
width: 80px;
display: block;
border-right: 1px solid #c9c9c9;
text-align: center;
}

#debt-table ul{
margin: 0;
padding: 0;
}

#debt-table li{
list-style: none;
border-bottom: 1px solid #c9c9c9;
line-height: 240%;
padding: 0 0 0 10px;
font-size: 0.8em;
height: 25px;
}

.debt-image{
float: left;
margin: 0 15px 0 0;
}

.debt-image-right{
float: right;
margin: 0 0 0 15px;
border: 1px solid #c9c9c9;
}

/*Testimonial Specific */

.testimonial-image{
float: left;
margin: 0 15px 0 0;
}

.testimonial{
display: block;
float: left;
margin: 15px 0 15px 0;
}

/*Enquire Now Specific*/

#enquire-form{
width: 620px;
padding: 0 0 0 0;
background: url(images/send-email.gif) no-repeat 440px 120px;
}

#enquire-form label{
width: 140px;
cursor: pointer;
padding: 4px 0 0 0;
display: block;
float: left;
}

#enquire-form .input{
width: 260px;
font-family: "Courier New", Courier, monospace;
border:1px solid #CECECE;
color:#1C1718;
padding: 5px 5px 5px 5px;
background: url(images/input-bg.gif) bottom repeat-x;
}

#enquire-form .left{
float: left;
width: 310px;
margin: 0 0 15px 0;
border-bottom: 1px solid #cecece;
padding: 0 0 15px 0;
}

#enquire-form .left label{
width: 80px;
cursor: pointer;
}

#enquire-form .right{
float: right;
width: 310px;
margin: 0 0 15px 0;
border-bottom: 1px solid #cecece;
padding: 0 0 15px 0;
}

#enquire-form .right label{
width: 80px;
cursor: pointer;
}

#enquire-form hr{
margin: 25px 0 25px 0;
}

#enquire-form select{
width: 150px;
font-family: "Courier New", Courier, monospace;
}

#enquire-form option{
font-family: "Courier New", Courier, monospace;
}

#enquire-form .submit{
background: transparent url(images/large-purple-button.gif) no-repeat;
width: 224px;
height: 43px;
border: none;
font-size: 1.4em;
color: #FFFFFF;
padding: 0 0 3px 15px;
margin: 10px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
text-align: left;
}

#enquire-form label.error{
font-size: 1em;
float: right;
margin: 0 0 0 0px;
color: #eb2626;
width: 180px;
display: block;
background: url(images/error-arrow.gif) no-repeat left;
padding: 0 0 3px 25px;

}

#enquire-form .required-star{
color: #F00;
}

/*Careers Specific*/

#careers-form{
width: 620px;
padding: 0 0 0 0;
}

#careers-form label{
width: 140px;
cursor: pointer;
padding: 4px 0 0 0;
display: block;
float: left;
}

#careers-form .input{
width: 260px;
font-family: "Courier New", Courier, monospace;
border:1px solid #CECECE;
color:#1C1718;
padding: 5px 5px 5px 5px;
background: url(images/input-bg.gif) bottom repeat-x;
}

#careers-form .left{
float: left;
width: 310px;
margin: 0 0 15px 0;
border-bottom: 1px solid #cecece;
padding: 0 0 15px 0;
}

#careers-form .left label{
width: 80px;
cursor: pointer;
}

#careers-form .right{
float: right;
width: 310px;
margin: 0 0 15px 0;
border-bottom: 1px solid #cecece;
padding: 0 0 15px 0;
}

#careers-form .right label{
width: 80px;
cursor: pointer;
}

#careers-form hr{
margin: 25px 0 25px 0;
}

#careers-form select{
width: 150px;
font-family: "Courier New", Courier, monospace;
}

#careers-form option{
font-family: "Courier New", Courier, monospace;
}

#careers-form .submit{
background: transparent url(images/large-purple-button.gif) no-repeat;
width: 224px;
height: 43px;
border: none;
font-size: 1.4em;
color: #FFFFFF;
padding: 0 0 3px 15px;
margin: 10px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
text-align: left;
}

#careers-form label.error{
font-size: 1em;
float: right;
margin: 0 0 0 0px;
color: #eb2626;
width: 180px;
display: block;
background: url(images/error-arrow.gif) no-repeat left;
padding: 0 0 3px 25px;

}

#careers-form .required-star{
color: #F00;
}


/*Introducers Specific*/

#enquire-form2{
width: 620px;
padding: 0 0 0 0;
}

#enquire-form2 label{
width: 140px;
cursor: pointer;
padding: 4px 0 0 0;
display: block;
float: left;
}

#enquire-form2 label.error { 
float: none; 
padding-left: .5em; 
vertical-align: top; 
}


#enquire-form2 .input{
width: 260px;
font-family: "Courier New", Courier, monospace;
border:1px solid #CECECE;
color:#1C1718;
padding: 5px 5px 5px 5px;
background: url(images/input-bg.gif) bottom repeat-x;
}

#enquire-form2 .left{
float: left;
width: 310px;
margin: 0 0 15px 0;
border-bottom: 1px solid #cecece;
padding: 0 0 15px 0;
}

#enquire-form2 .left label{
width: 80px;
cursor: pointer;
}

#enquire-form2 .right{
float: right;
width: 310px;
margin: 0 0 15px 0;
border-bottom: 1px solid #cecece;
padding: 0 0 15px 0;
}

#enquire-form2 .right label{
width: 80px;
cursor: pointer;
}

#enquire-form2 hr{
margin: 25px 0 25px 0;
}

#enquire-form2 select{
width: 150px;
font-family: "Courier New", Courier, monospace;
}

#enquire-form2 option{
font-family: "Courier New", Courier, monospace;
}

#enquire-form2 .submit{
background: transparent url(images/large-purple-button.gif) no-repeat;
width: 224px;
height: 43px;
border: none;
font-size: 1.4em;
color: #FFFFFF;
padding: 0 0 3px 15px;
margin: 10px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
text-align: left;
}

#enquire-form2 label.error{
font-size: 1em;
float: right;
margin: -25px 0 0 0px;
color: #eb2626;
width: 200px;
display: block;
}

#enquire-form2 .required-star{
color: #F00;
}

/*Introducer Specific*/

#introducers-form{
width: 620px;
}

#introducers-form label{
float: left;
width: 140px;
cursor: pointer;
padding: 4px 0 0 0;
}

#introducers-form .input{
width: 230px;
font-family: "Courier New", Courier, monospace;
border:1px solid #CECECE;
color:#1C1718;
padding: 5px 5px 5px 5px;
}

#introducers-form .submit{
background: transparent url(images/large-purple-button.gif) no-repeat;
width: 224px;
height: 43px;
border: none;
font-size: 1.4em;
color: #FFFFFF;
padding: 0 0 3px 15px;
margin: 10px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
text-align: left;
}

#introducers-form .required{
color: #fc6500;
position: absolute;
padding: 5px 0 0 10px;
}

#introducers-list{
margin: 25px 0 25px 0;
}

#introducers-list ul{
margin: 0;
padding: 0;
}

#introducers-list li{
list-style: none;
padding: 0 0 0px 20px;
background: url(images/arrow-orange.gif) no-repeat left;
margin: 0 0 10px 0;
}

/*Contact Us*/

#contact-address ul{
margin: 0 0 25px 0;
padding: 0;
}

#contact-address li{
list-style: none;
line-height: 140%;
}

/*Sidebar*/

#sidebar{
float: right;
width: 255px;
}

.sidebar-top{
background: url(images/sidebar-top.gif) no-repeat;
width: 255px;
height: 13px;
margin: 0 0 0 0;
}
.sidebar-top-2{
background: url(images/sidebar-top-2.gif) no-repeat;
width: 277px;
height: 13px;
margin: 0 0 0 0;
}

.sidebar-bottom{
background: url(images/sidebar-bottom.gif) no-repeat;
width: 255px;
height: 38px;
margin: 0 0 0 0;
}

.sidebar-bottom-2{
background: url(images/sidebar-bottom-2.gif) no-repeat;
width: 277px;
height: 38px;
margin: 0 0 0 0;
}

#call-me-back{
width: 223px;
padding: 0 15px 0 15px;
border: 1px solid #cecece;
border-top: none;
border-bottom: none;
margin: 0 0 0 0;
}

#call-me-back .speak{
background: #FFC;
padding: 5px;
border: 1px solid #FC6;
font-size: 1.0em;
margin: 0 0 10px 0;
position: relative;
}

#call-me-back .pin{
background: url(images/pin.png) no-repeat;
position: absolute;
top: -14px;
right: -14px;
width: 28px;
height: 21px;
}

#call-me-back p{
font-size: 1.0em;
margin: 0 0 0px 0;
}

#call-me-back-form label{
display: block;
cursor: pointer;
margin: 0 0 5px 0;
}

#call-me-back-form input{
background: url(images/input-bg.gif) bottom repeat-x;
width: 212px;
border: 1px solid #cecece;
padding: 5px 5px 5px 5px;
margin: 0 0 7px 0;
color: #1c1718;
font-family: "Courier New", Courier, monospace;
}

#call-me-back-form select{
width: 225px;
border: 1px solid #cecece;
margin: 0 0 7px 0;
font-family: "Courier New", Courier, monospace;
}

#call-me-back-form option{
color: #1c1718;
}


#call-me-back-form .submit{
background: transparent url(images/large-purple-button.gif) no-repeat;
width: 224px;
height: 43px;
border: none;
font-size: 1.4em;
color: #FFFFFF;
padding: 2px 0 3px 15px;
margin: 10px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
text-align: left;
display: block;
}

#call-me-back-form .submit:hover{
text-decoration: underline;
}

#call-me-back-form label.error{
font-size: 0em;
margin: 0 0 0 0;
color: #eb2626;
width: 200px;

}

#call-me-back-form .required-form{
color: #F00;
}

#tell-friend{
width: 223px;
padding: 0 15px 15px 15px;
border-left: 1px solid #cecece;
border-right: 1px solid #cecece;
border-top: none;
border-bottom: none;
}

#tell-friend label{
	display: block;
	cursor: pointer;
	margin: 0 0 5px 0;
	font-size: 12px;
}

#tell-friend input{
background: url(images/input-bg.gif) bottom repeat-x;
width: 212px;
border: 1px solid #cecece;
padding: 5px 5px 5px 5px;
margin: 0 0 7px 0;
color: #1c1718;
font-family: "Courier New", Courier, monospace;
}

#tell-friend .submit{
background: transparent url(images/large-purple-button.gif) no-repeat;
width: 224px;
height: 43px;
border: none;
font-size: 1.4em;
color: #FFFFFF;
padding: 2px 0 3px 15px;
margin: 10px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
text-align: left;
display: block;
}

#tv-advert-box{
width: 223px;
height: 95px;
padding: 15px 15px 15px 15px;
border: 1px solid #cecece;
}

#tv-advert-box .left{
float: left;
}

#tv-advert-box .right{
float: right;
}

#tv-advert-box p{
padding: 0 0 5px 0;
}

#tv-advert-box .as-seen-on{
font-size: 1.4em;
margin: 0px 0 0 7px;
color: #8a288f;
}

#tv-advert-box .tv{
font-size: 3em;
margin: 0 0 0 28px;
color: #8a288f;
}

#tv-advert-box a.small{
background: transparent url(images/arrow-purple.gif) no-repeat right;
color: #8a288f;
padding: 0 15px 0 0;
font-size: 0.8em;
text-decoration: none;
}

#tv-advert-box a:hover{
text-decoration: underline;
}

/*Footer*/

#footer{
background: url(images/footer-bg.jpg) no-repeat center bottom #E0E0E0;
width: 964px;
height: 190px;
float: left;
margin: 0 0 25px 0;
position: relative;
}

#footer .content{
width: 964px;
text-align: center;
float: left;
margin: 0 0 0 0;
}

#footer p{
color: #333;
font-size: 0.8em;
margin: 5px 0 10px 0;
}

#footer-navigation{
height: 22px;
margin: 20px 4px 15px 195px;
}

#footer-navigation ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#footer-navigation li{
list-style: none;
float: left;
margin: 0 4px 0 0;
}

#footer-navigation a{
color: #333;
text-decoration: none;
display: block;
padding: 3px 3px 3px 3px;
font-size: 0.85em;
}

#footer-navigation a:hover{
background: #4b014b;
color: #FFF;
text-decoration: none;
}

#footer .icons{
position: absolute;
bottom: 15px;
right: 15px;
}

#footer a.twitter{
background: url(images/footer-twitter-icon.png) no-repeat;
width: 36px;
height: 36px;
text-indent: -9999px;
display: block;
float: left;
margin: 0 5px 0 0;
}

#footer a.facebook{
background: url(images/footer-facebook-icon.png) no-repeat;
width: 36px;
height: 36px;
text-indent: -9999px;
display: block;
float: left;
margin: 0 5px 0 0;
}

#footer a.rss{
background: url(images/footer-rss-icon.png) no-repeat;
width: 36px;
height: 36px;
text-indent: -9999px;
display: block;
float: left;
}

.footer-link{
color: #333;
}

#side-tv{
width: 223px;
height: 90px;
padding: 1px 15px 0px 15px;
border: 1px solid #cecece;
border-top: none;
border-bottom: none;
position: relative;
margin: 0 0 0 0;
}

#side-tv .left{
}

#side-tv p{
font-size: 16px;
margin: 0 0 3px 0;
}

#side-tv .right{
position: absolute;
right: 0;
top: 8px;
width: 125px;
}

#side-tv h3{
font-size: 20px;
margin: 0 0 5px 0;
color:#000;
}


#side-news{
background: url(images/news-icon.png) no-repeat 205px 0px;
width: 223px;
padding: 0 15px 5px 15px;
border: 1px solid #cecece;
border-top: none;
border-bottom: none;
position: relative;
margin: 0 0 0 0;
}

#side-news ul{
margin: 0 0 0 0;
padding: 0;
}

#side-news li{
margin: 0 0 5px 0;
padding: 0 0 0 0px;
list-style: none;
}

#side-news h3{
margin: 0 0 10px 0;
color:#000;
font-size: 20px;
}

#side-news a.archives{
position: absolute;
bottom: 5px;
right: 5px;
color: #8A288F;
text-decoration: none;
padding: 1px 3px 1px 3px;
}

#side-news a.archives:hover{
color: #FFF;
background: #8A288F;
}


#side-tweets{
background: url(images/side-tweet-bg.gif) no-repeat 195px 0px;
width: 208px;
height: 125px;
padding: 1px 30px 15px 15px;
border: 1px solid #cecece;
border-top: none;
border-bottom: none;
position: relative;
margin: 0 0 0 0;
}

#side-tweets h3{
font-size: 20px;
margin: 0 0 15px 0;
color:#000;
}


#side-tweets a.follow{
position: absolute;
bottom: 5px;
right: 5px;
color: #66ccee;
text-decoration: none;
padding: 1px 3px 1px 3px;
}

#side-tweets a.follow:hover{
color: #FFF;
background: #66ccee;
}

#side-tweets a.aktt_tweet_time{
color: #454545;
font-size: 10px;
padding: 1px 3px 1px 3px;
background: #ddd;
}

#side-tweets .speech{
width: 17px;
height: 13px;
float: left;
margin: 0 5px 0 0;
text-indent: -9999px;
}

#side-tweets ul{
margin: 0 0 0 0;
padding: 0;
}

#side-tweets li{
background: url(images/twitter-speech.gif) no-repeat top left;
margin: 0 0 5px 0;
padding: 0 0 0 25px;
list-style: none;
}


#side-tweets li.aktt_more_updates{
display: none;
}


#tv-ad{
background: url(images/tv-ad.jpg) no-repeat 20px 15px;
width: 245px;
height: 92px;
padding: 15px 15px 15px 15px;
border: 1px solid #cecece;
border-top: none;
border-bottom: none;
position: relative;
margin: 0 0 0 0;
}


#tv-ad .right{
float: right;
width: 140px;
}


#sitemap ul{
margin: 0 0 25px 0;
padding: 0;
}

#sitemap li{
background: url(images/square-list-icon.gif) no-repeat left;
margin: 0 0 5px 0;
padding: 0 0 0 15px;
list-style: none;
}

#sitemap li.one{
margin: 0 0 5px 15px;
}

.home-heading{
margin: 0 0 25px 0;
}

#home-content-2{
margin: 0px 0 0 0px;
width: 600px;
}

#home-content-2 .left{
float: left;
}

#home-content-2 .right{
float: right;
}

#home-content-2 h2{
color: #000;
}

/*Slide*/








.nav-left{ background: url(images/nav-left.png) no-repeat left; height: 47px; width: 15px; float: left;}
.nav-right{ background: url(images/nav-right.png) no-repeat right; height: 47px; width: 15px; float: left;}
.nav-bottom{ background: url(images/nav-bottom.png) no-repeat; height: 16px; width: 180px; float: left;}

.menu {width:795px; height:47px; position:absolute; bottom: -7px; right:0; z-index:100; font-family:arial, sans-serif; cursor: pointer;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; padding: 15px 5px 0 5px; height:32px; background: url(images/nav-bg.gif) repeat-x; cursor: pointer;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited { w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {

}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:47px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#4b154e;
border-top: 1px solid #280a2a;
border-bottom: 1px solid #601e64;
border-left: 1px solid #280a2a; border-right: 1px solid #280a2a;
color:#fff; height:auto; line-height:1em; padding:10px 10px; width:158px; cursor: pointer;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background: url(images/nav-bg.gif) repeat-x;  cursor: pointer;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background: url(images/nav-bg-on-2.gif) repeat-x; cursor: pointer;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

body#home a#homenav,
body#aboutus a#aboutusnav,
body#testimonials a#testimonialsnav,
body#enquire a#enquirenav,
body#careers a#careersnav,
body#householdsavings a#householdsavingsnav,
body#contactus a#contactusnav,
body#corporate a#corporatenav
{
background: #FFFFFF;
color: #333333;
}


#tooltip{
	position:absolute;
	border:1px solid #FFCC66;
	background:#FFFFCC;
	padding:2px 5px;
	color:#333;
	display:none;
	font-size: 10px;
	}


*                                       { margin: 0; padding: 0; }
.anythingSlider                         { width: 620px; height: 230px; position: relative; margin: -10px 0 20px 0px; }
.anythingSlider .wrapper                { width: 581px; overflow: auto; height: 230px; margin: 0 0px; position: absolute; top: 0; left: 0;  border: 1px solid #cecece;  }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0px; height: 220px; width: 581px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 150px; width: 39px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 40px; cursor: pointer; }
.anythingSlider .forward                { background-position: -37px 0px; right: 0px; }
.anythingSlider .back                   { background-position: 0px 0; left: 0px; display: none; }
.anythingSlider .forward:hover          { background-position: -37px -156px; }
.anythingSlider .back:hover             { background-position: 0px -156px; }

#thumbNav                               { display: none;}
#start-stop                             { display: none;}

/*
Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }



#slider-intro                              { background: url(images/woman-headset2.jpg) no-repeat right top; height: 270px; }
#slider-intro h2                           { font-size: 25px; padding: 15px 0 0 15px; color: #000; font-weight: normal; }
#slider-intro ul                           { list-style: none; margin: 15px 0 0 15px; font-size: 1.2em; }
#slider-intro ul li                        { display: list-item; background: url(images/tick-orange.gif) no-repeat left top; padding: 0 0 15px 25px; }



#slider-ivas                              { background: url(images/happy-man.jpg) no-repeat right top; height: 270px; }
#slider-ivas h2                           { font-size: 25px; padding: 15px 0 0 15px; color: #000; font-weight: normal; }
#slider-ivas ul                           { list-style: none; margin: 15px 0 0 15px;  font-size: 1.2em;}
#slider-ivas ul li                        { display: list-item; background: url(images/tick-orange.gif) no-repeat left top; padding: 0 0 15px 25px; }

#slider-ivas .button-link{ background: url(images/button-large.gif) no-repeat; text-align: left; width: 182px; height: 29px; display: block; color: #ffffff; font-size: 1.4em; padding: 7px 0 0 10px; margin: 15px 0 0 15px;}


#slider-dm                              { background: url(images/woman-headset.jpg) no-repeat right top; height: 270px; }
#slider-dm h2                           { font-size: 25px; padding: 15px 0 0 15px; color: #000; font-weight: normal; }
#slider-dm ul                           { list-style: none; margin: 15px 0 0 15px;  font-size: 1.2em;}
#slider-dm ul li                        { display: list-item; background: url(images/tick-orange.gif) no-repeat left top; padding: 0 0 15px 25px; }

#slider-dm .button-link{ background: url(images/button-large.gif) no-repeat; text-align: left; width: 182px; height: 29px; display: block; color: #ffffff; font-size: 1.4em; padding: 7px 0 0 10px; margin: 15px 0 0 15px;}

#slider-dc                              { background: url(images/woman-laptop.jpg) no-repeat right top; height: 270px; }
#slider-dc h2                           { font-size: 25px; padding: 15px 0 0 15px; color: #000; font-weight: normal; }
#slider-dc ul                           { list-style: none; margin: 15px 0 0 15px;  font-size: 1.2em;}
#slider-dc ul li                        { display: list-item; background: url(images/tick-orange.gif) no-repeat left top; padding: 0 0 15px 25px; }

#slider-dc .button-link{ background: url(images/button-large.gif) no-repeat; text-align: left; width: 182px; height: 29px; display: block; color: #ffffff; font-size: 1.4em; padding: 7px 0 0 10px; margin: 15px 0 0 15px;}
#slider-sl                              { background: url(images/happy-couple.jpg) no-repeat right top; height: 270px; }
#slider-sl h2                           { font-size: 25px; padding: 15px 0 0 15px; color: #000; font-weight: normal; }
#slider-sl ul                           { list-style: none; margin: 15px 0 0 15px;  font-size: 1.2em;}
#slider-sl ul li                        { display: list-item; background: url(images/tick-orange.gif) no-repeat left top; padding: 0 0 15px 25px; }

#slider-sl .button-link{ background: url(images/button-large.gif) no-repeat; text-align: left; width: 182px; height: 29px; display: block; color: #ffffff; font-size: 1.4em; padding: 7px 0 0 10px; margin: 15px 0 0 15px;}






/* None sIFR Headings*/

h1.starthere{
	font-size: 47px;
	color: #000;
	font-weight: normal;
	margin: 0 0 15px 0;
}

h1.starthere .purple{
	color: #8A288F;
}

h1.mainheading,h2.mainheading,h3.mainheading{
	font-size: 26px;
	color: #000;
	font-weight: normal;
	margin: 0 0 0 0;
}

h1.sidebartitle,h2.sidebartitle,h3.sidebartitle{
	font-size: 24px;
	color: #000;
	font-weight: normal;
	margin: 0 0 0 0;
}

h1.pageheading{
	font-size: 42px;
	color: #000;
	font-weight: normal;
	margin: 0 0 0 0;
}

#sitemap_list ul{
	margin: 0;
	padding: 0;
}

#sitemap_list li{
	list-style: none;
	margin: 0 0 10px 0;
}

#dm-downloads{
	height: 200px;
	width: 620px;
	float: left;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #cecece;
}

#dm-downloads ul{
	margin: 0;
	padding: 0;
}

#dm-downloads li{
	margin: 0 12px 5px 0;
	padding: 0;
	list-style: none;
}

#dm-downloads a{
	background: url(images/pdf-download-icon.jpg) no-repeat left;
	padding: 10px 0 0 45px;
	display: block;
	height: 32px;
}


#postal-banner{
	width: 100%;
	background: #ffffcc;
	height: 20px;
	border-bottom: 1px solid #ffcc66;
	font-size: 12px;
	color: #000;
	padding: 10px 0 10px 0;
}

#postal-banner .center{
	width: 964px;
	margin: 0 auto;
}

#postal-banner strong{
	font-weight: bold;
	font-size: 12px;
	color: #F00;
}

.mega-strong{
	font-size: 14px;
	color: #8A288F;
	font-weight: bold;
}

#social-bookmarks{
	width: 500px;
	background: url(images/seperator.gif) repeat-x top;
	padding: 10px 0 0 0;
	color: #F87601;
	font-size: 10px;
	margin: 0 auto;
}

#social-bookmarks ul{
	margin: 0;
	padding: 0;
}

#social-bookmarks li{
	margin: 0 8px 0 0;
	padding: 0;
	float: left;
	list-style: none;
}

#social-bookmarks a{
	display: block;
	padding: 0 0 0 25px;
	color: #F87601;
	height: 16px;
	font-size: 10px;
}

#social-bookmarks a:hover{
	color: #333B3F;
}


#social-bookmarks a.digg{
	background: url(images/icon-digg.gif) no-repeat left;
}

#social-bookmarks a.delicious{
	background: url(images/icon-delicious.gif) no-repeat left;
}

#social-bookmarks a.facebook-icon{
	background: url(images/icon-facebook-2.gif) no-repeat left;
}

#social-bookmarks a.stumbleupon{
	background: url(images/icon-stumbleupon.gif) no-repeat left;
}

#social-bookmarks a.reddit{
	background: url(images/icon-reddit.gif) no-repeat left;
}

#social-bookmarks a.misterwong{
	background: url(images/icon-misterwong.gif) no-repeat left;
}

#social-bookmarks a.technorati{
	background: url(images/icon-technorati.gif) no-repeat left;
}

p.debt-facts-note {
	padding: 5px;
	background: #FFC;
	border: 1px solid #FC6;
}