@import url("sIFR-screen.css");

* html fieldset div span{
border-left:1px solid #333333;
color:#333333;
display:block;
display:none;
font-size:10px;
margin-left:174px;
}
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:#666666;
font-weight:normal;
}
blockquote p{
color: #508FCC;
padding: 0px 35px 15px 35px;    
margin: 8px 0px 5px 0px; 
width: 495px;
font-size: .8em;
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;
} 




body{
background:url(../images/background.gif) repeat-y;
font-family:Arial,Helvetica,sans-serif;
margin:0px 0px 0px 0px;
}
caption{
color:#333333;
font-size:12px;
font-style:italic;
}
div.error input{
border:2px solid #DD0000;
padding:2px;
}
div.error label{
color:#DD0000 !important;
font-weight:bold;
}
div.error p{
color:#DD0000  ;
font-weight:bold;
margin:0px 0px 0px 190px !important;
padding:0px 0px 5px 0px !important;
text-align:left !important;
clear: left;
}
div.error strong.freq,div.error strong
{
	color:#7E7E7E !important;
}
strong{
color:#333333 !important;
}
div.image{
float:right;
margin-left:10px;
}
fieldset div span{
display:none;
font-weight:normal;
padding:3px 4px 3px 4px;
}
fieldset div:hover span{
background-color:#FFFFFF;
border:1px solid #333333;
color:#333333;
display:block;
float:right;
font-size:10px;
margin-left:169px;
position:absolute;
z-index:100;
}
fieldset#errors legend,div#errors{
background-color:#DD0000;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
margin:0px 0px 10px 0px;
padding:10px 10px 10px 10px;
}
fieldset#errors p,div#errors ul li{
color:#DD0000 !important;
font-weight:bold;
margin:0px 0px 0px 20px !important;
padding:0px 0px 0px 0px !important;
text-align:left !important;
}
form,#enquiry ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
h1 em,form fieldset strong{
color:#999999;
}
h1.frontpage{
font-size:24px !important;
}
h1.large{
font-size:19px;
text-align:center;
}
h2.frontpage{
font-size:18px !important;
}
hr{
background-color:#BFD0D7;
border:0px;
color:#BFD0D7;
height:1px;
}
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;
}
input,textarea,select{
background-color:#FEFEFE;
border-bottom:#D6D6D6 1px solid;
border-left:#7E7E7E 1px solid;
border-right:#D6D6D6 1px solid;
border-top:#7E7E7E 1px solid;
padding:3px;
}
/* Layout properties for your question  */
input.button{
background-color:#FFFFFF;
background-repeat:repeat-x;
border:0px none;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
margin:4px 4px 0px 0px;
padding:3px 2px 3px 2px;
width:auto;
}
input.clear,#print input,#print textarea{
border:0px;
}
input:focus,textarea:focus{
border:solid 2px #508FCC;
padding:2px;
}
label{
color:#333333;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
margin:4px 0px 6px 0px;
}
label.inline{
display:inline;
width:auto;
}
label.radio input{
background-color:transparent;
border:0px none;
clear:none;
float:left;
margin:0px 0px 0px 0px !important;
padding:0px 0px 0px 0px !important;
}
li{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
}
ol{
color:#333333;
font-size:12px;
margin:0px 0px 0px 20px;
padding:0px 0px 0px 0px;
}
p{
color:#333333;
font-size:.75em;
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 ;
font-size:.7em;
vertical-align:super;
}
strong.large{
font-size:20px;
}
td{
background-color:#D3E3F2;
color:#333333;
font-size:12px;
vertical-align:top;
}
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:13px;
}
ul ul,ul ol,ol p,p,ul{
font-size:12px;
}

.answer{
border-bottom:1px solid #BFD0D7;
display:none;
margin:0px;/* This one should not be changed */
padding:10px 0px 10px 0px;
width:570px;/* Layout properties - You can change these */
}
.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:12px;
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:183px;
}
#ad  a:hover img{
background-color:#FFFFFF;
}
#ad a{
color:#666666;
display:block;
font-size:11px;
padding:10px;
}
#ad a:hover,#nav ul li a:hover{
background-color:#A7C7E5;
color:#FFFFFF;
text-decoration:none;
}
#ad img{
border:0px;
margin:0px 0px 5px 0px;
padding:10px;
}
#col1{
border-right:1px solid #BFD0D7;
float:left;
margin:0px 0px 10px 0px;
padding:0px 10px 0px 0px;
width:265px;
}
#col2{
float:right;
margin:0px 0px 10px 0px;
padding:0px 10px 0px 0px;
width:265px;
}
#content{
background-color:#FFFFFF;
left:205px;
margin:0px 10px 0px 10px;
padding:0px;
position:absolute;
top:265px;
width:565px;
}
#content #breadcrumb{
font-size:.7em;
line-height:.8em;
margin:5px 0px 0px 0px;
padding:10px 0px 0px 0px;
}
#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:12px;
height:71px;
margin:0px 5px 10px 5px;
}
#content fieldset{
border:0px none;
float:none;
margin:0px 5px 5px 5px;
padding:5px 5px 10px 5px;
}
#content fieldset div{
clear:both;
font-weight:bold;
margin:3px 0px 3px 0px;
position:relative;
}
#content input.checkbox{
background-color:transparent;
border:0px none;
width:13px;
height: 13px;
margin: 5px 0px 5px 5px; 
clear: none;
}

#content fieldset p{
margin:5px 0px 3px 0px;
}
#content form{
background-color:#F0F0F0;
border:1px solid #CCCCCC;
/*background-color:#F6F9FC;
border:1px solid #508FCC;*/
margin:0px 0px 0px 0px;
padding:5px;
}
#content h1{
color:#333333;
font-size:17px;
margin:15px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
#content h1 a{
	color:#333333;
}
#content h1 a:hover{
	color:#000000;
}
#content h2{
color:#508FCC;
font-size:17px;
margin:15px 0px 15px 0px;
}
#content h2 img{
display:inline;
height:14px;
width:327px;
}
#content h3{
color:#333333;
font-size:15px;
margin:10px 0px 5px 0px;
padding:0px 0px 0px 0px;
}
#content h4{
font-size:1.0em;
margin:10px 0px 5px 0px;
}
#content img{
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
font-weight:bold;
margin:0px 0px 0px 0px;
}
#content input,#content textarea,#content select{
margin:0px 0px 5px 5px;
width:240px;
}
#content select.auto {
	width: auto;
}
#content input.amount{
width:120px;
}
#content input.button, #content input:focus.button{
background-image:url(../images/form-button.gif);
border: 0px none !important;
color:#999999;
font-size:12px;
font-weight:bold;
margin:0px 0px 0px 210px;
padding:7px 0px 7px 0px;
width:122px !important;
}
#content input:hover.button{
background-image:url(../images/form-button-over.gif);
color:#696969;
cursor:pointer;
margin:0px 0px 0px 210px;
padding:7px 0px 7px 0px;
}
#content label{
display:block;
float:left;
margin:5px 5px 0px 0px;
text-align:right;
width:190px;
}
#content label.radio{
padding:0px 0px 0px 0px !important ;
margin: 5px 0px 10px 0px !important ; 
width: 60px;
/line-height: 20px;
text-align: left;
}
#content label.radio input{
width:30px;
}
#content legend{
font-weight:bold;
color:#7E7E7E;
margin:5px;
padding:0px;
background-color: #F0F0F0;
border-bottom: 1px solid #D2D2D2;
}
#content ul{
color:#333333;
font-size:.75em;
list-style-image:url(../images/bullet.gif);
margin:0px 0px 15px 20px;
padding:0px 0px 0px 0px;
}
#content ul ul {
	font-size: 1em;
}
#enquiry{
height:67px;
width:67px;
left:706px;
position:absolute;
top:210px;
}
#enquiry a{
background-image:url(../images/enquiry-button.gif);
color:#FFFFFF;
display:block;
font-size:9px;
padding: 40px 0px 15px 0px !important ;
margin: 0px 0px 0px 0px !important; 

text-align:center;

}
#enquiry a:hover{
background-image:url(../images/enquiry-button-over.gif);
}
#enquiry strong,#sitesearch input.hidden,#content fieldset br,#nav #main li h1{
display:none;
}
#footer{
border-top:1px solid #BFD0D7;
clear:both;
margin-top:20px;
padding-top:15px;
}
#footer p{
clear:both;
color:#A9A9A9;
font-size:11px;
font-weight:bold;
}
#footer ul{
float:left;
margin:0px 5px 20px 0px !important;
text-align:left;
}
#footer ul li{
font-size:9px;
margin:0px;
padding:0px;
}
#footer ul li a{
color:#666666;
display:block;
line-height:1.8em;
text-decoration:none;
width:183px;
}
#image{
background-image:url(../images/home-image.jpg);
background-repeat:no-repeat;
height:180px;
left:15px;
position:absolute;
top:95px;
width:770px;
}
#image #slogan img{
float:right;
padding:13px 12px 0px 0px;
}
#image #slogan ul{
clear:both;
float:right;
font-size:11px;
list-style:none;
margin:3px 20px 0px 0px;
text-align:right;
}
#image #slogan ul li{
font-weight:bold;
padding:1px 0px 1px 0px;
}
#image #slogan ul li a{
color:#696969;
text-decoration:none;
}
#image #slogan ul li a:hover{
color:#333333;
text-decoration:underline;
}
#links{
left:170px;
/left: 210px;
position:absolute;
top:11px;
width:auto;
z-index:20;
}
#links ul li{
display:inline;
font-size:11px;
margin:0px;
padding:0px;
}
#links ul li a{
border-right:1px solid #A9A9A9;
color:#666666;
line-height:1.6em;
margin:0px;
padding:0px 5px 0px 5px;
text-decoration:none;
}
#links ul li a.last{
border:0px none;
}
#links ul,#footer ul{
list-style:none;
margin:0px 0px 0px 0px;
}
#masthead{
left:14px;
position:absolute;
top:97px;
}
#nav{
left:12px;
position:absolute;
top:275px;
width:190px;
}
#nav #main li{
margin:0px 0px 3px 0px;
padding:0px 0px 0px 0px !important;
}
#nav #main li a{
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
font-size:10px;
margin:0px 0px 0px 0px;
padding:30px 0px 10px 7px;
}
#nav #main li a.calc{
background-color:#EC7419;
background-image:url(../images/button-calc.gif);
}
#nav #main li a.get{
background-color:#EC7419;
background-image:url(../images/button-get.gif);
}
#nav #main li a.calc:hover, #nav #main li a.get:hover{
background-color:#F5B98C;
}
#nav #main li a.dmp{
background-color:#508FCC;
background-image:url(../images/button-dmp.gif);
}
#nav #main li a.iva{
background-color:#508FCC;
background-image:url(../images/button-iva.gif);
}
#nav #main li a.mort{
background-color:#508FCC;
background-image:url(../images/repossession.gif);
}
#nav #main li a:hover{
background-color:#A7C7E5;
}
#nav h4{
margin:20px 0px 5px 10px;
}
#nav h4 a{
	color:#696969;
}
#nav h4 a:hover{
color:#333333;
}
#nav li a,#enquiry li a{
color:#666666;
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 0px 0px;
}
#nav ul li{
padding:0px  !important;
}
#nav ul li a{
font-size:11px;
font-weight:normal;
margin:0px 0px 0px 0px;
padding:5px;
}
#header {
left:20px;
position:absolute;
top:10px;
}
#header #tel{
left:585px;
position:absolute;
top:40px;
}
#header #tel p{
color:#999999;
font-size:11px;
margin:0px;
padding:0px;
text-align:center;
width:180px;
}
#header img#logo{
height:83px;
width:164px;
}
#header strong{
	display: none;
}
#sitesearch{
left:386px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:absolute;
text-align:right;
top:5px;
width:400px;
}
#sitesearch input{
/margin:0px 5px 5px 0px;
background-color:#FFFFFF;
font-size:12px;
padding:3px 3px 3px 3px;
width:105px;
}
#sitesearch input.button, #sitesearch input:focus.button{
background-image:url(../images/form-button-small.gif);
color:#999999;
cursor:pointer;
border: 0px none !important;
margin:0px 0px 0px 0px;
padding:7px 0px 7px 0px;
width:64px;
}
#sitesearch input:hover.button{
color:#696969;
background-image:url(../images/form-button-small-over.gif);
}
#sitesearch label{
color:#508FCC;
display:inline;
margin:0px 0px 0px 0px;
}
#slogan img{
color:#333333;
float:right;
font-weight:normal;
margin:5px 5px 0px 0px;
text-align:right;
}
a.hintanchor{
				background-image:url(../images/form-help.gif);
				background-position:top;
				background-position:center;
				background-repeat:no-repeat;
				color:#999999;
				margin:0px 0px 0px 5px;
				padding:2px 6px 2px 6px;/*CSS for link that shows hint onmouseover*/
				text-decoration:none;
			}
			a:hover.hintanchor{
				background-image:url(../images/form-help-over.gif);
				color:#696969;
				text-decoration:none;
			}
			#hintbox{
				font-size: 0.8em;
				background-color:#4392C4;
				border:0px solid ;
				line-height:18px;
				margin:0px;
				padding:10px;
				color: white;
				font-weight: bold;
				position:absolute;/*CSS for pop up hint box */
				top:0;
				visibility:hidden;
				width:180px;/*Default width of hint.*/
				z-index:100;
			
			}
			#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: #666666;
			}
			#debtquestion p a:hover{
				background: url(../images/question.gif) bottom left no-repeat;
			}