@charset "UTF-8";

/*Note:This CSS file may not always be valid according to the W3C standards.
It may contain proprietary/nonstandard or yet unsupported code.
This code is used to fix certain user agent rendering bugs, or to enhance the website/application in the case of more advanced user agents.*/

/*
@website:
@author:andrei stefan
@copyright:andrei.stefan@spotonearth 2008 

1.   general rules
1.1. global reset
1.2. typography
1.3. forms
1.4. tables
1.5. alignment classes
1.6. floats
1.7. misc

2.   layout
2.1. container
2.2. header
2.3. content
2.4. footer
*/

/*************************************
1. General rules
**************************************/

/*---------1.1. global reset-------------*/
*{ 
    margin:0px;
    outline:0; 
    font-size:100%; 
    text-decoration:none;
		text-indent:0px;
		font-style:normal;
		font-family:inherit;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, ul, ol, li, dl, dt, dd, fieldset, form, label, legend, input, select, option, optgroup{
	padding:0px;
}

html{
	width:100%;
	height:100%;
}

body {
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	background:#f7f7f7;
}

*:focus::-moz-focus-inner {
    border-color: transparent ! important;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

pre {
	white-space: pre; /* CSS2 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap; /* HP printers */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: pre-wrap; /* CSS 2.1 */
  word-wrap: break-word; /* IE */
	width:100%; /*IE*/
	overflow:auto;
}

pre code{
	display:block;
}

fieldset,
img{
	border:none;
}

ul,
ol{
	padding-left:2em;
	list-style-position:outside;
}

#header ul,
#header ol,
#footer ul,
#footer ol,
#sideContent ul,
#sideContent ol{
	padding:0px;
	list-style:none;
}
/*end*/

/*-------1.2. typography----*/

/*headings and paragraphs*/
h1{
	font-size:120%;
	text-transform:uppercase;
	color:#e91751;
	border-bottom:1px solid #e5e5e5;
	padding:7px 10px; 
	margin:0px 0px 10px 0px;
}

h2{
	font-size:120%;
	text-transform:uppercase;
	color:#e91751;
	margin:0px 0px 10px 0px;
}

.mainContent h2{
	margin:0px 10px 10px 10px;
}

.box h2{
	margin-bottom:5px;
}

h3{
	background:#e6f9ff;
	padding:7px 10px;
	margin:0px 0px 10px 0px;
	color:#0394d7;
}

h4{}

h5{}

h6{
	font-size:130%;
	font-weight:normal;
	margin-bottom:5px;
}

blockquote h6{
	color:#0394D7;
}

p{
	margin-bottom:10px;
	line-height:2em;
}

.mainContent p{
	margin:7px 10px 15px 10px; 
}

.box p{
	line-height:1.4em;
	margin:0px 0px 15px 0px !important;
}

blockquote{
	background:url(../images/leftQuote.gif) top  left no-repeat;
	margin-bottom:15px;
}

blockquote div{
	background:url(../images/rightQuote.gif) top right no-repeat;
	padding:10px 10px 0px 10px;
	margin:0px 0px 0px 30px;
	border-bottom:1px solid #dedede;
}

blockquote p{
}

.mainContent blockquote{
	margin:0px 10px;
}

/*links*/
a{
	cursor:pointer;
	color:#c4112f;
}

a:link,
a:visited{
	text-decoration:underline;
}

a:hover, 
a:focus,
a:active{
	text-decoration:none;
}

/*phrase elements*/
strong, b{
	font-weight:bold;
}

em, i{
	font-style:oblique;
}

del, strike, s{
	text-decoration:line-through;
}

ins, u{
	text-decoration:underline;
}

abbr,
acronym{
	border-bottom:1px dashed #000;
	cursor:help;
	font-variant:normal;
}

sup{
	vertical-align:text-top;
}

sub{
	vertical-align:text-bottom;
}

dfn{}

cite{}

kbd{
	padding: 0px 2px;
	background:#F7F7F7;
	border-style:solid;
	border-color:#eee;
	border-width: 1px 2px 2px 1px;
}

var{}

code{}

samp{}
/*end*/

/*------------1.3. forms-----------------*/
form{}

fieldset{
	background:#f7fdff;
	border:1px solid #d9f3fb;
	margin-bottom:15px;
}

fieldset.left{
	float:left;
	clear:left;
	width:440px;
}

fieldset.right{
	float:right;
	clear:right;
	width:440px;
	text-align:left;
}

div.submit{
	float:right;
	clear:right;
	width:440px;
}

div.submit p{
	padding:15px 0px 0px 0px;
}

form ol,
form ul{
	padding:0px;
	list-style:none;
	padding:10px 15px;
}

form li{
	margin-bottom:3px;
}

form dl dt{
	float:left;
	clear:left;
	width:50%;
}

form dl dd{
	float:right;
	clear:right;
	width:50%;
}

label{}

form li label{
	display:block;
}

form label.desc{
	cursor:default;
}

div.legend{
	text-transform:capitalize;
	color:#0394d7;
	background:#e6f9ff;
	padding:5px 20px;
	border-bottom:1px solid #d9f3fb;
	font-size:120%;
}

input.textInput{
	border:1px solid #7eb5c7;
	padding:1px;
	width:240px;
}

input.textInput:focus,
input.textInput:active{
	background:#E6F9FF;
}

input.textInput:focus,
input.textInput:active{}

input.passwordInput{}

input.fileInput{}

input.hiddenInput{}

input.radioInput{}

input.checkbox{}

input.imageInput{}

input[type="submit"],
input[type="reset"],
input[type="button"]
{
	cursor:pointer;
}

button,
.submitBtn,
.resetBtn { 
  width:auto;
	overflow:visible;
  text-align:center; 
	cursor:pointer;
}

button span { 
  display:block; 
  white-space:nowrap; 
}

.submitBtn{}

.resetBtn{}

.submitBtn:hover,
.submitBtn:focus,
.submitBtn:active,
.resetBtn:hover,
.resetBtn:focus,
.resetBtn:active,
button:hover,
button:focus,
button:active{}

select{
	border:1px solid #7eb5c7;
	width:243px;
}

select:focus,
select:active{
	background:#E6F9FF;
}

option{}

optgroup{}

textarea{
	border:1px solid #7eb5c7;
	width:260px;
	height:150px;
}

textarea:focus,
textarea:active{
	background:#E6F9FF;
}
/*end*/

/*--------------1.4. tables-------------*/
table {
  border:none;
	border-collapse:collapse; 
	border-spacing:0;  /*when set to "0" cellspacing has no effect on tables */
}

tr{}

td{}

th{}

caption{
	text-align:center;
	font-weight:bold;
}
/*end*/

/*-------1.5. alignment classes-------*/
.left{
	text-align:left;
}

img.left{
	float:left;
	clear:left;
}

.center{
	text-align:center;
}

img.center{
	margin:0 auto;
	display:block;
}

.right{
	text-align:right;
}

img.right{
	float:right;
	clear:right;
}
/*end*/

/*-------------1.6. floats-------------*/
.floatLeft{
	float:left;
	clear:left;
}

.floatRight{
	float:right;
	clear:right;
}
/*end*/

/*------1.6.1. clearing floats---------*/
.clearfix:after,
form li:after,
form dl:after,
form dt:after, 
form dd:after,
ul:after,
ol:after,
dl:after,
#content:after,
form:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*end*/

/*-------1.7. misc------*/
.accessAid,
#freeAdviceForm legend{
	position:absolute !important;
	top:-9999em !important;
	left:-9999em !important;
	width:0px !important;
	height:0px !important;
	overflow:hidden !important;
	font-size:0px !important;
	margin:0px !important;
	padding:0px !important;
	background:none !important;
}

.noJSWarning{
	text-align:center;
	color:#FF0000;
}

.pad1{}

.pad2{}

.highlight1{
	color:#c4112f;
}     

.box{
	position:relative;
	border:1px solid #2FB7E2;
	background:url(../images/box.gif) bottom left repeat-x;
	margin:0px 0px 15px 0px;
	zoom:1.0;
}

.boxes .box{
	float:left;
	width:290px;
	margin:0px 0px 10px 0px;
}

.boxes .box1{
	margin:0px 15px 10px 0px;
}

.boxes .boxInner{
	height:11.5em;
}

.box .tl{
	background:url(../images/tl1.gif) top left no-repeat;
	position:relative;
	margin:-1px;
	zoom:1.0;
}

.box .tr{
	background:url(../images/tr1.gif) top right no-repeat;
	zoom:1.0;
}

.box .bl{
	background:url(../images/bl1.gif) bottom left no-repeat;
	zoom:1.0;
}

.box .br{
	background:url(../images/br1.gif) bottom right no-repeat;
	padding:1px 1px 30px 1px;
	zoom:1.0;
}

.boxInner{
	padding:15px;
	min-height:60px;
}

.box1 .boxInner{
	background:url(../images/boxInner1.gif) top  right no-repeat;
}

.box2 .boxInner{
	background:url(../images/boxInner2.gif) top  right no-repeat;
}

.box3 .boxInner{
	background:url(../images/boxInner3.gif) top  right no-repeat;
}

.more{
	position:relative;
	padding:1px;
	border-top:1px solid #dedede;
}

.box .more a{
	position:absolute;
	top:-11px;
	right:12px;
	display:block;
	width:194px;
	height:22px;
	line-height:22px;
	overflow:hidden;
	text-transform:uppercase;
	text-align:center;
	background:#fff;
	color:#e91751;
}

.box .more span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/find-out-more.gif) center center no-repeat;
}

.box ul{
	padding:0px;
	list-style:none;
}

.box ul li{
	border-bottom:1px solid #e3e3e3;
}

.box ul a{
	display:block;
	zoom:1.0;
	padding:5px 25px;
	color:#000;
	text-decoration:none !important;
}

.box ul a:hover,
.box ul a:focus,
.box ul a:active,
.box ul li.selected a{
	color:#fff;
	background:#c4112f;
}
/************************************
2. Layout
*************************************/

/*------------2.1. container------------*/
#container{
	font-size:1.1em;
}

.contents{
	width:940px;
	margin:0 auto;
	position:relative;
	font-size:1.25em;
	background:#fff;
}

.contentsL{
	padding:15px;
}

#contentWrap{
	background:#fff url(../images/contentWrap.gif) top left repeat-x;
	zoom:1.0;
}

#contentWrap .contentsL{
	background:url(../images/contents-left.gif) top left no-repeat;
}

#contentWrap .contents{
	background:#fff url(../images/contents-right.gif) top right no-repeat;
}

#footerWrap{ 
	background:url(../images/footerWrap.gif) top left repeat-x;
	padding:0px 0px 60px 0px;
	zoom:1.0;
}

#footerWrap .contents{
	border-top:1px solid #d4d4d4;
	background:#fff url(../images/contents-right2.gif) top right no-repeat; 
}

#footerWrap .contentsL{
	background:url(../images/contents-left2.gif) top left no-repeat; 
}

.innerContent{
	padding:7px 10px;
}
/*end*/

/*------------2.2. header---------------*/
#header{}

a#logo{
	display:block;
	width:355px;
	height:50px;
	background:url(../images/logo.jpg) center center no-repeat;
	text-indent:-999px;
	overflow:hidden;
	float:left;
}

#banner{
	position:relative;
	zoom:1.0;
	clear:both;
	height:300px;
/*
	background:url(../images/banner1.jpg) top center no-repeat;
*/
}

#banner img{
	display:block;
	margin:0 auto;
}
/*--------------------------------------*/
/* @ group main navigation*/
/*--------------------------------------*/
#header #mainNav{
	float:right;
	width:545px;
	text-align:right;
	text-transform:uppercase;
	background:#0394d7;
	font-size:80%;
	margin:5px 5px 0px 0px;
}

#mainNav li{
	float:left;
	border-right:1px solid #fff;
}

#mainNav li.faqLi a{
	width:53px;
}

#mainNav li.last{
	padding-right:0px;
	border-right:none;
}

#mainNav a{
	display:block;
	padding:12px 0px;
	width:81px;
	color:#fff;
	background:#0394d7;
	text-decoration:none;
	text-align:center;
}

#mainNav a:hover,
#mainNav a:focus,
#mainNav a:active,
#mainNav li.selected a{
	background:#c4112f;
}
/*end*/

/*--------------------------------------*/
/* @ group secondary navigation*/
/*--------------------------------------*/
#secNav{
	text-transform:uppercase;
		line-height:5em;
}

#secNav li{
	display:inline;
	padding:0px 7px;
	border-right:1px solid #dadada;
}

#secNav li.last{
	padding-right:0px;
	border-right:none;
}

#secNav a{
	color:#000;
	text-decoration:none;
}

#secNav a:hover,
#secNav a:focus,
#secNav a:active,
#secNav li.selected a{
	color:#c4112f;
	text-decoration:underline;
}
/*end*/

/*------------2.3. content--------------*/
#content{
	padding:5px 0px 20px 0px;
	min-height:140px;
}
/*--------------------------------------*/
/* @ group main content*/
/*--------------------------------------*/
.mainContent{
	width:600px;
	float:left;
	padding:8px 0px 0px 0px;
}

#freeAdviceForm{
	clear:both;
}

#freeAdviceForm label{
	float:left;
	width:11.5em;
	padding:2px 0.25em 0px 0px;
	text-align:right;
	font-size:95%;
}

#freeAdviceForm li{
	font-size:95%;
}

#freeAdviceForm  input,
#freeAdviceForm select,
#freeAdviceForm textarea{
	font-size:100%;
}

#homePhone,
#workPhone,
#mobilePhone,
#email{
	width:220px;
}

#helpServices{
	position:relative;
	height:510px;
	background:url(../images/help-services.jpg) top center no-repeat;
}

#helpServices ul{
	list-style:none;
	padding:0px;
}

#helpServices li{
	position:absolute;
}

#divorceLi{
	top:50px;
	left:0px;
}

#repossesionLi {
	top:50px;
	left:230px;
}

#illHealthLi{
	top:50px;
	left:460px;
}

#cashLi{
	top:50px;
	right:0px;
}

#chainLi{
	bottom:10px;
	left:0px;
}

#bereavementLi{
	bottom:10px;
	left:230px;
}

#relocationLi{
	bottom:10px;
	left:460px;
}

#selRentli{
	bottom:10px;
	right:0px;
}

#freeAdviceLi{
	top:210px;
	left:0px;
}

#helpServices #freeAdviceLi a{
	width:900px;
	height:140px;
}

#helpServices a{
	display:block;
	width:220px;
	height:160px;
	text-indent:-999px;
	overflow:hidden;
}

#contactInfo{
	font-size:120%;
}
/*end*/

/*--------------------------------------*/
/* @ group side content*/
/*--------------------------------------*/
.sideContent{
	width:290px;
	float:right;
	margin:0px 0px 10px 0px;
}
/*end*/
/*-----------2.4. footer----------------*/
#footer{
	text-transform:uppercase;
	padding:10px 0px 0px 0px;
	font-size:90%;
}

#freeAdviceLink{
	position:absolute;
	top:-15px;
	right:15px;
	text-transform:uppercase;
	color:#fb1962;
	text-align:center;
}

#freeAdviceLink a{
	position:relative;
	display:block;
	width:287px;
	height:30px;
	color:#fb1962;
	border:1px solid #d4d4d4;
}

#freeAdviceLink a span{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	height:100%;
	background:url(../images/free-advice.gif) center center no-repeat;
}

#noCharge{
	position:absolute;
	top:-15px;
	right:15px;
	text-transform:uppercase;
	color:#fb1962;
	text-align:center;
	width:207px;
	height:30px;
	border:1px solid #d4d4d4;
}

#noCharge span{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	height:100%;
	background:url(../images/no-charge.gif) center center no-repeat;
}

#copyright {
	float:right;
	margin:0px;
	line-height:5em;
}
 
#copyright a{
	color:#000000;
	text-decoration:none;
} 

#copyright a:hover, a:focus {
	color:#c4112f;
	text-decoration:underline;
}

#copyright img{
	margin-left:5px;
	vertical-align:middle;
}
/*end*/