@import url(homepage.css);
body{
	background:url(../images/background.gif) repeat-y center #f3f2ef;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.75em;
	width: 960px;
	margin: 0 auto 0 auto;
}
a{
	color:#508FCC;
	font-weight:bold;
	text-decoration:none;
}
a.call,h4 strong, strong.call{
	color:#EC7419 !important;
	font-weight:bold;
}
a:hover,.question:hover,#links a:hover,#nav li a:hover,#enquiry li a:hover,#times a:hover,#calc p a:hover,#enquiry #wecan a:hover,#footer a:hover{
	text-decoration:underline;
}
abbr,acronym{
	border:0px;
	text-decoration:none;
}
/* Blockquote formating */
blockquote strong{
	color:#696969;
	font-weight:normal;
}
blockquote p{
	color: #508FCC;
	padding: 0px 35px 15px 35px;    
	margin: 8px 0px 15px 0px; 
	width: 645px;
	font-size: 1.2em;
	font-weight: bold;
	float: left;
	background: url(../images/right-quote.gif) bottom right no-repeat #D3E3F2;
}
blockquote{
	margin: 0px 0px 0px 0px; 
	padding: 15px 0px 15px 0px;
	background: url(../images/left-quote.gif) top left no-repeat;
}
cite{
font-size: .7em;
float: right;
color: #508FCC;
font: normal;
padding-right: 10px;
} 

caption{
color:#333333;
font-size:12px;
font-style:italic;
}
strong{
color:#333333 !important;
}
div.image{
float:right;
margin-left:10px;
}
h1 em{
color:#999999;
}
#content h1.frontpage{
font-size:1.9em !important;
}
h1.large{
font-size:2em;
text-align:center;
}
hr{
background-color:#BFD0D7;
border:0px;
color:#BFD0D7;
height:1px;
display: block;
clear: both;
}
html>body #nav li,html>body #enquiry li{
padding:7px 0px 8px 5px;
}
img.image{
height:auto !important;
margin:0px 0px 0px 5px !important;
width:auto !important;
}

li{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
}
ol{
color:#333333;
font-size:1em;
margin:0px 0px 0px 20px;
padding:0px 0px 0px 0px;
}
p{
color:#333333;
line-height:1.4em;
margin:10px 0px 10px 0px;
}
p#error{
color:#DD0000;
font-weight:bold;
}

/* Helpful info points styleing */
p.block{
border:1px solid #508FCC;
padding:7px 5px 7px 5px;
text-align:center;
}
p.hidden{
line-height:1px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
p.shaws{
background:url(../images/shaws-logo.gif) no-repeat;
border:1px solid #508FCC;
padding:7px 7px 7px 150px;
}
strong.freq{
color:#999999 !important ;
vertical-align:super;
}
strong.large{
font-size:20px;
}

td.header{
background-color:#A7C7E5;
font-weight:bold;
}
td.off{
background-color:#FFFFFF;
border:1px solid #D3E3F2;
}
tfoot,#nav ul li a.alt{
font-weight:bold;
}
th{
/*background-color:#508FCC;
color:#FFFFFF;
font-size:1.2em;*/
}
ul ul,ul ol,ol p,p,ul{
font-size:1em;
}

.answer{
border-bottom:1px solid #BFD0D7;
display:none;
margin:0px;/* This one should not be changed */
padding:10px 0px 10px 0px;
}
.block{
background-color:#F6F9FC;
border-bottom:1px solid #508FCC;
border-top:1px solid #508FCC;
padding:5px 10px 5px 10px;
}
.center,#content form p,#footer,#footer img{
text-align:center;
}

.mandat{
color:#508FCC;
}
.question{
border-top:1px solid #BFD0D7;
color:#508FCC;
cursor:pointer;/* Cursor is like a hand when someone rolls the mouse over the question */
font-size:1em;
font-weight:bold;
padding:10px 0px 10px 0px;
text-decoration:underline;
}
.right{
text-align:right;
}
/* Advert style for block under navigation */
#ad{
background-color:#F0F0F0;
border:1px solid #CCCCCC;
display:block;
margin:10px 7px 10px 5px;
padding:0px;
width:195px;
font-size: .9em;
}
#ad  a:hover img{
background-color:#FFFFFF;
}
#ad a{
color:#696969;
display:block;
padding:10px;
}
#ad a:hover{
background-color:#A7C7E5;
color:#FFFFFF;
text-decoration:none;
}
#ad img{
border:0px;
margin:0px 0px 5px 0px;
padding:10px;
}
#col1, .col1{
border-right:1px solid #BFD0D7;
float:left;
}
#col2, .col2{
float:right;
}
#col1, .col, #col2, .col2{
	margin:0px 0px 10px 0px;
padding:0px 10px 0px 0px;
width:310px;
}

#content{
padding:0px;
width:715px;
float:right; 
margin: 335px  15px 0 15px; 
}
#content .removed{
display:none !important;
}
#content a.call{
line-height:2em;
}
#content div.sflow{
background:url(../images/flow_bg.gif) repeat-y top center;
}
#content div.step{
background-color:#FFFFFF;
color:#333333;
font-size:1em;
height:71px;
margin:0px 5px 10px 5px;
}

#content h1{
color:#333333;
font-size:1.5em;
margin:15px 0px 10px 0px;
padding:0px 0px 0px 0px;
	font-weight: normal;
}
#content h1 a{
	color:#333333;	font-weight: normal;
}
#content h1 a:hover{
	color:#000000;
}
#content h2{
color:#508FCC;
font-size:1.5em;
margin:15px 0px 15px 0px;
	font-weight: normal;
}
#content h2.frontpage{
font-size:1.5em !important;
}
#content h2 img{
display:inline;
font-size:1.5em;
width:327px;
}
#content h3{
color:#333333;
font-size:1.3em;
margin:10px 0px 5px 0px;
padding:0px 0px 0px 0px;
	font-weight: normal;
}
#content h4{
font-size:1.1em;
margin:10px 0px 5px 0px;
	font-weight: normal;
}
#content img{
font-family:Helvetica,Arial,sans-serif;
font-size:1em;
font-weight:bold;
margin:0px 0px 0px 0px;
}
#content ul{
color: #333;
list-style-image:url(../images/bullet.gif);
margin:0px 0px 15px 20px;
line-height: 1.5em;
padding:0px 0px 0px 0px;
}
#content ul ul {
	font-size: 1em;
}

/* footer */
#footer{
margin: 30px 0 0 0 ;
border-top:1px solid #BFD0D7;
clear:both;
position: relative;
}
#footer p{
clear:both;
color:#A9A9A9;
font-size:0.9em;
}
#footer ul{
margin:15px 0px 20px 0px !important;
text-align:center;
}
#footer ul li{
margin:0 7px 0 0;
padding:0px;
list-style:none;
display: inline;
border-right: 1px solid #999;
}
#footer ul li.last {
	border-right: none;
}
#footer ul li a{
color:#696969;
line-height:1.8em;
text-decoration:none;
padding-right: 10px;
}


/* left side nav */
#nav{
position: absolute;
width:200px;
float: left;
margin: 0 0 0 10px; 
top: 345px;
}
#nav #main li{
margin:0px 0px 3px 0px;
padding:0px 0px 0px 0px !important;
position: relative;
}
#nav #main li a{
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
margin:0px 0px 0px 0px !important;
padding:32px 0px 7px 8px;
font-weight: normal !important;
height: 1%;
}
#nav h4{
margin:10px 0px 5px 10px;
font-size: 1.2em;
	color:#508fcc;
	font-weight: normal;
	text-transform: uppercase;
}
#nav h4 a{
	color:#508fcc;
	font-weight: normal;
}
#nav h4 a:hover{
color:#a7c7e5;
}
#nav li a,#enquiry li a{
display:block;
text-decoration:none;
}
#nav li,#enquiry li{
margin:0px 2px 0px 1px;
padding:4px 0px 6px 5px;
}
#nav ul{
list-style:none;
margin:0px 0px 0px 5px;
padding:0px 0px 10px 0px;
}
#nav ul li{
padding:0px  !important;
}
#nav ul li a{
margin:0px 0px 0px 0px;
padding:5px;
color:#696969;
}
#nav h4 {
	border-bottom: 1px solid #ddd;
	padding: 0 0 4px 0; 
}
#nav h4 a{
	color:#508fcc;
	display: block;
	text-transform: uppercase;
}

.debt_article {
border-top: 1px solid #BFD0D7;
margin-bottom: 10px;
display:block;
clear:both;
}
#debtquestion {
border-bottom: 1px solid #BFD0D7;
margin-bottom: 10px;
}
#debtquestion h2 {
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
}
#debtquestion p{
line-height: 35px;
}
#debtquestion p a{
background: url(../images/question.gif) top left no-repeat;
padding: 10px 0px 15px 50px; 
color: #696969;
}
#debtquestion p a:hover{
background: url(../images/question.gif) bottom left no-repeat;
}
.right {
	float: right;
}
.left {
	float: left;
}
a:hover img.left , a:hover img.right{	
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}
div.rightblock{	
float:right;
width:485px;
height:180px;}

/* TABLE STYLES */

table {
	background-color: #D3E3F2;
	border: 0px solid #e5e5e5;
	border-collapse: separate;
	border-spacing: 1px 1px;
	*border-collapse: expression('separate', cellSpacing = '1px');
	margin-bottom: 2em;
	font-size: 1em;
}

table tbody th {
	font-weight: bold;
	text-align: left;
	color: #000 !important;
	border: 1px solid #ffffff;
	padding: .5em;
	line-height: 110%;
}

table td {
	border: 1px solid #ffffff;
	padding: .5em;
	line-height: 130%;
}

table tfoot td {
	font-weight: bold;
}
table td a {
	font-weight: bold;
	color: #006600;
}
table tfoot tr, table tfoot tr td {
	background-color: #D3E3F2;
}

table thead th {
	background-color: #4b96cd;
	border: 1px solid #ffffff;
	padding: .5em;
	text-align: left;
	line-height: 110%;
	color: #ffffff !important;
	white-space: nowrap;
}

table tr td {
	background-color: #D3E3F2;
}
table tbody tr th {
	background-color: #A5CAE6;
}
 /* breadcrumbs */
#breadcrumbs {
	width: 565px;
	margin: 20px 0px 0px 0px; 
}
#breadcrumbs ul{
	margin: 0px  ;
	padding: 0px ;
}
#breadcrumbs ul li{
	display: inline;
	font-size:1em;
	color:#a9a9a9;
	padding: 0px 10px 0px 0px; 
	margin: 0px;
}
#breadcrumbs ul li a{
	padding: 0px 0px 0px 5px; 
	margin: 0px;
	font-weight:bold;
}
#content h1, #content h2, #content h3, #content h4, #nav h4{
	font-family:  Tahoma, Geneva, sans-serif ;
}
#sitesearch input.hidden, #content fieldset br, #nav #main li h1{
	display:none;
}

/*	----------------------------------------------
	DMP companies comparison table styles
	=========================================== */
	
table#compare {
	margin: 0 0 1em;
	padding: 0;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	*border-collapse: expression('collapse', cellSpacing = '0');
}

table#compare caption {
	margin-bottom: 1em;
	text-align: left;
}

table#compare tbody tr {
	border-top: 1px solid #fff;
}

table#compare tbody td {
	background-color: #D3E3F2;
	border: 0 none;
	height: 43px;
}
table#compare tbody tr.last td,
table#compare tbody tr.last th {
	padding-bottom: 0;
	height: 33px;
}

table#compare thead th {
	background: url(../images/table-compare-head.gif) no-repeat center bottom;
	white-space: normal;
	color: #404040 !important;
	border: 0 none;
	padding-top: 25px;
	vertical-align: top;
}
table#compare thead th.first {
	background: url(../images/table-compare-head.gif) no-repeat left bottom;
}
table#compare thead th.last {
	background: url(../images/table-compare-head.gif) no-repeat right bottom;
}
table#compare thead th.payplan {
	text-align: center !important;
	width: 129px;
	padding: 0 !important;
	height: 67px;
	text-indent: -999999px;
	background: url(../images/table-compare-payplan-th.gif) no-repeat center bottom;
}
table#compare tbody td.payplan {
	background: url(../images/table-compare-payplan-td.gif) repeat-y center transparent !important;
}
table#compare tbody td.payplan,
table#compare tfoot td.payplan {
	text-align: center;
}

table#compare tbody th {
	background-color: #D3E3F2;
	white-space: normal;
	border: 0 none;
	font-weight: normal;
}

table#compare tfoot td {
	border: 0 none;
	padding-top: 0;
	padding-bottom: 0;
	background: url(../images/table-compare-foot.gif) no-repeat center top transparent !important;
}
table#compare tfoot td.first {
	background-position: left top !important;
}
table#compare tfoot td.last {
	background-position: right top !important;
}
table#compare tfoot td.payplan {
	background: url(../images/table-compare-payplan-tfoot.gif) no-repeat top center transparent !important;
	height: 55px;
	padding: 0;
}

table#compare tfoot td a {
	display: block;
	background: url(../images/table-compare-contact-us.gif) no-repeat center;
	padding: 10px 0;
	margin: 0 !important;
	line-height: 1;
	color: #fff;
	text-transform: uppercase;
}

/*	--------------------------------------------------
	get help now button on 'how-much-could-i-save.php'
	-----------------------------------------------	*/
div.ghn {
	margin: 0;
	float: right;
}
div.ghn a{
	background: url(../images/how-much-save-form-cta.png) no-repeat;	
	width: 203px;
	height: 54px;
	border: 0 none;
	display: block;	
}
div.ghn a:hover{
	background: url(../images/how-much-save-form-cta.png) 0 -54px no-repeat;	
	cursor: pointer;
}
div.ghn a span.button{
	display: none;
}